@charset "UTF-8";


/*---------------
基礎
---------------*/

body{
margin:0 auto;
padding:0;
background:url(../okara-img/body_bg.jpg) repeat top center;
font-size:14px;
line-height:140%;
}

p{ margin:0; padding:0;}

.floatL{float:left;}
.floatR{float:right;}



img{
border:none;
vertical-align:top;
}


/* ------------------------------
 initialize
------------------------------ */

h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

hr {
margin:0;
padding:0;
display:none;
}

dl,dt,dd,ul,ol,td {
margin:0;
padding:0;
}

th {
margin:0;
padding:0;
text-align:left;
}

li {
margin:0;
padding:0;
list-style:none;
}

img {
border:0;
}

form {
margin:0;
padding:0;
display:block;
}

input,select,option {
margin:0;
padding:0;
vertical-align: middle;
}

br{
letter-spacing:0;
}


/*---------------
大枠
---------------*/

#container{
margin:20px auto 0;
padding:0;
width:780px;
}


/*---------------
ヘッダー
---------------*/

#header{
height:250px;
background:url(../okara-img/main_visual.gif) no-repeat top center;
overflow:hidden;
position:relative;
}

#header h1{
margin:7px 0 0 45px;
float:left;
display:inline;
}

#header #pageCatch{
margin:50px 40px 0 0;
float:right;
display:inline;
}


/*---------------
メインコンテンツ
---------------*/

#mainContent{
width:750px;
margin:0;
padding:20px 15px 10px 15px;
_padding:20px 14px 10px 15px;
background:#FFF url(../okara-img/content_btm.gif) no-repeat bottom center;
clear:both;
}

.text{ margin-bottom:3px;}


/*--区切り--*/

.sectionL1{
margin-bottom:20px;
}

.sectionL2{
margin:0 15px 14px;
}

.sectionL3{
margin-top:-1px;
margin-left:34px;
}

.sectionL4{
margin-bottom:16px;
}


/*--見出し--*/

h2{ margin-bottom:15px; padding:0;}

h3{ background:url(../okara-img/sub_title_line.gif) no-repeat center right;}

h4{ margin-bottom:10px;}


/*--ご注文はこちらボタン--*/

#orderBtnBox{
margin:0 15px 20px;
text-align:right;
background:url(../okara-img/order_line.gif) no-repeat center left;
}


/*--ニュースエリア--*/

#newsBox dl dt{
width:5em;
clear:both;
float:left;
display:inline;
}
 
#newsBox dl dd{
margin-left:5em;
}


/*--豆腐は一人が一週間で一丁--*/

#touhuPhoto{ background:url(../okara-img/touhu_photo.gif) no-repeat top right;}

#touhuPhoto .sectionL2{
padding-right:155px;
}

#touhuPhoto .caption{
font-size:12px;
text-align:right;
} 


/*--おから＝豆腐〜おからにはこんなパワーが!!--*/

#okaraPower{
overflow:hidden;
position:relative;
}

* html #okaraPower{
 height: 1%;
}

#okaraPower .floatL{ width:288px;}

#okaraPower .floatR{ width:407px; overflow:hidden;}

#okaraPower .floatR .sectionL3{ margin-left:0;}

#okaraPower dl{
margin-left:17px;
padding:12px 20px 12px;
background:#F7EFDF url(../okara-img/okarapower_btm.gif) no-repeat bottom left;
width:390px;
font-size:12px;
}


#okaraPower dl dt{
float:left;
width:7.5em;
clear:both;
}

#okaraPower dl dd{ margin-left:7.5em;}


/*--おから茶の特徴--*/

#feature{ background:url(../okara-img/okara_petbottole.gif) no-repeat 20px 35px;}

#feature .sectionL3{ padding-left:97px;}

#feature .sectionL4 .text{ margin-left:2px; margin-right:2px;}


/*--値段--*/

#priceBox{
padding:20px 22px;
background:url(../okara-img/pricebox_bg.gif) no-repeat top center;
height:62px;
}

#priceBox h3{
margin-bottom:6px;
background:none;
}

#priceBox .caption{ margin-bottom:4px;}

#priceBox .price{ margin-bottom:0;}


/*--注文方法--*/

#howToBox{
font-size:12px;
background:url(../okara-img/howtobox_bg.gif) no-repeat top center;
overflow:hidden;
position:relative;
}

* html #howToBox{
 height: 1%;
}


#howToBox .sectionL2Inner{
padding:20px 22px 0;
background:url(../okara-img/howtobox_btm.gif) no-repeat bottom center;
overflow:hidden;
position:relative;
}

* html #howToBox .sectionL2Inner{
 height: 1%;
}

#howToBox .floatL{
width:330px;
display:inline;
}

#howToBox .floatR{
width:330px;
display:inline;
}

#howToBox .sectionL3{
margin-top:-1px;
margin-bottom:16px;
margin-left:0;
}

#howToBox h3{
background:none;
}

#howToBox .text{
margin-left:30px;
}


/*---------------
フッター
---------------*/

#footer{
clear:both;
margin:16px 15px 30px;
font-size:12px;
overflow:hidden;
position:relative;
}

ul#footerNavi{ margin-top:5px;}

ul#footerNavi li{
margin-right:18px;
padding-left:8px;
background:url(../okara-img/list_icon.gif) no-repeat left center;
display:inline;
}