@charset 'UTF-8';

/*ヘッダー
----------------------------------------*/
#jsBox{
	width:100%;
	height:310px;
	overflow:hidden;
}
#jsMainStage{
	width:900px;
	height:310px;
	margin:0 auto;
	position:relative;
}
img#jsArrowL,
img#jsArrowR{
	cursor:pointer;
	position:absolute;
	top:140px;
}
img#jsArrowL{z-index:50;left:50px;}
img#jsArrowR{z-index:51;right:50px;}

img#spacerL,
img#spacerR{
	position:absolute;
	top:140px;
	display:none;
}
img#spacerL{z-index:52;left:50px;}
img#spacerR{z-index:53;right:50px;}

#jsMoveBox{
	background:#fff;
	width:2240px;
	height:310px;
	position:absolute;
	top:0;
	left:-670px;		/*初期値（jsで設定）*/
}
#jsImg{
	width:2240px;
	height:270px;
	margin-bottom:1px;
	position:relative;
}
#jsImg img{
	position:absolute;
}
img#jsImg0{bottom:0;    left:0;}
img#jsImg1{bottom:0;    left:250px;}
img#jsImg2{bottom:0;    left:500px;}
img#jsImg3{bottom:13px; left:750px;}
img#jsImg4{bottom:30px; left:1000px;}
img#jsImg5{bottom:13px; left:1250px;}
img#jsImg6{bottom:0;    left:1500px;}
img#jsImg7{bottom:0;    left:1750px;}
img#jsImg8{bottom:0;    left:2000px;}

#jsShadow{
	width:2240px;
	height:39px;
	position:relative;
	overflow:hidden;
}
#jsShadow img{
	position:absolute;
	top:0;
	left:0;
}


/*コンテンツ
----------------------------------------*/
#recommend{
	width:390px;
	float:left;
}
.recommendItem{
	border:6px solid #e3e3e3;
	margin-top:10px;
	padding:10px;
}
.recommendImg{
	float:right;
	height:75px;
	margin-left:10px;
}
/*----*/
.recommendBox{
	width:350px;
	height:120px;
	padding:20px;
	margin-top:10px;
	background-image:url(../index_img/sprite_index.gif);
	text-decoration:none;
	cursor:pointer;
}
* html body .recommendBox{
	width:390px;
	height:160px;
}
.recommendBox:hover{
	background-position:-390px 0;
}
.recommendBox:after{display:block;clear:both;content:"";}
.recommendBox h4{
	margin-bottom:10px;
	font-size:110%;
}
.recommendBox h4,
.recommendBox p{
	float:left;
	width:215px;
	margin-bottom:10px;
	line-height:1.2;
	color:#333;
}
.recommendBox img{
	float:right;
}
/*----*/
#news{
	width:390px;
	height:524px;
	float:left;
	margin-left:40px;
}
#news iframe{
	width:390px;
	height:484px;
	text-align:left;
	margin:10px 0 0 0;
}
dl#newsList dt{
	float:left;
	width:65px;
	font-size:x-small;
	margin-bottom:5px;
}
* html body dl#newsList dt{font-size:xx-small;}
dl#newsList dd{
	float:left;
	width:305px;
	margin-bottom:8px;
	line-height:1.2;
}
/*----*/
#banner{
	float:left;
	margin-left:40px;
	width:390px;
}
#banner a{
	display:block;
	width:390px;
	height:77px;
	margin-top:8px;
	background:#ccc;
}