@charset "UTF-8";
@import url("reset.css");
@import url("clearfix.css");
@import url("base.css");

/* CSS Document */

/*area1
-------------------------------------------------------------*/

h1{
	color:#A67C52;
	font-size:2.0em;
	font-weight:bold;
	width:270px;
	height:65px;
	background-image: url(../img/common/main-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:20px 236px 0 44px;
}

#area1{
	width:520px;
}

#area1 p{
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 0 25px;
}


/*area2
-------------------------------------------------------------*/
#area2{
	width:540px;
	margin:20px 0 0 0;
	background-image: url(../img/student/student-bg01.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#area2 .boxLeft1{
	width:118px;
	height:166px;
	background-image: url(../img/file/file-p1-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	display:inline;
	padding:33px 0 0 35px;
}

#area2 .boxRight1 h3{
	color:#F15A24;
	font-size:1.5em;
	font-weight:bold;
	width:357px;
	height:22px;
	background-image: url(../img/file/file-p1-right-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:40px 0 0 30px;
	margin:0;
}


#area2 .boxRight1 p{
	color:#000;
	font-size:1.2em;
	line-height:1.6em;
	width:284px;
	min-height:125px;
	background-image: url(../img/file/file-p1-right-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:3px 70px 0 30px;
	margin:0;
}

*html #area2 .boxRight1 p{
	height:125px;
}

#area2 .boxRight1 p span{
	color:#006837;
}

#area2 .boxRight1{
	width:387px;
	float:left;
	display:inline;
}

#area2 .boxLeft2{
	width:385px;
	float:left;
	display:inline;
}

#area2 .boxLeft2 h3{
	color:#F15A24;
	font-size:1.5em;
	font-weight:bold;
	width:330px;
	height:22px;
	background-image: url(../img/file/file-p2-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:40px 0 0 55px;
	margin:0;
}


#area2 .boxLeft2 p{
	color:#000;
	font-size:1.2em;
	line-height:1.6em;
	width:295px;
	min-height:125px;
	background-image: url(../img/file/file-p2-left-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 35px 0 55px;
	margin:0;
}

*html #area2 .boxLeft2 p{
	height:125px;
}

#area2 .boxLeft2 p span{
	color:#006837;
}

#area2 .boxRight2{
	width:155px;
	height:169px;
	background-image: url(../img/file/file-p1-right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	display:inline;
	padding:30px 0 0 0;
}

#area2 .box3 h3{
	color:#F15A24;
	font-size:1.5em;
	font-weight:bold;
	width:475px;
	height:21px;
	background-image: url(../img/file/file-p3-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:30px 0 0 65px;
	margin:0;
}


#area2 .box3 p{
	color:#000;
	font-size:1.2em;
	line-height:1.6em;
	width:420px;
	background-image: url(../img/file/file-p3-body.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 55px 0 65px;
	margin:0;
}

#area2 .box3 p span{
	color:#006837;
}







#goTop{
	font-size:1.2em;
	width:530px;
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A67C52;
	padding:5px 10px 20px 0;
	margin:25px 0 0 0;
}

#goTop a{
	color:#0000FF;
	text-decoration:none;
}

#goTop a:hover
,#goTop a:focus
,#goTop a:active{
	color:#0000FF;
	text-decoration:underline;
}