@charset "Shift-JIS";

@import "./base.css";

/*===================================
★　スタジオアリス　CSS インフォーメーション　★
☆　よくあるご質問　☆

■１．共通項目
	●１-１　base.css追加項目
	●１-２　説明テキスト
	●１-３　左ナビ
	●１-４　撮影WEB予約
	●１-５　よくある質問コンテンツ共通
	
■２．よくある質問トップページ

■３．よくある質問詳細


=========================================

■１．共通項目
	●１-１　base.css追加項目
	●１-２　説明テキスト
	●１-３　左ナビ
	●１-４　撮影WEB予約
	
=========================================

	●１-１　base.css追加項目

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

body{
	behavior:url("../common/js/csshover.htc"); 
}

#header{
	padding:0 0 7px;
	background:url(../img/header_line.gif) repeat-x bottom;
}

#content{
	background:url(../img/bg_left.gif) repeat-y left;
}

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

	●１-２　説明テキスト
	
=========================================*/

#clt-txt{
	width:624px;
	margin:15px auto;
	line-height:1.6em;
}

#clt-txt img{
	float:right;
	margin:0 0 0 10px;
}

#clt-txt span{
	font-weight:bolder;
}

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

	●１-３　左ナビ
	
=========================================*/

#content-nav ul{
	width:177px;
	margin:5px auto;
	background:#ffffff;
}

#content-nav li{
	width:171px;
	margin:0 auto;
	padding:3px 0;
	background:url(../img/dot_orange.gif) repeat-x bottom;
	line-height:0;
	vertical-align: bottom;
}

#content-nav li.faq-nav-end{
	background:none;
}

#content-nav li a{
	display:block;
	padding:8px;
	color:#af566e;
	text-decoration:none;
	line-height:normal;
}

#content-nav li#faq-nav-actv a,
#content-nav li a:hover{
	color:#FFFFFF;
	background:#f599c1;
}


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

	●１-４　撮影WEB予約
	
=========================================*/
#btn-appo-plus{
	margin:15px auto 0;
	width:440px;
}

#btn-appo-plus li#btn-appo-plusL{
	float:left;
	width:234px;
}

#btn-appo-plus li#btn-appo-plusR{
	float:right;
	width:150px;
}


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

	●１-５　よくある質問コンテンツ共通
	
=========================================*/

#faq-area{
	width:596px;
	margin:0 auto;
}


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

	■２．よくある質問トップページ
	
=========================================*/

p#faq-area-txt{
	padding:20px 0;
	line-height:1.6em;
	background:url(../img/dot_pink02.gif) repeat-x bottom;
}

p#faq-area-txt img{
	float:right;
	margin:0 5px 0 10px;
}

.faq-cntent-area{
	margin:20px auto 30px;
}

.faq-cntent-area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.faq-cntent-area { display: inline-block; }
/* except Mac IE5 ＼*/
*html .faq-cntent-area { height: 1%; }
.faq-cntent-area {display: block;}
/* end of Holly Hack */


.faq-cntent-areaL{
	float:left;
	width:290px;
	padding:0 0 8px 0;
	background:#fffce4 url(../../faq/img/faq_top_fend.gif) no-repeat bottom;
}

.faq-cntent-areaR{
	float:right;
	width:290px;
	padding:0 0 8px 0;
	background:#fffce4 url(../../faq/img/faq_top_fend.gif) no-repeat bottom;
}

.faq-cntent-areaL ul,
.faq-cntent-areaR ul{
	width:270px;
	margin:10px auto 5px;
}

.faq-cntent-areaL li,
.faq-cntent-areaR li{
	padding:0 0 5px 16px;
}

.faq-cntent-areaL li a,
.faq-cntent-areaR li a{
	color:#555555;
	text-decoration:none;
}

.faq-cntent-areaL li a:visited,
.faq-cntent-areaR li a:visited{
	color:#663399;
}

.ie6 .faq-cntent-areaL li a:visited,
.ie6 .faq-cntent-areaR li a:visited{
	color:#555555;
}

.ie6 .faq-cntent-areaL li a:hover,
.ie6 .faq-cntent-areaR li a:hover{
	color: #3399ff;
}

.faq-cntent-areaL li a:hover,
.faq-cntent-areaR li a:hover{
	color: #3399ff;
}

#faq-area01 li{
	background:url(../../faq/img/faq_top_icon01.gif) no-repeat 0px 3px;
}

#faq-area02 li{
	background:url(../../faq/img/faq_top_icon02.gif) no-repeat 0px 3px;
}

#faq-area03.faq-cntent-areaL ul{
	margin:10px auto 11px;
}

.mac #faq-area03.faq-cntent-areaL ul{
	margin:10px auto 14px;
}

#faq-area03 li{
	background:url(../../faq/img/faq_top_icon03.gif) no-repeat 0px 3px;
}

#faq-area04 li{
	background:url(../../faq/img/faq_top_icon04.gif) no-repeat 0px 3px;
}

#faq-area05{
	margin:18px 0 0;
}

#faq-area05 li{
	background:url(../../faq/img/faq_top_icon05.gif) no-repeat 0px 3px;
}

#faq-area06 li{
	background:url(../../faq/img/faq_top_icon06.gif) no-repeat 0px 3px;
}

#faq-area07{
	margin:18px 0 0;
}

#faq-area07 li{
	background:url(../../faq/img/faq_top_icon07.gif) no-repeat 0px 3px;
}

#faq-area08 li{
	background:url(../../faq/img/faq_top_icon08.gif) no-repeat 0px 3px;
}

#faq-area08 li p{
	margin-top:8px;
}


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

	■３．よくある質問詳細
	
=========================================*/
#faq-dtl-area{
	width:596px;
	margin:5px auto;
}

#faq-dtl-area div.clearfix{
	padding:20px 0;
	background:url(../img/dot_pink02.gif) bottom repeat-x;
}

.faq-Q img{
	float:left;
	width:22px;
}

.faq-Q p{
	float:right;
	width:565px;
	padding:2px 0 0;
	color:#00ccca;
	font-weight:bolder;
}

.faq-A{
	float:right;
	width:565px;
	padding:12px 0 0;
}

.faq-A img{
	float:left;
	width:22px;
}

.faq-A p{
	float:right;
	width:535px;
	padding:2px 0 0;
}

.faq-A ul{
	float:right;
	width:535px;
	padding:4px 0 0;
}

.faq-A dl{
	float:right;
	width:535px;
	padding:2px 0 5px;
}

.faq-A dt span{
	font-weight:bolder;
}

.faq-A p img{
	float:none;
	width:115px;
	margin:10px 0;
}

.faq-A li{
	display:inline;
	padding:5px 15px 5px 0px;
	
}

.faq-Q:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.faq-Q { display: inline-block; }
/* except Mac IE5 ＼*/
*html .faq-Q { height: 1%; }
.faq-Q {display: block;}
/* end of Holly Hack */

.faq-A:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.faq-A { display: inline-block; }
/* except Mac IE5 ＼*/
*html .faq-A { height: 1%; }
.faq-A {display: block;}
/* end of Holly Hack */

#faq-price{
	float:right;
	width:535px;
	padding:15px 0;
	text-align:left;
}

#faq-price table{
	border-collapse:collapse;
	border:1px solid #FFFFFF;
}

.faq-price-col2{
	background:#ffebeb;
}

.faq-price-col3{
	background:#fff3f3;
}


#faq-price td{
	padding:10px 15px;
	border:1px solid #FFFFFF;
	text-align:left;
}

#faq-price th{
	padding:10px 15px;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	background:#ffaeae;
	text-align:left;
	vertical-align:top;
}





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

	■090701
	
=========================================*/

#pagetitle{
	background: url(../../faq/img/faq_ttl.jpg) no-repeat;
	width: 870px;
	height: 80px;
}