@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);
@import url(contents.css);

body {
	position: relative;
	color: #FFFFFF;
	background: #a3a2a2 url(../img/bg/bg_grade_repeat.gif) repeat-x;
}

#position {
	position: relative;
	width: 1024px;
	margin: auto;
}

#wrapper {
	position:relative;
	width: 1024px;
	margin: 0 auto;
	background: #a3a2a2 url(../img/bg/bg_under.gif) 45px 0 repeat-y;
}

#wrapper:after {
	content: ".";
	display: block;
	clear: both;
	width: 0;
	overflow: hidden;
}



/* -----------header ------------- */
#head-bg {
	width: 933px;
	height: 60px;
	margin-bottom: 26px;
	top: 13px;
	left: 44px;
	background-color:#666666;
	border: #666666 1px solid;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}

#header {
	width: 935px;
	height: 60px;
	top: 14px;
	left: 45px;
}

#header #navi {
	position: absolute;
	top: 10px;
	left: 205px;
}

#header h1{
	position: absolute;
	width: 160px;
	height: 40px;
	top: 10px;
	left: 24px;
}



/* -----------main --------------- */
#main {
	width: 933px;
	margin: 0 auto 10px;
	padding: 0;
	border: #b6babc 1px solid;
	border-bottom: none;
}

#shead {
	position: relative;
	width: 885px;
	height: 52px;
	top:0;
	left: 25px;
	border-bottom: #FFFFFF 1px solid;
}

#shead .title h2 {
	position: relative;
	top: 20px;	
}

#mainbox {
	/*width: 935px;*/
	width: 900px;
	height: auto;
	padding: 20px;
}

.imgslink {
	margin-top: 5px;
}

iframe{	
	width:870px;
	height:500px;
	margin:0 auto;
}


/* -----------footer ------------- */
#position #footer {
	position: relative;
	width: 935px;	
	margin: 25px 0 0 45px;
}

#footer ul {
	
}

#footer ul li a {
	vertical-align: middle;
	margin: 4px 9px 0 0;
}

#footer ul li img {
	margin-right: 2px;
	padding: 0 auto;
	vertical-align: middle;
}

#footer span {
	float: right;
	margin-top:2px;
	padding-bottom: 20px;
}