@charset "UTF-8";
/* ----------------------------------------
common
---------------------------------------- */
html, body {
	height:100%;
}
body {
	color:#333333;
	text-align:center;
}
a {
	color:#333333;
	outline:none;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.m0 {
	margin:0!important;
}
.mr0 {
	margin-right:0!important;
}
.mr20 {
	margin-right:20px!important;
}
.ml0 {
	margin-left:0px!important;
}
.ml20 {
	margin-left:20px!important;
}
.mb10 {
	margin-bottom:10px!important;
}
.mb20 {
	margin-bottom:20px!important;
}
.mb30 {
	margin-bottom:30px!important;
}
.mb40 {
	margin-bottom:40px!important;
}
.mb50 {
	margin-bottom:50px!important;
}
.pl0{
	padding-left:0 !important;
}
.border-b{
	border-bottom:1px solid #666;
}
p strong{
	color:#478C00;
	font-weight:normal;
	font-size:15px;
}
.attention,
.ERR{
	color:#d84a46 !important;
}
.right{
	float:right;
}
/* ----------------------------------------
	body
---------------------------------------- */
body{
	background:url(../images/common/bg2.jpg) repeat-x left top;
}
#pagebody{
	width:930px;
	margin:auto;
	background:url(../images/common/topimg-bg.png) no-repeat center 120px;
}
/* ----------------------------------------
	head
---------------------------------------- */
#head {
	height:104px;
	text-align:left;
	margin-bottom:15px;
}
#head #logo {
	width:273px;
	height:57px;
	float:left;
	padding-top:13px;
	padding-left:10px;
}
#head ul{
	height:20px;
	float:right;
	/*width:380px;*/
	overflow:hidden;
	/*margin-top:50px;*/
}
#head ul li{
	float:left;
	height:20px;
	line-height:20px;
	padding-left:20px;
	padding-right:10px;
	background:url(../images/common/icon01.gif) no-repeat 10px center;
}
/* ----------------------------------------
	topimg
---------------------------------------- */
#topimg{
	text-align:center;
	padding-top:10px;
}
/* ----------------------------------------
	navi
---------------------------------------- */
#navi{
	padding-left:10px;
	overflow:hidden;
	width:944px;
	padding-bottom:16px;
	padding-top:16px;
	background:url(../images/common/navi-bg.png) no-repeat center center;
}
#navi li {
	float:left;
	padding-right:34px;
}
#navi li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/* ----------------------------------------
	pagebody
---------------------------------------- */
#topics{
	width:885px;
	text-align:left;
	margin:auto;
	background:url(../images/top/topics-bg.jpg) no-repeat left top;
	height:170px;
	padding:25px 0 0 25px ;
}
#topics img{
	margin-bottom:10px;
}
#topics li{
	margin-bottom:10px;
	margin-left:20px;
}
#topics li span{
	color:#3f99d5;
	padding-right:25px;
	background:url(../images/common/icon01.gif) no-repeat 85px;
}
#topics li a:link,
#topics li a:visited{
	text-decoration:underline;
}
#topics li a:hover,
#topics li a:active{
	text-decoration:none;
}
/* ----------------------------------------
	link
---------------------------------------- */
#link{
	margin-bottom:20px;
	overflow:hidden;
}
#link li{
	margin-bottom:0px;
	float:left;
	padding-right:8px;
	margin-left:10px;
}
#link li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/* ----------------------------------------
	after
---------------------------------------- */
#after{
	background:url(../images/top/after-bg.jpg) no-repeat center top;
	text-align:center;
	overflow:hidden;
	margin-bottom:20px;
	padding-top:25px;
	height:181px;
}
/* ----------------------------------------
	access
---------------------------------------- */
#access{
	width:460px;
	/*background:url(../images/top/access-bg.jpg) no-repeat center top;*/
	background:url(../images/top/dot.png);
	text-align:center;
	overflow:hidden;
	margin-bottom:20px;
	margin-left:0px;
	padding:8px;
	display:inline-block;
	/*height:294px;*/
}
#access dl{
	/*width:420px;*/
	margin:auto;
	padding:25px 25px 0 25px;
	background-color:#fff;
	height:260px;
}
#access dl dt{
	float:left;
	width:190px;
	text-align:left;
}
#access dl dt img{
	margin-bottom:20px;
}
#access dl dt h2{
	margin-bottom:10px;
	font-weight:normal;
	font-size:18px;
}
#access dl dd{
	float:left;
	margin-left:25px;
}

/* ----------------------------------------
	school_uniform
---------------------------------------- */
#school_uniform{
	width:400px;
	background:url(../images/top/dot.png);
	text-align:center;
	overflow:hidden;
	margin-bottom:20px;
	margin-left:15px;
	padding:8px;
	display:inline-block;
}

#school_uniform dl{
	/*width:420px;*/
	margin:auto;
	padding:25px 0 0 25px;
	background-color:#fff;
	height:260px;
}

#school_uniform dl dt{
	float:left;
	width:166px;
	text-align:left;
}
#school_uniform dl dt img{
	margin-bottom:20px;
}
#school_uniform dl dt h2{
	margin-bottom:10px;
	font-weight:normal;
	font-size:18px;
}
#school_uniform dl dd{
width:185px;
	float:left;
	margin-left:4px;
}

#school_uniform ul {
list-style-type:square;
margin-left:12px;
}

#school_uniform li {
margin-bottom:7px;
color:#0099CC;
}

#school_uniform li span {
color:#333;
}

/* ----------------------------------------
	pagetop
---------------------------------------- */
#pagetop{
	width:144px;
	height:30px;
	float:right;
	margin-right:10px;
	clear:both;
	overflow:hidden;
}
#pagetop a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/* ----------------------------------------
	foot
---------------------------------------- */
#foot{
	padding-top:15px;
	padding-bottom:30px;
	background:#3f99d5;
	text-align:center;
	overflow:hidden;
	clear:both;
}
#footbody{
	width:660px;
	padding-right:10px;
	padding-left:260px;
	margin:auto;
	text-align:left;
	background:url(../images/common/flogo.gif) no-repeat 10px top;
}
#footbody p{
	margin-bottom:10px;
	color:#FFFFFF;
}
#footbody p strong{
	font-size:15px;
	color:#FFFFFF;
}