/*font系*/
body {
	font-size: 12px;
	font-family:"メイリオ", "ＭＳ ゴシック", sans-serif; 
	color: #fff;
}
a:link, a:hover, a:active{
	color: #fff;
}
a:visited{
	color: #bbb;
}

.danger {
	color: #f00;
}
.pink {
	color: #f6c;
	font-weight:bold;
}

.green {
	color: #00ffc6;
	text-decoration: none;
}
.green a{
	color: #00ffc6;
}
.green a:hover{
	color: #00ffc6;
}


body{
	background: #000 url("../img/bg.jpg") top center no-repeat fixed;
	text-align:center;
	margin:0;
	padding:0px;
	width:100%;
}

div.header {
	background: #fafafa url("../img/header_bg.png") repeat-x top left;
	height:60px;
	text-align:center;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index:+1;
	border-bottom: 1px solid #999;
}
.header ul{
	list-style-type: none;
	padding:0;
	margin-top:12px;
}

.header li{
	display: inline;
	padding:
}

div.copyright{
	background-image: url("../img/black_50.png");
	color: #fff;
	font-size: 11px;
	border-top: 1px solid #777;
	margin-top: 20px;
}
#home div.copyright{
	background-image: url("../img/white_50.png");
	color: #000;
	font-size: 11px;
	border-top: 1px solid #aaa;
	margin-top: 0px;
}
div.copyright p{
	margin: 0;
	padding: 7px;
}

.back_top{
	width:950px;
	margin:0 auto;
	text-align: right;
}
#home .back_top{
	width:800px;
	margin:0 auto;
	text-align: center;
}




/******************************************************
home
*******************************************************/
body#home{
	background-color: #555;
	text-align:center;
	margin:0;
	padding:0px;
	width:100%;

}


#home div#header {
	background: url("../img/header_bg.png") repeat-x top left;
	height:60px;
	text-align:left;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	z-index:+1;
}

#home div#main {
	z-index:+10;
}

#home #main ul {
	text-align: left;
	color: #fff;
	position: absolute;
	top: 57px;
	left: 5px;
	z-index: +10;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height:100%;
}

#home #main li {
	margin: 0;
	padding: 0;
	line-height:100%;
	height: 45px;
}


img#main_chara {
	display: none;
}

img#pickup {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: +10;
}
img#pickup2 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: +10;
}

img#package {
	position: absolute;
	top: 325px;
	left: 0px;
	z-index: +9;
}
img#package2 {
	position: absolute;
	top: 415px;
	left: 0px;
	z-index: +9;
}

img#package2:hover {
    opacity: 0.7;
}

#home h1 {
	text-align: center;
	padding:0;
	margin:0;
}
#home h1 img {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -350px;
	z-index: +9;
}


div#update {
	background:#000  url("../img/black_50.png");
	padding: 4px;
	border-width:1px 0px;
	text-align: center;
	color: #ff8300;
}
div#update ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height:100%;
	color: #ff8300;
}

div#spec {
	background: #fafafa url("../img/footer_bg.jpg") repeat-x bottom left;
	height:52px;
	text-align: center;
	padding:7px;
}
#spec table {
	margin: 0 auto;
	border-collapse: collapse;
	background-color: #292929;
	color: #fff;
	width: 800px;
}
#spec td {
	border:1px solid #aaa;
	text-align:left;
	padding: 2px;
}


div#latest_news {
	color: #fff;
	width: 1000px;
	margin: 0 auto;
	padding:0;
}
#latest_news h2 {
	padding:0;
	margin:5px 0 10px 0;
}
#latest_news #latest_contents {
	margin: 0 auto;
	background-image: url("../img/black_50.png");
	width: 800px;
	padding:0 5px;
}

#latest_news dl {
	padding:0;
	text-align:left;
}

#latest_news dt {
	color: #19ffa9;
	font-size: 13px;
	height: 44px;
	padding-top: 17px;
	padding-left: 98px;
}
#latest_news dt.news {
	background: transparent url("../img/news_news.png") no-repeat 15px 10px;
}
#latest_news dt.movie {
	background: transparent url("../img/news_movie.png") no-repeat 15px 10px;
}
#latest_news dt.special {
	background: transparent url("../img/news_special.png") no-repeat 15px 10px;
}
#latest_news dt.trial {
	background: transparent url("../img/news_trial.png") no-repeat 15px 10px;
}


#latest_news dd {
	text-align: center;
	color: #fff;
	padding: 0px 0 20px 10px;
	margin: 0;
}
#latest_news dd img {
	margin: 4px 0px;
}
#latest_news p {
	padding: 0;
	padding-left: 88px;
	margin: -20px 0 10px 0;
	text-align: left;
}

div#spec2 {
	margin: 15px auto;
	background-image: url("../img/black_50.png");
	width: 800px;
	padding: 20px 0;
}
#spec2 table {
	margin: 0 auto;
	margin-bottom:20px;
	border-collapse: collapse;
	background-color: #292929;
	color: #fff;
	width: 750px;
}
#spec2 td {
	border:1px solid #aaa;
	text-align:left;
	padding: 2px;
}



div#footer {
	background-image: url("../img/black_50.png");
	padding: 0;
	border:solid #000;
	border-width:1px 0px;
	text-align: center;
}
#cg_pick img{
	margin-right: 1px;
}

#cg_pick {
	width:100%;
	height:65px;
	position: relative;
	margin:4px auto;
	padding:0;
	overflow:hidden;
}


/******************************************************
story
*******************************************************/
div#story_contents {
	background: transparent url("../img/story_h.png") right 42px no-repeat;
	margin: 0 auto;
	padding-top: 120px;
	text-align:center;
}

#menu {
position:absolute;
top: 0px;
left: 0px;
width: 140px;
}

#menu ul{
	list-style-type: none;
	padding:0;
	margin:0;
}
#menu li{
	text-align:left;
	background-color: #000;
	color: #00ffc6;
	border:1px solid #00aa88;
	margin:5px;
	padding:5px 5px 5px 10px;
	font-weight: bold;
}
#menu li a{
	color: #00ffc6;
	text-decoration: none;
}
#menu li a:hover{
	color: #fff;
}

div.story{
	position: relative;
	text-align:right; 
	width:950px;
	margin: 0 auto;
}

div#breakdown, div#qmic, div#amhm, div#etc{
	padding:10px 0;
}

/******************************************************
character
*******************************************************/
div#chara_contents {
	background: transparent url("../img/chara_h.png") right 42px no-repeat;
	margin: 0 auto;
	padding-top: 120px;
	text-align:center;
}

div.chara_cont{
	width:960px;
	position: relative;
	margin:2px auto;
	padding:0;
	text-align:center;
}

/******************************************************
gallery
*******************************************************/
div#gallery_contents {
	background: transparent url("../img/gallery_h.png") right 42px no-repeat;
	margin: 0 auto;
	padding-top: 80px;
	text-align:center;
}
.gallery{
	text-align:left; 
	width:960px;
	margin: 0 auto;
	margin-top:20px;
}
.gallery ul { list-style: none; padding:0; margin:0; }
.gallery ul li { display: inline; padding:0; margin:0;}
.gallery ul img { margin:4px; }

.gallery h2{
	font-size: 100%;
	text-align:left;
	background-color: #000;
	color: #00ffc6;
	border:1px solid #00aa88;
	margin:5px;
	padding:5px 10px 5px 10px;
	font-weight: bold;
}
/******************************************************
movie
*******************************************************/
div#movie_contents {
	background: transparent url("../img/movie_h.png") right 42px no-repeat;
	margin: 0 auto;
	padding-top: 80px;
	text-align:center;
}
#movie_contents .gallery{
	text-align:center; 
	width:1000px;
	margin: 0 auto;
	margin-top:20px;
}

.gallery h2{
	font-size: 100%;
	text-align:left;
	background-color: #000;
	color: #00ffc6;
	border:1px solid #00aa88;
	margin:5px;
	padding:5px 10px 5px 10px;
	font-weight: bold;
}

.gallery p {
	text-align:left;
	width: 700px;
	margin: 30px auto 15px auto;
}

.mirror table {
	margin: 0 auto;
	margin-bottom:20px;
	border-collapse: collapse;
	background-color: #777;
	color: #fff;
	width: 700px;
}

.mirror th {
	background-color: #000;
	font-weight: normal;
	border:1px solid #000;
	text-align:left;
	padding: 2px;
}
.mirror td {
	border:1px solid #000;
	text-align:left;
	padding: 2px;
}


/******************************************************
trial
*******************************************************/
div#trial_contents {
	background: transparent url("../img/trial_h.png") right 42px no-repeat;
	margin: 0 auto;
	padding-top: 80px;
	text-align:center;
}
#trial_contents .gallery{
	text-align:center; 
	width:960px;
	margin: 0 auto;
	margin-top:20px;
}
div#trial_contents li{
	display: block;
	width:960px;
}
div#trial_contents ul{
	text-align:left;
}

/******************************************************
special
*******************************************************/
div#special_contents {
	background: transparent url("../img/special_h.png") right 42px no-repeat;
	margin: 0 auto;
	padding-top: 100px;
	text-align:center;
}

#banner{
	text-align:center; 
	width:950px;
	margin: 0 auto;
	margin-top:100px;
}
#banner table {
	width: 950px;
	margin: 15px auto;
	border-width: 0px;
	text-align:center;
}
#banner th {
	text-align:center;
	background-color: #000;
	color: #00ffc6;
	border:1px solid #00aa88;
	padding:5px;
	font-weight: bold;
}
#banner table img { margin:5px; }

#banner table#l_banner div{
	background-color: #999;
	color: #000;
	border:1px solid #ccc;
	margin: 0 auto;
	width:600px;
	height:50px;
	overflow: auto;
	text-align:left;
}
#banner table#t_banner div{
	background-color: #999;
	color: #000;
	border:1px solid #ccc;
	margin: 0 auto;
	width:120px;
	height:150px;
	overflow: auto;
	text-align:left;
}
#banner table#y_banner div{
	background-color: #999;
	color: #000;
	border:1px solid #ccc;
	margin: 0 auto;
	width:600px;
	height:50px;
	overflow: auto;
	text-align:left;
}
#banner table#s_banner div{
	background-color: #999;
	color: #000;
	border:1px solid #ccc;
	margin: 0 auto;
	width:200px;
	height:50px;
	overflow: auto;
	text-align:left;
}


#wp{
	text-align:center; 
	width:950px;
	margin: 0 auto;
}
#wp table {
	width: 950px;
	margin: 15px auto;
	border-width: 0px;
	text-align:center;
}
#wp th {
	text-align:center;
	background-color: #000;
	color: #00ffc6;
	border:1px solid #00aa88;
	padding:5px;
	font-weight: bold;
}
#wp table img { margin:5px; }