@charset "utf-8";
/* CSS Document */
a.opa{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a.opa:hover img{
	opacity: 0.8;
}
div#container div#leftbox{
	padding: 0;
}

div#container div#inner div#main{
	width: 800px;
	font-family: "メイリオ", Meiryo, Osaka;
	font-size: 108%;
}

/* margin */
.mgb-20 { margin-bottom:20px; }

/* l-navi */
	div#main ul.l-navi{
		margin: 0;
		padding: 0 0 20px 0;
		width: 800px;
		height: 49px;
	}

	div#main ul.l-navi li{
		float: left;
		list-style: none;
		overflow: hidden;
	}

/* header */
	div#main div#header{
		width: 800px;  height: 133px;
		margin: 0 0 20px;
		padding: 0;
		overflow: hidden;
	}

		div#header h1{
			float: left;
			width: 400px; height: 133px;
			background: url(../images/logo.gif);
			text-indent: -9000px;
			overflow: hidden;
			margin-right: 25px;
		}

		div#header a{
			display: block;
			margin-top: 10px;
			width: 180px; height: 116px;
			float: left;
		}

		div#header a.left{
			margin-right: 15px;
		}

		div#header a.right{
			float: right;
		}


/* top-img */
	div#main div.top-img{
		margin-bottom: 20px;
		position: relative;
		width: 800px; height: 574px;
		overflow: hidden;
		/* border-radius */
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 1px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 1px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 1px;
	}

	div#main div.top-img a.more-btn{
		position: absolute;
		top: 262px;
		left: 604px;
	}

	div#main div.top-img #top-main {
		position: absolute;
		top: 0; left: 0;
	}

	div#main div.top-img #top_link {
		position: absolute;
		top: 425px;
		left: 21px;
	}

/* top-img-bnr */
	div#bomb-bnr {
		position:absolute;
		bottom:15px;	right:15px;
	}
	div#top-main-bnr {
		position:absolute;
		bottom:45px;	left:0;
	}


	dl.top-pv{
		display: block;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	dl.top-pv dd{
		margin: 0;
	}


/* slideshow（スライド） */

/* slider layout */
.lof-slidecontent { position:relative; overflow:hidden;}
.lof-slidecontent .preload{	height:100%; width:100%; position:absolute; top:0; left:0;	z-index:100000;	text-align:center;	background:#111;}
/*.lof-slidecontent .preload div{	height:100%; width:100%; background:transparent url(../img/top/preload.gif) no-repeat scroll 50% 50%;}*/
.lof-slidecontent .sliders-wrapper{ position:relative; height:100%; /*width:900px; z-index:3px;*/ overflow:hidden; }
.lof-slidecontent ul.sliders-wrap-inner{overflow:hidden; background:transparent url(../images/load_indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute;}
.lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden; padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent .lof-opacity { width:100%; height:100%; }
.lof-slidecontent .lof-opacity  li{position:absolute!important; top:0; left:0; float:inherit!important;}

.lof-slidecontent .navigator-content {
	position:absolute;
	right:0;
	top:0;
	z-index:9;
	height:275px;
	width:254px;
	overflow:hidden;
}
.lof-slidecontent .navigator-wrapper{
	position:relative;
	z-index:10;
	height:255px;
	width:254px;
	overflow:hidden;
	float:left;
}
.lof-slidecontent ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer;	list-style:none; padding:0; margin-left:0; overflow:hidden; float:left; display:block; text-align:center;}

/*******************************************************/

/* item slider */
ul.sliders-wrap-inner li img{ padding:0; }

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner li > div{
	height:100%;
	position:relative;
	padding-left:10px;
}
.lof-slidecontent ul.navigator-wrap-inner li{
	opacity:0.75;
	-ms-filter: "alpha( opacity=75 )";
	filter: alpha( opacity=75 );
}
.lof-slidecontent ul.navigator-wrap-inner li:hover{
	opacity:1.0;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
}
.lof-slidecontent ul.navigator-wrap-inner li.active{
	opacity:1.0;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	background:url(../images/arrow-bg.png) no-repeat left center;
}

/* button-next */
.lof-slidecontent .button-next{
	display:block;
	cursor:pointer;
	position:absolute;
	width:244px;
	height:20px;
	z-index:40;
	bottom:0;
	right:0px;
	background:url(../images/slide_next.png) no-repeat right center;
	text-indent:-999px;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10～ */
}

/* box-link1 */
	div#main div#box-link1{
		width: 800px;
		padding: 0;
		margin-top:0;
		margin-bottom: 20px;
		overflow: hidden;
	}

	div#main div#box-link1 .left,
	div#main div#box-link1 .center,
	div#main div#box-link1 .right{
		width: 254px; height: 339px;
	}

	div#main div#box-link1 .left h2,
	div#main div#box-link1 .left .text,
	div#main div#box-link1 .center h2,
	div#main div#box-link1 .center .text,
	div#main div#box-link1 .right h2,
	div#main div#box-link1 .right .text{
		text-indent: -9000px;
		font-size: 0;
		overflow: hidden;
	}

	div#main div#box-link1 .left{
		float: left;
		margin: 0 20px 0 0;
		background:url(../images/bg_novel_box.gif) left top no-repeat;
	}

	div#main div#box-link1 .center{
		float: left;
		background:url(../images/bg_illust_box.gif) left top no-repeat;
	}

	div#main div#box-link1 .right{
		float: right;
		background:url(../images/bg_comic_box.gif) left top no-repeat;
	}

	div#main div#box-link1 .btn{
		margin: 278px auto 0 auto;
		width: 148px; height: 37px;
	}


/* box-link-19 */
	div#main div#box-link2{
		width: 800px; height:84px;
		margin: 0 0 20px;
		overflow: hidden;
	}

	div#main div#box-link2 .left{
		float: left;
		width: 390px; height: 84px;
	}

	div#main div#box-link2 .right{
		float: right;
		width: 390px; height: 84px;
	}

/* box-link-past */
	div#main div.box-link-past{
		width: 800px; height: 98px;
		padding-bottom: 20px;
		background: url(../images/link_past_bg.gif) no-repeat;
		position: relative;
	}

	div#main div.box-link-past a{
		display: block;
		width: 349px; height: 55px;
		position: absolute;
		top: 21px;
		left: 227px;
	}

/* top-news */
	div#main div#top-news{
		width: 800px;
		border: none;
		padding-bottom: 20px;
	}

		div#top-news h2{
			widht: 800px; height: 37px;
			background: url(../images/news.gif);
			text-indent: -9000px;
			overflow: hidden;
		}

	 	div#top-news div.news-border{
			width: 798px;
			border-left: #dcdcdc 1px solid;
			border-right: #dcdcdc 1px solid;
			background: url(../images/news_bg.gif) bottom no-repeat;
			font-size: 108%;
			background-color: #fff;
		}

		div#top-news div.news-box {
			width: 760px;
			padding: 20px;
		}

		div#top-news div.news-box div.news-text{
			border-bottom: #dcdcdc 1px dotted;
			padding-bottom: 5px;
			margin-bottom: 5px;
			overflow: hidden;
			zoom: 1;
		}

			div#top-news div.news-box div.news-text .news{
				display: block;
				overflow: hidden;
				margin-bottom: 5px;
			}

			div.news-box div.news-text p.date{
				float: left;
				padding-right: 10px;
			}

			div.news-box div.news-text p.content{
				float: right;
				width: 665px;
				color: #000;
			}

			div.news-box div.news-text p.content em.news-red{
				padding-left: 5px;
				color: #bf1616;
				font-weight: bold;
				font-style: normal;
			}

	div#main ul.top-banner{
		margin: 0;
		padding: 0 0 30px 0;
		width: 800px;
		overflow: hidden;
	}

	div#main ul.top-banner li{
		float: left;
		padding: 0 10px 10px 0;
		list-style: none;
	}

	div#main ul.top-banner li.top-end{
		padding: 0;
	}

	div#main ul.top-banner li a{
		display: block;
	}

	div#main ul.top-banner li a:hover{
		opacity: 0.8;
		-moz-opacity: 0.8;
		-webkit-opacity: 0.8;
	}