@charset "UTF-8";

html,body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	width: 100%;
	height: 100%;
}

::selection {
    background:#000;
    color:#BFBFBF;
}
::-moz-selection {
    background:#000;
    color:#BFBFBF;
}

a{ color:#000; text-decoration: none; }

a:hover{ text-decoration: underline; }

.purple{ color: #A47CFF; }
.pink{ color: #FF74CD; }
.blue{ color: #3FB1FF; }
.green{ color: #42C26F; }

/* ------------------------------------------------
TOP 01 RAYOUT!!
------------------------------------------------ */

#top01Wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	min-width:1155px;
	min-height:650px;
	background: url(../img/top/top_bg.jpg) no-repeat top center;
	background-size:cover;
	overflow: hidden;
	}

#topImg{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width:1155px;
	min-height:650px;
	background: url(../img/top/top_lay_on.png) no-repeat top center;;
	background-size:cover;
	opacity: 0;
    filter: alpha(opacity=0); /* ie 6 7 */
    -ms-filter: "alpha(opacity=0)"; /* ie 8 */
	}

#topImg2{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width:1155px;
	min-height:650px;
	background: url(../img/top/top_lay.png) no-repeat top center;
	background-size:cover;
	}

#boot{
	position: absolute;
	top:100%;
	left:50%;
	margin:-330px 0 0 -141px;
	z-index: 100;
	}

#boot img {
    position: absolute;
    top:0;
    left:0;
}

.b_on{
    opacity: 0;
    filter: alpha(opacity=0); /* ie 6 7 */
    -ms-filter: "alpha(opacity=0)"; /* ie 8 */
}

.lightLiner{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 193px;
	background: url(../img/common/line01.png) repeat-x;
	}

.lightLiner2{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 359px;
	background: url(../img/common/line02.png) repeat-x;
	}

.lightLiner3{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 214px;
	background: url(../img/common/line03.png) repeat-x;
	}

.lightLiner4{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 310px;
	background: url(../img/common/line04.png) repeat-x;
	}

/* ------------------------------------------------
MAIN PAGE RAYOUT!!
------------------------------------------------ */

#wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	min-width:1155px;
	min-height:900px;
	/* JS側で制御 */
	/*background: url(../img/top/topmenu_bg.jpg) no-repeat;
	background-size:cover;
	background-position:top right;*/
	}

#container{
	clear:both;
	position: relative;
	margin:0 auto;
	width: 980px;
	height: 100%;
	}

/* ------------------------------------------------
GLOBAL NAVI
------------------------------------------------ */
#globalNavi{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -310px 0 0 -260px;
	width: 635px;
	height: 620px;
	}

.subBoot img{
	position: absolute;
	top: 0;
	left: 0;
}

.g_on{
	opacity: 0;
    filter: alpha(opacity=0); /* ie 6 7 */
    -ms-filter: "alpha(opacity=0)"; /* ie 8 */
}


#character{
	position: absolute;
	top: 25px;
	left: 120px;
	}

#world{
	position: absolute;
	top: 0;
	left: 315px;
	}

#terms{
	position: absolute;
	top: 160px;
	left: 410px;
	}

#novels{
	position: absolute;
	top: 355px;
	left: 280px;
	}

#comics{
	position: absolute;
	top: 368px;
	left: 66px;
	}

#pv{
	position: absolute;
	top: 198px;
	left: 0;
	}


/* ------------------------------------------------
PAGE OTHER
------------------------------------------------ */

#dateBlock{
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/top/date_bg.png) no-repeat;
	padding: 37px 0 0 0;
	width: 460px;
	height: 43px;
	background-position: 0 -7px;
}

.today{
	font-family: 'Michroma', sans-serif;
	font-size:18px;
	letter-spacing: 5px;
	}

.todayTtl{
	margin: 9px 0 0 7px;
	font-size:10px;
	}

.copyRight1{
	position: absolute;
	font-size: 10px;
	bottom: 20px;
	left: 20px;
	z-index: 10;
}

.copyRight2{
	position: absolute;
	font-size: 10px;
	bottom: 40px;
	left: 90px;
	z-index: 10;
}

#leftLogo{
	position: absolute;
	bottom: 30px;
	left: 25px;
	z-index: 1000;
	cursor: pointer;
}

#linkBlock{
	position: absolute;
	bottom: 80px;
	left: 90px;
	z-index: 10;
}



#mfbunkoj{
	position: absolute;
	top: 2px;
	left: 0;
}

#alive{
	position: absolute;
	top: 0;
	left: 88px;
}

#mf{
	position: absolute;
	top: 1px;
	left: 165px;
}

#linkBlock img:hover{
	opacity: 0.5;
    filter: alpha(opacity=50); /* ie 6 7 */
    -ms-filter: "alpha(opacity=50)"; /* ie 8 */
}

#linkBlock__side img:hover{
	opacity: 0.8;
	filter: alpha(opacity=50); /* ie 6 7 */
	-ms-filter: "alpha(opacity=50)"; /* ie 8 */
}



/* 下層ページでのロゴの振る舞い */
.appear{
	cursor: default !important;
}

#snsBlock{
	position: absolute;
	width: 80px;
	height: 100px;
	top: 45px;
	right: 35px;
	z-index: 100;
}

.twitter{
	position: absolute;
	top: 0px;
	left: 0px;
}

.facebook{
	position: absolute;
	top: 0px;
	left: 33px;
}

/* ------------------------------------------------
News Settings
------------------------------------------------ */

#newsBlock{
	position: absolute;
	top: 100px;
	left: 0;
	width: 220px;
	height: 310px;
    overflow: hidden;
	}

.newsTtl{
	font-size: 10px;
	background: url(../img/top/newsttl_bg.gif) no-repeat;
	background-position: 0 1px;
	padding: 0px 0 0 7px;
	}

.newsBody{
	margin:20px 0 0 0;
	width: 300px;
	}

.newsDate{
	font-family: 'Michroma', sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	}

.headLine{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 17px;
	line-height: 1.4;
	margin:6px 0 0 0;
	}

.gyotoHalf{
	/*margin:0 0 0 -0.5em;*/
}

.new{
	font-family: sans-serif;
	margin:0 0 0 0.7em;
	font-size: 10px;
}

.pink{color: #FF74CD;}
.blue{color: #3FE1FF;}
.yellow{color: #FFC000;}


.newsUI{
    position: absolute;
    bottom: 0;
    left:3px;
    width: 200px;
    height: 15px;
}

.newsNext{
    position: absolute;
    left:100px;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); /* ie 6 7 */
    -ms-filter: "alpha(opacity=50)"; /* ie 8 */
    z-index: 10;
}

.newsPrev{
    position: absolute;
    cursor: pointer;
    left:0;
    opacity: 0.5;
    filter: alpha(opacity=50); /* ie 6 7 */
    -ms-filter: "alpha(opacity=50)"; /* ie 8 */
    z-index: 10;
}

#newsIndex{
    font-family: 'Michroma', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    position: absolute;
    text-align: center;
    width: 110px;
}



/* ------------------------------------------------
Digital Window
------------------------------------------------ */

#windowL{
	position: absolute;
	top: 0;
	left:20px;
	width: 34px;
	height: 100%;
	z-index: 1000;
}

#windowR{
	position: absolute;
	top: 0;
	right:20px;
	width: 34px;
	height: 100%;
	z-index: 1000;
}

.lqd_line_l{
	width: 34px;
	position: absolute;
	top:35px;
	left:1px;
	border-left: 1px solid #000;
}

.lqd_line_r{
	width: 34px;
	position: absolute;
	top:35px;
	right:1px;
	border-right: 1px solid #000;
}

.w_center{
	position: absolute;
	top:50%;
	width: 15px;
	height: 200px;
}

.wc_l{
	left:-3px;
	margin:-100px 0 0 0;
	background: url(../img/top/w_center_l.png) no-repeat;
}

.wc_r{
	right:-3px;
	margin:-100px 0 0 0;
	background: url(../img/top/w_center_r.png) no-repeat;
}

.cornerlt{
	position: absolute;
	top: 20px;
	width: 34px;
	height: 39px;
	background: url(../img/top/corner_lt.png) no-repeat;
}
.cornerlb{
	position: absolute;
	bottom: 20px;
	width: 34px;
	height: 39px;
	background: url(../img/top/corner_lb.png) no-repeat;
}

.cornerrt{
	position: absolute;
	top: 20px;
	width: 34px;
	height: 39px;
	background: url(../img/top/corner_rt.png) no-repeat;
}
.cornerrb{
	position: absolute;
	bottom: 20px;
	width: 34px;
	height: 39px;
	background: url(../img/top/corner_rb.png) no-repeat;
}


/* ------------------------------------------------
Subpage General
------------------------------------------------ */

#subPage{
	position: absolute;
	top: 21px;
	left: 20px;
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	overflow: hidden;
	z-index: 500;
	}

#subpage_bg{
	width: 100%;
	height: 100%;
	opacity: 0.94;
    filter: alpha(opacity=94); /* ie 6 7 */
    -ms-filter: "alpha(opacity=94)"; /* ie 8 */
	/* background cover しているものをanimateさせると激重 */
	background: url(../img/common/subpage02.jpg) no-repeat;
	background-position:bottom center;
	background-color: #FFF;
}


.subpage_close{
	position: absolute;
	top: 35px;
	right: 35px;
	width: 47px;
	height: 62px;
	cursor: pointer;
	z-index: 2000;
	display: none;
}

.subpage_close img{
	position: absolute;
	top: 0;
	right: 0;
}

.c_on{
	opacity: 0;
    filter: alpha(opacity=0); /* ie 6 7 */
    -ms-filter: "alpha(opacity=0)"; /* ie 8 */
}


#loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.loader{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	z-index: 10;
}

/* ------------------------------------------------
Big Banner エリア
------------------------------------------------ */
.bigBanner {
	position:absolute;
	top: 425px;
	left: 0;
	z-index: 10;
}

.bigBanner a {
	position: absolute;
	top:0;
	left:0;
	display:block;
	transition: all 0.3s ease;
}

.bigBanner a:hover {
	opacity:0.7;
}

a.bigBanner__anime{
	width: 295px;
	height: 190px;
	left: -16px;
}

a.bigBanner__festa{
	top: 200px;
	border:1px solid #fff;
	width: 240px;
	height: 162px;
}