@charset "utf-8";
/*
==================================================

    CSS File Name - about.css
    Last-updated: 2010-05-14

==================================================
*/
div#header {
	margin-bottom:20px;
}
div#mainBody div.mainContent {
	max-width:738px;
}
h2 {
	padding-bottom:30px;
}
.faqWrap dl {
	background: url("../images/faq/line.jpg") left bottom repeat-x;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.faqWrap dl:last-of-type {
	background: none;
	margin-bottom: 50px;
}
.faqWrap dt {
	background: url("../images/beginner/box_Q.jpg") left center no-repeat;
	padding: 5px 0 5px 35px;
	margin-bottom: 10px;
}
.faqWrap dd {
	background: url("../images/beginner/box_A.jpg") left top no-repeat;
	padding: 5px 0 5px 35px;
}


/* div.box */
div.box {
	max-width:738px;
	overflow:hidden;
	clear:both;
	padding-bottom:50px;
}
div.box p.tit {
	padding-bottom:0px;
}
div.box p.tit02 {
	padding:0 0 25px 40px;
}

/* div.box2 */
div.box2 {
	max-width:688px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
}
div.box2 p.tit {
	padding-bottom:30px;
}
div.box2 div.cont {
	max-width:624px;
	margin:0 0 25px 43px;
	padding:0 12px 30px 5px;
	clear:both;
	overflow:hidden;
	background:url(../images/beginner/box2_ln.jpg) no-repeat left bottom;
}
div.box2 div.cont p.txt {
	background:url(../images/beginner/box2_ico.jpg) no-repeat left top;
	font-size:14px;
	font-weight:bold;
	padding-left:28px;
	line-height:1.4;
	margin-bottom:20px;
	max-width:472px;
	float:left;
}
div.box2 div.cont p.txt2 {
	float:left;
	max-width:500px;
}
div.box2 div.cont dl {
	max-width:95px;
	float:right;
}
div.box2 div.cont dl dt {
	padding-bottom:4px;
}
div.box2 div.cont dl dd {
	font-size:8px;
}
div.box2 div.cont2 {
	max-width:637px;
	clear:both;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/beginner/box2_bg.jpg) repeat-y left top;
}
div.box2 div.cont2 dl.tit2 {
	max-width:590px;
	margin:0 auto 15px auto;
	clear:both;
	overflow:hidden;
}
div.box2 div.cont2 dl.tit2 dt {
	background:url(../images/beginner/box2_ico2.jpg) no-repeat left top;
	padding-left:23px;
	font-size:14px;
	float:left;
	line-height:1.3;
	font-weight:bold;
}
div.box2 div.cont2 dl.tit2 dd {
	max-width:100px;
	float:right;
	text-align:right;
	font-size:10px;
}
div.box2 div.cont2 p.txt {
	max-width:590px;
	margin:0 auto 15px auto;
}
div.box2 div.cont2 div.inner {
	max-width:590px;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
div.box2 div.cont2 div.inner dl {
	max-width:264px;
	float:left;
}
div.box2 div.cont2 div.inner dl dt {
	padding-right:9px;
	float:left;
}
div.box2 div.cont2 div.inner dl dd {
	max-width:140px;
	float:left;
	font-size:10px;
	padding-top:5px;
}
div.box2 div.cont2 div.inner dl dd span {
	font-weight:bold;
}

/* div.box3 */
div.box3 {
	max-width:726px;
	overflow:hidden;
	clear:both;
	
	margin-bottom:36px;
}
div.box3 dl {
	max-width:726px;
	border-top:1px solid #D8CCB8;
	border-bottom:1px solid #D8CCB8;
	clear:both;
	overflow:hidden;
	margin-bottom:22px;
}
div.box3 dl dt {
	float:left;
	padding:0 20px 0 62px;
}
div.box3 dl dd {
	float:left;
	max-width:490px;
	padding-top:18px;
}
div.box3 div.cont {
	max-width:726px;
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #D8CCB8;
	padding-bottom:20px;
}
div.box3 div.cont ul {
	max-width:270px;
	float:left;
	padding-left:62px;
}
div.box3 div.cont ul.oth {
	max-width:315px;
	padding-left:20px;
}
div.box3 div.cont ul li {
	font-size:11px;
	color:#231916;
	padding-bottom:3px;
}
div.box3 div.cont ul li.txt {
	padding-left:5px;
}



@media screen and (max-width: 620px) {
	div.box p.tit02 {
		margin-top: 15px;
		padding-left: 0;
	}
	div.box {
		max-width: none;
		padding-bottom: 10px;
	}
	div.box3 dl dt,
	div.box3 dl dd {
		max-width: 100%;
		padding-top: 0;
		padding-left: 0;
	}
	div.box3 dl dd {
		padding-top: 0;
		margin-top: -10px;
	}
	div.box3 div.cont ul {
		padding-left: 0;
		margin: 10px auto;
		float: none;
		text-align: center;
	}
	div.box3 div.cont ul.oth {
		padding-left: 0;
	}
}