@charset "UTF-8";

/* ▼▼▼ トップ
=====================================*/
html {
	overflow-x: hidden;
	}
header {
	height: 50px;
	background: url(../img/top/bg_header.png) repeat-x left top;
	position: relative;
	z-index: 1000;
	}
#site_title {
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	margin: 0;
	z-index: 3000;
	}
#gnav {
    position: absolute;
	top: 165px;
	left: 0;
	float: none;
	margin: 0;
	}
	#gnav li {float: none;margin: 0;}
	
/* ▼ スライダー */
#mainVisual {
	width: 100%;
	height: 400px;
	background: url(../img/top/mainVisual_bg.png) repeat-x left bottom;
	padding-bottom: 4px;
	margin-bottom: 30px;
	position: relative;
	z-index: 100;
	overflow: hidden;
	}
#mainVisual .bx-wrapper{
	width: 100% !important;
	height: 400px !important;
	overflow: hidden;
	}
#mainVisual .bx-viewport {
	width: 980px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	}
#mainVisual .slider01 > div {
	width: 980px;
	background: #fff;
	padding-left: 0;
	}
#mainVisual div {
	width: 980px;
	padding-left: 0;
	}
	#bx-pager {
		width: 980px;
		margin: 0 auto 0;
		position: relative;
		z-index: 2000;
		}
		#bx-pager a {
			display: block;
			width: 250px;
			height: 82px;
			position: absolute;
			text-indent: -9999px;
			outline: none;
			cursor: pointer;
			}
		#bx-pager a.t00 {height: 122px;top: -484px;background: url(../img/top/logo.png?202310031230) no-repeat left top;}
		#bx-pager a.t00.active,
		#bx-pager a.t00:hover {top: -484px;background: url(../img/top/logo.png?202310031230) no-repeat left top;}
		#bx-pager a.t01 {top: -362px;background: url(../img/top/gnav01a.png) no-repeat left top;}
		#bx-pager a.t01.active,
		#bx-pager a.t01:hover {top: -362px;background: url(../img/top/gnav01a_over.png) no-repeat left top;}
		#bx-pager a.t02 {top: -280px;background: url(../img/top/gnav02.png) no-repeat left top;}
		#bx-pager a.t02.active,
		#bx-pager a.t02:hover {top: -280px;background: url(../img/top/gnav02_over.png) no-repeat left top;}
		#bx-pager a.t03 {top: -198px;background: url(../img/top/gnav03.png) no-repeat left top;}
		#bx-pager a.t03.active,
		#bx-pager a.t03:hover {top: -198px;background: url(../img/top/gnav03_over.png) no-repeat left top;}
		#bx-pager a.t04 {top: -116px;background: url(../img/top/gnav04.png?202308081518) no-repeat left top;}
		#bx-pager a.t04.active,
		#bx-pager a.t04:hover {top: -116px;background: url(../img/top/gnav04_over.png?202308081518) no-repeat left top;}	
		#bx-pager img {
			display: block;
			width: 250px;
			height: 82px;
			position: absolute;
			top: -116px;
		}
/* ▼ カルーセル */
#reco {
	height: 200px;
	margin-bottom: 40px;
	overflow: hidden;
	}
#reco .bx-wrapper{
	max-width: 1000px !important;
	margin: 0 auto !important;
	position: relative;
	}
#reco .bx-viewport {
	width: 1000px !important;
	margin: 0 auto !important;
	}
	#reco ul li {
		width: 230px;
		height: 180px;
		margin: 0 10px;
		}
	#reco ul li:hover {
		filter:alpha(opacity=60);
		-ms-filter: "alpha(opacity=(opacity=60))";
		-moz-opacity:0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;	
		}		
		#reco a.bx-prev,
		#reco a.bx-next {
			display: block;
			width: 25px;
			height: 38px;
			position: absolute;
			top: 71px;
			text-indent: -9999px;
			outline: none;
			}
			#reco a.bx-prev {
				background: url(../img/top/topics_arrow01.png) no-repeat left top;
				left: -25px;
				}
			#reco a.bx-next {
				background: url(../img/top/topics_arrow02.png) no-repeat left top;
				right: -25px;
				}
		#reco .bx-pager {
		    width: 100%;
		    height: 10px;
		    padding-top: 10px;
		    text-align: center;
		    z-index: 100;
			}
			#reco .bx-pager-item {
			    display: inline-block;
			    margin-right: 10px;
			    text-align: center;
			    outline: none;
			    text-indent: -9999px;
				}
			#reco .bx-pager-item:last-child {
			    margin-right: 0;
				}
				#reco .bx-pager-link {outline: none;}
			#reco .bx-pager-item a {
				display: block;
				width: 10px;
				height: 10px;
				background: url(../img/top/slider_page01.png) no-repeat;
				}
			#reco .bx-pager-item a.active {background: url(../img/top/slider_page02.png) no-repeat;}
#inner {
	width: 920px;
	background: #000;
	padding: 30px;
	margin-bottom: 40px;
	}
.link_inner{
	width: 980px;
    padding-bottom: 20px;
    margin: 0 auto;
    text-align: center;
    }
    .link_inner a{
	text-decoration: underline !important;
    }
.eventbanner {
	width: 980px;
	padding-bottom: 20px;
	margin: 0 auto;
	text-align: center;
}
.eventbanner img{
	width: 100%;
}
.eventbanner a:hover{
	opacity: 0.8;
}
    
.info_box_inner {width: 450px;height: 255px;background: #fff;margin-bottom: 10px;}
dl.info {
	background: #fff;
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px dotted #999;
	font-size: 12px;
	overflow: hidden;
	}
	dl.info dt {
		float: left;
		width: 105px;
		background: url(../img/top/news_arrow02.gif) no-repeat left 5px;
		padding: 0 0 0 15px;
		}
	dl.info dd {
		margin: 0 0 0 120px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		}
		dl.info dd a {text-decoration: underline;}
		dl.info dd a:hover {text-decoration: none;}
	.list {
		font-size: 12px;
		}
		.list a {
			background: url(../img/top/news_arrow01.gif) no-repeat left center;
			padding-left: 15px;
			color: #fff;
			}
	#home .notxt {padding: 21px;}

/* スクロールバー */
.jspContainer {overflow:hidden; position:relative;}
.jspPane {position:absolute;}
.jspVerticalBar {background:url(../img/top/jsp_bg.png) repeat-y left top;position:absolute; top:0; right:0; width:12px; height:100%;}
.jspTrack {position:relative;}
.jspDrag {background:url(../img/top/jsp_bar.png) no-repeat;position:relative; top:2px; left:2px; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float:left; height:100%;}

#loader {
    width: 80px;
    height: 80px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -40px; /* heightの半分のマイナス値 */
    margin-left: -40px; /* widthの半分のマイナス値 */
    z-index: 4000;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3000;
}

.message {
	width: 960px;
	margin: 0 auto 30px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	text-align: center;
	}