@charset "utf-8";
/* CSS Document */
body{color:#413737;}
a:link{color:#2e83c4;}
a:visited{color:#2e83c4;}
a:hover{color:#2e83c4; text-decoration:none; }

div,dl,dt,dd,table,tr,th,td,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }
body{ font:12px "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif; background:#ffffff; line-height:1.5; margin:0; padding:0 0 0 10px;}
/* for IE6 */
* html body { font-size:75%; }
/* for IE7 */
*:first-child+html body { font-size:75%; }
/*IE・12px=75% 13px=82% 14px=88% 15px=94% 16px=100% */
img { border:none; }
#container{ width:600px; margin:15px; padding:0;}
#main { width:600px;}

/* index */
#visual { text-align:center; border:1px solid #0069b7; padding:10px 5px;}
#evolution {height:360px; margin-top:15px; line-height:2; padding-bottom:20px; background:url(../img/bg_evolution.gif) no-repeat center top;}
.point01{ width:280px; padding-top:110px; margin-left:150px;}
.point02{ width:280px; padding-top:25px; margin-left:290px;}
.point03{ background:url(../img/bg_point03_middle.gif) top left repeat-y;}
.point01 ul,.point02 ul{ margin:0; padding-left:20px; list-style:disc inside;}

#lineup { }
#lineup .section { padding:10px 15px 15px 15px;}
#lineup .thm { float:left; }
#lineup .sectR { float:right; width:450px; }

/* recipe */
ul.feature { list-style-type:none; padding-left:6px; }
ul.feature li { background:url(../img/ico_feature.gif) no-repeat 0 3px; padding-left:18px; margin-top:10px; }
#recipe01 table,#recipe02 table,#recipe03 table,#recipe04 table{ border:1px solid #ccc; border-collapse:collapse;}
#recipe01 th,#recipe02 th,#recipe03 th,#recipe04 th,#recipe01 td,#recipe02 td,#recipe03 td,#recipe04 td { border:1px solid #ccc; padding:5px;}
.variation { margin-top:20px; }
.variation h3 { background:url(../img/bg_variation_tit.gif) no-repeat left top; padding:10px 37px; }
.variation .sectR { float:right; width:310px; }
.variation ul { list-style-type:none; margin-top:5px; }
.variation li { background:url(../img/ico_material.gif) no-repeat 5px 5px; padding-left:18px; }


.fsS { font-size:92%; }
.fL{ float:left;}
.fR{ float:right;}
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.vaTb{ vertical-align:text-bottom;}

.clear{clear:both;}
.clearfix:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mL05{margin-left:5px;}
.mL10{margin-left:10px;}
.mL20{margin-left:20px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;}
.mL50{margin-left:50px;}
.mB05 { margin-bottom:5px; }
.mB10 { margin-bottom:10px; }
.mB15 { margin-bottom:15px; }
.mB20 { margin-bottom:20px; }
.mB30 { margin-bottom:30px; }
.mB40 { margin-bottom:40px; }
.mB50 { margin-bottom:50px; }
.mR05 { margin-right:5px; }
.mR10 { margin-right:10px; }
.mR15 { margin-right:15px; }
.mR20 { margin-right:20px; }
.mR30 { margin-right:30px; }
.mR40 { margin-right:40px; }
.mR50 { margin-right:50px; }

.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pL10{padding-left:10px;}
.pL20{padding-left:20px;}
.pL30{padding-left:30px;}
.pL40{padding-left:40px;}
.pL50{padding-left:50px;}
.pR10 { padding-right:10px; }
.pR15 { padding-right:15px; }
.pR20 { padding-right:20px; }
.pR30 { padding-right:30px; }
.pR40 { padding-right:40px; }
.pR50 { padding-right:50px; }
.pB10 { padding-bottom:10px; }
.pB15 { padding-bottom:15px; }
.pB20 { padding-bottom:20px; }
.pB30 { padding-bottom:30px; }
.pB40 { padding-bottom:40px; }
.pB50 { padding-bottom:50px; }


#footer{clear:both; border-top:1px solid #666666; margin:50px auto 0; padding:5px 0 0 0;}
/* 11/17修正 元: #footer{clear:both; width:560px; border-top:1px solid #666666; margin:50px 0 0 0; padding:5px 0 0 80px;} */
#footer a:link{color:#666666;}
#footer a:hover{color:#666666;}
#footer a:visited{color:#666666;}