/* @override 
	http://selcohome.jp/css/top.css
*/

div#mainvisual {
	width: 830px;
	overflow: hidden;
	z-index: 1;
}

div#mainvisual.ordinary {
	height: 323px;
}

div#maincontents_wrapper {
	background: transparent url(../top/maincontents_bg.png) no-repeat center top;
}

div#infoColumn {
	width: 575px;
	float: left;
}

div#hotnewsContainer {
	position: relative;
	width: 552px;
	height: 26px;
	margin: 20px auto 15px 0;
	background: transparent url(../top/hotnews_bg.png) no-repeat;
	overflow: hidden;
}

div#hotnews {
	position: absolute;
	width: 455px;
	top: 4px;
	left: 90px;
}

div#hotnews li {
	width: 100%;
	height: 18px;
	margin-bottom: 2px;
	line-height: 18px;
}

div#hotnews li a {
	display: block;
	width: 99%;
	white-space: nowrap;
	line-height: 18px;
	font-size: 12px;
	overflow: hidden;
}

div#contestBanner {
	margin: 10px 0 15px;
}

div#bannersUnderHotNews {
	width: 552px;
	margin: 10px 0 15px;
	height: 50px;
}

div#bannersUnderHotNews div.left {
	float: left;
}

div#bannersUnderHotNews div.right {
	float: right;
}

ul#bottombanners {
	margin: 5px 0 0 0;
}

ul#bottombanners li {
	margin-right: 10px;
	float: left;
}

div#lineupColumn {
	width: 255px;
	float: right;
}

div#lineupColumn ul {
	width: 234px;
	margin: 10px auto 0;
}

div#lineupColumn.with_supere ul {
	width: 230px;
}

div#lineupColumn ul li {
	margin-bottom: 2px;
	overflow: hidden;
}

/* @group Area Info */

div#areaInfoContainer {
	position: relative;
	width: 551px;
	/*height: 354px;*/
	height: 314px;
	background: transparent url(../top/area_info_bg.png) no-repeat center bottom;
}

div#areaInfoContainer h3 {
	position: absolute;
	top: 5px;
	left: 0;
}

div#areaInfoContainer h4 {
	position: absolute;
	top: 0;
	left: 0;
}

div#areaInfoContainer.with_specialevent {
	background: transparent url(../top/area_info_bg_sp.png) no-repeat center bottom;
}

div#areaInfoContainer ul.tab {
	position: absolute;
	top: 0;
	left: 80px;
}

div#areaInfoContainer ul.tab li {
	width: 53px;
	height: 27px;
	margin: 0 4px 0 0;
	float: left;
}

div#areaInfoContainer ul.tab a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 200px;
	overflow: hidden;
}

div#areaInfoContainer ul.tab a:link, 
div#areaInfoContainer ul.tab a:visited {
	background-position: 0 0;
}

div#areaInfoContainer ul.tab a:hover, 
div#areaInfoContainer ul.tab a:active {
	background-position: 0 -27px;
}

div#areaInfoContainer ul.tab li.active a:link, 
div#areaInfoContainer ul.tab li.active a:visited,
div#areaInfoContainer ul.tab li.active a:hover, 
div#areaInfoContainer ul.tab li.active a:active {
	background-position: 0 -54px;
}

/* @group Area Tab */

#tab-hokkaido a {
	background-image: url(../top/tab_hokkaido.png);
}
#tab-tohoku a {
	background-image: url(../top/tab_tohoku.png);
}
#tab-kanto a {
	background-image: url(../top/tab_kanto.png);
}
#tab-chubu a {
	background-image: url(../top/tab_chubu.png);
}
#tab-kinki a {
	background-image: url(../top/tab_kinki.png);
}
#tab-chugoku a {
	background-image: url(../top/tab_chugoku.png);
}
#tab-shikoku a {
	background-image: url(../top/tab_shikoku.png);
}
#tab-kyushu a {
	background-image: url(../top/tab_kyushu.png);
}



/* @end */

ul#areainfolist {
	position: absolute;
	width: 500px;
	/* height: 281px; */
	height: 241px;
	top: 55px;
	left: 25px;
	overflow: auto;
}

ul#areainfolist li.areatop {
	position: relative;
}

ul#areainfolist li ul {
}

ul#areainfolist li li {
	position: relative;
	margin: 5px 0 7px;
}

ul#areainfolist li div.event {
	background: transparent url(../top/bullet_event.png) no-repeat left center;
	padding-left: 53px;
	line-height: 1.3;
}

ul#areainfolist li div.kengakukai {
	background: transparent url(../top/bullet_kengakukai.png) no-repeat left center;
	padding-left: 53px;
	line-height: 1.2;
}

ul#areainfolist li div.detail {
	padding-left: 53px;
	color: #666;
	line-height: 1.4;
}

ul#areainfolist ul.tab li {
	width: 53px;
	height: 27px;
}

ul#areainfolist ul.tab li a {
	display: block;
	width: 100%;
	height: 100%;
}

ul#areainfolist div.scrollpane {
	position: relative;
	width: 500px;
	/*height: 255px;*/
	height: 215px;
	overflow: auto;
}

div#areaInfoContainer.with_specialevent ul#areainfolist {
	position: absolute;
	width: 500px;
	/*height: 255px;*/
	height: 215px;
	top: 80px;
	left: 25px;
	overflow: auto;
}

div#areaInfoContainer.with_specialevent ul#areainfolist div.scrollpane {
	position: relative;
	width: 500px;
	/*height: 227px;*/
	height: 187px;
	overflow: auto;
}

li#areainfolist-latest {
	
}

li#areainfolist-latest div.scrollpane {
	position: absolute;
	top: 25px;
}

div#areaInfoContainer.with_specialevent div#areaInfoContainer h4 {
	top: 5px;
}

div#allareaevent {
	position: absolute;
	width: 515px;
	height: 20px;
	top: 47px;
	left: 19px;
	line-height: 20px;
	background: transparent url(../top/bullet_all_area_event.png) no-repeat left center;
	padding-left: 53px;
	font-weight: bold;
}

div#allareaevent a:link,
div#allareaevent a:visited {
	color: red;
}

div#allareaevent a:hover,
div#allareaevent a:active {
	color: #fc7816;
}

div.to_area {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* @end */