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


/* slide
-------------------------*/
div#mainSlide{
	width:100%;
	height:400px;
	background:#FFF;
	position:relative;
}
.loader{
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	z-index:9999;
	width:100%;
	text-align:center;
}

div#slideCont{
	width:100%;
	height:400px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	display:none;
}

div#slideCont div#btnWrap{
	position:absolute;
	top:0;
	left:50%;
	width:970px;
	margin-left:-485px;
	z-index:100;
}

div#slideCont .officialBtn{
	position:absolute;
	width:132px;
	height:25px;
	top:290px;
	left:93px;
	cursor:pointer;
}

div#slideCont li{
	width:100%;
	text-align:center;
	background:#fff;
}

div#thumbNail p,
div#thumbNail ul,
div#thumbNail li,
div#slideCont ul,
div#slideCont li,
div#thumbNail img{
	list-style:none;
	margin:0;
	padding:0;
	border:0;
}

div#slideCont ul{
	position:relative;
}

div#slideCont li{
	position:absolute;
	top:0;
	left:0;
}

div#thumbNail{
	width:960px;
	margin:0 auto;
	position:relative;
}

div#thumbNail .btnPrev{
	position:absolute;
	left:0;
	top:50px;
	z-index:100;
	cursor:pointer;
}
div#thumbNail .btnNext{
	position:absolute;
	right:0;
	top:50px;
	z-index:101;
	cursor:pointer;
}


div#thumbNail div#thumbList{
	width:877px;
	height:137px;
	margin:0 auto;
	overflow:hidden;
}

div#thumbNail ul{
	width:9999px;
	margin:0 auto;
}

div#thumbNail li{
	float:left;
	margin-right:11px;
	height:137px;
	cursor:pointer;
}

div#thumbNail li.lastIndex{
	margin-right:0;
}



/*　ticker
------------------------------*/

/*ティッカー背景色*/
.ticker-wrapper.has-js,
.ticker,
.ticker-title,
.ticker-content,
.ticker-swipe,
.ticker-swipe span{
	background-color: #333;
}

/*ティッカーテキスト色*/
.ticker-title ,
.ticker-content,
.ticker-content a {
	color: #FFF;
	text-decoration: none;
}

/*ティッカーテキスト・マウスオーバー色*/
.ticker-content a:hover{
	color: #ffc;
	text-decoration: underline;	
}


.ticker-wrapper.has-js {
	margin: 15px 0px 10px;
	padding: 0px 20px;
	width: 925px;
	height: 30px;
	display: block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size: 0.75em;
}
.ticker {
	width: 925px;
	height: 23px;
	display: block;
	position: relative;
	overflow: hidden;
}
.ticker-title {
	padding-top: 9px;
	text-transform: uppercase;
	display:none;
}
.ticker-content {
	margin: 0px;
	padding-top: 9px;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
.ticker-content:focus {
	none;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	display: block;
	width: 800px;
	height: 23px; 
}
.ticker-swipe span {
	margin-left: 1px;
	border-bottom: 1px solid #FFF;
	height: 12px;
	width: 7px;
	display: block;
}

.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}




/* サブメニュー　ホバー
-------------------------*/

.includeLink,
.includeHash{
	height:40px;
	line-height:40px;
	text-align:left;
	background:#fff;
	cursor:pointer;
}

.includeLink.selected,
.includeHash.selected{
	cursor:auto;
}

.includeLink.selected,
.includeLink.hover,
.includeHash.selected,
.includeHash.hover{
	background:#006838;
}

.includeLink.selected,
.includeLink.hover a,
.includeHash.selected,
.includeHash.hover a{
	color:#fff;
}

.includeLink.hover a:hover,
.includeHash.hover a:hover{
	text-decoration:none;
}