@charset "utf-8";
@import url("common.css");

/*-- leftcol -----------------------------------------------------*/

.left_banner {
	width		: 205px;
	height		: auto;
	margin-bottom	: 10px;
}

/*-- maincol -----------------------------------------------------*/

#content_box {
	width		: 635px;
	height		: auto;
	margin-right	: 13px;
}

.content_top {
	width		: 635px;
	height		: 7px;
}

#content_middle {
	width		: 635px;
/*	height		: auto; */
	background	: url(../img/content_middle.gif) repeat-y;
	text-align	: left;
	padding		: 10px 0 0 25px;
	letter-spacing	: normal;
	line-height	: 200%;
/*	height		: 1%;	*/
}
/*
#content_middle:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}
*/
.content_bottom {
	width		: 635px;
	height		: 7px;
	clear		: both;
}

/*-- Entry message ------------------------------------------------*/

.sub_title {
	background	: url(../img/content_subtitle.gif) bottom left no-repeat;
	background-position	: 0 7px;
	font-weight:600;
	margin-bottom	: 20px;
	padding-left	: 20px;
	text-align	: left;
	clear		: both;
	color:#006699;
}

.w390 {
	width		: 390px;
	margin-bottom	: 20px;
	float		: left;
}

.pic01 {
	width		: 170px;
	float		: left;
	margin-left : 20px;
}

.w575 {
	width		: 575px;
	margin-bottom	: 20px;
	clear		: both;
}

.pic02 {
	width		: 190px;
	float		: left;
	margin-right : 20px;
}

.w370 {
	width		: 370px;
	margin-bottom	: 20px;
	float		: left;
}

.miwa {
	float		: left;
}


/*-- Entry oem_information ---------------------------------------------*/

ol#feature {
	margin		: 20px 20px 20px 30px;
	list-style-type	: decimal;
}

ol#feature li{
	color		: #666;
	font-weight	: bold;
}

.pic03 {
	width		: 180px;
	height		: 120px;
	margin-right: 10px;
	margin-bottom	: 30px;
	float		: left;
}

/*-- Entry process -------------------------------------------------------*/

ul#process_list {
	margin		: 20px 20px 20px 30px;
	list-style-type	: disc;
}

ul#process_list li{
	color		: #333;
}

.flowchart {
	margin		: 10px auto;
}

.pic_process {
	float		: left;
	margin		: 10px 3px 20px 0;
}

/*-- Entry development ----------------------------------------------------*/
ul.development_list {
	margin		: 0 20px 15px 30px;
	list-style-type	: disc;
	clear		: both;
}

.bold {
	font-weight	: bold;
	color		: #666;
}
/*-- hayama -----------------------------------------------------------------*/
.company_info table{
	font-size:12px;
	width:600px;
	border:1px #CCCCCC solid;
	}
.company_info table th{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:0.5em;
	vertical-align:middle;
	background:#ddeeff;
	color:#666;
	}
.company_info table td{
	font-size:12px;
	color:#333;
	padding:0.5em;
	vertical-align:bottom;
	background:#eeeeee;
	font-weight:normal;
	line-height	: 1.6em;
	}
.company_info table caption{
	background: #ccFFFF;
	font-size:12px;
	}
	
/*-- Entry spa_esthetic -----------------------------------------------------*/
ul#spa_list {
	margin		: 0 0 10px 0;
	list-style-type	: none;
}

/*--Entry hotel --------------------------------------------------------------*/

.w320 {
	width		: 320px;
	margin-bottom	: 10px;
	float		: left;
}

.pic04 {
	width		: 240px;
	float		: left;
	margin-left : 10px;
	height		: 1%;
}

.pic04:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}

/*-- Entry sitemap -----------------------------------------------------------*/

ul#sitemap_list {
	margin		: 0 30px;
	list-style	: none;
}

ul#sitemap_list li{
	background	: url(../img/icon04.gif) center left no-repeat;
	padding-left: 20px;
	list-style	: none;
	line-height	: 300%;
}

ul#sitemap_list a:link, ul#sitemap_list a:visited, ul#sitemap_list a:active {
	font-size 	: 12px;
	color		: #333;
	text-decoration	: none;
}

ul#sitemap_list a:hover {
	font-size 	: 12px;
	color		: #36F;
	text-decoration	: underline;
}

/*-- Entry Q&A --------------------------------------------------------------*/

.qanda_title {
	background	: url(../img/content_line02.gif) left bottom no-repeat;
	margin		: 30px 0 5px 0;
	text-align	: left;
	clear		: both;
	height		: 25px;
}

.qanda_h3 {
	color		: #69C;
	float		: left;
	width		: 540px;
	margin-left	: 5px;
}

.qanda_title img{
	float		: left;
	width		: 30px;
}

.kind_of_cosme {
	text-align	: left;
	background	: url(../img/icon05.gif) center left no-repeat;
	padding-left: 15px;
	margin-top	: 15px;
	color		: #069;
	font-weight	: normal;
}

.qanda_list li {
	margin-bottom	: 10px;
	list-style-type	: disc;
	list-style-position:inside;
	margin-left	: 15px;
	line-height	: 120%;
}

.img_pictures {
	width		: 575px;
	margin-bottom	: 30px;
	clear		: both;
}

.img_pictures img{
	float		: left;
	margin-left	: 1px;
}

#questions li{
	margin-left	: 40px;
	line-height	: 160%;
	color		: #06C;
}

#questions li a:link, #questions li a:active, #questions li a:visited {
	color		: #06C;
	text-decoration	: none;
}

#questions li a:hover {
	color		: #06C;
	text-decoration	: underline;
}


/*-- Entry soap --------------------------------------------------------------*/

#soap_box {
	width		: 575px;
	margin-bottom	: 20px;
	clear		: both;
	background: url(../img/soap.gif) no-repeat;
	height		: 1100px;
	padding-top	: 50px;
}

.shabon_title {
	color		: #777;
	font-size	: 14px;
	margin		: 5px 0 20px 0;
}

.shabon_l {
	width		: 260px;
	height		: 180px;
	text-align	: center;
	margin-left	: 25px;
}

.shabon_r {
	width		: 260px;
	height		: 180px;
	text-align	: center;
	margin-left	: 290px;
}

.w520 {
	width		: 520px;
	margin		: 75px 0 0 25px;
	line-height	: 150%;
	clear		: left;
}

/*-- Entry contact -------------------------------------------------------------*/

.red {
	color		: #F03;
	font-size	: 10px;
}
/*
.contact_form {
	height		: 1%;
}

.contact_form:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}
*/
.contact_form{
	height:800px;
	}
/*-- toiawase box --------------------------------------------------------------*/

#toiawase_box {
	width		: 500px;
	height		: 170px;
	margin		: 60px 0 10px 40px;
	border		: solid 1px #69F;
	clear		: both;
	text-align	: left;
}

.toiawase_title {
	margin		: 10px 0 0 20px;
}

.toiawase_text {
	line-height	: 130%;
	margin		: 10px 0 0 20px;
}

.tel{
	color		: #369;
	line-height	: 150%;
	margin-left	: 20px;
	margin-top	: 10px;
}

.font14px {
	color		: #369;
	font-size	: 16px;
	font-weight	: bold;
	letter-spacing	: 200%;
	line-height	: 130%;
	margin-left	: 20px;
	float		: left;
}

.toiawase_button {
	float		: right;
	width		: 165px;
	height		: 45px;
	margin-right: 30px;
	text-indent	: -999em;
}

.toiawase_button a:link, .toiawase_button a:visited, .toiawase_button a:active {
	width		: 165px;
	height		: 45px;
	display		: block;
	overflow	: hidden;
	background	: url(../img/toiawase/button01.gif) top left no-repeat;
}

.toiawase_button a:hover {
	background	: url(../img/toiawase/button02.gif);
	background-position	: 0px -45px;
}


/*-- Entry professional  -------------------------------------------------------*/

.professional_pic {
	float		: left;
	margin		: 0 10px 10px 0;
}

.items {
	margin		: 0 20px 40px 0;
	font-weight	: normal;
	text-align	: left;
	float		: left;
	width		: 300px;
}

.items th {
	color		: #69F;
	width		: 80px;
	vertical-align	: top;
	line-height	: 180%;
}

.items td {
	line-height	: 150%;
}

#professional_item1{
	padding-top :10px;
}

#professional_item2{
	padding-top :10px;
}

#professional_item3{
	padding-top :10px;
}


/*-- Entry cost ---------------------------------------------------------------*/

.cost_sample {
	background	: url(../img/icon05.gif) center left no-repeat;
	padding-left: 15px;
	color		: #666;
}

.price_list {
	width		: 575px;
	text-align	: left;
	margin-bottom	: 30px;
	border		: solid 1px #69F;
}

.price_list th {
	width		: 120px;
	line-height	: 200%;
	color		: #FFF;
	font-weight	: normal;
	background	: #69F;
	padding-left: 5px;
}

.price_list td {
	line-height	: 160%;
	border		: solid 1px #69F;
	padding-left: 5px;
}

.lot_list {
	border		: solid 1px #69F;
	clear		: both;
}

.cost_box {
	float		: left;
	margin-right: 10px;
	width		: 285px;
}

.lot_list td {
	line-height	: 160%;
	vertical-align	: center;
	padding		: 5px;
	border		: solid 1px #69F; 
}

.lot_list th {
	vertical-align	: center;
	font-weight	: normal;
	text-align	: center;
	padding		: 5px;
	background	: #69F;
	color		: #FFF;
	letter-spacing	: 110%;
	border		: solid 1px #69F;
}

.cost_box p{
	font-size	: 10px;
	margin-bottom	: 5px;
}

.w220 {
	width		: 180px;
}

.cost_pic {
	margin-bottom	: 30px;
	clear		: both;
}