@charset "UTF-8";

#center {
	height: 468px;
	width: 575px;
	float:left;
	position:relative;
}

#note_back {
	position: absolute;
	top: -4px;
	left: -5px;
	z-index: 1;
}
#top_flash {
    width:575px;
	height:348px;
	position:relative;
	z-index:2;
}

#top_animation {
    position: absolute;
	top: -1px;
	left: -2px;
	z-index: 3;
    width: 570px;
    height: 330px;
}

#noflash_img {
    background:url(../images/top/center_slide.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:570px;
	height:330px;
}
#noflash_img a {
    background:url(../images/top/center_slide_btn.gif);
	width:75px;
	height:0px;
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:60px;
	overflow:hidden;
	display:block;
	position:absolute;
    top: 160px;
    left: 460px;
}
#noflash_img a:hover {
    background-position:1px 1px;
}
#banner {
    width:575px;
	height:120px;
	position:relative;
	z-index:3;
}
#interview {
	height: 140px;
	width: 200px;
	position: absolute;
	top: -27px;
	left: -3px;
	z-index: 4;
}
#interview a {
	height: 0px;
	width: 200px;
	display: block;
	background: url(../images/top/interview.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 140px;
	overflow: hidden;
}
#search {
	height: 155px;
	width: 200px;
	position: absolute;
	top: -33px;
	left: 188px;
	z-index: 4;
}
#search a {
	height: 0px;
	width: 200px;
	display: block;
	background: url(../images/top/search.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 155px;
	overflow: hidden;
}
#kousyu {
	height: 130px;
	width: 207px;
	position: absolute;
	top: 314px;
	left: 345px;
	z-index: 4;
}
#kousyu a {
	height: 0px;
	width: 207px;
	display: block;
	background: url(../images/top/kousyu.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 130px;
	overflow: hidden;
}
#heart {
	height: 140px;
	width: 200px;
	position: absolute;
	top: -27px;
	left: 370px;
	z-index: 4;
}
#heart a {
	height: 0px;
	width: 200px;
	display: block;
	background:url(../images/top/heart_banner.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 140px;
	overflow: hidden;
}
#heart a:hover, #search a:hover, #interview a:hover {
	background-position: right top;
}

#side_bottom {
    width:244px;
	height:195px;
	position:relative;
	clear:left;
	float:left;
}
#news{
    background: url(../images/top/news_back.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 195px;
	width: 235px;
	position: absolute;
	top: 3px;
	left: 6px;
}
#news_contents {
    height: 120px;
	width: 210px;
	overflow: hidden;
	 position: absolute;
	top: 50px;
	left: 14px;
}
#news_contents dl {
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 16px;
}
#news_contents dt {
	color: #00A0E9;
	padding-top: 5px;
	padding-bottom: 1px;
}
#news_contents dd {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.6em;
	letter-spacing: 0pt;
}
#news_contents a {
	color: #036EB8;
}
#news_contents a:hover {
	color: #FF7F29;
}

.scrollgeneric {
    line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}
.vscrollerbase {
    width: 15px;
	background: #FFFBED url(../images/top/cursol.png) 0px 0px repeat-y;
}
.vscrollerbar {
    width: 15px;
	background: #FFFBED url(../images/top/cursol.png) -15px 0px repeat-y;
	padding: 15px;
	z-index: 2;
}
.vscrollerbarbeg {
    background: url(../images/top/cursol.png) -45px -30px no-repeat;
	width: 15px;
	height: 15px !important;
}
.vscrollerbarend {
    background: url(../images/top/cursol.png) -45px 0px no-repeat;
	width: 15px;
	height: 15px;
}
.vscrollerbasebeg {
    background: url(../images/top/cursol.png) -30px -30px no-repeat;
	width: 15px;
	height: 15px !important;
}
.vscrollerbaseend {
    background: url(../images/top/cursol.png) -60px -30px no-repeat;
	height: 15px;
	width: 15px;
}

#board {
    width:558px;
	height:210px;
	float:left;
	position:relative;
}

#board_back {
	position: absolute;
	top: -11px;
	left: 0px;
	z-index:2;
}