@charset "utf-8";

/*================================
ファイル名：treat.css
説明：treatのスタイル

IE6.5以下にのみ適用するスタイルを ie.css
に記述しています。

作成者：ND&I 徳田 ( tokuda@n-di.co.jp )
=================================*/

@import url("../share/default.css");
@import url("../share/common.css");
@import url("../layout/l_page.css");

/* 0@ Clearfix
=================================*/

.h2:after,
.h2 li:after,
.h2_discription:after,
.h3_discription:after,
.treat div.campaign:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.h2,
.h2 li,
.h2_discription,
.h3_discription,
.treat div.campaign {
	display: inline-block;
}

/* Hide from Mac IE \*/
.h2,
.h2 li,
.h2_discription,
.h3_discription,
.treat div.campaign {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

/* =========================================
* 1@ HEADER
* ========================================= */

div#header p {
	font-size: 80%;
}
ii
div#header ul {
	text-align: right;
}

	div#header ul li {
		display: inline;
		margin-right: 8px;
	}

/* =========================================
* 2@ CONTENTS
* ========================================= */

/* 2.0@ Common
=================================*/

div.treat {
	margin: 1em 0 0 13px;
}

	div.treat p {
		margin-top: 1em;
	}
	
	div.treat div.image p {
		margin: 0;
	}
	
	div.treat h2 {
		margin-top: 1.5em;
		padding-left: 43px;
		height: 32px;
		color: #78001C;
		background: url(../../img/treat/bg_h2.gif) no-repeat left center;
		font-size: 110%;
		line-height: 32px;
	}
	
	div.treat div.h2_discription {
		margin: 0 1em 0 43px;
	}
	
		div.treat div.h2_discription strong {
			color: #78001C;
			font-weight: bold;
		}
	
		div.treat div.h2_discription p.img {
			float: left;
			margin-right: 1em;
		}
		
		div.treat div.h2_discription dl {
			margin-left: 134px;
		}
		
			div.treat div.h2_discription dl dt {
				margin-top: 1em;
				color: #D6B2BA;
				font-size: 120%;
				font-weight: bold;
			}
			
			div.treat div.h2_discription dl dd {
				margin-top: 1em;
				border: dashed #DFDFDF 1px;
				padding: 1em;
				background: #FAFAFA;
			}
			
				div#main div.treat div.h2_discription dl dd p.first-child {
					margin-top: 0;
				}
			
				div.treat div.h2_discription dl dd ul {
					list-style: disc;
					margin-left: 2em;
				}
				
					div.treat div.h2_discription dl dd ul li {
						margin-top: .5em;
					}
					
					div.treat div.h2_discription dl dd ul li.first-child {
						margin: 0;
					}
			
	div.treat h3.bar {
		background: url(../../img/share/bg_title_01.png) no-repeat left top;
		font-size: 110%;
		line-height: 39px;
		text-indent: 3.5em;
	}
	
	div.treat h3 {
		margin-top: 1.5em;
	}
	
	div.treat div.h3_discription {
		margin: 0 2em 0 1em;
	}

	
		div.treat div.h3_discription ol {
			list-style: decimal;
			margin:0 0 0 2em;
		}
		
			div.treat div.h3_discription ol li {
				padding-top: 1em;
			}
		
		div.treat div.h3_discription p.img {
			float: right;
			margin: 1em 0 0 1em;
		}
		
		div.treat div.h3_discription p.info {
			margin-left: 2.2em;
		}
		
	p.campaignImg {
		padding-top: 1em;
		text-align: center;
	}
		
	div.treat div.campaign {
		margin: 1em 2em 0 1em;
	}
	
		div#main div.treat div.campaign p {
			margin: 0;
		}
	
		div#main div.treat div.campaign p.img {
			float: left;
		}
		
		div#main div.treat div.campaign .text {
			margin-left: 170px;
			border: dashed #DFDFDF 1px;
			padding: 1em;
			background: #FAFAFA;
		}
		
			ul.text li {
				padding: .2em 0 0 1.3em;
				background: url(../../img/share/icon_check02_off.gif) no-repeat left .3em;
			}
		
			div#main div.treat div.campaign p strong,
			div#main div.treat div.campaign ul strong {
				color: #F5547D;
				font-size: 115%;
			}
		
	div.treat div.point {
		margin-left: 40px;
		width: 520px;
	}
	
		div.treat div.point h4 {
			margin-top: .5em;
			padding-left: 2em;
			height: 34px;
			color: #F5547D;
			background: url(../../img/treat/bg_title.png) no-repeat left top;
			font-size: 120%;
			line-height: 34px;
		}
		
		div.treat div.point p {
			margin-left: 1em;
		}
		
			div.treat div.point p strong {
				color: #78001C;
				font-weight: bold;
			}
		
		div.treat div.point p.box {
			border: dashed #DFDFDF 1px;
			padding: 1em;
			background: #FAFAFA;
		}
		
		div.treat div.point ul {
			list-style: disc;
			margin: .6em 0 0 2em;
		}
		
			div.treat div.point ul li {
				margin-top: .6em;
			}
		
	div.treat ol.flow {
	}
	
		div.treat ol.flow li {
			margin: 1em 2em 0 .5em;
			border-top: dashed #DFDFDF 1px;
			padding-top: .5em;
		}
		
		div.treat ol.flow li.first-child {
			border: none;
			padding: 0;
		}
						
			div.treat ol.flow li h4 {
				padding-left: 6em;
				color: #F5547D;
				font-size: 120%;
				line-height: 29px;
			}
			
			div.treat p.title {
				margin: 1em 2em 0 1em;
				border-bottom: solid #78001C 1px;
				border-left: solid #78001C 5px;
				padding-left: .5em;
				color: #78001C;
				font-size: 120%;
				font-weight: bold;
			}
			
			.no1 h4 { background: url(../../img/treat/step1.png) no-repeat 1em center }
			.no2 h4 { background: url(../../img/treat/step2.png) no-repeat 1em center }
			.no3 h4 { background: url(../../img/treat/step3.png) no-repeat 1em center }
			.no4 h4 { background: url(../../img/treat/step4.png) no-repeat 1em center }
			.no5 h4 { background: url(../../img/treat/step5.png) no-repeat 1em center }
			.no6 h4 { background: url(../../img/treat/step6.png) no-repeat 1em center }
			.no7 h4 { background: url(../../img/treat/step7.png) no-repeat 1em center }
			
			div.treat ol.flow li p {
				margin: .3em 0 0 6em;
			}
			
				div.treat ol.flow li strong {
					color: #78001C;
					font-weight: bold;
				}
			
				div.treat ol.flow li ol {
					list-style: decimal;
					margin: .8em 0 0 7.5em;
				}
				
					div.treat ol.flow li ol li {
						margin: 0;
						border: none;
						padding: 0;
					}
			
		div.treat p.info.flow {
			margin-left: 2em;
		}
			
	div.treat ul.voice {
		margin: 0 2em 0 1em;
	}
	
		div.treat ul.voice li {
			margin-top: 1em;
			border-top: dashed #DFDFDF 1px;
			padding-top: 1em;
		}
		
		div.treat ul.voice li.first-child {
			border: none;
			padding: 0;
		}
		
			div.treat ul.voice li h4 {
				color: #F5547D;
				font-size: 120%;
			}
			
			div.treat ul.voice li p {
			}
			
				div.treat ul.voice li p span {
					margin-top: .5em;
					display: block;
					text-align: right;
				}
				
	div.treat p.btn_campaign {
		margin: 2em 2em 0 0;
		text-align: center;
	}
				
	div.treat p.btn_reserve {
		margin-top: 2em;
		text-align: center;
	}
		
/* 2.0@ Index
=================================*/

ul.h2 {
	margin-top: 1em;
	border: solid #CCC 1px;
	border-top: none;
	padding: 1px;
}

ul.h2 h2 {
	padding-left: 2em;
	color: #FFF;
}

	ul.h2 li {
		xclear: right;
		float: left;
		padding-bottom: 1em;
		width: 303px;
		background: #FFF url(../../img/index/bg_block.png) repeat-x left 29px;
	}
	
	html>/**/body ul.h2 li {
		clear: right;
	}
	
	ul.h2 li.long {
		float: none;
		width: auto;
	}
		
	ul.h2 li.rightBox {
		width: 307px;
	}
	
		ul.h2 li h2 {
			line-height: 28px;
		}
	
		ul.h2 li p.link {
			padding-right: 1em;
		}
		
		ul.h2 li.long h2 {
			background: url(../../img/share/bg_title_long.png) no-repeat left top;
		}
		
		div#main li p {
			margin-top: 0;
		}
		
		li p.leftImg {
			float: left;
			padding-top: 1em;
			width: 83px;
			text-align: center;
		}
		
		li p.rightTxt {
			margin-left: 83px;
			padding: 1em 1em 0 0;
		}
		
		li.long p.leftImg {
			width: 188px;
		}
		
		li.long p.rightTxt {
			margin-left: 188px;
		}
		
		ul.h2 li h2 {
			background: url(../../img/share/bg_title_short_left.png) no-repeat left top;
		}
		
		ul.h2 li.rightBox h2 {
			background: url(../../img/share/bg_title_short_right.png) no-repeat left top;
		}
		
		ul.h2 li p.link a {
			color: #C72A57;
		}
		
/* 2.1@ Photo
=================================*/

ul.photo {
	margin: 0 2em 0 1em;
	padding-top: 1em;
}

	ul.photo li {
		clear: left;
		margin-top: 1em;
		border-top: dashed #78001C 1px;
		padding-top: 1em;
	}
	
	ul.photo li.short {
		clear: none;
		float: left;
		border-right: dashed #78001C 1px;
		border-top: none;
		padding: 0 0 1em;
		width: 49%;
	}
	
		ul.photo li.short * {
			margin-right: 1em;
		}
		
			ul.photo li.short img {
				margin-right: 0;
			}
	
	ul.photo li.short.right {
		border: none;
	}
	
		ul.photo li.right * {
			margin-left: 1em;
		}
		
			ul.photo li.right img {
				margin-left: 0;
			}
	
		ul.photo li h4 {
		}
		
		div#main ul.photo li p {
			margin-top: .5em
		}
		
		ul.photo li table {
			margin-top: 1em;
			border: solid #DFDFDF 1px;
			border-right: none;
			border-bottom: none;
			width: 90%;
		}
		
			ul.photo li table th, ul.photo li table td {
				border: solid #DFDFDF 1px;
				border-top: none;
				border-left: none;
				padding: .5em 1em;
				text-align: left;
				font-weight: normal;
			}
			
			ul.photo li table th {
				background: #EEE;
			}
			
/* 2.2@ Laser
=================================*/

table.laser {
	margin-top: 1em;
	border: solid #DFDFDF 1px;
	border-top: none;
	border-left: none;
}

	table.laser th, table.laser td {
		border: solid #DFDFDF 1px;
		border-right: none;
		border-bottom: none;
		padding: .5em 1em;
	}
	
	table.laser th.no {
		border: none;
	}

	table.laser thead td {
		background: #EEE;
	}
	
	table.laser tbody th {
		background: #EEE;
		font-weight: normal;
	}
	
	table.laser tbody td {
	}
	
	.this {
		background: #FFEAEA;
	}
	
/* 2.3@ Peeling
=================================*/

ul.tab {
	margin: 2em 0 0 1em;
	padding-bottom: .5em;
	font-size: 110%;
}

	ul.tab li {
		margin-right: 1em;
		display: inline;
		font-weight: bold;
	}
	
		ul.tab li a {
			padding-left: 1.4em;
			background: url(../../img/share/icon_comments.gif) no-repeat left center;
		}
		
		div#main ul.tab li a.active {
			color: #999;
			text-decoration: none;
		}
		
/* 2.3@ Peeling
=================================*/

/* 2.3@ Peeling
=================================*/

/* 2.3@ Shimi
=================================*/

table.shimi {
	margin: 1em 0 0 1.3em;
	border: solid #DFDFDF 1px;
	border-right: none;
	border-bottom: none;
}

	table.shimi th, table.shimi td {
		border: solid #DFDFDF 1px;
		border-top: none;
		border-left: none;
		padding: .5em 1em;
	}
	
	table.shimi th {
		font-weight: normal;
		text-align: left;
	}
	
	table.shimi thead th, table.shimi thead td {
		background: #EEE;
	}
	
	
	
/* 090817美容情報用追加分
=================================*/
	
	.info2 {
	font-size: 14px;
	color: #9A3D52;
	font-weight: bold;
	margin-top: 5;
	margin-bottom: 0;
	}
.info3 {
	font-size: 25px;
	color: #9A3D52;
	font-weight: bold;
	margin-top: 5;
	margin-bottom: 0;
	letter-spacing: 300%;
}

div.treat div.h3_discription_biyou
 {
	margin: 0 2em 0 1em;
	}
.allclear {
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: 0px;
}
.large {
	font-size: 17px;
	}
.center {
	text-align: center;
}