@charset "utf-8";

/*----------------------------------
オリーブオイル
------------------------------------*/

#oliveoil #mainCol h2.index{width:652px;height:78px;background:url(../../oliveoil/images/ttl01.jpg) 0 0 no-repeat;text-indent:-9999px;margin-top:13px;}
#oliveoil #mainCol h2.story{width:652px;height:78px;background:url(../../oliveoil/images/ttl02.jpg) 0 0 no-repeat;text-indent:-9999px;margin-top:13px;}
#oliveoil #mainCol h2.menu{width:652px;height:78px;background:url(../../oliveoil/images/ttl03.jpg) 0 0 no-repeat;text-indent:-9999px;margin-top:13px;}
#oliveoil #mainCol h2.oil{width:652px;height:78px;background:url(../../oliveoil/images/ttl04.jpg) 0 0 no-repeat;text-indent:-9999px;margin-top:13px;}


#oliveoil #mainCol p.lead{
padding:5px 0 25px 0;
}



/*----------------------------------
セカンド左側ナビ
------------------------------------*/
#oliveoil ul#second_navi{ top:0px; left:13px; width:217px; margin:0; padding:0; }
#oliveoil ul#second_navi li{width:217px; height:43px; text-indent:-9999px; float:left;}
#oliveoil ul#second_navi li.second_navi01 {background:url(../../oliveoil/images/snavi01.gif) no-repeat 0 0;}
#oliveoil ul#second_navi li.second_navi02 {background:url(../../oliveoil/images/snavi02.gif) no-repeat 0 0;}
#oliveoil ul#second_navi li a{width:217px; height:43px; text-indent:-9999px; display:block; float:left;}
#oliveoil ul#second_navi li a:hover{width:217px; height:43px; text-indent:-9999px; display:block; float:left;}
#oliveoil ul#second_navi li.second_navi01 a:hover {background:url(../../oliveoil/images/snavi01_on.gif) no-repeat 0 0;}
#oliveoil ul#second_navi li.second_navi02 a:hover {background:url(../../oliveoil/images/snavi02_on.gif) no-repeat 0 0;}
#oliveoil ul#second_navi li.second_navi01_on {background:url(../../oliveoil/images/snavi01_on.gif) no-repeat 0 0;}
#oliveoil ul#second_navi li.second_navi02_on {background:url(../../oliveoil/images/snavi02_on.gif) no-repeat 0 0;}


	

/*----------------------------------
インデックス
------------------------------------*/
#innerCol { width:609px; margin:0 auto; }
#innerCol img.right { float:right; }
#innerCol p.intro { padding:15px 10px 25px 5px; }
#innerCol p.other01 { float:left; text-align:center; padding:20px 10px 0 75px; }
#innerCol p.other02 { float:left; text-align:center; padding:10px 0 30px; }


#innerCol p.other img.right { float:right; padding:0 40px 0 0; }
#innerCol .menu_body { background:url(../../oliveoil/images/menu_body.gif) repeat-y; }
#innerCol .menu_foot { height:10px; background:url(../../oliveoil/images/menu_foot.gif) no-repeat; }
#innerCol .menu_body ul.menu { width:572px; margin:0 auto; padding:0 0 10px; overflow:hidden; }
#innerCol .menu_body ul.menu li { float:left; width:234px; padding:19px 33px 22px 14px; border-bottom:1px dotted #cc2933; border-right:1px dotted #cc2933; }
#innerCol .menu_body ul.menu li.no02 { border-right:none; padding:19px 17px 22px 36px; }
#innerCol .menu_body ul.menu li.no03 { border-bottom:none; }
#innerCol .menu_body ul.menu li.no04 { border-right:none;  border-bottom:none; padding:19px 17px 22px 36px; }
#innerCol .menu_body ul.menu li p.photo { margin:0 0 10px; }
#innerCol .menu_body ul.menu li p { font-size:12px; font-weight:bold; }
div:nth-of-type(1) #innerCol .menu_body ul.menu li p { letter-spacing:-1px; }
#innerCol .menu_body ul.menu li p span { font-size:11px; font-weight:normal; float:right; }

#innerCol ul.interview { width:609px; margin:0 auto; padding:0 0 10px; overflow:hidden; }
#innerCol ul.interview li { float:left; width:281px; height:110px; padding:20px 11px 28px 11px; border-bottom:1px dotted #594835; border-right:1px dotted #594835; }
#innerCol ul.interview li.no02 { border-right:none; width:269px; padding:20px 11px 28px 23px; }
#innerCol ul.interview li.no03 { padding:26px 11px 28px 11px; }
#innerCol ul.interview li.no04 { border-right:none; width:269px; padding:26px 11px 28px 23px; }
#innerCol ul.interview li p.photo { float:left; padding:0 15px 0 0; }
#innerCol ul.interview li p.text { float:left; font-size:12px; font-weight:bold; color:#cd2a34; line-height:18px; }
#innerCol ul.interview li p.text span { float:left; font-size:11px; font-weight:normal; color:#4d3b27; }
#innerCol ul.interview li a img.btn { filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#innerCol ul.interview li a:hover img.btn { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }


/*----------------------------------
おいしい話
------------------------------------*/
#innerCol .pyramid_head { height:10px; background:url(../../oliveoil/images/pyramid_head.gif) no-repeat; }
#innerCol .pyramid_body { background:url(../../oliveoil/images/pyramid_body.gif) repeat-y; }
#innerCol .pyramid_foot { height:10px; margin:0 0 10px; background:url(../../oliveoil/images/pyramid_foot.gif) no-repeat; }
#innerCol .pyramid_body h3 { padding:2px 0 2px 16px; }
#innerCol .pyramid_body span.green { font-weight:bold; color:#138c34; }
#innerCol .pyramid_body p.photo { padding:13px 0 40px 20px; }
#innerCol .pyramid_body .info { width:542px; margin:0 auto; padding:16px 15px 10px; border-top:1px dotted #138c34; }
#innerCol .pyramid_body .info p.text01 { margin:0 0 10px; }
#innerCol .pyramid_body .info p.text02 { font-size:10px; }
#innerCol .pyramid_body ul.labo { margin:0; }
#innerCol .pyramid_body ul.labo li { font-weight:bold; margin:0 0 4px; padding:0 0 0 22px; background:url(../../oliveoil/images/mark.gif) 4px 6px no-repeat; }
#innerCol .pyramid_body ul { margin:0 0 20px; }
#innerCol .pyramid_body ul li { font-weight:bold; margin:0 0 8px; padding:0 0 0 24px; }
#innerCol .pyramid_body ul li span { font-weight:normal; }
#innerCol .pyramid_body ul li.no1 { background:url(../../oliveoil/images/no1.gif) 0 2px no-repeat; }
#innerCol .pyramid_body ul li.no2 { background:url(../../oliveoil/images/no2.gif) 0 2px no-repeat; }
#innerCol .pyramid_body ul li.no3 { background:url(../../oliveoil/images/no3.gif) 0 2px no-repeat; }
#innerCol .pyramid_body ul li.no4 { background:url(../../oliveoil/images/no4.gif) 0 2px no-repeat; }
#innerCol p.oil { font-size:11px; line-height:22px; padding:16px 25px 10px 30px; }
#innerCol p.oil img { float:right; padding:0 0 0 20px; margin:-8px 0 0; }
#innerCol ul.effect { margin:0 0 5px; }
#innerCol ul.effect li { font-size:14px; font-weight:bold; color:#4d3b27; line-height:20px; margin:0 0 8px; padding:0 15px 0 22px; }
#innerCol ul.effect li.no1 { background:url(../../oliveoil/images/no001.gif) 0 1px no-repeat; }
#innerCol ul.effect li.no2 { background:url(../../oliveoil/images/no002.gif) 0 1px no-repeat; }
#innerCol ul.effect li.no3 { background:url(../../oliveoil/images/no003.gif) 0 1px no-repeat; }
#innerCol ul.effect li.no4 { background:url(../../oliveoil/images/no004.gif) 0 1px no-repeat; }
#innerCol ul.effect li.no5 { background:url(../../oliveoil/images/no005.gif) 0 1px no-repeat; }
#innerCol ul.effect li.no6 { background:url(../../oliveoil/images/no006.gif) 0 1px no-repeat; }
#innerCol ul.effect li.no7 { background:url(../../oliveoil/images/no007.gif) 0 1px no-repeat; }
#innerCol .effect_body { padding:5px 0 23px 15px; }
#innerCol .effect_body p.intro { margin:5px 0 26px; padding:0; }
#innerCol .effect_body img { float:right; padding:0 0 0 10px; }


/*----------------------------------
ご利用のしかた
------------------------------------*/

#innerCol p.howto { padding:15px 0 25px 5px; }
#innerCol img.right25 { float:right;margin:0 0 25px 25px; }
#innerCol #howto_navi {margin-top:25px;}
#innerCol #howto_navi li {float:left;}
#innerCol .howtoinfo {display:block;clear:both;background-color:#f1f1f1;padding:20px;}
.icon_green{color:#D9D86C;}

/*----------------------------------
新メニューのご紹介
------------------------------------*/
#innerCol .menu_body02 { background:url(../../oliveoil/images/menu_body.gif) repeat-y; }
#innerCol .menu_foot { height:10px; background:url(../../oliveoil/images/menu_foot.gif) no-repeat; }
#innerCol .menu_body02 ul.menu { padding:0 20px; }
#innerCol .menu_body02 ul.menu li { clear:both;border-top:1px dotted #BBAD93;padding:20px 0; }
#innerCol .menu_body02 ul.menu li.no01 { border-top:none; }
#innerCol .menu_body02 ul.menu li p.photo {float:left;margin:0 20px 20px 15px; }
#innerCol .menu_body02 ul.menu li p.name { font-size:14px; font-weight:bold;margin:20px 0 10px 0; }
#innerCol .menu_body02 ul.menu li .price { font-size:12px; font-weight:normal; }

/*----------------------------------
オリーブオイル
------------------------------------*/
#oliveoil #mainCol h3.m20{padding-top:30px;clear:both;}
#innerCol .oil_body { background:url(../../oliveoil/images/oil_body.gif) repeat-y;clear:both; }
#innerCol .oil_body .inner { padding:20px; }
#innerCol .oil_foot { height:10px; background:url(../../oliveoil/images/menu_foot.gif) no-repeat;margin-bottom:20px; }
#innerCol img.left { float:left; }
#innerCol .oil_body p.w350 { width:357px;float:right; }
#innerCol .oil_body p.mt20 { padding:20px 0 0 0; clear:both; }
#innerCol .oil_body p.mb10 { margin:0 0 10px 10px; padding:0; }
#innerCol .menu_foot { height:10px; background:url(../../oliveoil/images/menu_foot.gif) no-repeat; }
#innerCol .oil_body ul.menu { padding:0; }
#innerCol .oil_body ul.menu li { float:left; }
#innerCol .oil_body ul.menu li.m6 { margin-right:6px; }


#innerCol .rank_body { background:url(../../oliveoil/images/menu_body.gif) repeat-y; }
#innerCol .rank_body .inner { padding:20px; }
#innerCol .rank_body ul.rank { padding:0; }
#innerCol .rank_body ul.rank li { }
#innerCol .rank_body ul.rank li.no01 { float:left;width:270px;display:block; margin-right:25px; }
#innerCol .rank_body ul.rank li.no01 p { margin-left:20px; }
#innerCol .rank_body ul.rank li.no02 { float:left;width:270px; }
#innerCol .rank_body ul.rank li.no02 p { margin-left:20px; }
#innerCol .rank_body ul.rank li.no03 { padding-top:20px;clear:both;width:567px; }
#innerCol .rank_body ul.rank li.no03 p{ float:right;width:370px; }
#innerCol .rank_body ul.rank li.no03 img.left { float:left; margin-right:20px;}
#innerCol .rank_body ul.rank li .small { display:block;font-size:11px; font-weight:normal;margin-top:10px; }
#innerCol .btn { text-align:center; margin:30px auto 0; }


#menu ul#btn li{
float:left;
display:block;
}

#menu ul#btn li a{
text-decoration:none;
color:#4e3c29;
line-height:18px;
display:block;
}

#menu ul#btn li a:hover{
text-decoration:underline;
}

#menu ul#btn li h3{
position:absolute;
top:0;
left:0;
text-indent:-9999px;
}