@charset "utf-8";
/* CSS Document */

#contentsarea{
width:600px;
margin:30px;
line-height:150%;
}

#contentsarea p{
line-height:150%;
}

/*  タイトル */
#contentsarea h3{
width:600px;
margin:0;
}

#contentsarea .theme01{
width:580px;
margin-bottom:0;
margin:0;
padding-top:5px;
text-align:right;
font-weight:bold;
text-indent:0;
}
#contentsarea .theme03{
width:325px;
height:18px;
margin-bottom:0;
margin-top:0px;
margin-left:200px;
padding:2px 0 0 25px;
text-align:left;
background:url(../images/feature/ttl_essence_mark.gif) left top no-repeat;
font-weight:bold;
text-indent:0;
}
#contentsarea .theme04{
width:580px;
margin-bottom:20px;
text-align:right;
font-weight:bold;
text-indent:0;
}

/*=================　白石先生からのアドバイス　=================*/

#contentsarea #nayami{
width:537px;
margin-top:20px;
margin-left:30px;
margin-bottom:30px;
}
#contentsarea #nayami_top{
width:442px;
background:url(../images/feature/bg_advice_q_top.gif) left top no-repeat;
padding:25px 75px 0 20px;
line-height:135%;
}
#contentsarea #nayami_btm{
width:537px;
height:20px;
margin:0;
padding:0;
background:url(../images/feature/bg_advice_q_btm.gif) left top no-repeat;
}
/*見出し*/
#contentsarea h3{
margin:15px 0 10px 0;
}/*
#contentsarea h4.advice01{background:url(../images/feature/midashi_advice01.gif) left top no-repeat;}
#contentsarea h4.advice02{background:url(../images/feature/midashi_advice02.gif) left top no-repeat;}

#contentsarea h4.midashi01 ,#contentsarea h4.midashi02{
width:600px;
height:20px;
padding:0;
margin:10px 0 10px 0;
background:url(../images/support/midashi_support.gif) left top no-repeat;
text-indent:-20000px;
}
#contentsarea h4.midashi01{background-position:0 0;}
#contentsarea h4.midashi02{background-position:0 -40px;}*/


#contentsarea .waku_advice{
width:545px;
margin:15px 0 10px 0;
padding:15px 15px 15px 30px;
border:5px solid #FEE8AE;
line-height:150%;
}
#contentsarea .waku_advice ul{
margin:5px 0 0 40px;
padding:0;
}
#contentsarea .waku_advice ul li{
line-height:150%;
list-style:url(../images/feature/advice_mark.gif) outside;
}

/*================= 白石先生のコラム =================*/
#contentsarea  #column_text{
width:554px;
margin-top:10px;
padding:20px;
background:#FFFFCC;
border:2px dotted #fcc73a;
line-height:150%;
}

#contentsarea #column_ttl{
width:514px;
margin:5px 0 5px 0;
padding:5px 0px 5px 30px;
background:url(../images/feature/bg_column_ttl.gif) left top repeat-y #fff;
line-height:120%;
font-weight:bold;
}

/*=================　教えて！エッセンスちゃん =================*/

#contentsarea .nayami_ess{
width:550px;
margin-top:20px;
margin-left:25px;
margin-bottom:10px;
}
#contentsarea .nayami_ess_top{
width:520px;
background:url(../images/feature/bg_essence_q_top.gif) left top no-repeat;
padding:15px 15px 0 15px;
}
#contentsarea .nayami_ess_top p{
margin-left:60px;
margin-top:0px;
margin-right:6px;
line-height:135%;
font-weight:bold;
min-height:35px;
height: auto !important;
height: 35px;
}/*お悩み文章*/

#contentsarea .nayami_ess_btm{
width:550px;
height:26px;
margin:0;
padding:0;
background:url(../images/feature/bg_essence_q_btm.gif) left top no-repeat;
}
/*見出し：もっと詳しく・さぁレッスン*/
#contentsarea h4.nayami_ess_more ,#contentsarea h4.nayami_ess_lesson{
width:580px;
height:35px;
margin:10px 10px 20px 10px;
padding:0;
text-indent:-20000px;
}
#contentsarea h4.nayami_ess_more {
background:url(../images/feature/ttl_essence_more.gif) left top no-repeat;
}
#contentsarea h4.nayami_ess_lesson{
background:url(../images/feature/ttl_essence_lesson.gif) left top no-repeat;

}
#contentsarea .waku_500px{
width:500px;
margin-left:50px;
line-height:150%;
}

#contentsarea .waku_580px{
width:580px;
margin-left:10px;
line-height:150%;
}


/*TIPS*/
#contentsarea .tips{
width:560px;
margin-top:20px;
padding:45px 10px 10px 10px;
border:1px solid #ff6600;
line-height:135%;
background:url(../images/feature/bg_essence_tips.gif) left top no-repeat;
}
/*テーブルレイアウト*/
#contentsarea .t1{
padding:0;
border:1px solid #ccc;
}
#contentsarea .t1_under{
border-bottom:1px solid #ccc;
padding:5px;
}
#contentsarea .t1_under_left{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:5px;
}
#contentsarea .t1_left{
border-left:1px solid #ccc;
padding:5px;
}
#contentsarea .t1_none{
padding:5px;
}
/*=================　成分マメ知識　=================*/
h4.mame{
font-weight:bold;
}
.lead_mame{
width:565px;
margin:10px 0 25px 0;
padding:15px;
border:2px dotted #CCFBAA;
line-height:135%;
}

/*=================　商品開発ストーリー　=================*/
h4.interview{
width:300px;
font-weight:bold;
border-left:5px solid #fcc73a;
border-bottom:1px solid #fcc73a;
padding:3px 10px 5px 15px;
}
.lead_interview{
width:565px;
margin:10px 0 25px 0;
padding:15px;
border:2px dotted #fcc73a;
background:#FFFCE8;
line-height:135%;
}
/*=================雑誌掲載情報・おすすめサイト=================*//* 表組み*/
#contentsarea dl.table{
width:565px;
padding:0px;
margin:10px 10px 30px 15px;
border-left:1px dotted #fcc73a;
border-right:1px dotted #fcc73a;
border-bottom:1px dotted #fcc73a;
background:url(../images/feature/bg_press_table.jpg) left top no-repeat;
}

#contentsarea dl.table dt{
float:left;
margin:0;
padding:0.5em 0 0.1em 1em;
border-top:1px dotted #fcc73a;
}

#contentsarea dl.table dd{
margin:0 0 0 230px;
padding:0.5em 1em;
border-left:1px dotted #fcc73a;
border-top:1px dotted #fcc73a;
line-height:135%;
}

.ie #contentsarea dl.table dd {
border-left:none;
}


#contentsarea dl.table dt{width:100px;}/* 一番左の列幅設定*/
#contentsarea dl.table dd{margin:0 0 0 100px;}

#contentsarea span.left10{
margin:0;
margin:0 0 0 10px;
}
#contentsarea .waku_link{
width:535px;
padding:10px 15px 15px 15px;
margin:20px 10px 10px 15px;
border:1px dotted #fcc73a;
background:url(../images/feature/bg_press_table.jpg) left top no-repeat;
line-height:135%;
}

#contentsarea ul.link{
width:560px;
margin-top:25px;
margin-left:20px;
}
#contentsarea ul.link .ttl{
padding:7px;
}

#contentsarea ul.link li{
list-style:url(../images/others/bg03_marker_child.gif) inside;
padding:10px 5px 5px 10px;
line-height:120%;
}

#contentsarea ul.link li span{
font-weight:bold;
}