@charset "utf-8";

/* ビジュアル */
#top_visual {
	border-bottom: 4px solid #9dccd2;
	text-align: left;
}
#top_visual .visual_inner {
	position: relative;
	width: 1090px;
	height: 410px;
	margin: 0 auto;
}
#view {
	position: absolute;
	width:1090px;
	height:410px;
	top:0;
	left:0;
	overflow:hidden;
}
#view li {
	position: absolute;
	top:0;
	left:0;
}
#thumbBtn {
	position:absolute;
	top:320px;
	right:55px;
}
#thumbBtn li {
	float: left;
	width: 46px;
	cursor: pointer;
	background-image: url(../img/visual_btn_bg01.png);
	background-repeat: no-repeat;
	margin-left: 6px;
	text-align: center;
}
#thumbBtn li.active {
	background-image: url(../img/visual_btn_bg02.png);
}
#thumbBtn li img {
	margin: 5px 0 5px 0;
}

#main_btn {
	position: absolute;
	top:397px;
	left:55px;

}
#main_btn li {
	float: left;
	padding-right: 10px;
}
#main_btn li.last {
	padding-right: 0;
}

/* コンテンツ */
#top_contents {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 210px 55px 40px 55px;
	background-image: url(../common/img/visual_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#top_contents #side {
	float: right;
	width: 231px;
	margin-top : 10px;
}
#top_contents #main {
	float: left;
	width: 714px;
	margin-top : 10px;
}

.top_bnr {
	padding-bottom: 33px;
}
.top_bnr li {
	float: left;
	padding-right: 18px;
}
.top_bnr li.last {
	padding-right: 0;
}

.top_info,
.top_event {
	padding: 0px 8px 20px 13px;
}
.top_info h3,
.top_event h3 {
	padding: 0px 0px 13px 0px;
}
.top_info dl,
.top_event dl {
	line-height: 1.5;
}
.top_info dt,
.top_event dt {
	background-repeat: no-repeat;
	background-position: 7px 0.2em;
	width: 9em;
	padding-left: 22px;
}
.top_info dt {
	background-image: url(../img/info_icon02.gif);
}
.top_info dt.icon01 {
	background-image: url(../img/info_icon01.gif);
}
.top_event dt {
	background-image: url(../img/event_icon02.gif);
}
.top_event dt.icon01 {
	background-image: url(../img/event_icon01.gif);
}
.top_info dd,
.top_event dd {
	border-bottom: 1px dotted #A4A4A4;
	margin: -1.5em 0px 7px 0px;
	padding: 0px 0px 7px 9em;
}
.top_info a,
.top_event a {
	color: #4C4A4A;
	text-decoration: none;
}
.top_info a:hover,
.top_event a:hover {
	color: #666666;
	text-decoration: underline;
}

.top_topics_title {
	padding: 0px 0px 8px 13px;
}
.top_topics {
	line-height: 1.5;
}
.top_topics .topics_column {
	width: 327px;
	float: left;
	border: 1px solid #C7C7C7;
	margin: 0px 19px 19px 0px;
	padding: 9px;
}
.top_topics .last {
	margin-right: 0;
}
.top_topics .topics_column .topics_img {
	float: left;
}
.top_topics .topics_column .topics_img img {
	width : 113px;
	height : 113px;
}

.top_topics .topics_column .topics_summary {
	float: right;
	width: 200px;
}
.top_topics .topics_column .topics_summary h4 {
	padding-bottom: 8px;
}
.top_topics .topics_column .topics_summary dt {
	padding-bottom: 5px;
	font-size: 120%;
}
.top_topics .topics_column a {
	color: #4C4A4A;
	text-decoration: none;
}
.bl-hover {
	cursor: pointer;
	background-color: #F9FAE3;
	text-decoration: underline;
}
.bl-hover a:link {
	text-decoration: underline;
}