@import url("/css/common.css");
/* --------------------- top style --------------------- */

/* --------------------- mainvisual --------------------- */
#mainvisual{margin:0 0 15px;}

/* --------------------- banner-area --------------------- */
#banner-area{margin:0 auto;}

#banner-area img{vertical-align:bottom;}

#banner-area ul{
	margin:0 0 15px;
	padding:0;
	width:600px;
}
/* clear hack */
#banner-area ul{zoom:1;}
#banner-area ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#banner-area li{
	margin:0;
	padding:0;
	list-style-type:none;
}

/* ボタン：左右 */
#banner-area li.left{float:left;}
#banner-area li.right{float:right;}

/* --------------------- news --------------------- */
/* ニュース：リセット */
.news *{margin:0;padding:0;}

/* ニュース */
.news{
	padding:0 0 20px;

	scrollbar-arrow-color:#aaa;
	scrollbar-track-color:#fff;
	scrollbar-face-color:#f4f4f4;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-highlight-color:#eee;
	scrollbar-shadow-color:#eee;
}

/* ニュース：見出し */
.news h3{
	margin:0 0 5px;
	padding:0 0 4px;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}

/* ニュース：リスト */
.news dl, .news ul{
	height:198px;
	overflow-y:auto;
}
/* ニュース：リスト：キャンペーン：高さ調整 */
#campaign dl{height:60px;}


/* ニュース：リスト：日付 */
.news dt{
	margin:0 0 3px;
	padding:0 10px 0 28px;
	float:left;
	clear:left;
	color:#666;
	background:url('/top_img/arrow_news.gif') no-repeat 15px 5px;
	letter-spacing:0.1em;
}

/* ニュース：リスト：テキスト */
.news dd{
	margin:0 0 3px;
	float:left;
	width:470px;
}

/* ニュース：リスト：お知らせ：テキスト */
.news li{
	margin:0 0 3px;
	padding:0 10px 0 28px;
	list-style-type:none;
	background:url('/top_img/arrow_news.gif') no-repeat 15px 5px;
}

/* ニュース：NEW! */
.news span{
	padding-left:10px;
	color:#00ab07;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
	white-space:nowrap;
}


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