@charset "utf-8";


/* ----------------------------------------------------------------------------------------------------
		トップページ専用
 ---------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------- 再設定 */

body#top #content{ padding: 10px 0px 0px; }
body#top #header{ height: 175px; }


/* -------------------------------------------------- アイキャッチスライドショー設定 */

.eyecatch{
	position: relative;
	width: 710px;
}

.eyecatch a img{ opacity: 1.0; filter: alpha(opacity=100); }
.eyecatch a:hover img{ opacity: 0.7; filter: alpha(opacity=70); }

#eyecatch-navi{
	position: absolute;
	top: 265px;
	width: 710px;
	text-align: right;
	line-height: 17px;
	z-index: 5;
}

div#eyecatch-navi a{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0px 5px;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	text-indent: 1px;
	border: 1px #999 dotted;
	border-radius: 10px;
	background-color: #fff;
}

div#eyecatch-navi a.activeSlide,div#eyecatch-navi a:hover{ background-color: #462413; color: #fff; border: 1px #462413 solid; }
div#eyecatch-navi a:hover{ color: #ffff00; }


/* -------------------------------------------------- イントロ */

#content .intro{
	margin: 30px 0px 0px;
}

#content .intro img{
	float: left;
	display: inline;
	margin: 0px 20px 0px 10px;
	padding: 3px;
	border: 1px #ccc solid;
	box-shadow: 1px 1px 7px #ccc;
	background-color: #fff;
}

#content .intro p{
	margin: 22px 0px 0px;
	padding: 0px;
	font-size: 1.1em;
	line-height: 1.6em;
}

/* -------------------------------------------------- 更新情報系 */

#content .update{
	margin: 40px 0px 60px;
}

#content .update .news{
	float: left;
	width: 440px;
}

#content .update .news h3{
	clear: both;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #462413;
	font-size: 1.4em;
	line-height: 1.45em;
	text-shadow: 2px 2px 5px #dfbdac;
	border-bottom: 1px #462413 dotted;
}

#content .update .news dl{
	margin: 20px 0px 0px;
	padding: 0px 15px;
	height: 225px;
	overflow: auto;
}

#content .update .news dl dt{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 5px;
	color: #003300;
	font-size: 0.9em;
}

#content .update .news dl dd{
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 5px 20px;
	font-size: 0.9em;
	border-bottom: 1px #999 dotted;
	background: url(../img/link-bg.gif) 10px 4px no-repeat;
}

#content .update .news dl dd a{ color: #684635; text-decoration: underline; }
#content .update .news dl dd a:hover{ color: #ff0000; text-decoration: underline; }


#content .update .adv{
	float: right;
	width: 250px;
}

#content .update .adv p{
	margin: 0px 0px 5px;
	padding: 0px;
	color: #9a9a9a;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px #9a9a9a dotted;
}

/* -------------------------------------------------- ピックアップコンテンツ */

#content .pickup{ margin: 30px 0px 0px; }

#content .pickup h3{ margin: 0px; }

#content .pickup dl.main{
	float: left;
	display: inline;
	width: 260px;
	margin: 20px 20px 0px 20px;
	padding: 0px;
}

#content .pickup dl dt{
	margin: 0px;
	padding: 0px;
}

#content .pickup dl dt img{ border: 1px #fff solid; border-radius: 7px;}

#content .pickup dl dt a img{ box-shadow: 0px 0px 3px #ccc; }
#content .pickup dl dt a:hover img{ box-shadow: 0px 0px 5px #e41b1b; }

#content .pickup dl.main dt.ttl{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	background: url(../img/link-bg.gif) 5px center no-repeat;
}

#content .pickup dl.main dd{
	margin: 5px 15px 0px;
	padding: 0px;
	color: #666;
	font-size: 0.85em;
}

#content .pickup dl.sub{
	float: left;
	display: inline;
	width: 400px;
	height: 120px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: none;
}

#content .pickup dl.sub dt{
	float: left;
}

#content .pickup dl.sub dt.ttl{
	float: none;
	padding: 10px 0px 0px 185px;
	background: url(../img/link-bg.gif) 175px 16px no-repeat;
}

#content .pickup dl.sub dd{
	margin: 3px 0px 0px 190px;
	color: #666;
	font-size: 0.9em;
}

/* relation */

#content .relation{
	margin: 20px 0px 0px;
	border-top: 1px #ccc dotted;
}

#content .relation h4{
	margin-top: 30px;
}


#content .relation p{
	margin: 10px 40px 0px;
	font-size: 0.9em;
}

#content .relation ul{
	margin-top: -5px;
	padding: 20px 0px 0px 10px;
}

#content .relation ul li{
	float: left;
	display: inline;
	margin: 0px 0px 20px 20px;
}

#content .relation ul li a img{
	border: 1px #fff solid;
	border-radius: 7px;
	box-shadow: 0px 0px 3px #ccc;
}
#content .relation ul li a:hover img{ box-shadow: 0px 0px 5px #e41b1b; }



/* -------------------------------------------------- nav */

#content .nav{
	margin: 40px 0px 75px;
}

#content .nav img{
	float: right;
	display: inline;
	margin: 0px 10px 0px 20px;
	padding: 3px;
	border: 1px #ccc solid;
	box-shadow: 1px 1px 7px #ccc;
	background-color: #fff;
}

#content .nav p{
	margin: 22px 0px 0px 20px;
	padding: 0px;
	font-size: 1.1em;
	line-height: 1.6em;
}

/* -------------------------------------------------- カテゴリ情報 */

#content .topcat{
	margin: 10px 0px 50px 0px;
}

#content .topcat dl{
	float: left;
	display: inline;
	width: 210px;
	height: 200px;
	margin: 20px 0px 0px 20px;
	overflow: hidden;
}

#content .topcat dl dt{ margin: 0px 0px 7px; }

#content .topcat dl dt{ margin: 0px 0px 5px; }
#content .topcat dl dt a{ padding: 0px 0px 0px 12px; background: url(../img/link-bg.gif) left center no-repeat; }

#content .topcat dl dt img{
	padding: 4px;
	border: 1px #ccc dotted;
	border-radius: 10px;
	background-color: #fff;
}

#content .topcat dl dd{
	padding: 0px 7px 7px;
	color: #666;
	font-size: 0.9em;
	line-height: 1.4em;
}

#content .topcat dl dd.link{
	padding: 0px 0px 0px 10px;
	background: url(../img/link-bg.gif) left 3px no-repeat;
}

#content .topcat p{
	clear: both;
	margin: 20px 15px 0px;
	padding: 10px 15px 8px;
	font-size: 0.9em;
	line-height: 1.6em;
	border: 1px #ccc solid;
	border-radius: 10px;
	background-color: #fff;
}


/* -------------------------------------------------- ワインポイント情報(トップのみ大きめ表示） */

#content .onepoint{
	margin: 0px;
	padding: 0px 0px 10px;
	background: url(../img/onepoint-bg.gif) 0px bottom no-repeat;
}

#content .onepoint h2{
	padding: 25px 0px 25px 85px;
	font-size: 1.8em;
	border: none;
	background: url(../img/onepoint-title.jpg) left top no-repeat;
}

#content .onepoint p{
	margin: 0px;
	padding: 0px 70px 20px 50px;
	font-size: 0.95em;
}