﻿#head {background-color:#000; height: 85px;	width: 100%;	position: relative;	border-bottom: 1px  solid  #fff;}
#head_name {width: 1000px; height:85px; margin: 0 auto;}
.head_sty{background-image: url(../img/head_sty.png);	background-repeat: no-repeat; background-position: right bottom;}
.head_cha{background-image: url(../img/head_cha.png);	background-repeat: no-repeat; background-position: right bottom;}
.head_sys{background-image: url(../img/head_sys.png);	background-repeat: no-repeat; background-position: right bottom;}
.head_eve{background-image: url(../img/head_eve.png);	background-repeat: no-repeat; background-position: right bottom;}
.head_dow{background-image: url(../img/head_dow.png);	background-repeat: no-repeat; background-position: right bottom;}
.head_spe{background-image: url(../img/head_spe.png);	background-repeat: no-repeat; background-position: right bottom;}
#head_rogo {width: 200px;  margin: 0 0 0 15px; padding-top:9px;}

html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
}

body {
	overflow-x:hidden;
	margin: 0px;
	padding:0px;
	background-color: #010542;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}


a{ cursor: pointer;	text-decoration: none;	color: #e76093;}
a:hover{ color: #ffdbe1;}
a img {border: none;}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: 'alpha( opacity=80 )';
	background-color: #FFF;
}
.clear {clear: both; width: 50px;}

#main {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 1100px;
	height: auto !important;
	min-height:1100px;
	background-color: #0;
}
#foot {
	text-align: center;
	width: 1000px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	position: relative;
}

/*menu 設定*/
#menu {
	width: 1000px;
	position: relative;
	height: 70px;
}


#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu ul li {
	width: 125px;
	display: block;
	float: left;
}
#menu ul li a {
	width: 125px;
	display: block;
	float: left;
}


/*topページ 設定*/
#top {
	height: 949px;
	width: 673px;
	position: relative;
	float: left;
}

#top_right {
	float: right;
	height: 900px;
	height: auto !important;
	min-height:900px;
	width: 327px;
	position: relative;
}
#top_tpititle {
	height: 42px;
	width: 327px;
}
#top_tpibox {
	height: 240px;
	width: 307px;
	overflow: auto;
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
}
#top_tpibox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#top_tpibox ul li {
	display: block;
	margin-bottom: 7px;
}
#top_pictitle {
	height: 42px;
	width: 327px;
}
#top_picbox {
	width: 327px;
	position: relative;
	margin-bottom: 10px;
}

#top_picbox a img {
	margin-bottom: 0px;
}


/*main_styページ 設定*/
#sty_title {
	width: 1000px;
	position: relative;
}
#story {
	width: 1000px;
	position: relative;
}

/*main_chaページ 設定*/
#cha_title {
	width: 1000px;
	position: relative;
}
#character {
	width: 1000px;
	position: relative;
	padding-top: 10px;
}
#cha_menu {
	float: left;
	width: 158px;
}
#cha_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#cha_menu ul li {
	margin-bottom: 5px;
	display: block;
}
#cha_right {
	float: right;
	height: 818px;
	width: 842px;
	position: relative;
}
.cha01{background-image: url(../img/cha01.jpg);	background-repeat: no-repeat;}
.cha02{background-image: url(../img/cha02.jpg);	background-repeat: no-repeat;}
.cha03{background-image: url(../img/cha03.jpg);	background-repeat: no-repeat;}
.cha04{background-image: url(../img/cha04.jpg);	background-repeat: no-repeat;}
.cha05{background-image: url(../img/cha05.jpg);	background-repeat: no-repeat;}
.cha06{background-image: url(../img/cha06.jpg);	background-repeat: no-repeat;}
.cha07{background-image: url(../img/cha07.jpg);	background-repeat: no-repeat;}
.cha08{background-image: url(../img/cha08.jpg);	background-repeat: no-repeat;}
.cha09{background-image: url(../img/cha09.jpg);	background-repeat: no-repeat;}
.cha10{background-image: url(../img/cha10.jpg);	background-repeat: no-repeat;}

#cha_cossam {
	height: 64px;
	width: 600px;
	position: relative;
	top: 600px;
	left: 32px;
}
#cha_cossam ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#cha_cossam ul li {
	display: block;
	float: left;
}


#cha_cvsam {
	height: 52px;
	width: 440px;
	position: relative;
	top: 270px;
	left: 14px;
}
#cha_cvsam ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#cha_cvsam ul li {
	display: block;
	float: left;
}

#system {height: 100%; width: 1050px; position: relative; padding:0px }
#sys_menu {height: 90px;width: 1050px;margin: 0 0px 0px 0px;}
#sys_menu ul{margin: 0px;padding: 0px; list-style-type: none; overflow:hidden;}
#sys_menu ul li{height: 90px; idth: 100px; float: left; display:block; margin: 0px;}
#sys_menu ul li a {height: 90px; width: 140px; float: left; display:block; overflow:hidden;}

#sys01 {height: 1600px;	width: 1000px;	background-image: url(../img/sys01.jpg);	background-repeat: no-repeat; margin:0 0 0 0px;}
#sys02 {height: 1600px;	width: 1000px;	background-image: url(../img/sys02.jpg);	background-repeat: no-repeat; margin:0 0 0 0px;}
#sys03 {height: 568px;	width: 1000px;	background-image: url(../img/sys03.jpg);	background-repeat: no-repeat; margin:0 0 0 0px;}
#sys04 {height: 568px;	width: 1000px;	background-image: url(../img/sys04.jpg);	background-repeat: no-repeat; margin:0 0 0 0px;}
#sys05 {height: 568px;	width: 1000px;	background-image: url(../img/sys05.jpg);	background-repeat: no-repeat; margin:0 0 0 0px;}
#sys06 {height: 568px;	width: 1000px;	background-image: url(../img/sys06.jpg);	background-repeat: no-repeat; margin:0 0 0 0px;}
#sys07 {height: 568px;	width: 1000px;	background-image: url(../img/sys07.jpg);	background-repeat: no-repeat; margin:0 0 0 0px;}


/*main_eveページ 設定*/
#eve_title {
	width: 1000px;
	position: relative;
}
#event {
	width: 1000px;
	position: relative;
}
#eve_main {
	height: 750px;
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#eve_main ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#eve_main ul li {
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

/*main_sysページ 設定*/
#sys_title {
	width: 1000px;
	position: relative;
}
#system {
	width: 1000px;
	position: relative;
}
/*main_dowページ 設定*/
#dow_title {
	width: 1000px;
	position: relative;
}
#download {
	width: 1000px;
	position: relative;
}
#dow_title_sub {
	width: 1000px;
	position: relative;
	margin-top: 15px;
}
#dow_box {
	height: 600px;
	height: auto !important;
	min-height:400px;
	width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#dow_box_left {
	float: left;
	width: 1000px;
	position: relative;
}
#dow_box_insert {
	float: right;
	width: 640px;
	position: relative;
	margin-right: 160px;
	margin-top: -480px;
}
#dow_box_left2 {
	float: left;
	width: 1000px;
	position: relative;
}
#dow_box_insert2 {
	float: right;
	width: 640px;
	position: relative;
	margin-right: 160px;
	margin-top: -480px;
}
#dow_box_left3 {
	float: left;
	width: 1000px;
	position: relative;
}
#dow_box_insert3 {
	float: right;
	width: 640px;
	position: relative;
	margin-right: 160px;
	margin-top: -480px;
}
#dow_box_right {
	float: right;
	width: 260px;
	position: relative;
	margin-right: 20px;
	margin-top: 60px;
}
#dow_box_bottom {
	float: right;
	width: 640px;
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
}
#dlc_box {
	height: 800px;
	height: auto !important;
	min-height:550px;
	width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#pachi_box {
	height: 400px;
	height: auto !important;
	min-height:400px;
	width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/*main_speページ 設定*/
#spe_title {
	width: 1000px;
	position: relative;
}
#special {
	width: 1000px;
	position: relative;
}


/*main_proページ 設定*/
#pro_title {
	width: 1000px;
	position: relative;
}
#product {
	width: 1000px;
	position: relative;
}
#pro_main {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.pro_title {
	padding: 5px;
	width: 150px;
}
.pro_text {
	padding: 5px;
}