@charset "utf-8";

#breadCrumb h1:before {
background:url(../../img/philosophy/common/bread_icon_philosophy.png) no-repeat 0 0
}

.philosophy #catImg {
background:#242E15 url(../../img/philosophy/common/cat_top_ttl_bg.jpg) no-repeat center 0
}

.philosophy .section {
font-size:108%;
margin-bottom:55px;
width:770px
}

.philosophy .section h4 {
margin-bottom:24px
}

.philosophy .section p {
font-size:108%
}

.philosophy .section .alignR {
margin-top:12px
}

.philosophy #section01 {
background:url(../../img/philosophy/top/img01.png) no-repeat center 0;
height:318px;
margin:70px 0 0;
padding:0 0 70px;
position:relative;
text-align:center;
width:960px
}

.philosophy #section01 h3 {
left:570px;
position:absolute;
top:47px
}

.philosophy #section01 p {
left:325px;
position:absolute;
top:47px
}

.philosophy #section02 {
background:url(../../img/philosophy/top/img04.png) no-repeat 0 0;
margin-left:87px;
min-height:282px;
padding-left:385px
}

.philosophy #section03 {
background:url(../../img/philosophy/top/img06.png) no-repeat 250px 0;
margin-left:87px;
min-height:279px;
padding-right:560px
}

.philosophy #section03 h4 {
padding-top:70px
}

.philosophy #section04 {
background:url(../../img/philosophy/top/img08.png) no-repeat 0 0;
margin-left:87px;
min-height:307px;
padding-left:470px
}

.philosophy #section04 h4 {
padding-top:65px
}

.philosophy #section05 {
background:url(../../img/philosophy/top/img10.png) no-repeat 330px 0;
margin-left:100px;
margin-top:-20px;
min-height:307px;
padding-right:560px;
width:825px
}

.philosophy #section05 h4 {
padding-top:85px
}

.philosophy #section05 p {
width:345px
}

.philosophy #section06 {
background:url(../../img/philosophy/top/img12.png) no-repeat 0 0;
margin-bottom:100px;
margin-left:100px;
min-height:302px;
padding-left:385px
}

.philosophy #section06 h4 {
padding-top:40px
}

.ingredient {
margin-bottom:40px
}

.ingredient h4 {
color:#66391F;
font-size:138.5%;
font-weight:700;
margin-bottom:10px
}

.ingredient #section01,.ingredient #section02,.ingredient #section03,.ingredient #section04 {
margin-bottom:50px
}

.ingredient #section03 img {
margin-bottom:12px
}

.ingredient #section04 .floatL .txt01 {
margin:0 0 20px
}

.method dl {
float:left;
width:290px
}

.method .dl01 {
margin:0 50px
}

.method .dl03 {
clear:both;
margin:35px 0 0 200px
}

.method dl dt {
color:#66391F;
font-size:138.5%;
font-weight:700;
margin-bottom:6px;
text-align:center
}

.method dl dd {
letter-spacing:-.04em;
line-height:1.6
}

.method h4 {
color:#66391F;
font-size:138.5%;
font-weight:700;
margin-bottom:12px
}

.method #section02 {
margin:60px 0 0
}

.aloha h4 {
color:#66391F;
font-size:138.5%;
font-weight:700;
margin-bottom:8px
}

.aloha #section01 {
background:url(../../img/philosophy/aloha/img02.png) no-repeat right 0;
margin:40px 0 25px;
min-height:200px;
padding:10px 0 0
}

.aloha #section01 h4 {
margin-top:20px
}

.aloha #section01 h4,.aloha #section01 p {
width:300px
}

.aloha #section02 {
margin:0 0 50px
}

.aloha #section02 p img {
margin:20px 0 0
}

.overseas h4 {
color:#66391F;
font-size:138.5%;
font-weight:700;
margin-bottom:5px
}

.overseas .conteInr #section01 {
background:url(../../img/philosophy/overseas/img02.png) no-repeat 510px 0;
min-height:130px
}

.overseas .conteInr #section01 h4 {
letter-spacing:-.05em
}

.overseas .conteInr #section02 {
margin:20px 0 40px
}

.overseas .conteInr #section03 {
background:url(../../img/philosophy/overseas/img03.png) no-repeat 497px 0;
margin:20px 0 100px;
min-height:132px
}

.philosophy #section02 p,.philosophy #section06 p {
width:392px
}

.philosophy #section03 p,.philosophy #section04 p {
width:305px
}

.ingredient #catImg,.method #catImg,.aloha #catImg,.overseas #catImg {
background:#2F431B url(../../img/philosophy/common/cat_under_ttl_bg.jpg) no-repeat center 0
}

.ingredient #catImg h2,.method #catImg h2 {
margin:0 auto 55px;
width:960px
}

.ingredient #content,.method #content,.aloha #content,.overseas #content {
margin:0 auto;
width:960px
}

.ingredient .conteInr,.method .conteInr,.aloha .conteInr,.overseas .conteInr {
float:left;
margin:0;
width:700px!important
}

.ingredient h3,.method h3,.aloha h3,.overseas h3 {
margin-bottom:45px
}

.ingredient #section02 .floatL,.ingredient #section04 .floatR {
width:350px
}

.ingredient #section02 .floatL p,.method dl dt img {
margin-bottom:15px
}

.ingredient #section02 .floatR,.ingredient #section04 .floatL {
width:330px
}

.aloha #catImg h2,.overseas #catImg h2 {
margin:0 auto 55px;
margin:0 auto 55px auto;
width:960px;
width:960px
}

.overseas .conteInr #section01 > *,.overseas .conteInr #section03 > * {
width:470px
}