@charset "UTF-8";
/*文字の大きさ参考（13px基準）
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 124%    17px = 131%
 18px = 139%    19px = 147%    20px = 154%?   21px = 162%
 22px = 170%    23px = 177%    24px = 185%    25px = 193%
 26px = 200%    27px = 208%    28px = 216%    29px = 224%
 30px = 231%
*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,header,footer,aside,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure {margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
ul,ol,li {list-style: none;}
/*==================================================
common
==================================================*/
@font-face {
	font-family: 'ipaexm';
	src: local('IPAex明朝'), url('../ipaexm.woff') format('woff');
}
body {
	font-size: 93%;
	line-height: 175%;
	color: #333;
	letter-spacing: 0.05em;
	font-family: 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
	background: url(../img/bg_body.jpg);
	min-width: 960px;
}
/* ---------- link ---------- */
a {
	color: #00A3D9;
	text-decoration: none;
}
a:hover {
	color: #d0aa09;
	text-decoration: none;
}
#header .header,
#contents,
#footer .footer {
	width: 960px;
	margin: auto;
	overflow: hidden;
}
.section {
	position: relative;
}

#bg{
	z-index: -1;
	position:fixed;
}
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
}
.cnt_main {
	margin: 0 0 0 21px;
	width: 860px;
	padding: 10px 29px;
	background: url(../img/bg_box_mid.png) repeat-y 0 0;
}
.cnt_main h2 {
	text-align: center;
	margin: 0 auto 10px;
}
.cnt_main h3 {
	color: #F95564;
	font-size: 136%;
	font-weight: bold;
	margin: 0 20px 20px;
}
.cnt_main p {
	margin: 0 20px 20px;
}
hr {
	margin: 0 20px 20px;
	border: 1px dotted #FF597A;
}
.pagetop {
	text-align: center;
	margin: 0 auto 600px;
}
#pageTop{
	position: fixed;
	bottom: 150px;
	right: 20px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 76%;
	color: #FF5979;
	background: #fff;
	border: 3px solid #FF5979;

	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
#pageTop:hover {
	background: #FF5979;
	color: #fff;
}
/*==================================================
Header
==================================================*/
#header {
	padding: 10px 0 0;
	background: url(../img/bg_header.png) no-repeat 50% 0;
}
#header .header h1 {
	float: left;
}
#header .header ul {
	position: relative;
	float: right;
	padding: 0 0 80px;
}
#header .header ul li {
	float: left;
}
#header .header li ul {
	display: none;
	position: absolute;
	top: 35px;
}
#header .header li ul li {
	float: none;
	height: 39px;
}
#header .header ul li a {
	display: block;
	height: 55px;
	border-bottom: 0px;
}
#header .header ul li a.current {
	display: block;
	border-bottom: 5px solid #FF597B;
}

/* 追加 */
li.dlshop a,
li.online a {
	padding:0;
	height: 34px !important;
}

/* fixed
------------------------------------------------------------*/
#header .fixed {
	position: fixed;
	top: 0;
	width: 100% !important;
	z-index: 999;
	height: 80px;
	background: url(../img/bg_pheader.png) repeat-x 0 0;
}
#header .fixed .inner_head {
	position: relative;
	margin: 0 auto;
	width: 960px !important;
}
#header .fixed ul {
	width: 750px;
	margin: 8px 0 0;
}
#header .fixed h1 a img,
#header .fixed ul li.shop,
#header .fixed ul li.shop_nolink,
#header .fixed ul li.system_nolink,
#header .fixed ul li a {
	text-align: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	height: 33px;
}
#header .fixed .inner_head h1 a img {
	margin: 8px 0 0;
	width: 146px;
	height: 55px;
	background: url(../img/logo_pheader.png) no-repeat 0 0;
}
#header .fixed .inner_head li.about {
	width: 85px;
	background: url(../img/gnav_pheader_01.png) no-repeat 0 50%;
}
#header .fixed .inner_head li.character {
	width: 121px;
	background: url(../img/gnav_pheader_02.png) no-repeat 0 50%;
}
#header .fixed .inner_head li.cg {
	width: 59px;
	background: url(../img/gnav_pheader_03.png) no-repeat 0 50%;
}
#header .fixed ul li.system {
	width: 97px;
	background: url(../img/gnav_pheader_04.png) no-repeat 0 50%;
}

/* 追加 */
#header .fixed ul li.system_nolink {
	width: 97px;
	background: url(../img/gnav_pheader_04_on.png) no-repeat 0 50%;
}

#header .fixed ul li.download {
	width: 118px;
	background: url(../img/gnav_pheader_05.png) no-repeat 0 50%;
}
#header .fixed ul li.product {
	width: 104px;
	background: url(../img/gnav_pheader_06.png) no-repeat 0 50%;
}
#header .fixed ul li.event {
	width: 85px;
	background: url(../img/gnav_pheader_07.png) no-repeat 0 50%;
}
#header .fixed ul li.shop {
	width: 81px;
	background: url(../img/gnav_pheader_08.png) no-repeat 0 50%;
}
#header .fixed ul li.shop_nolink {
	width: 81px;
	background: url(../img/gnav_pheader_08_on.png) no-repeat 0 50%;
}
#header .fixed ul li.shop,
#header .fixed ul li.shop_nolink,
#header .fixed ul li.system_nolink,
#header .fixed ul li a {
	padding-top: 10px;
}
#header .fixed li ul {
	display: none;
	position: absolute;
	top: -8px;
}
#header .fixed ul li.shop ul li.online {
	width: 80px;
	height: 34px;
	background: url(../img/gnav_08_01.png) no-repeat 0 100%;
}
#header .fixed ul li.shop ul li.dlshop {
	width: 80px;
	height: 34px;
	background: url(../img/gnav_08_02.png) no-repeat 0 50%;
}

/* 追加 */
#header .fixed ul li.shop ul li.online a,
#header .fixed ul li.shop ul li.dlshop a {
	padding:0;
}

#header .fixed ul li a:hover {
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#header .fixed ul li.shop ul li.online a:hover,
#header .fixed ul li.shop ul li.dlshop a:hover {
	background: none !important;
}
/*==================================================
contents
==================================================*/
#contents h1 {
	text-align: center;
	padding: 50px 0 60px;
	background: url(../img/bg_box_tp.png) no-repeat 50% 100%;
}
#contents {
	padding: 0 0 80px;
}
#contents ul.local_navi {
	margin: 0 auto;
	padding: 12px 0 0 12px;
	height: 59px;
}
#contents ul.local_navi li {
	float: left;
	padding: 0 0 0 1px;
}
#contents .btn_update {
	width: 159px;
	margin: 0 auto;
	padding: 80px 0 25px 0;
}
#contents .tab {
	padding: 50px 0 0 0;
}
/*==================================================
footer
==================================================*/
#footer {
	min-height: 180px;
	background: url(../img/bg_footer.png) no-repeat 50% 0;
}
#footer .footer {
	position: relative;
	min-height: 180px;
	color: #fff;
	font-size: 76%;
	line-height: 120%;
}
#footer .footer h1 {
	position: absolute;
	top: 60px;
	right: 0;
}
#footer .footer p {
	position: absolute;
	bottom: 20px;
	border-top: 1px dotted #fff;
	padding: 15px 0 0;
}
#footer #copyright {
	position: absolute;
	top: 45px;
	right: 0;
}
/*==================================================
clearfix
==================================================*/
#header ul:after,
#contents:after,
#footer:after,
ul.local_navi:after,
.section:after,
.sec_event:after,
.sec_system:after,
.figure:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#header ul,
#contents,
#footer,
ul.local_navi,
.section,
.sec_event,
.sec_system,
.figure,
.clearfix {
	min-height: 1px;
	overflow:hidden;
}
* html #header ul,
* html #contents,
* html #footer,
* html ul.local_navi,
* html .section,
* html .sec_event,
* html .sec_system,
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*==================================================
Audio
==================================================*/
.audiojs {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	height: 29px;
	width: 75px;
}
.audiojs .play {
	background: none;
}
.audiojs .play-pause {
	display: block;
	height: 29px;
	width: 75px;
}

.escalayer_voice .audiojs {
	background: url(../img/btn_voice_escalayer.png) no-repeat 0 0;
}
.kouenji_voice .audiojs {
	background: url(../img/btn_voice_kouenji.png) no-repeat 0 0;
}
.male_voice .audiojs {
	background: url(../img/btn_voice_male.png) no-repeat 0 0;
}
.female_voice .audiojs {
	background: url(../img/btn_voice_female.png) no-repeat 0 0 !important;
}
.cd_voice .audiojs {
	background: url(../img/btn_voice_female.png) no-repeat 0 0 !important;
}
.enemy_voice .audiojs {
	background: url(../img/btn_voice_enemy.png) no-repeat 0 0;
}
p.wmv {
	position: absolute;
	right: 0px;
	font-size: 12px;
	display: block;
	z-index: 666 !important;
/*	width: 300px !important;*/
}
.inner_character .hiroin01 p.wmv { top: 460px; right: 120px;}
.inner_character .hiroin02 p.wmv { top: 1350px; left: 120px;}
.ally p.wmv { bottom: -35px; }
.enemy p.wmv { bottom: -15px; }
.kaijin p.wmv { top: 13px;}
.movie p.wmv { top: -29px; right: 10px;}