@charset "Shift_JIS";

/* ****************************************
 *  qa.css  [2010/08/2]
	Modify  toiyama
 * ****************************************
 */

/* FONT
8px -> 71.4%
9px ->78.5%
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%
*/



/*==================================
qa_相談実例、よくある質問
================================== */
.read{
font-size:116.4%;
margin-bottom:15px;
}

/*---相談実例----*/


.rei-h{
width:657px;
margin:0px auto;
}

.rei-b{
width:607px;
background:url(../qa/img/rei-b.jpg) repeat-y center;
margin:0px auto;
padding:9px 25px;
}

.rei-f{
width:657px;
margin:0px auto 20px;
background:url(../qa/img/rei-f.jpg) no-repeat top;
height:10px;
}



.rei-b .q-area{
padding:18px 0px 9px 9px;
margin:0px auto;
width:598px;
min-height:170px;   
height: auto !important;   
height:170px; /*IE６用の高さを設定*/
}

.rei-b #case01.q-area{background:url(../qa/img/q-bg.jpg) no-repeat center;}
.rei-b #case02.q-area{background:url(../qa/img/q-bg02.jpg) no-repeat center;}
.rei-b #case03.q-area{min-height:220px;background:url(../qa/img/q-bg03.jpg) no-repeat center;}
.rei-b #case04.q-area{min-height:220px;background:url(../qa/img/q-bg04.jpg) no-repeat center;}


.rei-b .q-area .q-h{
width:473px;
background:url(../qa/img/q-h.jpg) no-repeat center bottom;
height:8px;
}

.rei-b #case02.q-area .q-h{ margin:10px 0px 0px 0px;}
.rei-b #case03.q-area .q-h{ margin:10px 0px 0px 0px;}
.rei-b #case04.q-area .q-h{ margin:10px 0px 0px 0px;}


.rei-b .q-area .q-b{
width:443px;
padding:0px 14px;
border-left:#666666 1px solid;
border-right:#666666 1px solid;
background:#FFFFFF;
color:#336633;
font-weight:bold;
font-size:116.7%;
line-height:120%;
}

.text{
font-size:100%;
width:430px;
padding:0px 5px;
line-height:150%;
border:0px solid #000000;
}

.rei-b #case01 .text{
	width:330px;
	padding:5px 5px 0px 120px;
}

.rei-b #case02 .text{
	width:330px;
	padding:15px 5px 0px 120px;
}

.rei-b #case03 .text{
	width:330px;
	padding:0px 5px 0px 120px;
}

.rei-b #case04 .text{
	width:330px;
	padding:0px 5px 0px 120px;
}


.rei-b .q-area .q-f{
width:473px;
background:url(../qa/img/q-f.jpg) no-repeat center top;
height:23px;
font-size:100%;
}







.rei-b .a-area{
background:url(../qa/img/a-bg.jpg)  no-repeat center;
padding:0px;
margin:0px auto;
width:607px;
min-height:202px;   
height: auto !important;   
height:202px; /*IE６用の高さを設定*/
}

.rei-b .a-area .a-h{
width:478px;
background:url(../qa/img/a-h.jpg) no-repeat center bottom;
height:47px;
}
.rei-b .a-area .a-b{
width:450px;
padding:5px 14px;
background:#FF7C00;
color:#FFFFFF;
font-weight:bold;
font-size:133.4%;
line-height:120%;
}

.text2{
font-size:100%;
width:460px;
padding:10px 5px 0px 10px;
line-height:130%;
color:#E34400;
}

	.text2 p{
	padding:0px 0px 10px 0px;
	}

.rei-b .a-area .a-f{
width:478px;
background:url(../qa/img/a-f.jpg) no-repeat center top;
height:20px;
}

#explanationBox{
	width:448px;
	border:3px solid #42BF8B;
	padding:15px 136px 10px 10px;
	background:url(../qa/img/natsumi_img01.gif) no-repeat 465px 22px;
	margin:0px auto 40px auto;
}

	#explanationBox p{
		padding:0px 0px 5px 0px;
	}
	
		#explanationBox p.textMin01{
			font-size:83.4%;
		}

.red01{
	color:#CC0000;
	font-weight:bold;
}










/*---その他の質問---*/
.set{
width:646px;
margin:0px auto 10px;
}

.que{
background: url(../qa/img/other/arrow01.jpg) no-repeat 600px 50% #FFF0F0;
border:1px solid #FF9393;
padding:12px 57px 10px 0px;
cursor:pointer;
margin:20px 0px 0px 0px;
}



.que span{
	display:block;
	background:url(../qa/img/other/q_icon01.jpg) no-repeat 10px 0px;
	padding:0px 0px 0px 57px;
	font-size:116.7%;
}

.que span.line01{
padding:5px 0px 5px 57px !important;
}

.ans{
font-size:116.7%;
margin:5px 0px 10px 0px;
border:1px solid #FFC926;
background:#FBF1C4 url(../qa/img/other/a_icon01.jpg) no-repeat 10px 12px;
padding:14px 20px 10px 57px;
}

.ans p{
	padding:0px 0px 8px 0px;
}

.ans .inst{
}

.mb40{ margin-bottom:40px !important;}