@charset "utf-8";

html, body {
  font-size: 13px;}

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;}

/*===========================================================
＊ smp delete
===========================================================*/

body#home #page #content #sub,
body#home #page #contentbiz #sub,
#copy .logo{
  display:none;}

/*===========================================================
＊ reset
===========================================================*/

/*all*/
#page #main #maincolumn,
#page #content,
body#home #page #content,
#page #content #layout,
body#home #page #content #layout,
#page #contentbiz,
body#home #page #contentbiz,
#page #contentbiz #layout,
body#home #page #contentbiz #layout,
/*header*/
#headMain,
#header #logo,
.uNav,
.uNav li.collection,
#gNav,
#gNav .end,
#tagline,
/*content*/
.bread_crumb ul,
/*side*/
div#side,
/*footer*/
#fMine,
.fSiteMap,
#copyright_inner,
#footer #copy{
  width: auto;}
#header,
.bread_crumb,
#footer{
  min-width: inherit;}

#page #content,
#page #contentbiz,
body#home #page #content #layout,
div#side{
  float:none;}



/*===========================================================
＊ smart.css  画面の横幅が640pxまで
===========================================================*/

body{
  font-size:14px;
  -webkit-text-size-adjust: none;}

.imgL,
.imgR{ float:none; text-align:center; margin:0 0 10px 0;}

/*===========================================================
＊ common
===========================================================*/
#header{
  height:auto;
}

#page #content{
  padding:0 5px 10px;}

#page #menu_area,
#page #menu_area2{
  background:#ffffff;
  padding:0;
  margin-bottom:0px;
}

#header{
  background:#FFFFF;
  padding:0;}
#header .area{
  padding:0 0 4px 0;
  height:75px;
  background:#FFFFFF url(/site/img/common/bg_header_smart.jpg) repeat-x 0 bottom;}

#header #logo{
  position: inherit;
  top: inherit;
  left: inherit;
  width:auto;
  width:230px;
  height:auto;
  vertical-align:middle;
  margin:0px;
  padding:5px 0 0px 10px;}
/*#header #logo img{
  max-height:79px;}*/

.bread_crumb{
  padding:3px 5px 4px;}

#fNav{
  padding:5px 0 0;}
#fNav .inner{
  border-top:2px solid #1F4EA6;
  padding:11px 0 5px;
  background:#FFFFFF;}
#fNav .inner ul{
  padding-left:0;
  background:none;}
#fNav .inner ul li{ 
  float:left;
  width:64%;
  background:none;}
#fNav .inner ul li.fleft{
  width:50%;}
#fNav .inner ul li a{
  font-size:13px;
  color:#0066CC;
  margin:0 5px 5px 10px;
  padding:7px 0 7px 15px;
  background: url(/site/img/common/a_cursor.gif) no-repeat 0 center;
  text-decoration: underline;}
#fNav .inner ul li a:hover{
  text-decoration:none;}

#topMenu li{
  width:49.0%;}

/*===========================================================
＊ globalnav
===========================================================*/
#hNavMenu{
  display:inherit;
/*  display:none;*/
  width:48px;
  height:48px;
  text-align:center;
  position:absolute;
  top:15px;
  right:10px;
  z-index:9999;}

#nav{
  display:none;
  position:relative;
  padding-bottom:15px;}

#gNav {
  display: inherit;
  width:auto;
  position:relative;
  overflow:hidden;
  z-index:888;
  padding:0 3px;
  background:none;}
#gNav li{
  position:relative;
  float:left;
  display:block;
  width:100%!important;
  background:#F2F0F5;
  padding-top:3px;}
#gNav a{
  color:#FFFFFF;
  width:98%;
  border:1px solid #FF9710;
  display:block;
  text-align:center;
  border-radius:6px;
  padding:1px;
  margin:0 2px;
  background:#FF9710 url(/site/img/common/gnav_bg_sp.png) repeat-x 0 bottom!important;}


#gNav a div{
  border-radius:6px;
  padding:8px 10px 6px;
  border:1px solid #FFFFFF;
  background:url(/site/img/common/ico_arw_wh.png) no-repeat 97% center;
  color:#FFFFFF;
  font-size:14px;}

#gNav a:hover,
#gNav a#act{
  background:#35AA73 url(/site/img/common/bg_grad_bl_on.jpg) repeat-x 0 bottom;}

#tagline {
  display:none;}

#tel {
  display:none;}

.uNav{
  width: auto;
  float:none;
  position:absolute;
  top:140px;
  left:0;
  margin:5px 0 0;
  width:100%;
  text-align:right;
  z-index:666;}
.uNav li{
  width:50%;
  text-align:center;
  float:left;
  padding:0;}
.uNav li.collection{
  width:100%;
  padding:0 8px;}
.uNav a{
  line-height:1.7;
  color:#333333;
  text-decoration: none;
  float:none;
  display:block;
  padding:3px 0;
  background:none;}
.uNav a div{
  display:inline;
  padding:0 0 0 18px;
  background:url(/site/img/common/a_cursor.gif) no-repeat 0 center;}
.uNav a:hover {
  color:#4ECBBB;
  text-decoration:underline;}

/* blue btn */
.uNav li .button02,
.uNav li .button02 a{
  text-align:center;
  border-radius:0;
  padding:0;
  border:0;
  background:none;
  position: inherit;
  display: inline;
  color:#070058;}
.uNav li .button02 a{
  display:block;
  padding:3px 0;
  text-decoration: underline;}

.uNav li .button02 a div{
  padding-left:19px!important;
  background:url(/site/img/common/ico_hito.gif) no-repeat 0 center;}

.uNav li .button02 a:hover{
  color:#070058;
  background:none;}
.uNav li .button02 a .icoHito{
  display: inline;}
.uNav li .button02 a:hover{
  text-decoration:none;}

/*===========================================================
＊ conntent
===========================================================*/

/* table */
.tableDefo dl{
  background:none;}
.tableDefo dl dt{
  width: auto;
  float:none;
  background:#FCF7DA;
  border-bottom:1px solid #C7C2D1;}

.tableDefo .Paragraph{
  float:left;}
  
.tableDefo .Down{
  margin-bottom:5px;}

.tableLong dl dt{
  width:100%;
  padding:10px 0px 10px 10px;
}

.tableLong dl dd{
  padding:10px 20px 10px 10px;
}

.bread_crumb_box{
  display:none;
}

.section2{
  margin:0 0 30px 10px;
}

/*------------------------------------------------------
＊　title
-------------------------------------------------------*/

.headline6 {margin:0 0 20px 0; text-align:center;font-size:18px; }



/*===========================================================
＊ トップページ
===========================================================*/

#mainImage{
  margin:3px auto 20px;
  height: auto;
  width: auto;
  background:none;}

.newsList li div.kubun {
  float: none;
}

.jigyouList li {
  float:none;
  width:100%;
  max-width:385px;
  margin:0 auto 30px auto;
}

.jigyouList li:nth-child(odd) {
  margin-right:auto;
}

.pdfList li{
  float:none;
  width:100%;
  max-width:310px;
  margin:0 auto 30px auto;
}

.pdfList li.large{
  width:auto;
  max-width:100%;
  padding:0px 10px 0px 10px;
}

.pdfList li:nth-child(3n)  {
  margin-right:auto;
}

.jigyouList2 li,
.jigyouList2 li.end {
  float:none;
  width:100%;
  max-width:310px;
  margin:0 auto 20px auto;
}

.youtube{
    margin:0 0px;
}

/*===========================================================
＊ サイドバー
===========================================================*/
div#side{
  margin:0 10px 0 10px;
}

/*===========================================================
＊ sitemap
===========================================================*/

#sitemap .floatL,
#sitemap .floatR{
  width:100%;
  float:none;}

.menuList dl,
.menuList .fast dl{
  margin:0 auto 30px;}
.menuList dl dt{
  display:none;}
.menuList dl dd a{
  display:block;
  text-decoration:underline!important;
  padding-bottom:7px;
  padding-top:7px;}
.menuList dl dd .nav{
  margin-bottom:0;}
.menuList dl dd p{
  margin-bottom:10px;}
.menuNav li a{
  line-height:1.5;
  padding: 2px 0 2px 13px;  
  background: url(/site/img/common/a_cursor02.gif) no-repeat  0 1em;}

/*------------------------------------------------------
＊ 法人概要
-------------------------------------------------------*/
.googlemap{
  width:100%;
  height:360px;
}

.googlemap iframe{
  height: 330px;
}

.googlemap_large{
  padding-top:340px;
  text-align:right;
}

.houshin li{
  padding:12px 0 12px 20px;
}
/*------------------------------------------------------
＊ 事業内容
-------------------------------------------------------*/
.jigyou_naiyou_txt{
  float:none;
  width:100%;
  margin-bottom:10px;
}

.section .w320,
.section .w340,
.section .w450,
.section .w640{
  width:100%;
}

.jigyou_naiyou_img{
  float:none;
  margin:0;
  text-align:center;
}

.jigyouList3 li,
.jigyouList3 li.short,
.jigyouList3 li.end {
  float:none;
  width:100%;
  max-width:310px;
  margin:0 auto 10px auto;
}

.jigyouList3 li div.fnsmall{
  font-size:18px;
}

/*------------------------------------------------------
＊ 小規模作業所
-------------------------------------------------------*/
.wk_houshin_img{
  float:none;
}

.wk_houshin{
  width:100%;
  float:none;
  font-size:16px;
  font-weight:bold;
}

.wk_houshin li{
  line-height:42px;
}

.wk_houshin li img{
  margin-right:10px;
  vertical-align: middle;
}

.shisetu_gaiyou{
  padding:10px 5px 10px 5px;
}

.shisetu_table_left{
  float:none;
  margin-left:0px;
  width:100%;
}

.shisetu_table_under{
  margin-left:0px;
}

.shisetu_table_right{
  float:none;
  width:100%;
}

.shisetu_table th{
  width:60px;
  padding:10px 10px 10px 10px;
}

/*------------------------------------------------------
＊ 授産品・フェアトレード商品
-------------------------------------------------------*/
.goods_right{
  float:none;
  width:100%;
}

.section2 .w300{
  width:100%;
}

.goods_img{
  float:none;
  margin:0;
  text-align:center;
}

/*------------------------------------------------------
＊ お問い合わせ
-------------------------------------------------------*/
.mw_wp_form_input .sendbtn input,
.mw_wp_form_confirm .sendbtn input{
  width:90%;
}

.mw_wp_form_confirm .sendbtn input{
  width:90%;
  margin-bottom:15px;
}

.privacy_box{
  padding:15px 5px 5px 5px;
}

.privacy_box li{
  margin:0 0 15px 20px;
}

.privacy_box2{
  padding:0 0 15px 0;
}

.privacy_box2 li{
  margin:0 0 0 20px;
}

/*------------------------------------------------------
＊ 会員募集
-------------------------------------------------------*/
.kaiin_contact_btn{
  margin:20px 0 20px 0;
}

.kaiin_detail_btn{
  width:75%;
  margin:20px auto 15px auto;
}
.kaiin_table li{
  float:none;
  width:100%;
}

.kaiin_table table{
  border-right:1px solid #CCCCCC;
  border-top:none;
}

.kaiin_table table.first{
  border-top:1px solid #CCCCCC;
}

.kaiin_txt{
  text-align:left;
}

.pdf_txt{
  font-size:11px;
  text-align:left;
}


/*------------------------------------------------------
＊ 寄付
-------------------------------------------------------*/
#donation_area  .donation_btn img{
  width:80%;
}

#donation_area .title_icon img{
  width:50px;
}
#donation_area .probrem_area{
  padding:25px 10px 50px 10px;
}

#donation_area .probrem_area::after {
  border-width: 0 30px 30px 0;
}

#donation_area .probrem_per img{
  width:150px;
}

#donation_area .probrem_title{
  font-size:15px;
  margin-top:-120px;
  padding:0 20px 0 20px;
  line-height:1.2;
}

#donation_area .probrem_per{
  z-index: 1;
  margin-top:-40px;
}

#donation_area .probrem_detail_area{
  margin-top:100px;
}

#donation_area .probrem_photo{
  float:none;
  text-align:center;
  margin-bottom:15px;
}

#donation_area .probrem_detail_right{
  float:none;
  width:auto;
  font-size:14px;
}

#donation_area .utilization_list li{
  float:none;
  width:auto;
  margin-bottom:15px;
  height:auto;
  padding:30px 10px 30px 10px;
}
#donation_area .utilization_list li:first-child{
  margin-right:0px;
}

#donation_area .utilization_title{
  font-size:16px;
  margin-bottom:10px;
}

#donation_area .task_list li{
  float:none;
  width:auto;
  margin-right:0px;
}

#donation_area .task_list li:nth-child(4){
  margin-right:0px;
}

#donation_area .task_list .task_photo img{
  width:300px;
}

#donation_area input[type="submit"].blue {
  width:80%;
}

#donation_area input[type="submit"].yellow {
  width:80%;
}

#donation_area .selectwaku {
  width: auto;
  padding: 15px 10px 15px 10px;
}

#donation_area .selectwaku div {
  float: none;
}
#donation_area .selectwaku input[type="submit"]{
  float: none;
  margin:20px auto 0;
}

#donation_area .shorui{
  width:auto;
  margin:0 auto 20px auto;
}

#donation_area .bank dl {
  font-size: 16px;
  padding: 0 0 0 10px;
  margin: 0 0 37px 12px;
}

/*------------------------------------------------------
＊ フッター
-------------------------------------------------------*/
#footer{
  height:auto;
  margin:0 5px;
  font-size:12px;
}

#footer .fSiteMap ul{
  text-align:center;
}

#footer .fSiteMap ul.set1{  
  width:100%;
  margin-bottom:20px;
}

#footer .fSiteMap ul.set2,
#footer .fSiteMap ul.set5{  
  text-align:left;
  width:50%;
}

#footer .fSiteMap ul li{
  padding-left:10px;
  margin:0 0 8px 0;}
}

#copyright {
  width:100%;
  margin:0px;
  padding:0; }
#copyright p { margin:10px 0 10px 0px;font-size:12px; }

#donation_banner_sp {
  width: 100%;
  bottom: 0;
  position: relative;
  background: #ffffff;
  opacity: 0.9;
  padding: 2% 0 2%;
  border-top: 1px solid #666666;
  z-index: 9998;
  text-align: center;
}


#donation_banner_sp img {
  width: 90%;
}

/*------------------------------------------------------
＊ お知らせ
-------------------------------------------------------*/
.newsList2{
  margin: 0;
}

.newsList2 li div.date {
  float: none;
}

/*===========================================================
＊ charity
===========================================================*/

.photoList {
  width:100%;}
.photoList li{
  width:50%;
  text-align:center;
  margin:0;}
.photoList li div{
  margin:0 2px 4px 2px;}
.photoList li.end{
  margin:0;}

.photoList2th {
  margin:10px auto 10px;}
.photoList2th li{
  width:100%;
  float:none;
  margin-bottom:12px;}
.photoList2th li div{
  margin-right:0;}
.photoList2th li.end div{
  margin:0;}

.displaysp{
  display:block;
}
.displaypc{
  display:none;
}



/*------------------------------------------ End */