@charset "utf-8";

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

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");
@import url("../share/paragraph.css");

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

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

.tab {
	display: inline-block;
}

/* Hide from Mac IE \*/
.tab {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

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

div#header p {
	font-size: 80%;
}

div#header ul {
	text-align: right;
}

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

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

ul.tab {
	margin-top: 1em;
}

	ul.tab li {
		float: left;
	}
	
		ul.tab li a {
			display: block;
			padding-left: .9em;
			height: 26px;
			background: url(../../img/faq/tab_bg.png) no-repeat left top;
			line-height: 26px;
		}
		
			ul.tab li a span {
				display: block;
				padding-right: 1.5em;
				height: 100%;
				background: url(../../img/faq/tab_bg_on.png) no-repeat right top;
				cursor: pointer;
			}
			
		ul.tab li a:hover, ul.tab li a.active {
			color: #FFF !important;
			background: url(../../img/faq/tab_bg.png) no-repeat left -26px;
			text-decoration: none;
		}
		
			ul.tab li a:hover span, ul.tab li a.active span {
				background: url(../../img/faq/tab_bg_on.png) no-repeat right -26px;
			}
			
#photo, #depilation, #peeling, #about {
	xclear: left;
	border: solid #E1E1E1 1px;
}

	dl.faq {
		padding-bottom: 1em;
		font-size: 110%;
	}
	
		dl.faq dt {
			margin: 1em 1.5em 0;
			padding: 1em 2em 1em 4.5em;
			color: #FFF;
			background: #B7B7B7 url(../../img/faq/bg_q.gif) no-repeat left center;
		}
		
		dl.faq dt.hover {
			text-decoration: underline;
		}
		
		dl.faq dd {
			margin: 0 1.5em;
			border: solid #B7B7B7 1px;
			border-top: none;
			padding: 1em 2em 1em 4.5em;
			background: #FFF url(../../img/faq/bg_a.gif) no-repeat left center;
		}
		
p.reserveBtn {
	padding: 1em 0 2em;
	text-align: center;
}