@charset "shift_jis";

/* ----------------------------------------------------------------
    natural-lab Layout
----------------------------------------------------------------- */
img{
border:none;
}

li{
list-style:none;
}

a.linkStyle01:link,
a.linkStyle01:visited{
color:#7a4600 !important;
text-decoration:underline !important;
}

a.linkStyle01:hover{
text-decoration:none !important;
}

.txtStyle01{
font-size:12px;
color:#fff;
line-height:1.5;
}

.txtStyle02{
margin-bottom:0.8em;
font-size:12px;
color:#433623;
line-height:1.5;
}

.txtStyle03{
font-size:12px;
color:#433623;
line-height:1.5;
}

.txtStyle04{
font-size:12px;
color:#c7634b;
line-height:1.4;
}

.txtStyle05{
font-size:10px;
color:#433623;
line-height:1.3;
}

.txtStyle07{
font-size:12px;
color:#41020d;
line-height:1.5;
}

.txtStyle08{
margin-bottom:1.5em;
font-size:12px;
color:#b53012;
line-height:1.5;
text-align:left;
}

.txtStyle09 {
color: #7a4600;
text-decoration:underline;
}

.txtStyle02_2{
padding:0px 5px 0 0;
font-size:12px;
color:#433623;
line-height:1.4;
}

.s_txt_link{
text-align:right;
width:125px;
padding:3px 0px 0 0px;
background:url(../images/arrow_orange.gif) no-repeat top;
text-indent:15px;
font-size:12px;
font-weight:bold;
color:#FF9900;
text-decoration:underline;
}

div#recipe_list .s_txt_link a{
color:#ff6600;
}

table#globalNav{
margin-top:3px;
background:url(../images/ln_bg.gif) right top no-repeat;
}

h1,
p{
margin:0;
padding:0;
}

.moreInfo{
margin-top:7px;
}

.moreInfo a{
padding:1px 15px 0 0;
background:url(../images/anchor01.gif) right top no-repeat;
}

.moreInfo02{
margin:15px 0 0 15px; 
}

.moreInfo02 a{
padding:1px 0 0 17px;
background:url(../images/anchor01.gif) left top no-repeat;
}

div#mainvisual{
margin:0 0 12px;
width:600px;
height:379px;
text-align:left;
background:url(../images/mainvisual_bg.jpg) left top no-repeat;
}

div#mainvisual h1{
padding:32px 0 0 15px;
}

div#mainvisual p#mainLeadtxt{
padding:62px 0px 15px 12px;
}

div#mainvisual p#mainLeadtxt_2{
padding:0px 0px 5px 12px;
}

div#mainvisual p.txtStyle01{
width:370px;
margin:0 0 10px 15px;
}

div#mainvisual p#mainBtn{
padding:0 0 22px 15px;
}

table img.item-photo{
margin:0 7px;
}

table.tableStyle01 a.txtStyle02:link,{
padding-right:10px;
}

table .pickup01{
width:156px;
background:url(../images/index_img_09.jpg) left top no-repeat;
}

table .pickup02{
width:156px;
background:url(../images/index_img_14.jpg) left top no-repeat;
}

table .pickup03{
width:156px;
background:url(../images/index_img_19.jpg) left top no-repeat;
}

table .pickup04{
width:132px;
background:url(../images/powder_use_bg.gif) left top no-repeat;
}

table .pickup01 p,
table .pickup02 p,
table .pickup03 p{
margin:45px 30px 0 10px;
width:70px;
font-size:12px;
color:#433623;
line-height:1.5;
}

table .pickup04 p{
margin:40px 10px 30px 40px;
font-size:12px;
color:#433623;
line-height:1.5;
}

div#powder_main{
margin:12px 0 0;
width:600px;
height:251px;
text-align:left;
background:url(../images/powder_main_bg.jpg) left top no-repeat;
}

div#herb_main{
margin:12px 0 0;
width:600px;
height:291px;
text-align:left;
background:url(../images/herb_main_bg.jpg) left top no-repeat;
}

div#oil_main{
margin:12px 0 0;
width:600px;
height:251px;
text-align:left;
background:url(../images/oil_main_bg.jpg) left top no-repeat;
}

div#exract_main{
margin:12px 0 0;
width:600px;
height:251px;
text-align:left;
background:url(../images/exract_main_bg.jpg) left top no-repeat;
}

div#glycelin_main{
margin:12px 0 0;
width:600px;
height:220px;
text-align:left;
background:url(../images/glycelin_main_bg.jpg) left top no-repeat;
}

div#herbwater_main{
margin:12px 0 0;
width:600px;
height:251px;
text-align:left;
background:url(../images/herbwater_main_bg.jpg) left top no-repeat;
}

div#powder_main h1,
div#herb_main h1,
div#oil_main h1,
div#exract_main h1,
div#glycelin_main h1,
div#herbwater_main h1{
margin:0 0 27px 15px;
}

div#powder_main p.txtStyle02,
div#herb_main p.txtStyle02,
div#oil_main p.txtStyle02,
div#exract_main p.txtStyle02,
div#glycelin_main p.txtStyle02,
div#herbwater_main p.txtStyle02{
width:310px;
margin:0 0 15px 15px;
}

div#herb_main p.txtStyle03{
width:310px;
margin:0 0 5px 15px;
}

div#powder_main p#mainBtn,
div#herb_main p#mainBtn,
div#oil_main p#mainBtn,
div#exract_main p#mainBtn,
div#glycelin_main p#mainBtn,
div#herbwater_main p#mainBtn{
margin:0 0 23px 15px;
}

table.tableStyle02{
margin:0 13px 17px;
padding-bottom:15px;
}

table.powder{
background:url(../images/dotted_line01.gif) left bottom repeat-x;
}

table.herb{
background:url(../images/dotted_line02.gif) left bottom repeat-x;
}

table.oil{
background:url(../images/dotted_line03.gif) left bottom repeat-x;
}

table.exract{
background:url(../images/dotted_line04.gif) left bottom repeat-x;
}

table.herbwater{
background:url(../images/dotted_line05.gif) left bottom repeat-x;
}

table.tableStyle02 p,
table.tableStyle02 table{
margin-left:10px;
}

table.tableStyle02 h2{
padding:4px 0 4px 65px;
font-size:12px;
line-height:1;
font-style:normal;
color:#FFF;
background:url(../images/powder_img_03.gif) left top no-repeat;
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
table.tableStyle02 h2{font-size:52.3%;}
}

table.tableStyle02 p.txtStyle02{
padding:0 23px 0 0;
}

table.tableStyle04 p.txtStyle02{
padding:0 15px 0 0;
}

table.tableStyle02 p.productName{
padding:0 23px 3px 0;
font-size:14px;
font-weight:bold;
color:#71811c;
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#mannan table.tableStyle04 p.txtStyle02,
#mannan table.tableStyle04 p.productName,
#silk table.tableStyle04 p.txtStyle02,
#silk table.tableStyle04 p.productName,
#urea table.tableStyle04 p.txtStyle02,
#urea table.tableStyle04 p.productName,
#glycelin table.tableStyle02 p.txtStyle02,
#glycelin table.tableStyle02 p.productName{font-size:120%;}
#glycelin table.tableStyle02 h2,
#glycelin table.tableStyle02 p.moreInfo{font-size:100%;}
}

table.tableStyle03{
margin-bottom:13px;
}

table.tableStyle04{
margin:0 !important;
}

#map{
margin:12px 0;
}

.hdType01{
margin:0 0 13px;
padding:0;
line-height:0;
text-align:left;
}

.clear{
clear:both;}

div#container_index{
width:580px;
margin:0 0 15px 13px;
}

div#leftarea_index{
float:left;
width:360px;
line-height:1.1em;
}

div#leftarea_index li{
list-style:none;
}

div#recipe_list{
clear:both;
}

div#new_index{
width:343px;
}

div#new_index ul{
margin:8px 0 5px 30px;
padding:0;
}

div#new_index li{
margin:0 0 7px;
padding:0 0 0 12px;
background:url(../images/arrow_green.gif) no-repeat 0 0.2em;
}

div#new_index .green{
color:#55621c;
text-decoration:underline;
font-size:12px;
}

div#before_index{
width:343px;
margin:10px 0 0 0;
}

div#before_index ul{
margin:0 0 0 130px;
padding:5px 0 0 0;
}

.before_list{
background:url(../images/before_pic.jpg) left no-repeat;
height:115px;
}

div#before_index .brown{
color:#6b423c;
font-size:12px;
text-decoration:none;
}

div#before_index li{
background:url(../images/arrow_pink.gif) no-repeat scroll 0 0.2em;
padding:0 3px 5px 13px;
margin:5px 0 0 0;
border-bottom:1px dashed #d78384;
line-height:1;
}

div#challenge_index ul{
margin:0 0 0 130px;
padding:5px 0 0 0;
}

div#challenge_index .brown{
color:#6b423c;
font-size:12px;
text-decoration:none;
}

div#challenge_index li{
background:url(../images/arrow_blue.gif) no-repeat scroll 0 0.2em;
padding:0 3px 5px 13px;
margin:5px 0 0 0;
border-bottom:1px dashed #438ea1;
line-height:1;
}

div#challenge_index{
width:343px;
clear:both;
margin:10px 0 0 0;
padding:0;
}

.challenge_list{
background:url(../images/challenge_pic.jpg) left no-repeat;
height:128px;
}

div#rightarea_index{
background:transparent url(../images/line_y.gif) repeat-y scroll 0;
width:220px;
float:right;
}

div#beginner_index,
div#sozai_index{
margin:0 0 15px 15px;
}

div#beginner_index .text_bk{
background:url(../images/bigneer_bk.gif) left bottom repeat-y;
width:196px;
padding:5px 0 10px 5px;
color:#4f2e07;
font-size:12px;
line-height:1.2em;
}

.text_bk p{
width:193px;}

div#sozai_index .text_bk{
background:url(../images/bitamin_bk.gif) left bottom repeat-y;
width:197px;
padding:0 0 10px 5px;
color:#3d5015;
font-size:12px;
line-height:1.2em;
}

div#recipi_content01{
margin:12px 0;
width:600px;
background:url(../images/recipi_bg01.gif) left top repeat-y;
text-align:left;
}

div#recipi_content02{
background:url(../images/recipi_bg02.gif) left bottom no-repeat;
padding-bottom:20px;
}

div#recipi_top_main{
background:url(../images/recipi_bg.gif) left bottom no-repeat;
}

div#recipi_top_main{
position:relative;
height:326px;
}

div#recipi_top_main h1{
position:absolute;
top:13px;
left:15px;
}

div#recipi_top_main p.read{
position:absolute;
top:172px;
left:15px;
}

div#recipi_top_main p.photo{
position:absolute;
top:0;
right:0;
}

div#recipi_content01 .btnBlock01{
position:absolute;
top:245;
margin:0px 0px 0px 15px;
}

div#recipi_content01 .btnBlock01 a{
margin:0px 10px 0px 0px;
}

div#recipi_content01 h1.heading01{
margin-bottom:10px;
}

div#recipi_content01 h2.heading01{
margin:0px 0px 20px 0px;
}

div#recipi_content01 div.recipeBg01_01{
width:283px;
background:url(../images/recipe_ind_bg01_01.gif) left top no-repeat;
}

div#recipi_content01 div.recipeBg01_02{
background:url(../images/recipe_ind_bg01_02.gif) left bottom no-repeat;
padding:15px 0;
}

div#recipi_content01 div.recipeBg02_01{
width:283px;
background:url(../images/recipe_ind_bg02_01.gif) left top no-repeat;
}

div#recipi_content01 div.recipeBg02_02{
background:url(../images/recipe_ind_bg02_02.gif) left bottom no-repeat;
padding:15px 0;
}

div#recipi_content01 div.recipeBg03_01{
width:283px;
background:url(../images/recipe_ind_bg03_01.gif) left top no-repeat;
}

div#recipi_content01 div.recipeBg03_02{
background:url(../images/recipe_ind_bg03_02.gif) left bottom no-repeat;
padding:15px 0;
}

div#recipi_content01 div.recipeBg04_01{
width:283px;
background:url(../images/recipe_ind_bg04_01.gif) left top no-repeat;
}

div#recipi_content01 div.recipeBg04_02{
background:url(../images/recipe_ind_bg04_02.gif) left bottom no-repeat;
padding:15px 0;
}

div#recipi_content01 div.recipeBg05_01{
width:283px;
background:url(../images/recipe_ind_bg05_01.gif) left top no-repeat;
}

div#recipi_content01 div.recipeBg05_02{
background:url(../images/recipe_ind_bg05_02.gif) left bottom no-repeat;
padding:15px 0;
}

div#recipi_content01 div.recipeBg06_01{
width:283px;
background:url(../images/recipe_ind_bg06_01.gif) left top no-repeat;
}

div#recipi_content01 div.recipeBg06_02{
background:url(../images/recipe_ind_bg06_02.gif) left bottom no-repeat;
padding:15px 0;
}

div#recipi_content01 div.recipeBg07_01{
width:283px;
background:url(../images/recipe_ind_bg07_01.gif) left top no-repeat;
}

div#recipi_content01 div.recipeBg07_02{
background:url(../images/recipe_ind_bg07_02.gif) left bottom no-repeat;
padding:15px 0;
}

div.recipe_pbk{
padding:0px 0px 0px 0px;
width:600px;
height:32px;
background:url(../images/recipe_index2_10.gif) left bottom no-repeat;
}

div.recipe_pbk p{
padding:10px 0px 0px 45px;
}

div#howto_content{
margin:12px 0;
width:600px;
background:url(../images/recipi_bg01.gif) left top repeat-y;
}

div#howto_content .imgCenter{
text-align:center;
padding-bottom:27px;
}

div#howto_content h2,
div#howto_content h3{
margin:0 0 10px;
padding:0;
}

div#howto_content h4{
font-size:12px;
font-weight:bold;
color:#433623;
margin:0 0 0;
padding:0;
}

div#howto_content .tableStyle04{
margin-bottom:30px;
padding:0 15px 0;
}

div#howto_content .tableStyle04 ul{
margin:0 0 18px;
padding:0;
}

div#howto_content .tableStyle04 ul li{
margin:0 0 0.4em;
padding:0 0 0 1.6em;
list-style:none;
background:url(../images/anchor02.gif) left 0.1em no-repeat;
}

div#howto_content .blockLayout01{
margin-bottom:10px;
padding:15px 0 0 0;
background:url(../images/dotted_line07.gif) left top repeat-x;
}

div#howto_content .blockLayout02{
margin-bottom:10px;
padding:0 0 10px 0;
background:url(../images/dotted_line07.gif) left bottom repeat-x;
}

div#howto_content .none{
margin-bottom:10px;
padding:0;
background:none;
}

.exract_sub01{
margin:10px 0 0 0 !important;
background:url(../images/exract_img_09.gif) left top no-repeat;
width:556px;
height:174px;
}

.exract_sub01 p{
padding:55px 20px 0 300px;
font-size:12px;
color:#4f2f29;
line-height:1.6;
}

.exract_sub02{
margin:10px 0 0 0 !important;
background:url(../images/exract_img_12.gif) left top no-repeat;
width:556px;
height:174px;
}

.exract_sub02 p{
padding:55px 20px 0 300px;
font-size:12px;
color:#4f2f29;
line-height:1.6;
}

.begnner_text{
background:url(../images/arrow.gif) no-repeat scroll 0 6px;
text-indent:18px;
padding:5px 0 0 0;
}
*:first-child+html .begnner_text{
text-indent:0px;
}
*html .begnner_text{
text-indent:3px;
}

div#beginner_content{
margin:12px 0 0 0;
width:600px;
background:url(../images/recipi_bg01.gif) left top repeat-y;
}

ul#list-link-01{
margin:0;
padding:0;
text-align:center;
}

ul#list-link-01 li{
display:inline;
}

ul#list-link-01 li.recipePrint{
margin-left:9px;
}

ul#list-link-01:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:" ";
}

ul#list-link-01:after{
zoom:1;
}

body.recipeIndex table.lyt-recipe{
margin:0 0 14px 8px;
}

body.recipeIndex table td div.lyt-listcontent{
padding:12px 0 0 11px;
}

body.recipeIndex table.lyt-recipe a:link,
body.recipeIndex table.lyt-recipe a:visited{
color:#7A4600;
}

body.recipeIndex table.lyt-recipe a:hover,
body.recipeIndex table.lyt-recipe a:active{
color:#FF6600;
}

body.recipeIndex table td.green01{background:url(../images/bg_recipelist_top_green01.gif) no-repeat left top;}

body.recipeIndex table td.green02{background:url(../images/bg_recipelist_top_green02.gif) no-repeat left top;}

body.recipeIndex table td.pink{background:url(../images/bg_recipelist_top_pink.gif) no-repeat left top;}

body.recipeIndex table td.purple{background:url(../images/bg_recipelist_top_purple.gif) no-repeat left top;}

body.recipeIndex table td.yellow{background:url(../images/bg_recipelist_top_yellow.gif) no-repeat left top;}

body.recipeIndex table td.blue{background:url(../images/bg_recipelist_top_blue.gif) no-repeat left top;}

body.recipeIndex table div.lyt-listcontent p.image{
margin-bottom:8px;
}

table.recipeData td.recipeName,
table.recipeData td.recipeLevel,
table.recipeData td.recipeMovie{
padding:0 4px 0 5px;
background:#ffffff;
}

table.recipeData td.recipeName{
line-height:1.3;
color:#553609;
font-weight:bold;
font-size:12px;
}

table.recipeData td.recipeName img{
margin-right:3px;
}

table.recipeData td.recipeName span.new{
color:#c50505;
}

table.recipeData td.recipeLevel{
padding:4px 4px 8px 5px;
}

table.movieInfo{
margin-bottom:17px;
font-size:10px;
}

div#container_index:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:" ";
}

div#container_index{
zoom:1;
}


/* Printpage Settings
----------------------------------------------------------------- */
body.recipePrint #str-header{
position:relative;
}

body.recipePrint #execPrint,
body.recipePrint #execPrint li{
margin:0;
padding:0;
}

body.recipePrint #execPrint{
display:block;
position:absolute;
top:7px;
left:250px;
}

body.recipePrint #execPrint li img{
vertical-align:bottom;
}


/* Safari Settings
----------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
	div#mainvisual p.txtStyle01{
	width:390px;
}
}