@charset "utf-8";

#header_container{
  width : 100%;
  min-width: 1100px;
  height: 126px;
  background-image : url(../img/cloth01.gif);
  background-repeat : repeat-x;
  margin: 0px auto 0px ;
  text-align : center;
}

#header{
  width : 980px;
  margin: 0px auto 0px ;
}

#header img{
  margin-top : 9px;
  margin-left : 10px; 
  width : 163px;
  height : 82px;
  float : left;
}

#header h1{
  font-size : 12px;
  font-weight : bold; 
  text-align : left;
  float : left;
  clear : both;
  padding-left : 23px;
}

#header ul{
  text-align : left;
  margin-top : 13px;
  line-height : 18px;
  margin-right : 20px;
  width : 300px;
  float : right;
}

#navi_container{
  width : 100%;
  min-width: 1100px;
  margin: 0px auto 0px ;
}

#navi{
  width : 980px;
  margin: 0px auto 0px ;
  height : 44px;
  margin-top : 20px;
}

#navi_photo{
  border-width : 1px;border-style : solid;border-color : black;
  width : 980px;
  margin: 0px auto 0px ;
  height : 361px;
}
#navi li{
  margin-right : 5px;
  float : left;
  padding-top : 4px;
}

#navi_photo li{
  margin-right : 50px;
  display : inline;
}

#content_container{
  width : 100%;
  min-width: 1100px;
  margin: 0px auto 0px ;
}

#footer_container{
  width : 100%;
  min-width: 1100px;
  height : 281px;
  background-image : url(../img/cloth_footer.gif);
  background-repeat : repeat-x;
  background-position: 0pt 60pt;
  margin: 0px auto 0px ;
}

#backtop{
  margin-left : auto;
  margin-right : auto;
  width : 980px;
  height : 81px;
}

#backtop img{
  margin-left : 780px;
}

#footer{
  padding-top : 30px;
  margin: 0px auto 0px ;
  width : 980px;
}

#footer ul li{
  padding-right : 12px;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : black;
  display : inline;
  text-align : left;
  margin-left : 12px;
}

#footer ul{
  text-align : center;
}

.navifirst{
  padding-left : 12px;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : black;
}

#footer p{
  margin-top : 80px;
  text-align : center;
  line-height : 20px;
}

.attention{
  color : rgb(253, 65, 2);
}

a:hover{
  color : rgb(5, 106, 228);
  text-decoration : none;
}

#info{
  width : 980px;
  margin: 20px auto 20px ;
}
#address{
  width : 980px;
  margin: 30px auto 0px ;
  position :relative; /*基準ボックス化*/
}

#address dl dt{
  font-weight : bold;
  text-align : left;
  width : 100px;
  height: 23px;
  padding-top : 10px;
  padding-left : 10px;
  padding-bottom : 10px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : white;
  float : left;
  clear : both;
  color : white;
  background-color : rgb(41, 171, 226);
}

#address dl dd{
  margin-left : 110px;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  text-align : left;
  width : 600px;
  height: 23px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(41, 171, 226);
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : rgb(41, 171, 226);
}

#address ul{
  margin-left : 780px;
  border-left-width : 1px;
  border-left-style : dashed;
  border-left-color : rgb(102, 102, 102);
  list-style-type : none;
  padding-left : 20px;
}

#address ul li{
  margin-bottom : 15px;
}

#address dl{
  font-size : 16px;
  width : 750px;
  float : left;
  margin-top : 155px;
  padding-left : 20px;
}

#access{
  width : 980px;
  margin: 5px auto 0px ;
}

.first_AddressDt{
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : rgb(41, 171, 226);
}

.line_tume{
  margin-top : 10px;
}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

* html .clearfix {
	zoom: 1;
} /*IE6*/
*+html .clearfix {zoom: 1;} /*IE7*/

#info dl a{
  color : rgb(0, 115, 242);
}

#info dl dt{
  margin-bottom : 20px;
  width : 90px;
  float : left;
  clear : left;
  padding-top : 5px;
}

#info dl dd{
  padding-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : rgb(153, 153, 153);
  width : 840px;
  float : right;
  font-size : 14px;
}

#address p{
  width : 732px;
  height : 144px;
  position : absolute;
  right : 230px;
  top : 117px;
  z-index : 1;
  visibility : visible;  
}

#access iframe{
  margin-left : 40px;
  margin-bottom : 30px;
}

#access dl{
  margin-left : 40px;
  margin-bottom : 30px;
  width : 900px;
}

#access dl dt{
  font-size : 15px;
  font-weight : bold;
  padding-left : 6px;
  padding-bottom : 2px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : rgb(253, 153, 2);
  padding-top : 3px;
}

#access dl dd{
  padding-top : 10px;
  padding-bottom : 20px;
  font-size : 14px;
  line-height : 22px;
}

#aboutcraft_hdg{
  width : 980px;
  margin: 0px auto 0px ;
}

#aboutcraft_hdg li{
  float : left;
}

#crafttoha{
  width : 980px;
  margin: 0px auto 0px ;
}

#midokoro{
  width : 980px;
  position : relative; /*基準ボックス化*/
  margin: 20px auto 0px ;
}

#shitumon{
  width : 980px;
  margin: 0px auto 0px ;
}

#content_container h2{
  margin-top : 30px;
  margin-bottom : 10px;
}

#crafttoha h3{
  background-image : url(../img/bg_h3.gif);
  background-repeat : no-repeat;
  padding-top : 12px;
  padding-left : 43px;
  height : 40px;
  margin-top : 20px;
  font-size : 16px;
  font-weight : bold;
}

#crafttoha p{
  font-size : 14px;
  line-height : 1.9;
  margin-left : 30px;
  width : 600px;
}

.ph_rightside{
  width : 640px;
  float : left;
  padding-bottom : 50px;
}

.float_clear{
  clear : both;
}

.ph_rightside_underfont{
  font-size : 10px;
  color : rgb(51, 51, 51);
  margin-top : 5px;
  width : 300px;
  padding-left : 30px;
  float : right;
}

#kodawari_noka{
  float : left;
  margin-bottom : 20px;
}

#kodawari_anshin{
  width : 368px;
  float : right;
  position : absolute;
  right : -10px;
  top : 590px;
  
}

#kodawari_noka_shosai{
  width : 610px;
  float : right;
  height : 503px;
}

#midokoro h3{
  margin-bottom : 5px;
}

#midokoro p{
  padding-left : 40px;
  margin-bottom : 20px;
  width : 570px;
  font-size : 14px;
  line-height : 1.9;
}

#shitumon dl{
  margin-bottom : 40px;
  margin-left : 20px;
}

#shitumon dl dt{
  margin-bottom : 15px;
}

#shitumon dl dd{
  margin-bottom : 40px;
  font-size : 14px;
  background-image : url(../img/ico_FAQ_a.gif);
  background-repeat : no-repeat;
  padding-left : 60px;
  margin-left : 30px;
  line-height : 1.9;
  width : 840px;
}

#shitumon dd img{
  padding-top : 20px;
}

#yasai{
  width : 980px;
  margin: 0px auto 0px ;
}

#sonota{
  width : 980px;
  margin: 0px auto 0px ;
}

#sonota h3{
  font-size : 18px;
  font-weight : bold;
  background-image : url(../img/bg_h3_sonota.gif);
  background-repeat : no-repeat;
  padding-top : 5px;
  padding-left : 43px;
  padding-bottom : 12px;
}

#sonota p{
  font-size : 15px;
  line-height : 1.9;
  margin-top : 10px;
  padding-left : 20px;
}

#sonota h4{
  font-size : 12px;
  font-weight : bold;
  line-height : 1.6;
  width : 366px;
  height : 80px;
  padding-top : 40px;
  padding-left : 50px;
  padding-right : 50px;
  
}
#report{
  width : 980px;
  margin: 0px auto 0px ;
}

.sonota_div{
  width : 980px;
  margin-bottom : 35px;
  height : 165px;
}

#report345{
  background-image : url(../img/bg_report345.gif);
  background-repeat : no-repeat;
  width : 980px;
  height : 353px;
  position : relative; /*基準ボックス化*/
}

#report p{
  font-size : 13px;
  line-height : 1.5;
  width : 290px;
  font-weight : bold;
  margin-left : 15px;
  letter-spacing : 1px;
}

#report li{
  font-size : 13px;
  background-image : url(../img/ico_report_li.gif);
  background-repeat : no-repeat;
  margin-bottom : 5px;
  padding-left : 20px;
}

.report_left{
  position : absolute;
  right : 670px;
  top : 0px;
}

.report_center{
  position : absolute;
  right : 340px;
  top : 0px;
}

.report_right{
  position : absolute;
  right : 13px;
  top : 0px;
}
#report345 ul{
  padding-top : 175px;
  width : 290px;
}

#report345 p{
  padding-top : 63px;
}

#report678{
  background-image : url(../img/bg_report678.gif);
  background-repeat : no-repeat;
  width : 980px;
  height : 353px;
  position : relative; /*基準ボックス化*/
}

#report91011{
  background-image : url(../img/bg_report91011.gif);
  background-repeat : no-repeat;
  width : 980px;
  height : 353px;
  position : relative; /*基準ボックス化*/
}

#report1212{
  background-image : url(../img/bg_report1212.gif);
  background-repeat : no-repeat;
  width : 980px;
  height : 353px;
  margin-bottom : 20px;
  position : relative; /*基準ボックス化*/
}

#report678 p{
  padding-top : 63px;
}

#report678 ul{
  padding-top : 175px;
  width : 290px;
}

#report91011 p{
  padding-top : 63px;
}

#report91011 ul{
  padding-top : 175px;
  width : 290px;
}

#report1212 p{
  padding-top : 63px;
}

#report1212 ul{
  padding-top : 175px;
  width : 290px;
}
#sosenkyo{
  width : 980px;
  margin: 0px auto 0px ;
}
#sosenkyo h3{
  background-image : url(../img/bg_h3_sosenkyo.gif);
  background-repeat : no-repeat;
  padding-top : 12px;
  padding-left : 45px;
  height : 40px;
  margin-top : 30px;
  font-size : 16px;
  font-weight : bold;
}
#sosenkyo p{
  font-size : 16px;
  line-height : 1.9;
  padding-left : 20px;
  padding-right : 20px;
}

#sosenkyo dl{
  display : inline;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-top : 20px;
  margin-left : 20px;
  margin-right : 20px;
  margin-bottom : 20px;border-width : 1px;border-style : solid;border-color : rgb(192, 192, 192);
  width : 200px;
  float : left;
  position : inherit;
  text-align : center;
  padding-top : 10px;
}

#sosenkyo dt{
  font-size : 14px;
  font-weight : bold;
  margin-bottom : 5px;
}

#sosenkyo dd{
  font-size : 13px;
  line-height : 1.9;
}
#info dl{
  margin-left : 20px;
  margin-top : 30px;
}

#mediashokai{
  width : 980px;
  margin: 0px auto 0px ;  
}

#mediashokai dl{
  width : 300px;
  margin-right : 25px;
  float : left;
  margin-bottom : 30px;
}

#mediashokai dl dt{
  padding-left : 15px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : rgb(238, 121, 251);
  font-size : 15px;
  font-weight : bold;
  margin-bottom : 10px;
}

#mediashokai dl img{
	border-width : 1px;border-style : solid;border-color : gray;
  margin-top : 10px;
  margin-bottom : 5px;
}

#mediashokai dl dd{
  line-height : 1.5;
}

#recipe{
  width : 980px;
  margin: 0px auto 0px ;
}


#recipe li h3{
  font-size : 10px;
  font-weight : normal;
  text-align : right;
  margin-right : 20px;
  padding-top : 15px;
  margin-bottom : -5px;
}

#recipe li h4{
  font-size : 15px;
  font-weight : bold;
  width : 450px;
  margin-left : 20px;
  padding-left : 10px;
  padding-bottom : 5px;
}

#recipe li dl{
  margin-left : 30px;
  width : 270px;
  float : none;
}

#recipe li dt{
  font-size : 12px;
  font-weight : bold;
  color : orange;
  margin-top : 10px;
}

#recipe p{
  width : 180px;
  clear : none;
  float : right;
  height : 180px;
  margin-top : 10px;
}

#contents_bn p{
  width : 345px;
  height : 143px;
  float : right;
  margin-right : 70px;
  margin-bottom : 20px;
}

#yasai ul{
  width : 980px;
  margin: 0px auto 0px ;
}

#yasai ul li{
  width : 980px;
  padding-bottom : 30px;
  height : 400px;
}

#yasai ul li h4{
  width : 410px;
  float : left;
  background-image : url(../img/bg_yachiyoyasai_leftcoment.gif); no-repeat;
  margin-left : 220px;
  padding-top : 32px;
  padding-left : 55px;
  height : 88px;
  font-size : 13px;
  font-family : Verdana, sans-serif;
  line-height : 1.5;
  background-repeat : repeat;
  padding-right : -50px;
}

#yasai ul li img{
  width : 250px;
  float : right;
}

#yasai_photo1 ul{
  width : 980px;
  margin: 0px auto 0px ;
}

#yasai_photo1 ul li{
  width : 980px;
  margin-bottom : 50px;
  height : 200px;
}

#yasai_photo1 ul li p{
  width : 600px;
  float : left;
}

#yasai_photo1 ul li img{
  width : 250px;
  float : right;
}

#yasai_photo1 ul li h3{
  font-size : 18px;
  font-weight : bold;
  background-image : url(../img/bg_h3_yasai.gif);
  background-repeat : no-repeat;
  padding-top : 5px;
  padding-left : 43px;
  padding-bottom : 12px;
}

#yasai_photo1 p{
  font-size : 15px;
  line-height : 1.9;
  margin-top : 10px;
  padding-left : 20px;
}

#yasai_photo1 h2{
  width : 980px;
  margin: 0px auto 0px ;
}

#yasai ul li h3{
  font-size : 18px;
  font-weight : bold;
  background-image : url(../img/bg_h3_yasai.gif);
  background-repeat : no-repeat;
  padding-top : 5px;
  padding-left : 43px;
  padding-bottom : 12px;
}

#yasai ul li p{
  font-size : 15px;
  line-height : 1.9;
  margin-top : 10px;
  margin-left : 20px;
  width : 600px;
  float : left;
}

#senkyo2015h{
  width : 980px;
  margin: 0px auto 0px ;
}

#senkyo2015h li{
  width : 490px;
  float : left;
}

#senkyo2015h dl{
  width : 450px;
  float : left;
}

#senkyo2015h dl dt{
  font-size : 17px;
  font-weight : bold;
  float : left;
  width : 70px;
  text-align : center;
  margin : 5px auto 0px;
}

#senkyo2015h dl dd{
  font-size : 17px;
  font-weight : normal;
  width : 450px;
  text-align : left;
  clear : right;
}

.position_right{
  float : right;
}

#senkyo2015h ul li h4{
  font-size : 14px;
  font-weight : bold;
  margin-bottom : -10px;
  border-left-width : 4px;
  border-left-style : solid;
  border-left-color : rgb(0, 204, 0);
  margin-left : 50px;
  padding-left : 5px;
}

#recipe li dl dd{
  font-size : 12px;
  line-height : 1.3;
  margin-bottom : 3px;
}

#pankuzu{
  padding-bottom : 10px;
  margin-bottom : 30px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
}

#pankuzu li{
  font-size : 83%;
  display : inline;
}

#pankuzu a{
  background-image : url(../img/ico_arw01.png);
  padding-right : 15px;
  background-repeat : no-repeat;
  background-position : right center;
}

#senkyo_shosai h4{
  font-size : 20px;
  padding-left : 5px;
  margin-left : 30px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : rgb(0, 153, 0);
  margin-top : 20px;
}

#senkyo_shosai h5{
  font-size : 20px;
  font-weight : bold;border-width : 1px 1px 1px 7px;border-style : solid;border-color : orange;
  padding-top : 5px;
  padding-left : 10px;
  margin-left : 40px;
  width : 920px;
  margin-top : 15px;
  height : 25px;
}

#senkyo_shosai h6{
  font-size : 14px;
  font-weight : normal;
  margin-top : 20px;
  padding-left : 60px;
  margin-bottom : 10px;
}

#senkyo_shosai dl{
  width : 920px;
  border-width : 0px 0px 1px;
  border-bottom-style : dotted;
  border-bottom-color : orange;
  margin-left : 50px;
  padding-bottom : 20px;
  margin-top : -10px;
}

#senkyo_shosai dl dt{
  font-size : 18px;
  font-weight : bold;
  background-image : url(../img/ico_crown01.png);
  background-repeat : no-repeat;
  padding-left : 40px;
  text-align : left;
  margin-left : 30px;
  float : left;
  margin-right : 30px;
  padding-top : 4px;
}

#senkyo_shosai dl dd{
  font-size : 12px;
  font-weight : normal;
  line-height : 1.9;
  text-align : left;
}

#k_no1

#y_no1

#y_no2

#y_no3

#y_no4

#y_no5

#y_no6

#y_no7

#y_no8

#k_no2

#k_no3

#k_no4

#k_no5

#k_no6

#k_no7

#k_no8

.hight120{
  height : 120px;
  float : none;
}

.hight60{
  height : 60px;
}

#senkyo_shosai p{
  font-size : 14px;
  margin-left : 40px;
  margin-top : 15px;
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : gray;
}

senkyo2015h dl dd a{
  color : rgb(6, 122, 255);
}

.height125{
  height : 125px;
}

.fb-page{
  float : left;
  width : 500px;
  height : 230px;
  margin-top : -20px;
  margin-left : 20px;
}

#fb iframe{
  float : right;
  width : 450px;
  height : 350px;
  margin-left : 20px;
}

#banner{
  margin: -20px auto 0px ;
  height :200px;
  width : 980px;
}

.bottom20{
  padding-bottom : 15px;
}

#fb{
  width : 470px;
  height : 550px;
  float : right;
}

#contents_bn{
  width : 450px;
  height :500px;
  margin-top:-350px;
  float : right;
}

#event_bn{
  width : 980px;
  height : 180px;
  margin-left:0px;
  margin-bottom:40px;
}

#event_bn p{
  display: inline-block;
  margin-right:1px;
  margin-top:20px;
}

.kage {
  display: inline-block;
  padding:5px 5px;
  color: #FFF;
  text-decoration :none;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #c2c3c6 inset;
  border-radius: 2px;
  transition: .3s;
}

.kage:hover {
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

#aki20{
  width : 980px;
  margin: 10px auto 0px ;
}
#aki20 h2{
  font-size : 18px;
  font-weight : bold;
  padding-left : 5px;
  border-left-width : 6px;
  border-left-style : solid;
  border-left-color:#d9b355;
  margin-top : 30px;
  padding-top : 1px;
}
#aki20 li{
  background-image:url(../img/bg_recipe-aki.png);
  width : 488px;
  height : 278px;
  float : left;
}

#haru2015{
  width : 980px;
  margin: 10px auto 0px ;
}

#haru2015 h2{
  font-size : 18px;
  font-weight : bold;
  padding-left : 5px;
  border-left-width : 6px;
  border-left-style : solid;
  border-left-color : orange;
  margin-top : 30px;
  padding-top : 1px;
}
#haru2015 li{
  background-image : url(../img/bg_recipi-haru.png);
  width : 488px;
  height : 278px;
  float : left;
}

#natu20{
  width : 980px;
  margin: 10px auto 0px ;
}
#natu20 h2{
  font-size : 18px;
  font-weight : bold;
  padding-left : 5px;
  border-left-width : 6px;
  border-left-style : solid;
  border-left-color : rgb(41, 171, 226);
}
#natu20 li{
  background-image : url(../img/bg_recipe-bluedai.png);
  width : 488px;
  height : 278px;
  float : left;
}

.instagram-media {
  float : right;
}
