@charset "utf-8";


/** 四季の口福 **/

.kaiseki #contents { background:#2f2423;}

/* cnavi */
#cuisine #cnavi { width:950px; margin:0 auto; padding-bottom:13px;}
#cuisine #cnavi li { float:left; width:305px; padding-right:17px;}
#cuisine #cnavi li.navi3 { padding-right:0;}
#cuisine #cnavi li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

.kaiseki    #cnavi li.navi1 a img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
.ingredient #cnavi li.navi2 a img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
.cutlery    #cnavi li.navi3 a img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* sec1 */
.kaiseki #sec1 { width:950px; background:url(../../cuisine/img/1_1_bg.jpg) no-repeat; padding-bottom:60px;}
.kaiseki #sec1 h3 { float:right; width:40px; padding:40px 67px 0 0;}
.kaiseki #sec1 p.intro { float:right; width:85px; padding:73px 32px 0 0;}
.kaiseki #sec1 .photo_col { float:right; width:222px; padding:51px 37px 0 0;}
.kaiseki #sec1 .photo_col p { text-align:right;}
.kaiseki #sec1 p.text { clear:both; width:310px; color:#d5d3d3; padding:15px 0 0 585px;}


/* sec2 */
.kaiseki #sec2 { width:950px; padding-bottom:60px;}
.kaiseki #sec2 ul { width:377px; padding-left:47px;}
.kaiseki #sec2 ul li { float:left;}
.kaiseki #sec2 ul li.navi1,
.kaiseki #sec2 ul li.navi1 a{ width:99px;}
.kaiseki #sec2 ul li.navi2,
.kaiseki #sec2 ul li.navi2 a{ width:97px;}
.kaiseki #sec2 ul li.navi3,
.kaiseki #sec2 ul li.navi3 a{ width:92px;}
.kaiseki #sec2 ul li.navi4,
.kaiseki #sec2 ul li.navi4 a{ width:89px;}
.kaiseki #sec2 ul li a { background:url(../../cuisine/img/snavi_off.gif) no-repeat; display:block; height:40px;}
* html .kaiseki #sec2 ul li a{ float:left;}

.kaiseki #sec2 ul li.navi1 a:hover { background:url(../../cuisine/img/snavi_on.gif) no-repeat; width:99px;}
.kaiseki #sec2 ul li.navi2 a:hover { background:url(../../cuisine/img/snavi_on.gif) no-repeat; width:97px;}
.kaiseki #sec2 ul li.navi3 a:hover { background:url(../../cuisine/img/snavi_on.gif) no-repeat; width:92px;}
.kaiseki #sec2 ul li.navi4 a:hover { background:url(../../cuisine/img/snavi_on.gif) no-repeat; width:89px;}
.kaiseki #sec2 ul li.navi1 a.active { background:url(../../cuisine/img/snavi_on.gif) no-repeat;}
.kaiseki #sec2 ul li.navi2 a.active { background:url(../../cuisine/img/snavi_on.gif) no-repeat;}
.kaiseki #sec2 ul li.navi3 a.active { background:url(../../cuisine/img/snavi_on.gif) no-repeat;}
.kaiseki #sec2 ul li.navi4 a.active { background:url(../../cuisine/img/snavi_on.gif) no-repeat;}

.kaiseki #sec2 .tab { display:inline-block; position:relative; width:950px; }
.kaiseki #sec2 .tab dl { float:left; width:445px;}
.kaiseki #sec2 .tab dt { float:left;}
.kaiseki #sec2 .tab dd { padding:25px 0 0 0 ;}
.kaiseki #sec2 .tab dd p { padding:10px 15px;}
.kaiseki #sec2 .tab .col_img { float:right; margin:0 50px 0 0;}
/*.kaiseki #sec2 .title_col { float:left; width:450px;}
.kaiseki #sec2 .title_col h4 { float:left; width:139px;}
.kaiseki #sec2 .title_col h5 { float:left; width:103px; padding-top:39px;}
.kaiseki #sec2 .title_col p { float:left; width:260px; color:#d5d3d3; padding:5px 0;}
.kaiseki #sec2 .title_col a { float:left; display:block; width:122px; height:26px;}
.kaiseki #sec2 .title_col a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
.kaiseki #sec2 .detail { float:left; width:450px;}.kaiseki #sec2 #tab4 #chef { margin-top:34px;}*/
.kaiseki #sec2 #chef { background:#3a2f2e; float:right; margin:-370px 50px 0 0 ; padding:20px; position:relative; width:400px;}
.kaiseki #sec2 #chef p { float:left; width:215px; color:#c4c1c1;}
.kaiseki #sec2 #chef p span { display:block; text-align:right; padding:50px 10px 0 0;}
.kaiseki #sec2 #chef img.chef_photo { float:right; width:164px;}
.kaiseki #sec2 #chef p.clear { float:none; width:100%; font-size:0.95em; line-height:1.6em; padding-top:25px;}

/* sec3 */
.kaiseki #sec3 { width:950px; padding:0 0 45px 0;}
.kaiseki #sec3 .title_col { float:left; width:450px;}
.kaiseki #sec3 .title_col h3 { padding-left:47px;}
.kaiseki #sec3 .title_col p { color:#c1bebd; padding:30px 20px 40px 47px;}
.kaiseki #sec3 .title_col img.photo { padding-left:47px;}
.kaiseki #sec3 .detail { float:left; background:url(../../cuisine/img/1_3_bg.jpg) no-repeat 154px 243px; width:450px;}
.kaiseki #sec3 .detail h4 { padding-top:25px;}
.kaiseki #sec3 .detail h4 span { font-size:11px;}
.kaiseki #sec3 .detail p { color:#c1bebd; padding:5px 0 75px 0;}
.kaiseki #sec3 .detail ul { color:#c1bebd; padding:10px 0;}
.kaiseki #sec3 .detail li { padding:4px 0; line-height:1.3em;}
.kaiseki #sec3 .detail a { display:inline-block; margin-left:10px;}
.kaiseki #sec3 .detail a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

/* sec4 */
.kaiseki #sec4 { width:826px; padding:20px; margin:0 auto;}
.kaiseki #sec4 .detail { float:left; width:380px; color:#2e2223;}
.kaiseki #sec4 .detail p { padding:10px 10px 10px 0;}
.kaiseki #sec4 .detail ul li { float:left; width:180px; text-align:right; padding:10px 8px 0 0;}
.kaiseki #sec4 img.photo { float:right; width:441px;}

/* sec5 */
.kaiseki #sec5 { width:826px; background:#433635; padding:20px; margin:0 auto;}
.kaiseki #sec5 dl { float:left; padding:0 30px; width:345px;}
.kaiseki #sec5 dt { padding:10px 0; text-align:center;}
.kaiseki #sec5 dd img { display:block; margin:0 auto;}
.kaiseki #sec5 dd p { padding:10px; }
/** こだわりの食材 **/
.ingredient #contents { background:#2e1e1e; margin-bottom:50px;}

.ingredient #sec1 { width:950px;}
.ingredient #sec1 h3 { float:right; width:76px; padding:19px 60px 0 0;}
.ingredient #sec1 img.photo { float:left; width:813px;}

.ingredient #sec2 { width:866px; background:url(../../cuisine/img/2_bg_hline.jpg) repeat-x; margin:-25px 0 0 35px; position:relative; z-index:1;}
.ingredient #sec2_1 .bg_col { width:866px; background:url(../../cuisine/img/2_2_bg.png) no-repeat; padding-bottom:17px;}
.ingredient #sec2_1 h4 { float:left; width:147px;}
.ingredient #sec2_1 h5 { padding-bottom:5px;}
.ingredient #sec2_1 #sec2_1_1 { float:right; width:300px; padding:43px 20px 35px 100px;}
.ingredient #sec2_1 #sec2_1_2 { float:right; width:517px; padding:0 20px 0 0;}

.ingredient #sec2_2 { width:866px; background:url(../../cuisine/img/2_3_bg.png) no-repeat; margin:0 auto;}
.ingredient #sec2_2 h4 { float:right; width:162px;}
.ingredient #sec2_2 h5 { padding-bottom:5px;}
.ingredient #sec2_2 div.detail { float:left; width:250px; padding:115px 0 0 44px;}
.ingredient #sec2_2 div.detail p { padding-bottom:15px;}

.ingredient #sec2_3 { width:866px; margin:0 auto; padding-top:20px;}
.ingredient #sec2_3 .box { float:left; width:241px; padding:0 0 20px 36px;}
.ingredient #sec2_3 .box h5 { padding:10px 0 5px 0;}

.ingredient #sec2_4 { width:866px; margin:0 auto; padding-bottom:30px;}
.ingredient #sec2_4 img.photo { float:left; width:348px; padding-left:36px;}
.ingredient #sec2_4 .box { float:left; width:200px; padding-left:20px;}
.ingredient #sec2_4 .box h5 { padding:10px 0 5px 0;}

.ingredient #sec2_5 { width:866px; background:url(../../cuisine/img/2_5_line.gif) repeat-x; margin:0 auto; padding-top:30px;}
.ingredient #sec2_5 .box { float:left; width:108px; padding:0 0 0 3px;}
.ingredient #sec2_5 .box.left { padding-left:45px;}
.ingredient #sec2_5 .box h5 { padding:10px 0 5px 0;}

.ingredient #sec2_6 { width:866px; background:url(../../cuisine/img/2_5_line.gif) repeat-x bottom; margin:0 auto; padding-bottom:30px;}
.ingredient #sec2_6 h4 { float:left; width:170px; padding:0 0 0 6px;}
.ingredient #sec2_6 .box { float:left; width:315px; padding:36px 20px 0 0;}
.ingredient #sec2_6 .box h5 { padding:10px 0 5px 0;}

.ingredient #sec2_7 { width:866px; background:url(../../cuisine/img/2_7_bg.jpg) no-repeat 26px 40px; margin:0 auto;}
.ingredient #sec2_7 h4 { text-align:right;}
.ingredient #sec2_7 p.text { padding:0 0 0 486px; margin-top:-100px;}
.ingredient #sec2_7 p { width:260px; padding:25px 0 0 486px;}


/** こだわりの器 **/
.cutlery #contents { background:#2e1e1e; margin-bottom:50px;}

.cutlery #sec1 { width:950px; background:url(../../cuisine/img/3_1_bg.jpg) no-repeat; padding-bottom:140px;}
.cutlery #sec1 h3 { float:right; width:31px; padding:36px 81px 0 0;}
.cutlery #sec1 p { float:right; width:163px; padding:83px 34px 0 0;}

.cutlery #sec2 { width:950px; margin-top:-140px;}
.cutlery #sec2 .detail { float:left; width:470px; color:#c1bcbc; padding:135px 0 0 34px;}
.cutlery #sec2 .detail h4 { padding-bottom:10px;}
.cutlery #sec2 .detail p.text { border:1px solid #584b4b; padding:20px; margin-top:20px;}
.cutlery #sec2 .photo_col { float:right; width:365px; padding:10px 26px 0 0;}
.cutlery #sec2 .photo_col dt { padding:15px 0;}
.cutlery #sec2 img.photo { float:left; padding-right:11px;}
.cutlery #sec2 img.photo1 { padding:60px 0 10px 0;}
.cutlery #sec2 dl { float:left; width:154px; color:#c1bcbc;}

.cutlery #sec3 { width:950px; padding-top:30px;}
.cutlery #sec3 .photo_col { float:left; width:246px; padding:0 18px 0 30px;}
.cutlery #sec3 .photo_col img { padding-bottom:7px;}
.cutlery #sec3 .detail { color:#c1bcbc; float:right; margin-right:40px; width:600px;}
.cutlery #sec3 .detail p { color:#c1bcbc; padding-bottom:20px;}
.cutlery #sec3 .detail p.photo { float:right; margin:-50px 0 0 20px; padding-bottom:; position:relative; width:211px;}
.cutlery #sec3 .detail h4 { padding-bottom:10px;}
.cutlery #sec3 #sec3_2 { display:inline-block; float:right; background:#433535; margin-right:40px; padding:30px; width:540px;}
.cutlery #sec3 #sec3_2 img { float:left; margin-bottom:15px;}
.cutlery #sec3 #sec3_2 dl { float:right; padding:0 15px; width:360px;}
.cutlery #sec3 #sec3_2 dt { font-size:14px; font-weight:bold;}
.cutlery #sec3 #sec3_2 dd { color:#c1bcbc; font-size:12px;}
.cutlery #sec3 #sec3_2 dd ul { padding-left:30px;}
.cutlery #sec3 #sec3_2 dd p { line-height:1.3em;}
/*.cutlery #sec3 .detail { float:left; width:340px;}
.cutlery #sec3 .detail a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
.cutlery #sec3 .detail dl { color:#c1bcbc; background:#433535; font-size:12px; padding:9px; margin-top:30px;}
.cutlery #sec3 .detail dl dt { float:right; width:208px; }
.cutlery #sec3 .detail dl dt a { display:block; margin-top:10px;}
.cutlery #sec3 .detail dl dd { float:left; width:110px;}
.cutlery #sec3 p.photo { float:left; color:#c1bcbc; text-align:right; width:211px; padding:60px 0 0 50px;}
*/