@charset "UTF-8";
/*///////////////////////////////////////////////////////////////////////////////////
//
//	layout
//
///////////////////////////////////////////////////////////////////////////////////*/
#layout{background:url('/_image/common/bg_head.jpg') repeat-x;}
#container {
	width:990px;
	margin:0 auto;
	padding:0;
	overflow-x:hidden;
}

#head {
	width:100%;
	height:192px;
    background:url('/_image/common/bg_head.gif') no-repeat;
	position:relative;
	z-index:15;	
}
#head *{
	margin:0;
	padding:0;
}

#head #logo{
	width:139px;
	height:105px;
	margin:0 auto 0 auto;
	padding-top:20px;
	position:relative;
}
#head #loginMenu{
	position:absolute;
	top:101px;
	right:3px;
}
#head #loginMenu li {
	float:left;
	padding-left:1px;
	background:url('/_image/common/hlm_bar.gif') no-repeat 0 7px;
}
#head #loginMenu li.first {background:none;}

#head #categoryList {
	position:absolute;
	top:125px;
	left:0;
	width:989px;
	height:55px;
	padding:5px 0 0 1px;
	background:url('/_image/common/bg_hm.jpg') no-repeat;
	font-size:0;
	line-height:0;
	text-align:center;
}
#head #categoryList li {display:inline;}
#head #categoryList li img{margin:17px 1px 0 0;}

#wrapper {
	float:left;
	width:100%;
	background:url('/_image/common/bg_wrapper.gif') repeat-y;
}

#contentArea {
	min-height:800px;
	height: auto !important;
	height:800px;	
	margin:0 0 0 200px;
	background:url('/_image/common/bg_contentTop.gif') no-repeat;
}
#contentArea h2.title {
	width:723px;
	height:88px;
	margin:7px auto 20px auto;
	border-bottom:2px solid #e4e4e4;
	position:relative;
}
#contentArea h2.title img {
	position:absolute;
	bottom:0;
	left:10px;
}
#contentArea h2.title .titleSWF {
	position:absolute;
	bottom:0;
	right:0;
}

#contentArea .body {
	width:703px;
	margin:0 auto;
	padding-bottom:25px;
}

#navigation {
	float:left;
	width:200px;
	height:100%;
	margin-left:-990px;
}
#navigation .category{
	margin:2px 0 0 1px;
}
#navigation #bannerList{
	margin:14px 0 0 5px;
    padding:0;
    list-style-type:none;
	font-size:0;
	line-height:0;
 }
#navigation #bannerList li{
	padding:4px 0;
 }

.contentAreaBottom {
	width:785px;
	height:7px;
	margin:0 0 30px 200px;
	background:url('/_image/common/bg_contentBottom.gif') no-repeat;
}

#foot {
	clear:left;
	width:100%;
	height:350px;
	background:url('/_image/common/bg_foot.gif') no-repeat center bottom;
	position:relative;
}
#foot .official{
	position:absolute;
	top:-99px;
	left:5px;
}
#foot .box{
	width:976px;
	height:156px;
	margin:0 auto;
	padding:2px;
	background:url('/_image/common/bg_footbox.gif') no-repeat;
}
#foot .domainSerch, #foot .banner, #foot .board{
	float:left;
}
#foot .domainSerch{
	width:308px;
	padding:32px 0 0 0;
	text-align:left;
}
#foot .domainSerch *{vertical-align:middle;}
#foot .domainSerch p{padding:0 0 12px 39px;}
#foot .domainSerch p label{margin-right:5px;}
#foot .domainSerch .domainStr{
	width:146px;
	height:18px;
	margin-left:61px;
	border:2px solid #c4c4c4;
	line-height:160%;
}
#foot .board{
	width:296px;
	margin:24px 0 0 0;
	text-align:left;
}
#foot .board ul{
	width:280px;
	margin:10px auto;
    padding:0;
    list-style-type:none;
}
#foot .board li{
	padding:5px 0;
}

#foot .board li *{vertical-align:middle;}
#foot .menu{
	font-size:0;
	line-height:0;
	position:absolute;
	bottom:72px;
	left:278px;
}

#foot .menu li{
	float:left;
	padding:0 1px;
	background:url('/_image/common/fm_bar.gif') no-repeat 0 10px;
}
#foot .menu li.first{
	padding-left:0;
	background:none;
}

#foot .copyright{
	width:711px;
	height:61px;
	padding:11px 0 0 18px;
	position:absolute;
	bottom:0;
	left:256px;
	line-height:140%;
	text-align:left;
}
#foot .copyright p, #foot .copyright a{color:#666;}
#foot .copyright a:hover{color:#333;}
#foot .topBtn{
	position:absolute;
	bottom:72px;
	right:30px;
	cursor:pointer;
}