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

/* Bridal Esthe Navi Q&A Contents
   2014.08.26作成
-----------------------------------------------------*/

#qa_contents {width:100%; margin:0; padding:0;}

p.page_tit{
	width:738px;
	height:44px;
	background-image:url(/img/qa_ttl_bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:0;
	padding:0 15px;
	vertical-align: middle;
 display: table-cell;
	color:#fcffff;
	font-size: 23px;
	font-weight: unset;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color:#3a2d1d;
	}
#qa_contents h2{
	font-weight:bold;
	margin:0;
	font-size:16px;
	}


div.caption{
	overflow:hidden;
	margin:0 0 20px;
}
div.caption span{margin-right:10px; font-family:'Playball', cursive; font-size:1.2em;}
div.caption ul{
	list-style:none;
	margin:20px 20px 0px;
	padding:0;
}
div.caption li{
    margin-bottom: 18px;
    background: url(/sp/img/qa/ico_arrow_next01.png) 100% 100% no-repeat;
    background-position: left;
    padding-left: 18px;
    font-size: 14px;
	}
div.caption li A{
	color: #55402A;
	font-weight:bold;
}

div.category {
	clear:both;
	margin:0;
	padding:10px;
	border-top:2px solid #c6b099;
	background: #ffffff;
	border-bottom:1px solid #f0e9e1;
	margin-top:10px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #efe8e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efe8e0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efe8e0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#efe8e0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#efe8e0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#efe8e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efe8e0',GradientType=0 );
}
div.category h2{
	font-weight:bold;
}
div.category span {
	font-family: 'Playball', cursive;
	font-size:20px;
	margin-right:10px;
	font-weight:normal;
	color:#d64245;
}
div.category p {padding:0 0 0 10px; margin:0;}


#qa_contents dl {
	}

#qa_contents dt {padding:10px; margin:0; font-weight:bold;}
#qa_contents dt h3{ font-weight:bold;}
#qa_contents dt span {
	margin-right:5px;
	font-family:'Playball', cursive;
	font-size:18px;
	}

		
div.caption li.caption1 span,#qa_contents .category1 dt span,#qa_contents #category1 dd li:before {color:#e17779;}
div.caption li.caption2 span,#qa_contents .category2 dt span,#qa_contents #category2 dd li:before {color:#9dc49d;}
div.caption li.caption3 span,#qa_contents .category3 dt span,#qa_contents #category3 dd li:before {color:#92bbcc;}
div.caption li.caption4 span,#qa_contents .category4 dt span,#qa_contents #category4 dd li:before {color:#e09761;}
div.caption li.caption5 span,#qa_contents .category5 dt span,#qa_contents #category5 dd li:before {color:#b59ebb;}

#qa_contents dd {margin:0; padding:10px; line-height:1.6em; border-top:1px dotted #ded2c6;}
#qa_contents dd A{
	color: #55402A;
	display: block;
	text-align:right;}
#qa_contents dd ul{margin:8px 0 4px 0; padding:0;}
#qa_contents dd li{margin:5px 0 0; padding:0; list-style:none;}


.pagetop {text-align:right;}
.pagetop a {
	color:#fff;
	text-decoration:none;
	padding:6px 8px;
	background:#c6b099;
	font-size:9px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.pagetop a:hover {background:#efcacb;}

.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.ml20 {margin-left:20px;}
.mr2 {margin-right:2px;}

.category1 .caption1, 
.category2 .caption2, 
.category3 .caption3, 
.category4 .caption4, 
.category5 .caption5 {
	font-family: 'Playball', cursive;
	font-size:14px;
	margin-top: 10px;
	}
.category1 .caption1{	color: #e17779;	}
.category2 .caption2{	color: #9dc49d;	}
.category3 .caption3{	color: #92bbcc;	}
.category4 .caption4{	color: #e09761;	}
.category5 .caption5{	color: #b59ebb;	}



/* ブライダルエステのおすすめコンテンツ
--------------------------------------------*/
.contents { margin-top: 60px;}
.contents h2.title_top_line {
 background: none;
 border-bottom: none;
 padding: 10px 0 !important;
	font-size: 14px !important;
}
.contents .box_col3 {
	width: 33.3%;
	height: 220px;
	float: left;
	padding: 5px 30px 5px 0;
	box-sizing: border-box;
}
.contents .box_col3 img {
	width: 100%;
	height: auto;
}
.contents .box_col3 h3 {
	font-weight: bold;
	margin: 5px 0;
	font-size: 12px;
}
.contents .box_col3 a {
	text-decoration: underline;
	color: #55402A;
}
.contents .box_col3 a:hover {
	opacity: 0.5;
	text-decoration: none;
}
.contents .box_col3 p {
	font-size: 12px;
	line-height: 1.2;
}