@charset "UTF-8";

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

	created: 2008-10-31;
	last-modified: 2008-11-04;

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


/* css start ------------ */


/* --------------------------------------------------------------------
	レイアウト：トップページ
-------------------------------------------------------------------- */

body#methodIndex div.wrapper {
	background: url(../img/idx_bg.jpg) no-repeat;
}


/* ---------------------------------------------
	ツララの正体
--------------------------------------------- */

body#methodIndex div#ctt01 {
	padding: 0 35px;
}

body#methodIndex div#ctt01 div.wrap div.txtSet {
	float: right;
	width: 346px;
	padding: 78px 0 0;
}

body#methodIndex div#ctt01 div.wrap p.img {
	float: left;
	width: 349px;
}

body#methodIndex div#ctt01 div.wrap div.txtSet p.lead {
	padding: 15px 0 0;
}


/* ---------------------------------------------
	肌にはめると
--------------------------------------------- */

body#methodIndex div#ctt02 {
	padding: 12px 35px 0 44px;
}

body#methodIndex div#ctt02 div.wrap div.txtSet {
	float: left;
	width: 354px;
}

body#methodIndex div#ctt02 div.wrap div.imgSet {
	float: right;
	width: 357px;
	padding: 61px 0 0;
}

body#methodIndex div#ctt02 div.wrap div.txtSet p.lead {
	padding: 18px 0 0;
}


/* ---------------------------------------------
	肌内部では？
--------------------------------------------- */

body#methodIndex div#ctt03 {
	width: 736px;
	height: 271px;
	margin: 50px 0 0 35px;
	background: url(../img/idx_ctt03_bg.jpg) no-repeat;
}

body#methodIndex div#ctt03 p.tit {
	padding: 18px 0 0 18px;
}

body#methodIndex div#ctt03 ul {
	height: 177px;
	margin: 17px 0 0;
	padding: 0 0 0 21px;
}

body#methodIndex div#ctt03 ul li {
	float: left;
}


body#methodIndex p.navProducts {
	padding: 23px 35px 28px 0;
	text-align: right;
}


/* ---------------------------------------------
	動画紹介
--------------------------------------------- */
.btn_movie{
	float:left;
	width:90px;


}

.btn_movie span{
	margin-left: 20px;
	font-size: small;
	

}

.mediaplay{
	clear:both;
	font-size: x-small;
	padding: 30px 0 0 0;

}

.clear_tag{
padding: 20px 0 0 0 ;
clear:both;
}

body#methodIndex div.item{
	width: 774px;
	margin: 19px 0 0 17px;
	padding: 0 0 28px;
}


body#methodIndex div.item div.txtSet{
	float: right;
	width: 523px;
}

body#methodIndex div.item div.imgSet{
	float: left;
	width: 251px;
	text-align: right;
}


div.item div.imgSet2 {
	float: left;
	width: 215px;
	text-align: center;
	

}

h2.movie_title{
padding:20px 0 0 19px;
}


/* ---------------------------------------------
	ツララの秘密ページ
--------------------------------------------- */
div.select_turara{
width:806px;
height: 301px;
display:block;
}


div.select_turara{

}


.select_li01 a{
display:block;
height: 301px;
width:403px;
background: url(/products/img/select_siwa_off.jpg) no-repeat;
float:left;
	text-indent:-9999px;

}

	.select_li01 a:hover{
	display:block;
	height: 301px;
	width:403px;
	background: url(/products/img/select_siwa_on.jpg) no-repeat;
	float:left;
	}

.select_li02 a{
display:block;
height: 301px;
width:403px;
background: url(/products/img/select_simi_off.jpg) no-repeat;
float:left;
	text-indent:-9999px;

}


	.select_li02 a:hover{
	display:block;
	height: 301px;
	width:403px;
	background: url(/products/img/select_simi_on.jpg) no-repeat;
	float:left;
	}

/* css end ------------ */