@charset "UTF-8";

/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
/* --メインイメージ-- */
#mainimg{
margin:57px 0; 
}



/* ------------------------------------------------------------ */
/* リセッチパッケージ */
/* ------------------------------------------------------------ */
#resetch_design{
	width:951px;
	height:390px;
	padding:0;
	margin-bottom:0px;
}
#resetch_design p{
margin:0;
padding:0;
float:left;
}

/* ------------------------------------------------------------ */
/* こんな時に */
/* ------------------------------------------------------------ */
#timing{
width:950px;
height: 397px;
padding:0 auto;
margin-bottom:60px;
}
#timing p{
margin:0;
padding:0;
    background: url(../img/product/timing.gif) no-repeat 0 0;
    display: block;
    height: 397px;
    text-indent: -5000px;
}

/* ------------------------------------------------------------ */
/* 1.早く効く */
/* ------------------------------------------------------------ */
#group1{
width:950px;
height: 450px;
padding:0 auto;
margin-bottom:60px;
}
#group1 .left{
background:url(../img/product/group1_01.png) 0 0 no-repeat;
padding:150px 45px 10px 10px;
float:left;
width:404px;
height: 234px;
}
#group1 .right{
background:url(../img/product/group1_02.png) 0 0 no-repeat;
float:left;
width:456px;
height: 432px;
}

/* ------------------------------------------------------------ */
/* 2.からだにやさしい */
/* ------------------------------------------------------------ */
#group2{
width:950px;
height: 591px;
padding:0 auto;
margin-bottom:60px;
position:relative;
}
#group2 .left{
float:left;
width:515px;
height: 591px;
}
#group2 .left1{
background:url(../img/product/group2_01.png) 0 0 no-repeat;
padding:150px 80px 10px 10px;
float:left;
width:425px;
height: 109px;
}
#group2 .left2{
background:url(../img/product/group2_02.png) 0 0 no-repeat;
padding:87px 10px 10px 70px;
float:left;
width:435px;
height: 205px;
}
#group2 .glycerine1{
font-size:140%;
line-height:190%;
font-weight:bold;
padding-left:40px;
margin-bottom:10px;
}
#group2 h3{
font-weight:bold
}
#group2 .glycerine2{
line-height:170%;
}




#group2 .right{
float:left;
width:435px;
height: 591px;
/*background:url(../img/product/group2_03base.png) 0 0 no-repeat;*/
}

/* アニメーション2 */
#animation2_1{
position:absolute;
top:0;
left:515px;
width:435px;
height:0px;
background:url(../img/product/group2_03base.png);
z-index:-3;
}

#animation2_2{
position:absolute;
top:0;
left:515px;
width:435px;
height:470px;
background:url(../img/product/group2_03animation.png);
z-index:-2;
}


div .body{
position:absolute;
top:0;
left:515px;
z-index:-1;
}

/* ------------------------------------------------------------ */
/* 3.からだにやさしい */
/* ------------------------------------------------------------ */
#group3{
background:url(../img/product/group3_01.gif) 0 0 no-repeat;
width:490px;
height: 324px;
margin-bottom:90px;
padding:120px 450px 10px 10px;
/*font-size:140%;
line-height:200%;*/
}
/*#group3 strong{
color:#e9516f;
font-weight:normal;
font-size:100%;
}*/


/* ------------------------------------------------------------ */
/* movie */
/* ------------------------------------------------------------ */
#movie{width:950px;
height: 650px;
margin-bottom:90px;
padding:10px;
/*font-size:140%;
line-height:200%;*/
z-index:-1;
}

#movie h2{
background:url(../img/product/movie_comment.png) 0 0 no-repeat;
width:950px;
height:150px
}

#movie .movie{
width:768px; 
padding:0; 
margin-left:100px; 
border:solid 15px #f2d9d7;
}



/* ------------------------------------------------------------ */
/* 製品情報 */
/* ------------------------------------------------------------ */
#design{
	width:950px;
	height: 550px;
	padding:0 auto;
	margin-bottom:60px;
	margin-bottom:20px;
}
#design h2{
font-size:28px;
text-indent:-9999px;
background:url(../img/product/product_h2.png) 0 0 no-repeat;
height:50px;
}
#design .left{
	float: left;
	margin-left: 0 0 0 10px;
	width: 140px;
}
	
}
#design .right{
	float: right;
	margin-right: 0 0 0 0px;
	width: 800px;
}

#design table{
	margin:0px 0px 0px 0px;
	width:auto;
	border-top:dotted 0px #B3B3B3;
	word-break:break-all;
}
#design table th{
padding:8px 3px;
border-bottom:dotted 2px #B3B3B3;
text-align:left;
}
#design table th p{
line-height:180%;
font-weight:normal;
width:600px;
padding:0;
margin:0;
background-color:#fff;
}

#design table td{
padding:8px 2px;
border-bottom:dotted 2px #B3B3B3;
}
#design table td p{
line-height:180%;
width:714px;
padding:0;
margin:0;
background-color:#fff;
}
.g2{
height:55px;
}
.g3{
height:80px;
}

#design .pdf{
width:820px;
padding:0;
margin-left:0px;
text-align:right;
background:url(../img/product/product_pdf.png) 700px 7px no-repeat;
}

#design .pdf a{
color:#0071BC;
}

#design2 table{
margin:15px 15px 5px 15px;
width:920px;
border-top:dotted 0px #B3B3B3;
word-break:break-all;
}
#design2 table th{
padding:8px 3px;
border-bottom:dotted 5px #B3B3B3;
text-align:left;
}