@charset "UTF-8";

/*----------------------------------------
	slideshow
----------------------------------------*/

#slideshow {
   position: relative;
   width:  100%; /* 画像の横幅に合わせて記述 */
   height: 373px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
   width: 100%;
    height: auto;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}



.viewer {
	margin: 0 auto;
	width: auto;
	height: auto;
	overflow: hidden;
	background:url(../images_common/bg_gray.png) 100%;
}

.viewer ul {
	width: 100%;
	height: 454px;
	text-align: left;
	overflow: hidden;
	position: relative;
	text-align:center;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: none;
	position: absolute;
}


/*----------------------------------------
	mainmenu
----------------------------------------*/

.mainmenu_btn {
	overflow: hidden;
	margin: 30px auto;
	position:relative;
}

.mainmenu_btn li.left{
	float: left;
	width:298px;
	margin-right: 15px;
	padding:16px;
	list-style: none;
	border-top: #eeeeee 1px solid;
	border-left:#eeeeee 1px solid;
	border-right:#eeeeee 1px solid;
	border-bottom:#eeeeee 6px solid;
	background:url(../images/top/menu_bg.png) top repeat-x;
}

.mainmenu_btn li.right {
	float: right;
	width:298px;
	padding:16px;
	list-style: none;
	border-top: #eeeeee 1px solid;
	border-left:#eeeeee 1px solid;
	border-right:#eeeeee 1px solid;
	border-bottom:#eeeeee 6px solid;
	background:url(../images/top/menu_bg.png) top repeat-x;
	text-align:left;
}

.mainmenu_btn li .no-margin {
	margin: 0;
}

.mainmenu_btn li .no-margin {
	margin: 0;
	}

.mainmenu_btn li .ph {
	text-align: center;
}

.mainmenu_btn li .txt {
	padding:20px 0 15px 0;
	border-bottom:#cccccc 1px dotted;
	text-align: center;
}


/*----------------------------------------
	news
----------------------------------------*/

.news_block {
	float: left;
	width: 626px;
}

.news_ttl {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#eeeeee 6px solid;
}


.news_list .list_box{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.news_list .list_box .date {
	margin-bottom: 0;
}

.news_block .btn_more {
	margin-top: 25px;
	text-align: right;
	font-size:85%;
}

.news_block .btn_more a {
	display:inline;
	padding: 5px 20px 5px 30px;
	text-align: center;
	border: 1px solid #d3d3d3;
	background: #f5f5f5 url(../img/common/icon_arrow01.gif) 20px 9px no-repeat;
}



/*----------------------------------------
	top_bana
----------------------------------------*/

.top_bana {
	width: 950px;
	margin: 0 auto 50px auto;
	padding-top: 20px;
	border-top: 1px dotted #bfbfbf;
}

.top_bana li {
	float: left;
	width: 220px;
	margin-right: 23px;
	list-style: none;
	border-bottom: 3px solid #f4f4f4;
}

.top_bana .top_bana04 {
	margin-right: 0;
}

.top_bana .top_bana04 span {
	display:block;
}

/*----------------------------------------
	fbana_block
----------------------------------------*/

.fbana_block {
	float: right;
	width: 342px;

}

.fbana_block ul {
	clear: both;
	margin: 0 auto;
}

.fbana_block ul li {
	float: left;
	margin-bottom: 14px;
	list-style: none;
}

.fbana_b_block {
	float: right;
	width: 342px;

}

.fbana_b_block ul {
	clear: both;
	margin: 0 auto;
	background-color:#eeeeee;
	padding:18px 0 5px 18px;
	text-align:center;
}

.fbana_b_block ul li {
	list-style: none;
	text-align:center;
}