@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;
}
/* div.box */
div.box {
	max-width:738px;
	overflow:hidden;
	clear:both;
	padding-bottom:50px;
}
div.box p.tit {
	padding-bottom:25px;
}
div.box dl.means {
	max-width:600px;
	padding:0 0 30px 66px;
	clear:both;
	overflow:hidden;
}
div.box dl.means dt {
	max-width:410px;
	float:left;
}
div.box dl.means dd {
	float:right;
}
div.box dl.question {
	max-width:665px;
	padding:0 0 9px 35px;
	clear:both;
	overflow:hidden;
	color:#231916;
}
div.box dl.question dt {
	float:left;
	padding-right:7px;
	max-width: 33px;
}
div.box dl.question dd {
	padding-top:4px;
	float:left;
	max-width:597px;
}
div.box dl.question a {
	color:#231916;
}
div.box p.btn {
	text-align: right;
	padding-left:66px;
}

/* div.box2 */
div.box2 {
	max-width:688px;
	height:auto;
	overflow:visibble;
	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.cont02 {
	max-width:624px;
	margin:0 0 0px 43px;
	padding:10px 12px 3px 5px;
	clear:both;
	overflow:hidden;
	background:url(../images/beginner/box2_ln.jpg) no-repeat left bottom;
}
div.box2 div.cont_last{
	max-width:624px;
	margin:0 0 30px 43px;
	padding:10px 12px 3px 5px;
	clear:both;
	overflow:hidden;
	background:url(../images/beginner/box2_ln.jpg) no-repeat left bottom;
}
div.box2 div.cont_last 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:10px;
	max-width:580px;
	float:left;
}
div.box2 div.cont02 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:10px;
	max-width:580px;
	float:left;
}
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:600px;
	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 div.txt {
	max-width:600px;
	margin:0 auto 15px auto;
}
div.box2 div.cont2 div.txt dl{
	max-width:190px;
	float:left;
	margin-right:15px;
}
div.box2 div.cont2 div.txt dl.last{
	max-width:190px;
	float:left;
	margin-right:0px;
}
div.box2 div.cont2 div.txt dl.movie{
	max-width:300px;
	float:left;
	margin-right:15px;
}
div.box2 div.cont2 div.txt dl.movie_r{
	max-width:250px;
	float:left;
	margin-right:15px;
}

div.box2 div.cont2 div.inner {
	max-width:600px;
	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;
}
/*------ .box4 ------*/
div.box4 {
	max-width:740px;
	height:432px;
	position:relative;
	clear:both;
	background:url(../images/box2_bg.jpg) no-repeat left top;
	margin-bottom:20px;
}
div.box4 p.tit1 {
	position:absolute;
	top:55px;
	left:188px;
}
div.box4 p.tit2 {
	position:absolute;
	top:101px;
	left:99px;
}
div.box4 p.tit3 {
	position:absolute;
	top:154px;
	left:139px;
}
div.box4 p.img2 {
	position:absolute;
	top:210px;
	left:144px;
}
div.box4 p.img {
	position:absolute;
	top:221px;
	left:372px;
}




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