@charset "utf-8";
/* CSS Document */

/*====================================

 商品一覧のcss

======================================*/

/* ナビゲーション */
dl#side_navi {
	float: left;
	
	width: 180px;
		
	margin: 20px auto 0;
	padding: 0 0 10px 0;
	
	background: url(../image/navi_back.gif) bottom left no-repeat;
}




dl#side_navi ul li ul {
	padding: 0 5px 0 7px;
}


dl#side_navi ul li ul li {
	padding: 8px;
	
	background: url(../image/navi_line.gif) bottom left no-repeat;
}


dl#side_navi ul li ul li.bottom {
	background: none;
}



dl#side_navi ul li a {
	padding-left: 15px;
	
	background: url(../image/navi_icon.gif) left no-repeat;
	
	color: #FFFFFF;
}



/* ナビゲーションリンクの色 */
dl#side_navi ul li a:hover {
	text-decoration: underline;
	color: #F7005C;
}


dl#side_navi ul li span.now {
	padding-left: 15px;
	
	background: url(../image/navi_icon.gif) left no-repeat;

	text-decoration: underline;
	color: #F7005C;
}





/* メインコンテンツ */
div#main div.wrapper {
	width: 600px;
	
	margin: 0 0 0 200px;
}

/* ie6のみ適用 */
* html div#main div.wrapper {
	margin: 0 0 0 195px;
}



/* 共通要素 */
div#main div.wrapper h3 {
	width: 600px;
	
	margin: 0 0 25px;
}


div#main div.wrapper table,
div#main div.wrapper p {
	width: 590px;
	margin: 0 auto;
	
	padding: 0 0 15px 0;
}


div#main div.wrapper h4 {
	width: 600px;
	
	padding: 25px 0 15px 0;
}


div#main div.wrapper h5 {
	width: 600px;
	
	padding: 10px 0 10px 0;
}





/* こだわりの安全性 */
div#main div.wrapper div.box2 p,
div#main div.wrapper div.box2 h5 {	
	width: 330px;
	
	margin: 0 0 0 230px;
	padding: 5px 0 0 0;
}


div#main div.wrapper div.box2 p.left {	
	float: left;

	width: 210px;
	
	margin: 0;
	padding: 0 0 25px;
}




/* 安全センサープロープ */
div#main div.wrapper table tr td {
	padding: 5px;
}


div#main div.wrapper table tr td.tyu {
	padding: 0 0 30px 0;
}


div#main div.wrapper table.treat {
	width: 580px;
	
	margin: 0 auto 15px;
}






/* トリートメント部位例 */
div#main div.wrapper table.treat tr th,
div#main div.wrapper table.treat tr td {
	padding: 3px 8px 3px 8px;
	
	border: 1px #C7B998 solid;
	
	vertical-align: top;
	
	color: #666666;
}


div#main div.wrapper table.treat tr th {
	background-color: #EAE2CE;
}


div#main div.wrapper table.treat tr th.midashi {
	width: auto;

	background-color: #8F8261;
	
	color: #FFFFFF;
}




/*	セルキュアのcss
======================================*/
div#main div.wrapper table.treat tr td.photo {
	width: auto;
	
	padding: 8px;

	text-align: center;
	vertical-align: middle;
}

div#main div.wrapper table.explain tr td {
	color: #666666;
}

div#main div.wrapper table.explain p {
	padding-left:10px;
	width:330px;
}

div#main div.wrapper .explain-p {
	padding-left:15px;
}




/*	セルショットのcss
======================================*/
div#main div.wrapper div.right {
	clear: both;
	
	width: 590px;
	
	margin: 15px 0 25px;
}

div#main div.wrapper div.right h5,
div#main div.wrapper div.right p {
	width: 415px;
	
	float: left;
	
	padding: 10px 15px 0 0;
}


div#main div.wrapper div.right p {
	padding-left: 5px;
}

div#main div.wrapper div.right img.set {
	margin-top: -25px;
	padding: 0;
	
	vertical-align: top;	
}



div#main div.wrapper table.treat tr td.tyu {
	border: none;
	
	font-size: 90%;
}


div#main div.wrapper table.treat tr td span.tyu {
	padding-top: 20px;
	
	font-size: 90%;
}




/*	ピュアラインのcss
======================================*/
div#main div.wrapper div.right2 h5,
div#main div.wrapper div.right2 p {
	width: 240px;
	
	float: left;
	
	padding: 10px 15px 0 0;
}

div#main div.wrapper div.right2 p {
	padding: 10px 15px 0 5px;
}



div#main div.wrapper p.right_img {
	float: right;

	width: 155px;
	
	margin-top: -20px;	
	padding: 0 0 0 25px;
}



div#main div.wrapper table.example {
	width: 280px;
	
	margin: 0;
}

div#main div.wrapper table.example tr td {
	padding: 2px;
}



div#main div.wrapper p.left_text {
	width: 410px;
	
	margin: 0;
	padding-left: 5px;
}


div#main div.wrapper table.treat tr td.photo2 {
	width: 196px;
}







/*	フェアリーヴェールのcss
======================================*/
div#main div.wrapper div.right3 h5,
div#main div.wrapper div.right3 p {
	width: 410px;
}






/*	エステデュオのcss
======================================*/
div#main div.wrapper h6 {
	padding: 10px 0;
}

div#main div.wrapper p.s_s_text {
	width: 590px;
}


div#main div.wrapper table.s_s_text {
	width: 590px;
}


div#main div.wrapper table.s_s_text tr td.kyotyo {
	font-weight: bold;
	color: #6A592D;
}




/* 商品価格 */
div.three_table {
	width: 590px;
	
	margin: 20px 0;
}



div#main div.wrapper table.syohin,
div#main div.wrapper table.syohin tr th {
	width: 185px;
	
	margin: 0;
	padding: 0;
	
	text-align: center;
}


div#main div.wrapper table.syohin tr td,
div#main div.wrapper table.syohin tr th {
	padding: 5px 0;
	
	border: 1px #C7B998 solid;	
}




div#main div.wrapper table.syohin tr th {
	background-color: #8F8261;
	
	color: #FFFFFF;
}



div#main div.wrapper table.syohin tr td.kakaku {
	width: 55px;
	
	background-color: #EAE2CE;
}

div#main div.wrapper table.syohin tr td.kakaku2 {
	width: 125px;
}


div#main div.wrapper div.three_table table.syohin {
	float: left;
	
	margin: 0 10px 0 0;
}


.clear {
	clear: both;
}