@charset 'UTF-8';

/* DATSUMOU-SITE.COM stylesheets
 *
 * update: 2009.05.28
 * code by Hidetake Kurihara
 * copyright (c)2007-2009 R-design. all rights reserved.
 */

@import "base.css";

/*----- Active Menu Button SETTING -----*/
#gmenu2{width:157px; background-position:-159px -31px; margin-right:1px;}
#lmenu01{background-position:-241px 0px;}


/*----- index.html -----*/
div.imgHead {
	widows:950px;
	height:100px;
	margin:0 0 7px 0;
	background:url(../depilation/imgs/head_index.jpg) no-repeat;}


/*----- MAIN CONTENTS SETTING -----*/
#RightColumn h2,
#LeftColumn h2.idx05 {
	clear:both;
	margin:0px 0 6px 0; 
	padding:16px 0 4px 10px;}
h2.idx01 {background:url(../depilation/imgs/h2_index.gif) no-repeat;}
h2.idx02 {}
h2.idx03 {}
h2.idx04 {}
h2.idx05 {background:url(../imgs/h2_idx05.gif) no-repeat;}


#Catch {
	width:680px;
	margin:23px 0 30px 0;}

#Catch h3 {
	height:89px;
	text-indent:-9999px;
	background:url(../depilation/imgs/h3_catch.jpg) no-repeat;}

#Catch p {
	margin:0 0 0 10px;
	padding:12px 0 0 0;
	letter-spacing:0.5px;
	font-size:107.7%; /* about 14px */
	line-height:1.7;
	text-align:justify;}
#Catch p.catch01 {padding:23px 0 0 0;}

img.catch01 {
	float:right;
	margin:0 0 0 10px;}


ul.futuresList {
	clear:both;
	width:670px;
	margin:0 0 0 10px;
	list-style-type:none;
	list-style-position:outside;}
ul.futuresList li {
	display:block;
	float:left;
	width:206px;}
ul.futuresList h4 {
	height:124px;
	margin:0 0 8px 0;
	text-indent:-9999px;}
ul.futuresList p {font-size:92.4%; /* about 12px */}
ul.futuresList li.future01,
ul.futuresList li.future02 {margin:0 18px 0 0;}
ul.futuresList li.future01 h4 {background:url(../depilation/imgs/feature01.jpg) no-repeat;}
ul.futuresList li.future02 h4 {background:url(../depilation/imgs/feature02.jpg) no-repeat;}
ul.futuresList li.future03 h4 {background:url(../depilation/imgs/feature03.jpg) no-repeat;}


#SevenMerits {
	clear:both;
	width:670px;
	padding:30px 0 5px 0;
	margin:0 0 30px 10px;
	list-style-type:none;
	list-style-position:outside;
	background:url(../depilation/imgs/7merits_foot.gif) no-repeat bottom left;}
#SevenMerits h3 {
	display:block;
	height:110px;
	margin:0 0 7px 0;
	text-indent:-9999px;
	background:url(../depilation/imgs/h3_7merits.gif) no-repeat;}
#SevenMerits ol {
	clear:both;
	display:block;
	width:670px;}
#SevenMerits li {
	display:block;
	height:11em;
	float:left;
	background:#ffd9d9;}
#SevenMerits li h4{
	display:block;
	text-indent:-9999px;}
#SevenMerits li p{
	margin:4px 8px 0 40px;
	text-align:justify;}
#SevenMerits li.merit01,
#SevenMerits li.merit03,
#SevenMerits li.merit05{
	width:330px;
	margin:0 10px 0 0;}
#SevenMerits li.merit02,
#SevenMerits li.merit04,
#SevenMerits li.merit06{
	width:330px;}
#SevenMerits li.merit07{
	width:670px;}
#SevenMerits li.merit01 h4 {height:46px; background:url(../depilation/imgs/h4_1merit.gif) no-repeat;}
#SevenMerits li.merit02 h4 {height:46px; background:url(../depilation/imgs/h4_2merit.gif) no-repeat;}
#SevenMerits li.merit03 h4 {height:56px; background:url(../depilation/imgs/h4_3merit.gif) no-repeat;}
#SevenMerits li.merit04 h4 {height:56px; background:url(../depilation/imgs/h4_4merit.gif) no-repeat;}
#SevenMerits li.merit05 h4 {height:56px; background:url(../depilation/imgs/h4_5merit.gif) no-repeat;}
#SevenMerits li.merit06 h4 {height:56px; background:url(../depilation/imgs/h4_6merit.gif) no-repeat;}
#SevenMerits li.merit07 h4 {height:56px; background:url(../depilation/imgs/h4_7merit.gif) no-repeat;}


/*----- Leser Hair Removal SETTING -----*/
div.leserHairRemoval a {
	display:block;
	float:left;
	width:167px;
	height:203px;
	margin:0 3px 30px 0;
	text-indent:-9999px;
	letter-spacing:0;
	background:url(../imgs/btn_parts.jpg) no-repeat;}
div.leserHairRemoval a.parts01 {background-position: 0 0;}
div.leserHairRemoval a.parts02 {background-position: -167px 0;}
div.leserHairRemoval a.parts03 {background-position: -334px 0;}
div.leserHairRemoval a.parts04 {background-position: -501px 0;}
div.leserHairRemoval a.parts01:hover {background-position: 0 -203px;}
div.leserHairRemoval a.parts02:hover {background-position: -167px -203px;}
div.leserHairRemoval a.parts03:hover {background-position: -334px -203px;}
div.leserHairRemoval a.parts04:hover {background-position: -501px -203px;}

/*----- Medical Treatment SETTING -----*/
div.medicalTreatment {
	float:right;
	margin-bottom:30px;}