@charset "UTF-8";
/* CSS Document */

/*トップページ

/*****************************************************************************
 新着情報
 *****************************************************************************/
#whats {
	margin-top: 25px;
	border: 1px solid #87332A;
	width: 588px;
}

#news_list {
	overflow: auto;
	height: 180px;
	margin-right: 5px;
	margin-left: 15px;
}

#news_list li {
	padding-bottom: 3px;
	padding-top: 10px;
}

#news_list li span {
	margin-right: 20px;
}

/*****************************************************************************
 トピック
 *****************************************************************************/
#topic1 {
	border: 1px solid #C8C8C8;
	margin-top: 20px;
	background: url(../images/topic1_bg.jpg) no-repeat bottom;
	width: 588px;
}

#topic1_inner {
	margin-top: 15px;
	margin-left: 15px;
}

#topic1 #left {
	float: left;
	width: 315px;
	margin-top: 15px;
	margin-left: 15px;
	display: inline;
	padding-bottom: 15px;
}
#topic1B {
	border: 1px solid #C8C8C8;
	margin-top: 20px;
	background: url(../images/topic1_bg.jpg) no-repeat bottom;
	width: 588px;
}
#topic1B #left {
	float: left;
	width: 555px;
	margin-top: 15px;
	margin-left: 15px;
	display: inline;
	padding-bottom: 15px;
}

.topic1_txt {
	margin-top: 10px;
}
.topic1_txt1 {
	margin-top: 15px;
}

#topic1_btn {
	margin-top: 15px;
}

#topic1_oub {
	margin-top: 10px;
	line-height: 180%;
	color: #863128;
}

#topic1 #right {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	padding-bottom: 10px;
}

#topic_under {
	margin-top: 10px;
	background: url(../images/topic2_bg.jpg) bottom;
}

.topic_list {
	float: left;
	width: 190px;
	display: inline;
}

#topic3,#topic4 {
	margin-left: 10px;
	display: inline;
}

#topic2_txt,#topic3_txt {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

#topic2_img,#topic3_img {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

#topic2_btn,#topic3_btn {
	margin-top: 10px;
	margin-left: 80px;
}

#pamphlet_inner {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 10px;
}

#topic4_left {
	float: left;
	width: 100px;
}

#topic4_right {
	float: left;
	width: 73px;
}

#topic_btn4 {
	margin-top: 10px;
}

#topic4_txt2 {
	clear: both;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*****************************************************************************
 関連リンク
 *****************************************************************************/
#kanren_link {
	clear: both;
	padding-top: 30px;
	padding-bottom: 80px;
}

#kanren_link_title {
	padding-bottom: 5px;
	border-bottom: 1px solid #B77357;
}

#banner_link {
	margin-top: 10px;
	margin-bottom: 50px;
}

* html #banner_link {
	margin-bottom: 5px;
}

#banner_link #banner_link1 {
	float: left;
	margin-right: 10px;
}

#banner_link #banner_link2 {
	float: left;
}

#banner_link1 {
	position:relative;
	height: 50px;
	width: 290px;
}

#banner_link1 span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background: url(../images/banner08.gif) 0px -50px;
}

#banner_link1 a.visible {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
}

#banner_link1 a.visible {
	background: url(../images/banner08.gif) no-repeat;
}

#banner_link1 a.visible:hover {
	background-position: 0 -50px;
}

#banner_link2 {
	position:relative;
	height: 50px;
	width: 290px;
}

#banner_link2 span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background: url(../images/banner09.gif) 0px -50px;
}

#banner_link2 a.visible {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
}

#banner_link2 a.visible {
	background: url(../images/banner09.gif) no-repeat;
}

#banner_link2 a.visible:hover {
	background-position: 0 -50px;
}

/*****************************************************************************
 flv
 *****************************************************************************/
#btn_flv {
	
}

#btn_flv li {
	
}

#btn_flv #mov {
	position:relative;
	height: 150px;
	width: 230px;
}

#btn_flv #mov span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background: url(../images/topic1_img.jpg) 0px -150px;
}

#btn_flv #mov a.visible {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width: 100%;
}

#btn_flv #mov a.visible {
	background: url(../images/topic1_img.jpg) no-repeat;
}

#btn_flv #mov a.visible:hover {
	background-position: 0 -150px;
}