@charset "utf-8";
/***共通 ***/
/* rnav */
#food ul#fonav { width:1110px; margin:0 auto; padding-left:10px;}
#food ul#fonav:after { content:" " ; clear:both; display:block; height:0; }
#food ul#fonav li { float:left; padding-right:10px;}






/*** index ***/
/* sec1 */
#food.food1 #sec1 { width:1100px; margin:0 auto; background:url(../../food/img/1_sec1_bg.jpg) 0 0 no-repeat; margin-top:10px;}
#food.food1 #sec1:after { content:" " ; clear:both; display:block; height:0; }
#food.food1 #sec1_1 { width:379px; float:left;}
#food.food1 #sec1_1 p.title { padding:40px 0 0 40px;}
#food.food1 #sec1_1 h3 { padding:235px 0 0 15px;}
#food.food1 #sec1_1 p.text1 { width:340px; padding:10px 0 0 20px;}
#food.food1 #sec1_1 h4 { border-left:5px solid #73892d; margin:30px 0 0 20px; padding:0 0 2px 5px;}
#food.food1 #sec1_1 p.text2 { width:285px; border-top:1px solid #73892d; margin:5px 0 0 20px; padding-top:7px;}
#food.food1 #sec1_1 a { display:block; margin:20px 0 0 20px;}
#food.food1 #sec1_1 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#food.food1 #sec1_2 { width:721px; float: right;}
#food.food1 #sec1_2 img.photo1 { padding:70px 0 0 360px;}
#food.food1 #sec1_2 img.photo2 { padding-top:50px;}



/* sec2 */
#food.food1 #sec2 { width:1100px; margin:0 auto; padding-top:20px;}
#food.food1 #sec2:after { content:" " ; clear:both; display:block; height:0; }

#food.food1 #sec2_1 { width:375px; float:left; padding-right:3px;}
#food.food1 #sec2_1:after { content:" " ; clear:both; display:block; height:0; }
#food.food1 #sec2_1 p { width:140px; background:url(../../food/img/1_sec2_1_bg.gif) 0 20px no-repeat; padding:40px 0 25px 40px;}
#food.food1 #sec2_1 img.photo1 { float:right; position:relative; z-index:1; margin-top:-100px;}
#food.food1 #sec2_1 img.photo2 { margin-top:-50px;}

#food.food1 #sec2_2 { width:370px; float:left;}
#food.food1 #sec2_2:after { content:" " ; clear:both; display:block; height:0; }
#food.food1 #sec2_2 p { width:180px; float:left; background:url(../../food/img/1_sec2_2_bg.gif) 0 5px no-repeat; padding:30px 0 25px 10px;}
#food.food1 #sec2_2 img.photo { float:right; position:relative; z-index:1; margin-top:-55px;}

#food.food1 #sec2_3 { width:351px; float:right; padding-top:30px;}
#food.food1 #sec2_3 p { width:285px; background:url(../../food/img/1_sec2_3_bg.gif) 0 5px no-repeat; padding:20px 0 20px 50px;}



/* sec3 */
#food.food1 #sec3 { width:1100px; margin:0 auto; padding-top:50px;}
#food.food1 #sec3:after { content:" " ; clear:both; display:block; height:0; }
#food.food1 #sec3 .title_col { width:370px; float:left; background:url(../../food/img/sec_title_bg.png) 60px 0 no-repeat; margin-top:20px;}
#food.food1 #sec3 .title_col dl { padding-left:140px;}
#food.food1 #sec3 .title_col dl:after { content:" " ; clear:both; display:block; height:0; }
#food.food1 #sec3 .title_col dl dt { float:left; padding-right:10px;}
#food.food1 #sec3 .title_col dl dd { float:left;}
#food.food1 #sec3 .title_col h3 { width:340px; font-size:140%; color:#596c3d; padding:80px 0 0 10px;}
#food.food1 #sec3 .title_col p.text1 { width:340px; padding:15px 0 0 10px;}
#food.food1 #sec3 .title_col h4 { border-left:5px solid #73892d; margin:40px 0 0 10px; padding:0 0 2px 10px;}
#food.food1 #sec3 .title_col p.text2 { border-top:1px solid #73892d; margin:5px 0 0 10px; padding-top:5px;}

#food.food1 #sec3 .photo_col { width:720px; height:460px; position:relative; float:right;}
#food.food1 #sec3 .photo_col img.photo1 { position:absolute; top:0; left:10px;}
#food.food1 #sec3 .photo_col img.photo2 { position:absolute; bottom:0; left:185px;}
#food.food1 #sec3 .photo_col img.photo3 { position:absolute; top:0; right:0;}
#food.food1 #sec3 .photo_col img.photo4 { position:absolute; top:155px; right:0;}
#food.food1 #sec3 .photo_col img.photo5 { position:absolute; bottom:0; right:0;}
#food.food1 #sec3 .photo_col img.photo6 { position:absolute; bottom:0; left:0;}





/* sec4 */
#food.food1 #sec4 { width:1100px; margin:0 auto; background:url(../../food/img/1_sec4_bg.png) 0 0 no-repeat; margin-top:50px;}
#food.food1 #sec4:after { content:" " ; clear:both; display:block; height:0; }
#food.food1 #sec4 h3 { float:left; padding:70px 25px  0 20px;}
#food.food1 #sec4 img.photo { float:left; padding:20px 5px 20px 0;}















/*** food2 ***/
/* sec1 */
#food.food2 #sec1 { width:1100px; height:450px; margin:0 auto; background:url(../../food/img/2_sec1_bg.jpg) 0 0 no-repeat; margin-top:10px;}
#food.food2 #sec1 h3 { padding:35px 0 0 30px;}
#food.food2 #sec1 p { padding:5px 0 0 30px;}


/* sec2 */
#food.food2 #sec2 { width:1100px; margin:0 auto;}
#food.food2 #sec2:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec2 .title_col { width:340px; float:left;}
#food.food2 #sec2 .title_col dl { width:216px; background:url(../../food/img/sec_title_bg.png) 0 0 no-repeat; margin:55px 0 0 40px; padding-bottom:80px;}
#food.food2 #sec2 .title_col dl:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec2 .title_col dl dt { float:left; padding-left:75px;}
#food.food2 #sec2 .title_col dl dd { float:right; padding-right:70px;}
#food.food2 #sec2 .title_col p { width:320px; padding-left:20px;}
#food.food2 #sec2 .photo_col { width:760px; height:440px; float:right; position:relative;}
#food.food2 #sec2 .photo_col img.photo { position:absolute; top:0; left:0;}
#food.food2 #sec2 .photo_col img.title { position:absolute; bottom:20px; right:0;}



/* sec3 */
#food.food2 #sec3 { width:1100px; margin:0 auto; padding-top:10px;}
#food.food2 #sec3:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec3 img.kondate { float:left; padding:0 20px;}
#food.food2 #sec3 img.photo { float:left; padding:10px 7px 0 0;}




/* sec4 */
#food.food2 #sec4 { width:1100px; margin:0 auto;}
#food.food2 #sec4:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec4 .photo_col { width:760px; height:441px; float:left; position:relative;}
#food.food2 #sec4 .photo_col img.photo { position:absolute; top:0; left:0;}
#food.food2 #sec4 .photo_col img.title { position:absolute; bottom:20px; left:0;}
#food.food2 #sec4 .title_col { width:340px; float:right;}
#food.food2 #sec4 .title_col dl { width:216px; background:url(../../food/img/sec_title_bg.png) 0 0 no-repeat; margin:55px 0 0 60px; padding-bottom:80px;}
#food.food2 #sec4 .title_col dl:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec4 .title_col dl dt { float:left; padding-left:75px;}
#food.food2 #sec4 .title_col dl dd { float:right; padding-right:70px;}
#food.food2 #sec4 .title_col p.text1 { width:320px; padding-left:20px;}
#food.food2 #sec4 .title_col h4 { border-left:5px solid #73892d; margin:30px 0 0 20px; padding-left:10px; }
#food.food2 #sec4 .title_col p.text2 { width:320px; border-top:1px solid #73892d; margin:5px 0 0 20px; padding-top:5px;}



/* sec5 */
#food.food2 #sec5 { width:1100px; margin:0 auto; padding-top:40px; /display:inline-block;}
#food.food2 #sec5:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec5 .title_col { width:225px; float:left; padding-left:20px;}
#food.food2 #sec5 .title_col dl { background:url(../../food/img/sec_title_bg.png) 0 0 no-repeat; padding-bottom:80px; /display:inline-block;}
#food.food2 #sec5 .title_col dl:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec5 .title_col dl dt { float:left; padding-left:90px;}
#food.food2 #sec5 .title_col dl dd { float:left; padding-left:10px;}
#food.food2 #sec5 .title_col p { padding-left:20px;}



#food.food2 #sec5 .detail_col { width:840px; float:right; /display:inline-block;}
#food.food2 #sec5 .detail_col:after { content:" " ; clear:both; display:block; height:0; }
#food.food2 #sec5 .detail_col dl { width:260px; float:left; padding:0 0 50px 20px;}
#food.food2 #sec5 .detail_col dl dt { border-bottom:1px solid #73892d; font-size:115%; padding:5px 0;}
#food.food2 #sec5 .detail_col dl dd { padding-top:5px;}
#food.food2 #sec5 .detail_col table { width:840px; margin-left:20px; border-top:1px solid#aeafad;  border-top:1px solid #aeafad; border-bottom:1px solid #aeafad;}
#food.food2 #sec5 .detail_col table tr th { width:150px; background:url(../../food/img/2_sec5_table_bg1.png) 0 0 repeat; border-bottom:1px dotted #aeafad; border-right:1px dotted #aeafad; padding:5px 0 5px 20px;}
#food.food2 #sec5 .detail_col table tr td { background:url(../../food/img/2_sec5_table_bg2.png) 0 0 repeat; border-bottom:1px dotted #aeafad; padding:5px 0 5px 20px;}