@charset "utf-8";

/* slide
=============================================== */
#slide{
}
/*--ボタン設定--*/
#fadenav{
	background:url("../img/gNav.jpg") 0 0 no-repeat;
	width:100%;
	height:55px;
	margin-bottom:5px;
}
#fadenav li{
	width: 180px;
	height: 55px;
	float:left;
}
#fadenav li a{
	display: block;
	width: 180px;
	height: 55px;
	text-indent:-9999px;
}
#fadenav #slideBtn01:hover,
#fadenav .activeSlide #slideBtn01 a{
	background:url("../img/gNav.jpg") 0 bottom no-repeat;
}
#fadenav #slideBtn02:hover,
#fadenav .activeSlide #slideBtn02 a{
	background:url("../img/gNav.jpg") -180px bottom no-repeat;
}
#fadenav #slideBtn03:hover,
#fadenav .activeSlide #slideBtn03 a{
	background:url("../img/gNav.jpg") -360px bottom no-repeat;
}
#fadenav #slideBtn04:hover,
#fadenav .activeSlide #slideBtn04 a{
	background:url("../img/gNav.jpg") -540px bottom no-repeat;
}
#fadenav #slideBtn00{
	display:none;
	width:0;
	height:0;
}
/* メインイメージ================================ */
#faderCol{
	margin-bottom:10px;
}
#faderCol .slide_inc{
	display:none;
}
#faderCol #opImg{
	display:inline;
}
/* 画像切り替え用================================ */


/* メインボタン
===============================================*/
#mainBtn{
	width: 100%;
	height: 211px;
	background: url(../img/img_before/mainBtnnew.jpg) 0 0 no-repeat;
	position: relative;
	margin-bottom: 20px;
}
#mainBtn h2{
	position: absolute;
	top:6px;
}
#mainBtn h2 a{
	display:block;
	width: 233px;
	height: 200px;
	text-indent:-9999px;
}
#mainBtn h2 a:hover{
}
#mainBtn h2#mainBtn01{
	left:5px;
}
#mainBtn h2#mainBtn02{
	left:244px;
}
#mainBtn h2#mainBtn03{
	right:5px;
}
	#mainBtn h2 span.hover{
	position: absolute;
	display: block;
	top:0px;
	left: 0;
	width: 233px;
	height: 200px;
	}
	#mainBtn h2#mainBtn01 span.hover{
	background: url(../img/img_before/mainBtnnew.jpg) -5px -217px no-repeat #ccc;
	}
	#mainBtn h2#mainBtn02 span.hover{
	background: url(../img/img_before/mainBtnnew.jpg) -244px -217px no-repeat;
	}
	#mainBtn h2#mainBtn03 span.hover{
	background: url(../img/img_before/mainBtnnew.jpg) -482px -217px no-repeat;
	}

/* サブボタン
===============================================*/
#subBtn{
	border: 1px solid #efe5de;
	background: #fef5dd;
	font-size:11px;
	color:#939D25;
	margin-bottom: 20px;
}
#subBtn div{
	padding:14px 0px;
}
#subBtn div ul{
	width: 100%;
	text-align:left;
}
#subBtn div li{
	width: 238px;
	float: left;
	background: url("../img/dotted_y01.gif") right 0 repeat-y;
}
#subBtn div li a{
	display:block;
	width: 206px;
	margin-left: 16px;
}
#subBtn div li.last{
	width: 206px;
	background: none;
}
#subBtn div li a span{
	display:block;
	padding-top: 0.6em;
}
#subBtn a{
	color:#939D25;
}
#subBtn a:hover{
	text-decoration: none;
}
#subBtn a:hover span{
	text-decoration: underline;
}
/* TOPICS
===============================================*/
#topicsBox{
	padding: 15px 10px 15px 20px;
	border: 1px solid #ccc;
}
#topicsBox div{
	height:544px;
	overflow-y:scroll;
}
#LTIE8 #topicsBox div{
	height:564px;
}
#topicsBox div li strong{
	font-weight: bold;
	color:#9ea73a;
	display: block;
}
#topicsBox div li strong img{
	margin-left:6px;
	vertical-align:middle;
}
#topicsBox div li{
	padding-bottom: 8px;
	margin-right:15px;
	/*background: url("../img/dotted_x01.gif") 0 bottom repeat-x;*/
	border-bottom:1px dotted #ccc;
	margin-bottom: 8px;
	line-height: 1.4;
}
#topicsBox div li.new {
	background:url(../img/newIcon.jpg) top left no-repeat;
}

#topicsBox div li.last{
	padding-bottom: 0px;
	background: none;
	margin-bottom: 0px;
}
/* TOPICS変更分
===============================================*/
#topicsBox div dl dt{
	font-weight: bold;
	color:#9ea73a;
	display: block;
}
#topicsBox div dl dd.new {
	background:url(../img/newIcon.jpg) top left no-repeat;
	text-indent:30px;
}
#topicsBox div dl dd{
	padding-bottom: 8px;
	margin-right:15px;
	/*background: url("../img/dotted_x01.gif") 0 bottom repeat-x;*/
	border-bottom:1px dotted #ccc;
	margin-bottom: 8px;
	line-height: 1.4;
}
#topicsBox div dl dd.last{
	padding-bottom: 0px;
	background: none;
	margin-bottom: 0px;
}






/* お知らせ
===============================================*/
#whatsnew{
	background: url("../../img_before/ticker_bg.jpg") 0 0 no-repeat;
	width:720px;
	height:34px;
	position: relative;
	margin-bottom:12px;
	margin-top:2px;
	font-size:11px;
}
.tickercontainer { /* the outer div with the black border */
	width: 632px;
	margin: 0;
	padding: 0;
	position: absolute;
	top:5px;
	left:82px;
	overflow:hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0px;
	top: 0px;
	width: 632px;
	height:24px;
	background: url("../../img_before/ticker_w_bg.jpg") 0 0 no-repeat;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 500px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top :3px;
}

ul.newsticker li {
	margin: 0;
	padding: 0;
	display:inline;
	white-space:nowrap;
}


ul.newsticker span {
	margin: 0 40px 0 0;
}


ul.newsticker li strong{
	font-weight: bold;
	color:#9ea73a;
	margin-right:4px;
}


ul.newsticker li strong img{
	margin-left:4px;
	vertical-align:middle;
	margin-top:-2px;
}
#LTIE8 ul.newsticker li strong img{/*--for IE6&7--*/
}