@charset 'Shift_JIS';

/* :: 初期化 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body {
	background: #cdcdcd url(../img/bg_top.gif) repeat-x;
	text-align: center;
}


/* :: ヘッダ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header {
	position: relative;
	width: 963px;
	height: 302px;
}


/* -- ローテーションバナー ------------------------------------------------------------ */

.rotation {
	position: absolute;
	left: 720px;
	margin: 0 1px;
	width: 243px;
	height: 50px;
	text-indent: -9999px;
	z-index: 1;
}

#rb0 { top: 102px; }
#rb1 { top: 152px; }
#rb2 { top: 202px; }
#rb3 { top: 252px; }

.rotation h2 a {
	display: block;
	position: relative;
	width: 243px;
	height: 50px;
	background: url(../img/top_banner.png) no-repeat;
}

.rotation h2 a:hover { background: url(../img/top_banner.png) no-repeat; }

.rotation h2 a#rbtn0 { background-position: -720px    0px; }
.rotation h2 a#rbtn1 { background-position: -720px  -50px; }
.rotation h2 a#rbtn2 { background-position: -720px -100px; }
.rotation h2 a#rbtn3 { background-position: -720px -150px; }

.rotation p {
	position: absolute;
	left: -720px;
	width: 720px;
	height: 200px;
	background: url(../img/top_banner.png) no-repeat;
}

#rb0 p { top:    0px; background-position: 0px    0px; }
#rb1 p { top:  -50px; background-position: 0px -200px; }
#rb2 p { top: -100px; background-position: 0px -400px; }
#rb3 p { top: -150px; background-position: 0px -600px; }

.rotation p a {
	display: block;
	width: 720px;
	height: 200px;
}

.rotation p a:hover {
	background: url(../img/top_banner.png) no-repeat 0 -800px;
}


/* :: ボディ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#body {
	margin: 1px 0 0 0;
	border-top: 17px solid #525252;
}

/* -- ＊左右ペイン分割 ---------------------------------------------------------------- */

#body-left {
	padding-top: 0px;
	background-image: none;
}

/* -- ＊トピックス -------------------------------------------------------------------- */

#top-topics {
	position: relative;
	width: 720px;
	height: 209px;
}

#top-topics h2 {
	display: none;
}

#top-topics p {
	width: 720px;
	height: 209px;
	background: url(../img/top_topics_090919_xb.png) no-repeat;
	text-indent: -9999px;
}

#top-topics ul li.detail {
	position: absolute;
	top: 138px;
	left: 449px;
	width: 240px;
	height: 60px;
}

#top-topics ul li.detail a {
	display: block;
	width: 240px;
	height: 60px;
	background: url(../img/top_topics_090919_xb.png) no-repeat;
	text-indent: -9999px;
}

#top-topics ul li.detail a:link,
#top-topics ul li.detail a:visited { background-position:      0 -209px; }
#top-topics ul li.detail a:hover   { background-position: -240px -209px; }
#top-topics ul li.detail a:active  { background-position: -480px -209px; }



/* -- ニュースリリース ---------------------------------------------------------------- */

#news {
	position: relative;
	width: 720px;
}

#news h2 {
	margin-bottom: 10px;
	width: 720px;
	height: 28px;	
	background: url(../img/top_news_title.gif) no-repeat;
	text-indent: -9999px;
}

#news dl {
	margin: 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #eee;
	font-size: 87%;
}

#news dl dt {
	clear: both;
	float: left;
	margin: 5px 0 0 0;
	padding: 5px 0 0 15px;
	width: 165px;
	border-top: 1px solid #eee;
	color: #666;
	line-height: 1.5em;
}

#news dl dd {
	float: left;
	margin: 5px 0 0 0;
	padding: 5px 10px 0 0;
	width: 510px;
	border-top: 1px solid #eee;
	font-size: 100%;
	line-height: 1.5em;
}


/* -- 過去の記事一覧ボタン -- */

#news p.news-index {
	margin: 0;
	padding: 10px 10px 10px 0;
}

#news p.news-index a {
	display: block;
	float: right;
	margin: 0;
	width: 140px;
	height: 20px;
	background: url(../img/button.gif) no-repeat;
	text-indent: -9999px;
}

#news p.news-index a:hover  { background-position: 0 -24px; }
#news p.news-index a:active { background-position: 0 -48px; }


/* -- END -- */