﻿html {height:100%;	margin-bottom:1px;	overflow-y:scroll;}
html,body {	height:100%; margin: 0px;	background-image: url(../img/bg.png);	background-repeat: round;	background-attachment:fixed;	background-position: center top;	color: #68747f;}
.none{ display: none;}
a{cursor: pointer;	text-decoration: none;	color: #ff128d;}
a:hover{color: #ffcad5;}
a img {border-style: none;}
}

a{
	cursor: pointer;
	text-decoration: none;
	color: #e50112;
}
a:hover{
	color: #ffcad5;
}

/* 本体*/
.scrollgeneric { line-height:1px;  font-size:1px; position:absolute; top:0; left:0;}
/* 縦スクロール範囲 */
.vscrollerbase { width:10px;} 
/* 縦スクロールバー */
.vscrollerbar {	width:10px;	background-color:#ffe4b9;}
/* 縦横スクロールバー */
.scrollerjogbox {width:10px; height:10px; top:auto;	left:auto;	bottom:0;	right:0;	background-color:#ffe4b9;}


/* 共通 */
#wrap {
	position: relative;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; 
	background-color:#FFF;
}

#header{
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 80px;
}

#contents{
	height:
	width: 1000px;
	padding-bottom: 70px;
	background-color: #FFF;
}

#footer {
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 1000px;
	text-align:center;
	background-color: #5fa6ef;
	padding: 10px 0 5px
}

#item {
	height: 80px;
	width: 1000px;
	text-align:center;
	background-color: #FFF;
}




/* トップ */
#top {
	background-image: url(../img/00_top.jpg);
	background-repeat: no-repeat;
	height: 875px;
	width: 1000px;
	margin: 0 auto;
}

#pick_up {
	height: ;
	width: 690px;
	position: relative;
	float: left;
}

#news_main {
	height: 500px;
	width: 390px;
	position: relative;
	float: left;
	margin-left: 10px;
	background:url(../img/00_top_news.jpg)no-repeat;
}
#news_box {
	height: 420px;
	width: 350px;
	position: relative;
	top:60px;
	left:20px;
	overflow: auto;
}
#maga {background-image: url(../img/twitter_head.jpg);	height: 290px;	width: 39px;	position: relative;}
#maga_news {
	height: 80px;
	width: 250px;
	float: left;
	position: relative;
	margin: 58px 0 0 15px;
	font-weight: bold;
	font-size:12px;
	overflow: auto;
}
#twitter {
	width: 290px;
	height: 500px;
	position: relative;
	float: left;
	margin-left:10px;
    background-image:url(../img/00_top_twitter.jpg);
/* 	border:2px;*/
/* 	border-style:solid;*/
/* 	border-color:#f6848c;*/

}
#tw_main {
	width: 250px;
	height: 420px;
	position: relative;
	padding:60px 20px 0 20px;
}




/*あらすじ*/
#story {
	background-image:url(../img/01_story.jpg);
	background-repeat: no-repeat;
	height: 1822px;	
	width: 1000px;
}





/*キャラクター*/


#character {width: 1000px;	height: 800px;	margin:0 auto;}
#chamenu {height: 700px;	width: 100px;	top:50px;left:20px;position:relative; 	float:left;}
#chamenu ul {margin: 0px;	padding: 0px;	list-style-type: none;}
#chavoice {height: 40px;	width: 400px;	position: relative;	left:160px;	top: 600px;}
#chavoice ul {margin: 0px;	padding: 0px;	list-style-type: none;}
#chavoice ul li {margin-right:2px; float:left; display: block;}
#chadress {height: 50px;	width: 85px;	position: relative;	left:160px;	top:0px;}
#chadress ul {margin: 0px;	padding: 0px;	list-style-type: none;}
#chadress ul li {margin-right:2px; float:left;}
#cha_sabun {position: relative;	width: 350px;	left: 20px;	top: 800px;}
#cha_main {height: 1274px;	width: 1000px;	position: relative;}
.chara00{background: url(../img/02_chara00.jpg) no-repeat;}
.chara01{background: url(../img/02_chara01.jpg) no-repeat;}
.chara02{background: url(../img/02_chara02.jpg) no-repeat;}
.chara03{background: url(../img/02_chara03.jpg) no-repeat;}
.chara04{background: url(../img/02_chara04.jpg) no-repeat;}
.chara05{background: url(../img/02_chara05.jpg) no-repeat;}
.chara06{background: url(../img/02_chara06.jpg) no-repeat;}
.chara07{background: url(../img/02_chara07.jpg) no-repeat;}
.chara08{background: url(../img/02_chara08.jpg) no-repeat;}



/*ギャラリー*/
#gallery {background-image: url(../img/gallery-bg.jpg);	background-repeat: no-repeat;height: 909px;	width: 1000px; padding-top:30px;}
#event {
	height: 400px;
	width: 970px;
	margin: 30px auto;
}
#event ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#event ul li{
	height: 154px;
	float: left;
	display:block;
	margin: 3px;
}






/* 原作 */
#original{
	width: 1000px;
	padding: 0;
	margin: 0;
}
#original table{
	width: 1000px;
}
#original th{
	padding: 10px 0 10px;
	font-size: 24px;
}

#novel_01 a{
	width: 240px;
	height: 339px;
	background: url(../img/04_novel_01.jpg) no-repeat;
	display: block;
}
#novel_01 a:hover{
	background-position: 0 -339px;
}
#novel_02 a{
	width: 240px;
	height: 339px;
	background: url(../img/04_novel_02.jpg) no-repeat;
	display: block;
}
#novel_02 a:hover{
	background-position: 0 -339px;
}
#novel_03 a{
	width: 240px;
	height: 339px;
	background: url(../img/04_novel_03.jpg) no-repeat;
	display: block;
}
#novel_03 a:hover{
	background-position: 0 -339px;
}
#novel_04 a{
	width: 240px;
	height: 339px;
	background: url(../img/04_novel_04.jpg) no-repeat;
	display: block;
}
#novel_04 a:hover{
	background-position: 0 -339px;
}
#novel_05 a{
	width: 240px;
	height: 339px;
	background: url(../img/04_novel_05.jpg) no-repeat;
	display: block;
}
#novel_05 a:hover{
	background-position: 0 -339px;
}
#novel_06 a{
	width: 240px;
	height: 339px;
	background: url(../img/04_novel_06.jpg) no-repeat;
	display: block;
}
#novel_06 a:hover{
	background-position: 0 -339px;
}
#novel_07 a{
	width: 240px;
	height: 339px;
	background: url(../img/04_novel_07.jpg) no-repeat;
	display: block;
}
#novel_07 a:hover{
	background-position: 0 -339px;
}

#manga_01 a{
	width: 240px;
	height: 341px;
	background: url(../img/04_manga_01.jpg) no-repeat;
	display: block;
}
#manga_01 a:hover{
	background-position: 0 -341px;
}
#manga_02 a{
	width: 240px;
	height: 341px;
	background: url(../img/04_manga_02.jpg) no-repeat;
	display: block;
}
#manga_02 a:hover{
	background-position: 0 -341px;
}
#manga_03 a{
	width: 240px;
	height: 341px;
	background: url(../img/04_manga_03.jpg) no-repeat;
	display: block;
}
#manga_03 a:hover{
	background-position: 0 -341px;
}





/*広報部*/
#info{
	height: 580px;
	width: 1000px;
}

/*サブキャラ*/
#sub{
	height:1414px;
	width: 1000px;
}



/*製品情報*/
#spec {
	background:url(../img/05_spec_bg.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	color:#000;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
}
#spec table{
	margin-top: 30px; 
	border-color: #000;
	background-color: rgba(255,255,255,0.8);	
}
#spec table th{

	width: 100px;
}
#spec table td{
	text-align: left;
	width: 560px;
	padding: 5px 0 5px 0;
	margin-left: 0px;
}