@charset "shift_jis";

/* TOP PAGE ==================================*/

html {
	background: #fafafa url(../image/top/bg_body.jpg) left top repeat-x;}

#top {background: url(../image/top/bg_body.jpg) center top repeat-x;}

#header #mainimg {
	width: 925px;
	margin-left: 5px;}

/* LAYOUT
---------------------------------------------*/

#top #contents {
	line-height: 1.8em;
	padding: 50px 22px 10px 30px;
	background: url(../image/top/bg_contents.jpg) left top no-repeat;}

#top #leftbox {
	float: left;
	width: 500px;}

#top #rightbox {
	float: right;
	width: 346px;}

/* TOP READ
---------------------------------------------*/

#top #leftbox h2 {
	padding-bottom: 16px;}

#top #leftbox p {
	margin: 0 0 0.5em 2px;}

#top #leftbox p {
	margin: 0 0 0 2px;}

/* NEWS&TOPICS
---------------------------------------------*/

#top #leftbox h3 {
	margin: 35px 0 10px 0;}

#infotop {
	width: 500px;
	letter-spacing: 1px;}

#infotop dt {
	float: left;
	width: 9em;
	padding: 6px 0 6px 6px;}

#infotop dd {
	padding: 6px 0;
	border-bottom: 1px solid #ccc;}

#infotop dd a {text-decoration: none;}
#infotop dd a:hover {text-decoration: underline;}

/* CONTENTS BANNER

/* BANNER AREA
---------------------------------------------*/

#topbnr {margin-top: 7px;}

#topbnr li {
	display: block;
	position: relative;
	width: 344px;
	margin-bottom: 3px;
	letter-spacing: 0;}

#topbnr li dl dt {text-indent: -9999px;}

#topbnr li a {
	position: absolute;
	left: 0; top: 0;
	width: 199px;
	_width: 344px;
	display: block;
	padding: 40px 0 0 145px;
	background-image: url(../image/top/top_bnr.jpg);}

.bnr01,.bnr02,.bnr03,.bnr04 {height: 98px;}
.bnr05 {height: 155px;}

.bnr01 a {
	height: 58px;
	_height: 98px;
	background-position: 0 0;}

.bnr02 a {
	height: 58px;
	_height: 98px;
	background-position: 0 -98px;}

.bnr03 a {
	height: 58px;
	_height: 98px;
	background-position: 0 -196px;}

.bnr04 a {
	height: 58px;
	_height: 98px;
	background-position: 0 -294px;}

.bnr05 a {
	height: 115px;
	_height: 155px;
	background-position: 0 -392px;}

.bnr01 a:hover {background-position: -344px 0;}
.bnr02 a:hover {background-position: -344px -98px;}
.bnr03 a:hover {background-position: -344px -196px;}
.bnr04 a:hover {background-position: -344px -294px;}
.bnr05 a:hover {background-position: -344px -392px;}

/*フラッシュの場所*/
#fla_box{
	margin: 7 9 17 10px;
	padding: 0px;
	width: 740px;
	height: 370px;
	}

/*フラッシュ代替スライドショー*/
#slide {
	width: 911px;
	height: 364px;
	}
*:first-child+html #slide{
	height: 298px;
}
.crossfader{
	position:relative;
	height:364px;
	}
*:first-child+html .crossfader{
	height: 298px;
}
.crossfader img{
	position:absolute;
	top:73px;
	left:7px;
	z-index:8;
	opacity:0;
	cursor:pointer;
	}
*:first-child+html .crossfader img{
	position:absolute;
	top:7px;
}
.crossfader .active{
	z-index:10;
	opacity:1.0;
}
.crossfader .last-active{
	z-index:9;
}