@charset "UTF-8";

/* 
	:title 		"フェイシャルケアページ用スタイルシート";
	:created 	"2010/04/21";
	:release 	[:revision "1.00"];
	:auther 	[:name "Project D"];
*/


/* title
-------------------------------------------------- */
#contents .size3of4 h2 {
	width		: 570px;
	height		: 25px;
	margin		: 0 0 15px 0;
	background	: url(../img/bgi_sprites.png) 0px -50px;
	overflow	: hidden;
}

#contents .size3of4 h3 {
	width		: 570px;
	height		: 45px;
	margin		: 0 0 15px 0;
	background	: url(../img/bgi_sprites.png) 0px 0px;
	overflow	: hidden;
}

#contents .size3of4 h3.ttlText,
#contents .size3of4 h4 {
	margin		: 0 0 15px 0;
	font-weight	: bold;
	color 		: #333;
}
#contents .size3of4 h3.ttlText {
	width		: auto;
	height		: auto;
	font-size	: 1.33em;
	background	: none;
}
#contents .size3of4 h4 { font-size: 1.16em; }
	#contents .size3of4 h3.ttlText span { font-size: 0.75em; }
	
#contents .size3of4 .wrapTitle h4 {
	margin	: 0 0 0.5em 0;
	color	: #fff;
}
	

/* 肌に直接触れるからこそ、化粧品にもこだわります,
   加圧トレーニング後は、お肌のゴールデンタイム
-------------------------------------------------- */
.size1of3,
.size2of3 { float: left; }

.size1of3 {	width: 33%; }
.size2of3 { width: 66%; }


/* フェイシャルケアメニュー
-------------------------------------------------- */
#contents .wrapTitle,
#contents .wrapOverview { padding: 5px; }

#contents .wrapTitle { background: #e98a8e; }
#contents .wrapOverview {
	margin		: 0 0 1em 0;
	background	: #eeead1;
}

#contents .wrapTitle .iSection { margin: 0; }

#contents .wrapTitle .iSection p {
	font-size	: 0.83em;
	color		: #fff;
}

#contents .wrapTitle .iSection .size1of4 {
	width		: 122px;
	padding		: 0;
	float		: right;
}
	#contents .wrapTitle .iSection .size1of4 a {
		width		: 122px;
		height		: 20px;
		background	: url(../img/bgi_sprites.png) no-repeat -10px -90px;
		display		: block;
		overflow	: hidden;
	}
	#contents .wrapTitle .iSection .size1of4 a:active { background: url(../img/bgi_sprites.png) no-repeat -10px -110px; }
	#contents .wrapTitle .iSection .size1of4 a:hover { background: url(../img/bgi_sprites.png) no-repeat -10px -130px; }

	#contents .wrapOverview .size1of3 { float: left; }
	
#contents .wrapOverview a.external {
	padding		: 0.2em 0 0.2em 1.5em;
	background	: #eeead1 url(../img/bgi_sprites.png) no-repeat -140px -90px;
}

#contents .wrapOverview a.external:hover {
	background	: #eeead1 url(../img/bgi_sprites.png) no-repeat -140px -110px;
}


/* トライアルトレーニング受付中バナー,
   初めてのご予約は〜バナー
-------------------------------------------------- */
.bannerLists { margin: 30px 0 15px 0; }
	.bannerLists li { padding: 0 0 10px 0; }
	

/* structure
-------------------------------------------------- */
.section { margin: 1em 0 2em 0; }
.iSection { margin: 0 0 1em 0; }


/* clearfix
-------------------------------------------------- */
#contents .size3of4 .iSection:after,
#contents .wrapOverview:after {
	height		: 0;
	display		: block; 
	clear		: both; 
	content		: url(/common/img/pixel.png);
}

#contents .size3of4 .iSection,
#contents .wrapOverview { overflow: hidden; }

/* Hides from IE-mac \*/
* html #contents .size3of4 .iSection,
* html #contents .wrapOverview {
  height		: 1%;
  overflow		: visible;
}