@charset "UTF-8";
/* CSS Document */

/*-------------------------
	メインフラッシュ
-------------------------*/
#main div#top-flash {
	width: 900px;
	height: 340px;
	margin: 0 auto;
	padding: 0;
}

/*-------------------------
	コンテンツ
-------------------------*/
#main div#container-top {
	width: 900px;
	padding: 35px 0 80px;
}

#container-top div#contents-top {
	width: 680px;
	padding-left: 40px;
	float: right;
	text-align: left;
}

/*-------------------------
	サイドバー
-------------------------*/
#container-top div#sidebar-top {
	width: 180px;
	float: left;
}

#sidebar-top ul#sidebanner {
	width: 180px;
	list-style-type: none;
}

#sidebanner li {
	width: 180px;
	padding-bottom: 8px;
}

#sidebanner li a {
	display: block;
	width: 180px;
	text-indent: -9999px;
}
#sidebanner li.banner01 a {
	background: url(../images/common/yuutai.jpg) no-repeat;
	height: 60px;
}
#sidebanner li.banner02 a {
	background: url(../images/common/sea_fair.jpg) no-repeat;
	height: 180px;
}
#sidebanner li.banner03 a {
	background: url(../images/common/bn_maguro.jpg) no-repeat;
	height: 100px;
}
#sidebanner li.banner04 a {
	background: url(../images/common/higaeri.jpg) no-repeat;
	height: 100px;
}

/*-------------------------
	お勧め情報
-------------------------*/
#contents-top div#recommendation {
	width: 680px;
	margin-bottom: 20px;
}
#recommendation div.recommendation-line {
	width: 680px;
	padding-bottom: 20px;
}
#recommendation div.recomme-box01 {
	width: 330px;
	padding-right: 20px;
	float: left;
}
#recommendation div.recomme-box02 {
	width: 330px;
	float: left;
}
#recommendation div.recomme-image {
	width: 90px;
	float: left;
}
#recommendation div.recomme-info {
	width: 240px;
	float: right;
}
#recommendation div.recomme-info h3.recomme-h {
	width: 228px;
	padding: 6px 0 5px 12px;
	font-size: 14px;
	color:#663627;
	border-bottom: 2px solid #92a826;
}
#recommendation div.recomme-info p.recomme-text {
	width: 228px;
	padding: 5px 0 0 12px;
}
#recommendation div.recomme-info p.more {
	width: 216px;
	margin: 8px 0 0 12px;
	padding: 0 0 0 12px;
	background: url(../images/top/marker.gif) no-repeat 0 3px;
}
/*-------------------------
	お知らせ
-------------------------*/
#contents-top h2#news-h {
	width: 680px;
	height: 28px;
	background: url(../images/top/news-h.gif) no-repeat;
	text-indent: -9999px;
}
#contents-top p.to-list {
	width: 25px;
	height: 15px;
	float: right;
	margin-top: -22px;
	padding-right: 12px;
}
#contents-top p.to-list a {
	width: 25px;
	height: 15px;
	text-indent: -9999px;
	display: block;
}
#contents-top ul#news-box {
	width: 680px;
	margin-top: 7px;
	list-style-type: none;
}
#contents-top ul#news-box li {
	width: 680px;
	padding: 13px 0 7px;
	border-bottom: 1px dashed #b08975;
}
#contents-top ul#news-box span.news-date {
	color: #5b8042;
	padding-right: 25px;
	font-weight: bold;
}
