@charset "UTF-8";


/*----------------------------------------------------------

content

----------------------------------------------------------*/
#content {
	background-image: url(../img/top_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 679px;	/* 710px - 31px */
	padding-bottom: 0px;
}

/*----------------------------------------------------------

banner-area

----------------------------------------------------------*/
#banner-area {
	position: absolute;
	left: 9px;
	top: 10px;
}

#banner-area img {
	margin-bottom: 6px;
}

/*----------------------------------------------------------

movie

----------------------------------------------------------*/
#movie {
	position: absolute;
	left: 230px;
	top: 10px;
	z-index: 1;
}

#movie .close_btn {
	display: block;
	margin-left: auto;
	margin-right: 4px;
	margin-bottom: 4px;
	background: url(../img/top_btn_close.png) left top no-repeat;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
}
#movie .close_btn:hover {
	cursor: pointer;
}

#movie iframe {
	top: 50px;
}

/*----------------------------------------------------------

news

----------------------------------------------------------*/
#news {
	background-image: url(../img/top_news_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 826px;
	height: 249px;
	color: #380c00;
	position: absolute;
	left: 167px;
	top: 428px;
}

#news ul {
	position: absolute;
	left: 103px;
	top: 75px;
}

#news li {
	float: left;
}

#news li.tab a {
	display: block;
	background-image: url(../img/top_news_nav.png);
	height: 47px;
	text-indent: -9999em;
	cursor: pointer;
}

#news li.tab.all a {
	cursor: auto;
}

/*----- ALL -----*/
#news li.tab.all a {
	background-position: -0px -0px;
	width: 68px;
}

#news li.tab.all a:hover,
#news li.tab.all .selected {
	background-position: -0px -47px;
	width: 68px;
}

/*----- メッセージ -----*/
#news li.tab.message a {
	background-position: -68px -0px;
	width: 91px;
}

#news li.tab.message a:hover,
#news li.tab.message .selected {
	background-position: -68px -47px;
	width: 91px;
}

/*----- ヒストリー -----*/
#news li.tab.history a {
	background-position: -159px -0px;
	width: 90px;
}

#news li.tab.history a:hover,
#news li.tab.history .selected {
	background-position: -159px -47px;
	width: 90px;
}

/*----- 記念タイトル -----*/
#news li.tab.title a {
	background-position: -249px -0px;
	width: 102px;
}

#news li.tab.title a:hover,
#news li.tab.title .selected {
	background-position: -249px -47px;
	width: 102px;
}

/*----- イベント -----*/
#news li.tab.event a {
	background-position: -351px -0px;
	width: 74px;
}

#news li.tab.event a:hover,
#news li.tab.event .selected {
	background-position: -351px -47px;
	width: 74px;
}

/*----- コミュニティ -----*/
#news li.tab.community a {
	background-position: -425px -0px;
	width: 92px;
}

#news li.tab.community a:hover,
#news li.tab.community .selected {
	background-position: -425px -47px;
	width: 92px;
}

/*----- グッズ -----*/
#news li.tab.goods a {
	background-position: -517px -0px;
	width: 67px;
}

#news li.tab.goods a:hover,
#news li.tab.goods .selected {
	background-position: -517px -47px;
	width: 67px;
}

/*----- ダウンロード -----*/
#news li.tab.download a {
	background-position: -584px -0px;
	width: 94px;
}

#news li.tab.download a:hover,
#news li.tab.download .selected {
	background-position: -584px -47px;
	width: 94px;
}

#news .content {
	display: none;
	width: 590px;
	height: 102px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	left: 175px;
	top: 133px;
}

#news .content.all {
	display: block;
}

#news .content ul {
	position: static;
}

#news .content li {
	float: none;
	min-height: 17px;
	margin: 5px;
	padding-left: 60px;
}

#news .content li.info {
	background-image: url(../img/tag_info.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.asagi {
	background-image: url(../img/tag_asagi.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.message {
	background-image: url(../img/tag_message.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.history {
	background-image: url(../img/tag_history.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.title {
	background-image: url(../img/tag_title.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.event {
	background-image: url(../img/tag_event.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.community {
	background-image: url(../img/tag_community.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.goods {
	background-image: url(../img/tag_goods.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#news .content li.download {
	background-image: url(../img/tag_download.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#footer {
	height: 264px;	/* 287px - 23px */
}