@charset "utf-8";
/* CSS Document */

#wrap {
	width: 100%;
	height: 100%;
}

#mainwrap {
	width: 980px;
	margin: 0px auto;
	position: relative;
}


/** header **/

#head {
	width: 980px;
	height: 150px;
}

h1 {
	width: 307px;
	height: 150px;
	float: left;
}

h1 a {
	width: 307px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	background: url(../img/logo.png) no-repeat left top;
	display: block;
}

.menu {
	width: 658px;
	float: left;
	padding-top: 20px;
	position: relative;
	z-index: 999;
}

.menu .gmenu {
	display: inline;
	float: left;
	width: 87px;
	height: 107px;
	margin-left: 7px;
	position: relative;
}

.menu li.menu02, .menu li.menu04, .menu li.menu06 {
	margin-top: 23px;
}

.gmenu ul {
	width: 172px;
	position: absolute;
	left: -43px;
	top: 75px;
	display: none;
}

.gmenu ul.submenu04 {
	background: url(../img/menu/menu_on_frame04.png) no-repeat left top;
	padding: 76px 0px 43px 0px;
}
.gmenu ul.submenu05 {
	background: url(../img/menu/menu_on_frame05.png) no-repeat left top;
	padding: 50px 0px 28px 0px;
}
.gmenu ul.submenu06 {
	background: url(../img/menu/menu_on_frame06.png) no-repeat left top;
	padding: 65px 0px 32px 0px;
}
.gmenu ul.submenu07 {
	background: url(../img/menu/menu_on_frame07.png) no-repeat left top;
	padding: 45px 0px 34px 0px;
}

.gmenu ul li {
	width: 172px;
	height: 21px;
}

.gmenu ul li a,
.gmenu ul li span {
	width: 172px;
	height: 0px;
	padding-top: 21px;
	overflow: hidden;
	display: block;
}

.gmenu ul.submenu04 li{
	background-image: url(../img/menu/menu_on_btn04.png);
	background-repeat: no-repeat;
}
.gmenu ul.submenu05 li{
	background-image: url(../img/menu/menu_on_btn05.png);
	background-repeat: no-repeat;
}
.gmenu ul.submenu06 li{
	background-image: url(../img/menu/menu_on_btn06.png);
	background-repeat: no-repeat;
}
.gmenu ul.submenu07 li{
	background-image: url(../img/menu/menu_on_btn07.png);
	background-repeat: no-repeat;
}

li.smenu01{
	background-position: 0 0;
}
li.smenu02{
	background-position: 0 -21px;
}
li.smenu03{
	background-position: 0 -42px;
}
li.smenu04{
	background-position: 0 -63px;
}
li.smenu05{
	background-position: 0 -84px;
}
li.smenu06{
	background-position: 0 -84px;
}

li.smenu01:hover{
	background-position: -172px 0;
}
li.smenu02:hover{
	background-position: -172px -21px;
}
li.smenu03:hover{
	background-position: -172px -42px;
}
li.smenu04:hover{
	background-position: -172px -63px;
}
li.smenu05:hover{
	background-position: -172px -84px;
}
li.smenu06:hover{
	background-position: -172px -84px;
}



/** main **/

.pagetitle {
	width: 980px;
	height: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}

.pagetitle h2 {
	height: 0px;
	padding-top: 106px;
	overflow: hidden;
}

.pagetitle ul {
	float: left;
	padding-top: 35px;
}

.pagetitle ul li {
	display: inline;
	float: left;
	height: 58px;
	background: url(../img/menu/menu_point.png) no-repeat left top;
	padding-left: 23px;
	margin-right: 11px;
}

.pagetitle ul li p{
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 8px;
}

.pagetitle ul li.current p{
	background-position: left -58px;
}

.pagetitle ul li p a{
	height: 0;
	padding-top: 50px;
	display: block;
	overflow: hidden;
}

.pagetitle ul li p span{
	height: 0;
	padding-top: 50px;
	display: block;
	overflow: hidden;
}

.contentswrap {
	width: 980px;
	background: url(../img/bg_main.png) repeat left top;
}

.contents {
	width: 809px;
	margin: 0px auto;
	position: relative;
}


/** footer **/

.totop {
	position: fixed;
	right: 0;
	bottom: 0;
	visibility: hidden;
}

.totop:hover {
	cursor: pointer;
}

.foot {
	padding: 75px 0px 15px 0px;
	text-align: center;
}