@charset "utf-8";

/*===========================================*/
/*==基本設定==*/
/*===========================================*/

html,body,p,h1,h2,h3,h4,dl,dt,dd,ul,ol,li{ margin: 0; padding: 0;}
html{ overflow-y: scroll; background:#F2F2F2 url(../img/bg.jpg) center repeat-y;}
html,body{
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 1.8;
color: #333333;
}
body{background:url(../img/main_bg.jpg) top center no-repeat;}
*html,body{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;} /*IE6*/
input,textarea,select{
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
input,select { vertical-align: middle;}
*html input,*html textarea{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;} /*IE6*/
img{ vertical-align: top; border: none;}
a{ color: #444444; text-decoration: none; }
a:hover{  text-decoration: underline;}
li{ list-style: none;}
table{ border-collapse: collapse; border-spacing: 0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display: block;}
input::-webkit-input-placeholder{ color: #CCCCCC;}
input:-moz-placeholder{ color: #CCCCCC;}
label{ cursor: pointer;}

/*===========================================*/
/*==コンテンツ==*/
/*===========================================*/

.contents {
margin:0 auto;
width:1000px;
}

h3 {
   margin-bottom:10px;
}

.w860 {
   margin:0 auto 70px;
   width:860px;
}

.w860 p {
   margin-bottom:30px;
}

.w870 {
   margin:0 -5px;
   width:870px;
}




/* ヘッダー背景部分 */

#bg1 {
   background:url(../img/bg1.jpg) top center no-repeat;
   height:468px;
   text-align:center;
}
#bg2 {
   background:url(../img/bg2.jpg) top center no-repeat;
   height:594px;
   text-align:center;
}
#bg3 {
   background:url(../img/bg3.jpg) top center no-repeat;
   height:493px;
   text-align:center;
}
#bg4 {
   background:url(../img/bg4.jpg) top center no-repeat;
}


/* 3つの原因 */

#genin dd.num1 {
   padding:0 520px 0 70px;
   background:url(../img/genin1_bg.jpg) no-repeat;
   height:286px;
}
#genin dd.num2 {
   padding:0 70px 0 520px;
   background:url(../img/genin2_bg.jpg) no-repeat;
   height:276px;
}


/* 3つの要素 */

#youso dd {
   padding:20px 70px 30px;
}


/* 成分 */
#seibun dd {
   padding:0 70px 0 510px;
}
#seibun dd.num1 {
   background:url(../img/seibun1_bg.jpg) no-repeat;
   height:206px;
}
#seibun dd.num2 {
   background:url(../img/seibun2_bg.jpg) no-repeat;
   height:177px;
}
#seibun dd.num3 {
   background:url(../img/seibun3_bg.jpg) no-repeat;
   height:177px;
}
#seibun dd.num4 {
   margin-bottom:10px;
   background:url(../img/seibun4_bg.jpg) no-repeat;
   height:250px;
}


/* ボーナス */

#bonus .num1 {
   padding:0 70px;
   background:url(../img/bonus1_bg.jpg) no-repeat;
   height:255px;
   color:#FFF;
}
#bonus .num2 {
   margin-bottom:80px;
   padding:0 70px;
   background:url(../img/bonus2_bg.jpg) no-repeat;
   height:225px;
   color:#FFF;
}


/* 喜びの声 */
#voice dd {
   margin-bottom:50px;
   padding:0 0 0 70px;
}


/* 商品紹介 */
.product {
   text-align:center;
}
.product .num1 {
   padding:260px 0 0;
   background:url(../img/product_bg1.jpg) top center no-repeat;
   height:222px;
}
.product .num2 {
   background:url(../img/product_bg2.jpg) top center no-repeat;
   height:591px;
}
.product .num3 {
   background:url(../img/product_bg3.jpg) top center no-repeat;
}

/* 追伸 */
#tuisin dd {
   padding:0 70px;
}
#tuisin dd.num1 {
   background:url(../img/tuisin1_bg.jpg) top center no-repeat;
   height:335px;
}
#tuisin dd.num2 {
   background:url(../img/tuisin2_bg.jpg) top center no-repeat;
   height:226px;
}



/* ------------------------------------------------------------------------------

フォーム

 ------------------------------------------------------------------------------*/
 
#form_header {
   padding-top:50px;
   background:url(../img/form_header.jpg) center top no-repeat;
   height:310px;
   text-align:center;
}

#form_bg1 {
   background:url(../img/form_bg1.jpg) center top no-repeat;
   text-align:center;
}
#form_bg2 {
   background:url(../img/form_bg2.jpg) center top no-repeat;
   text-align:center;
}
#form_bg3 {
   background:url(../img/form_bg3.jpg) center top no-repeat;
   height:665px;
}
#form_bg3 ol {
   margin:0 auto;
   padding-top:50px;
   width:740px;
}
#form_bg3 ol li {
   margin-bottom:25px;
}

.form_contents_box {
margin:0 auto 30px;
padding:20px 29px 0;
background:#FFC;
font-size:14px;
line-height:1.6;
border:#DDD solid 1px;
}
.form_contents_box dl {
margin-bottom:20px;
overflow:hidden;
}
.form_contents_box dt {
float:left;
width:560px;
}
.form_contents_box dd {
float:left;
width:230px;
}


.form_table {
margin: 0 auto 40px;
width: 860px;
border-collapse:collapse;
border: 1px solid #CCC;
font-size: 14px;
line-height: 1.6;
}
.form_table input {
border:#CCC 1px solid;
}
.form_table_caption {
font-size:16px;
font-weight:bold;
}

.form_table th,
.form_table td {
padding: 12px 8px;
background: #FFF;
border: 1px solid #CCC;
text-align: left;
vertical-align: top;
}

.form_table th {
padding-right:30px;
background: #f6f6f6;
white-space:nowrap;
}

.form_table input,
.form_table select,
.form_table textbox {
border:#777 1px solid;
}


#form_american {
 width: 760px;
 text-align: left;
 margin:0 auto 20px;
}
#form_american_check {
 width: 760px;
 background:  #FFFF77;
 padding: 10px 0;
 margin:0 auto 30px;
 font-weight: bold;
 font-size: 18px;
}

#form_movie {
 padding: 20px;
 background: #FFDDDD;
}
#form_last {
 width: 600px;
 font-size: 12px;
 background: #f6f3d4;
 padding: 20px 0;
 margin:0 auto 40px;
}

.form_attention { color: #FF0000;}

.rei {
color:#FF0000;
}


#footer {
margin-bottom:30px;
}
#footer p {
padding-bottom:20px;
text-align:center;
font-size:12px;
}



#copy {
padding:30px 0 0;
background:url(../img/copyright.jpg) no-repeat;
font-size:12px;
color:#FFF;
text-align:center;
height:50px;
}