@charset "utf-8";

/******-------------------***** top page only css file *****-------------------******/
#topWrapper {
	text-align: left;
	margin: 0px auto;
	width: 760px;
}
#topHeader {
	padding-bottom: 3px;
}
#topHeader h1 {
	font-weight: normal;
	float: left;
	width: 500px;
	padding: 8px 0px 0px 0px;
}

#topHeaderRightBox {
	float: right;
	width: 225px;
}
#topHeaderRightBox span {
	background-attachment: scroll;
	background-image: url(../common/images/sitemap.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 20px;
}
#topHeaderRightBox ul {text-align:right;}
#topHeaderRightBox ul li {
	display: block;
	padding: 5px 0px 3px 20px;
}
#topHeaderRightBox ul li a {
	color: #555555;
	text-decoration: underline;
}
#topHeaderRightBox ul li a:hover {
	text-decoration: none;
}
#topFontChangBox {
	height: 19px;
}
#topFontChangBox dl dt,#topFontChangBox dl dd {
	float: left;
	font-size: 11px;
	line-height: 12px;
}

#flash {
	clear:both;
	padding: 2px 2px 3px;
	height: 196px;
	width: 756px;
	background-attachment: scroll;
	background-image: url(images/flash_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
}* html #flash {width:760px;height:201px;}
#topGnavi {
	background-attachment: scroll;
	background-image: url(images/top_gnavi_shadow.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 16px;
}
#topGnavi li {
	display: block;
	float: left;
}
#toplist {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 9px;
}
#toplist h2 {
	font-size: 11px;
	line-height: 12px;
	float: left;
}
#topListBtn {
	float: right;
	height: 18px;
	width: 349px;
	background-image: url(images/toplist_btn_back.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 6px;
}* html #topListBtn {width:349px;height:24px;}
#toplistBoxBottom {
	background-attachment: scroll;
	background-image: url(images/toplist_boxbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
#toplistBoxMiddle {
	background-image: url(images/toplist_boxmiddle.gif);
	background-repeat: repeat-y;
	padding: 0px 13px 0px 8px;
}
#toplistBoxMiddle li {
	display: block;
	float: left;
}

#topContBox {
	padding-bottom: 10px;
}
#topWhatsNewBox {
	float: left;
	width: 530px;
}
#topWhatsnew {
	background-color:#FFFEE5;
	background-attachment: scroll;
	background-image: url(images/topwhatsnew_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:30px;
	padding-bottom: 18px;
}
#topWhatsnew h2 {
	font-size: 11px;
	line-height: 12px;
	float: left;
}
#topWhatsnewBtn {
	float: right;
	height: 18px;
	width: 349px;
	background-image: url(images/toplist_btn_back.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 6px;
}* html #topWhatsnewBtn {width:349px;height:24px;}
#topWhatsnewBoxBottom {
	background-color:#FFFEE5;
	background-attachment: scroll;
	background-image: url(images/topwhatsnew_boxbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 23px;
}
#topWhatsnewBoxMiddle {
	background-image: url(images/topwhatsnew_boxmiddle.gif);
	background-repeat: repeat-y;
	padding: 0px 11px;
}
#topWhatsnewBoxMiddle dl {
	height: 129px;
	overflow: auto;
	background-attachment: scroll;
	background-image: url(images/whatsnew_backimage.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*↓to font size css*/
/*#topWhatsnewBoxMiddle dl dt {}
#topWhatsnewBoxMiddle dl dd {}*/
/*↑to font size css*/
#topWhatsnewBoxMiddle dl dd img {margin-right:10px;}
#topRecruitBox {
	float: right;
	width: 205px;
	margin-top:6px;
}
#topRecruitBox ul {
	background-attachment: scroll;
	background-image: url(images/top_recruit_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px;
}
#topRecruitBox ul li {
	background-image: url(images/top_recruit_btn_back.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 205px;
	display: block;
}
#topRecruitBox ul li a {
	font-size: 11px;
	line-height: 12px;
	color: #555555;
	background-color: transparent;
	height: 16px;
	width: 162px;
	display: block;
	text-decoration: none;
	padding: 7px 0px 0px 43px;
}* html #topRecruitBox ul li a {width:205px;height:23px;}

#topBannerBox {
	float: right;
	width: 205px;
}