@charset "UTF-8";
/* --------------------------------------------------
	top
-------------------------------------------------- */

/* --------------------------------------------------
	#wrapper
-------------------------------------------------- */
#wrapper { background: url("../img/top_bg.jpg") no-repeat center top; }

/* --------------------------------------------------
	#mainContents
-------------------------------------------------- */
#mainContents {
	height: 886px;
	box-shadow: 0 0 0 #ffffff;
	background: transparent;
}
#mainContents h1 { margin-left: 0; }
#mainContents h1 a {
	width: 400px;
	height: 86px;
	font-size: 25px;
	line-height: 86px;
	background: #ffffff url("../img/title.gif") no-repeat left top;
}
#mainContents h1 a:before { content: url("../img/title_icon.png"); }

#mainContents #topNav {
	margin: 0 0 0 57px;
	padding: 297px 0 0 0;
	width: 768px;
	height: 206px;
}
#mainContents #topNav li {
	float: right;
	margin: 0 0 48px 24px;
}
#mainContents #topNav li:last-child { margin-left: 0; }
#mainContents #topNav li a {
	display: block;
	padding: 148px 0 0 0;
	width: 240px;
	height: 58px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 16px;
	color: #000;
	line-height: 1;
	text-align: center;
}
#mainContents #topNav li.nav1 a { background-image: url("../img/top_nav1.png"); }
#mainContents #topNav li.nav2 a { background-image: url("../img/top_nav2.png"); }
#mainContents #topNav li.nav3 a { background-image: url("../img/top_nav3.png"); }
#mainContents #topNav li a:hover {
	background-position: left bottom;
	text-decoration: none;
}
#mainContents .official {
	margin: 0 0 0 318px;
	width: 244px;
	text-align: center;
}
#mainContents .official p {
	position: relative;
	margin: 0 0 12px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
}
#mainContents .official p span {
	position: relative;
	top: -2px;
	padding: 0 7px;
	font-size: 10px;
	color: #BA0031;
}