@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";

/*----- index.html -----*/
div.imgHead {
	widows:950px;
	height:237px;
	margin:0 0 7px 0;
	background:url(../imgs/img_head_idx.gif) no-repeat;}
div.imgHead a.campaignBtn {
	display:block;
	width:180px;
	height:171px;
	position:relative;
	top:54px;
	left:759px;
	overflow:hidden;}
div.imgHead a.campaignBtn:hover img {
	margin:0 0 0 -180px;}

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


p.catch01 {
	height:199px;
	margin:0 0 15px 10px;
	padding:4px 280px 0 0;
	letter-spacing:2px;
	font-size:107.7%; /* about 14px */
	line-height:1.7;
	text-align:justify;
	background:url(../imgs/img_welcom.jpg) no-repeat right top;}
div.catch02,
div.catch03 {
	display:block;
	width:200px;
	margin:0 0 30px 10px;
	padding:0 120px 0 0;
	font-size:92.4%; /* about 12px */
	letter-spacing:0px;
	line-height:1.47;
	text-align:justify;}
*html div.catch02,
*html div.catch03 {
	width:320px;}
div.catch02 {float:left; background:url(../imgs/img_idx01.jpg) no-repeat right 21px;}
div.catch03 {float:right; background:url(../imgs/img_idx02.jpg) no-repeat right 21px;}
div.catch02 h3,
div.catch03 h3 {margin:0 0 3px 0;}

div.campaignArea {
	clear:both;}
div.campaignArea a {display:block;}
div.campaignArea a.cmpBnr01 {float:right; margin:0 0 30px 0;}
div.campaignArea a.cmpBnr02 {float:left; margin:0 0 5px 0;}
div.campaignArea a.cmpBnr03 {float:left; margin:0 0 30px 0;}

/*----- News and Topics SETTING -----*/
div.newsTopics {
	float:left;
	width:410px;
	margin-bottom:30px;}

div.newsTopics table {
	table-layout:fixed;
	width:397px;
	margin:0 3px 0 10px;}
div.newsTopics table th {
	width:144px;
	margin:0;
	padding:7px 0;
	vertical-align:top;
	font-size:107.7%; /* about 14px */
	font-weight:normal;
	background:url(../imgs/dot1_3px.gif) repeat-x left bottom;}
div.newsTopics table td {
	width:253px;
	margin:0;
	padding:8px 0 7px 0;
	vertical-align:top;
	font-size:92.4%; /* about 12px */
	background:url(../imgs/dot1_3px.gif) repeat-x left bottom;}

/*----- Leser Hair Removal SETTING -----*/
div.leserHairRemoval{height:400px;}
div.leserHairRemoval a {
	display:block;
	float:left;
	width:135px;
	height:159px;
	margin:0 1px 1px 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: -135px 0;}
div.leserHairRemoval a.parts03 {background-position: -272px 0;}
div.leserHairRemoval a.parts04 {background-position: -408px 0;}
div.leserHairRemoval a.parts05 {background-position: -544px 0;}
div.leserHairRemoval a.parts06 {background-position: 0 -160px;}
div.leserHairRemoval a.parts07 {background-position: -135px -160px;}
div.leserHairRemoval a.parts08 {background-position: -272px -160px;}
div.leserHairRemoval a.parts09 {background-position: -408px -160px;}
div.leserHairRemoval a.parts10 {background-position: -544px -160px;}
div.leserHairRemoval a.parts01:hover {background-position: 0 -320px;}
div.leserHairRemoval a.parts02:hover {background-position: -135px -320px;}
div.leserHairRemoval a.parts03:hover {background-position: -272px -320px;}
div.leserHairRemoval a.parts04:hover {background-position: -408px -320px;}
div.leserHairRemoval a.parts05:hover {background-position: -544px -320px;}
div.leserHairRemoval a.parts06:hover {background-position: 0 -480px;}
div.leserHairRemoval a.parts07:hover {background-position: -135px -480px;}
div.leserHairRemoval a.parts08:hover {background-position: -272px -480px;}
div.leserHairRemoval a.parts09:hover {background-position: -408px -480px;}
div.leserHairRemoval a.parts10:hover {background-position: -544px -480px;}

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