@charset "utf-8";

/* ==================================================================
	Site Name: ハローローン
	Version: 0.1

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
	* 細かくなりそうな場合は別にCSSを作成
	
   ■CSS適用箇所
   　Q&A
	
=================================================================== */

	/* --------------------------------
	   □ navi(secondary)
	-------------------------------- */
	
	#entries-box ul.menu{
		height:auto;
		background:#f2f2f2;
		margin-bottom:32px;
		padding: 10px 0px 10px 12px;
		width: 481px;
	}
	
	html > body  #entries-box ul.menu{
		margin:0 auto 32px auto;
	}	
	
	#entries-box ul.menu li{
		width:230px;
		height:60px;
		margin-left:5px;
		float: left;
	}
	
	#entries-box ul.menu li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}	

	#entries-box ul.menu li a:hover,
	#entries-box ul.menu li a.selected{	background-position:0 bottom;}
	
	/* 個別指定 */
	#entries-box ul.menu li.menu1{ margin-left:0;}	

	#entries-box ul.menu li.menu1 a{	background-image:url(../../images/qa/menu/menu1.gif);}
	#entries-box ul.menu li.menu2 a{	background-image:url(../../images/qa/menu/menu2.gif);}
	#entries-box ul.menu li.menu3 a{	background-image:url(../../images/qa/menu/menu3.gif);}
	#entries-box ul.menu li.menu4 a{	background-image:url(../../images/qa/menu/menu4.gif);}




/* --------------------------------
   ◇ box
-------------------------------- */



/* --------------------------------
   ◇ title
-------------------------------- */

/*#qa #main h2{
	margin:18px 0 32px 6px;
	text-align:left;
}*/
#qa #main h4{
	margin: 0 10px;
}

/* --------------------------------
   ◇ text
-------------------------------- */
#qa #main .frame-body .contents p{
	text-align:left;
	margin-bottom:0;
	background-color: #fff;
	padding: 20px;
}

#qa #main p.remarks{
	padding-left:1em;
	text-indent:-1em;
	font-size:90%;
}
#qa #main .frame-body .contents p.link{
	text-align:right;
	color:#000000;
}

#qa p.link a{
	color:#000000;
}

#qa p.link a:hover{
	color:#FF7F7F;
}

#qa #main .frame-body .contents span.link{
	text-align:right;
	color:#000000;
}

/* --------------------------------
   ◇ frame
-------------------------------- */
#qa #main .frame-body{

}



#qa #main .frame-footer{
	height:16px;
	width:493px;
}


#qa #main .frame-body .comment{
	margin:0 -14px 25px -14px;
	border-top:2px solid #fff;
	text-align:center;
	font-size:114%;
	padding:16px 0;
	color:#716F72;
	font-weight:700;
}

#qa #main .frame-body p{
	text-align:center;
	margin-bottom:1em;
}

#qa #main .frame-body p.text{
	text-align:left;
	font-size:114%;
	margin-left:10px;
}

#qa #main .frame-body p.center{
	text-align:center;
}

#qa #main .frame-body p.big{
	font-size:132%;
}

#qa #main #section {
	width: 497px;
}


/* --------------------------------
   □ section1-box
-------------------------------- */
#qa #main #section1 {
font-size:130%;
margin: 0 auto;
width: 497px;
text-align: left;
}

#qa #main #section1 a{
display: block;
padding: 0px 2px 1px 10px;
border-left: solid 4px #009966;
margin: 0 10px 10px 10px;
}

#qa #main #section1-box{
	background-image:url(../../images/qa/q1-body.gif);
	width: 497px;

}

#qa #main .frame-footer.sec1{
	background-image:url(../../images/qa/q1-footer.gif);
	width: 497px;
}


/* --------------------------------
   □ section2-box
-------------------------------- */

#qa #main #section2-box{
	background-image:url(../../images/qa/q2-body.gif);
}
#qa #main .frame-footer.sec2{
	background-image:url(../../images/qa/q2-footer.gif);
}


#qa #main #tel-box .comment{
	border-bottom:2px solid #F7AB00;
	background-color:#FCECC8;
}

#qa #main #tel-box em{
	color:#F7AB00;
}


/* --------------------------------
   □ section3-box
-------------------------------- */

#qa #main #section3-box{
	background-image:url(../../images/qa/q3-body.gif);
	width: 497px;
	background-repeat: repeat-y;
	background-position: center top;
}
#qa #main .frame-footer.sec3{
	background-image:url(../../images/qa/q3-footer.gif);
	width: 497px;
	background-repeat: repeat-y;
	background-position: center top;
}

#qa #main #section3-box h5{
	font-size:114%;
}

#qa #main #section3-box h5 span{
	color:#0599D9;
}

#qa #main #section3-box p.small{
	margin-bottom:5px;
}
/* --------------------------------
   □ section4-box
-------------------------------- */

#qa #main #section4-box{
	background-image:url(../../images/qa/q4-body.gif);
}

#qa #main .frame-footer.sec4{
	background-image:url(../../images/qa/q4-footer.gif);
}



/* --------------------------------
   □ footer
-------------------------------- */

#qa #main .image{
	margin-bottom:35px;
}


/* --------------------------------
   □ qalist
-------------------------------- */

.qalist {
	padding: 15px;
	background-image: none !important;
}

.qalist li {
	border-bottom: 1px dotted #cccccc;
	background-image: none !important;
}

.qalist li a {
	padding: 7px 7px 7px 46px;
	display: block;
	background-repeat: no-repeat;
	background-position: left 6px;
}

.green a.qa01 {	background-image: url(/images/qa/aicon_green_q01.gif);}
.green a.qa02 {	background-image: url(/images/qa/aicon_green_q02.gif);}
.green a.qa03 {	background-image: url(/images/qa/aicon_green_q03.gif);}
.green a.qa04 {	background-image: url(/images/qa/aicon_green_q04.gif);}
.green a.qa05 {	background-image: url(/images/qa/aicon_green_q05.gif);}
.green a.qa06 {	background-image: url(/images/qa/aicon_green_q06.gif);}
.green a.qa07 {	background-image: url(/images/qa/aicon_green_q07.gif);}
.green a.qa08 {	background-image: url(/images/qa/aicon_green_q08.gif);}
.green a.qa09 {	background-image: url(/images/qa/aicon_green_q09.gif);}
.green a.qa10 {	background-image: url(/images/qa/aicon_green_q10.gif);}
.green a.qa11 {	background-image: url(/images/qa/aicon_green_q11.gif);}
.green a.qa12 {	background-image: url(/images/qa/aicon_green_q12.gif);}
.green a.qa13 {	background-image: url(/images/qa/aicon_green_q13.gif);}
.green a.qa14 {	background-image: url(/images/qa/aicon_green_q14.gif);}


.blue a.qa01 {	background-image: url(/images/qa/aicon_blue_q01.gif);}
.blue a.qa02 {	background-image: url(/images/qa/aicon_blue_q02.gif);}
.blue a.qa03 {	background-image: url(/images/qa/aicon_blue_q03.gif);}
.blue a.qa04 {	background-image: url(/images/qa/aicon_blue_q04.gif);}
.blue a.qa05 {	background-image: url(/images/qa/aicon_blue_q05.gif);}
.blue a.qa06 {	background-image: url(/images/qa/aicon_blue_q06.gif);}
.blue a.qa07 {	background-image: url(/images/qa/aicon_blue_q07.gif);}
.blue a.qa08 {	background-image: url(/images/qa/aicon_blue_q08.gif);}
.blue a.qa09 {	background-image: url(/images/qa/aicon_blue_q09.gif);}
.blue a.qa10 {	background-image: url(/images/qa/aicon_blue_q10.gif);}
.blue a.qa11 {	background-image: url(/images/qa/aicon_blue_q11.gif);}
.blue a.qa12 {	background-image: url(/images/qa/aicon_blue_q12.gif);}
.blue a.qa13 {	background-image: url(/images/qa/aicon_blue_q13.gif);}
.blue a.qa14 {	background-image: url(/images/qa/aicon_blue_q14.gif);}


/* --------------------------------
   □ section_detail
-------------------------------- */

.section_detail {
	width: 497px;
	margin: 0px auto 0px ;
}

.section_detail h3 {
	background-color:#E6E6E6;
	margin: 0px !important;
	text-align: left;
	padding:  15px 20px 15px 20px;
	font-size: 100%;
}

.section_detail h3 a {
	margin: 0px !important;
	font-weight: bold;
	border-left: 5px solid #468E00;
	padding-left: 10px;
} 

.section_detail h4 {
	background-color:#E6E6E6;
	text-align: left;
	margin: 0px !important;
	padding: 0px 20px 20px 20px;
	display: block;
	
}

.section_detail h4 span {
	border-top: dotted 1px #868686;
	display: block;
	padding-top: 20px;
}