@charset "utf-8";

#back-top {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
}

#down_op {
	position:relative;
	width: 914px;
	height: 520px;
	margin: auto;
	background-image: url(../images/downloadl_OP.png);
}

#down_ed {
	position:relative;
	width: 914px;
	height: 520px;
	margin: auto;
	background-image: url(../images/downloadl_ED.png);
}

#down_game01 {
	position:relative;
	width: 914px;
	height: 520px;
	margin: auto;
	background-image: url(../images/downloadl_game01.png);
}

#down_movie01 {
	position:relative;
	width: 914px;
	height: 520px;
	margin: auto;
	background-image: url(../images/downloadl_movie01.png);
}

#down_op_txt {
	position:absolute;
	top:65px;
	left:70px;
	text-align: left;
	font-size: 14px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#down_op_txt p {
	margin:15px;
}

#down_op_txt strong {
	font-size: 15px;
	font-weight: bold;
	color: #000099;
}

#down_link1 {
	position: absolute;
	top: 320px;
	left: 350px;
}

#down_link2 {
	position: absolute;
	top: 370px;
	left: 350px;
}

#down1 {
	float: left;
	width: 275px;
	height: 15px;
}

#down2 {
	margin-top:15px;
	margin-left:280px;
}

#contents_txt {
	width:750px;
	margin:auto;
	text-align:left;
}

.opdownload a{
	display:block;
	width:120px;
	height:15px;
	background:url(../images/link_opdownload.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: auto;
}

.opdownload a:hover{
	background-position:left bottom;
}

/*----------------------------------------
	更新情報
----------------------------------------*/

#whatsnew {
	position:relative;
	width: 940px;
	height:156px;
	margin: 10px auto;
	background-image: url(../images/whatsnew.png);
	background-repeat: no-repeat;
	text-align: left;
}

#whatsnew ul {
	position:absolute;
	top:45px;
	left:20px;
	height: 100px;
	width: 900px;
	overflow:auto;
}

#whatsnew li {
	float: left;
	list-style:none;
	font-size: 100%;
	line-height: 20px;
}

.day {
	width: 140px;
}

.txt {
	width: 700px;
}

.clearLeft { 
	clear: left; 
}

table.chara_link{
	width:600px;
	margin: auto;
	border-collapse: collapse;
}


/*----------------------------------------
	早期予約キャンペーン用テーブル
----------------------------------------*/

table.souki{
	width:600px;
	margin: auto;
	border-collapse: collapse;
}

.souki td.t_line01 {
	width: 300px;
	border: #fff 1px dashed;
	background-color: #0066d0;
	vertical-align: top;
	text-align: left;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}

.souki td.t_line02 {
	width: 300px;
	border: #fff 1px dashed;
	background-color: #ccffff;
	vertical-align: top;
	text-align: left;
	padding: 5px;
	color: #36F;
}

.souki td.t_line03 {
	width: 300px;
	border: #fff 1px dashed;
	background-color: #99ccff;
	vertical-align: top;
	text-align: left;
	padding: 5px;
	color: #36F;
}

div#chara1
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara01.jpg);
	background-repeat: no-repeat;
}

div#chara2
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara02.jpg);
	background-repeat: no-repeat;
}

div#chara3
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara03.jpg);
	background-repeat: no-repeat;
}

div#chara4
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara04.jpg);
	background-repeat: no-repeat;
}

div#chara5
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara05.jpg);
	background-repeat: no-repeat;
}

div#chara6
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara06.jpg);
	background-repeat: no-repeat;
}

div#chara7
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara07.jpg);
	background-repeat: no-repeat;
}

div#chara8
{
	position: relative;
	width: 914px;
	height: 620px;
	text-align: center;
	margin: auto;
	background-image: url(../images/chara08.jpg);
	background-repeat: no-repeat;
}

/*div#play_voice5
{
	position: relative;
	width: 533px;
	height: 25px;
	background-image: url(../images/voice1.png);
	z-index: 0;
	top:540px;
	left:50px;
}*/

div#play_voice1,
div#play_voice2,
div#play_voice3,
div#play_voice4,
div#play_voice5,
div#play_voice6,
div#play_voice7,
div#play_voice8
{
	position: relative;
	width: 533px;
	height: 25px;
	background-image: url(../images/voice2.png);
	z-index: 0;
	top:540px;
	left:50px;
}



div#play_voice1 ul,
div#play_voice2 ul,
div#play_voice3 ul,
div#play_voice4 ul,
div#play_voice5 ul,
div#play_voice6 ul,
div#play_voice7 ul,
div#play_voice8 ul
{
	position:absolute;
	top:0px;
	left:108px;
}

div#play_voice1 ul li,
div#play_voice2 ul li,
div#play_voice3 ul li,
div#play_voice4 ul li,
div#play_voice5 ul li,
div#play_voice6 ul li,
div#play_voice7 ul li,
div#play_voice8 ul li
{
	list-style:none;
	float:left;
}

.voice01 a{
    display:block;
    width:96px;	height:25px;
    background-image:url(../images/voice2.png);
    background-position:-108px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
}

.voice01 a:hover{
    background-image:url(../images/voice2.png);
    background-position:-108px -25px;
}

.voice02 a{
	display: block;
	width: 96px;
	height: 25px;
	background-image: url(../images/voice2.png);
	background-position: -210px 0px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	margin-left: 6px;
}

.voice02 a:hover{
    background-image:url(../images/voice2.png);
    background-position:-210px -25px;
}

.voice03 a{
    display:block;
    width:96px;	height:25px;
    background-image:url(../images/voice2.png);
    background-position:-434px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
	margin-left: 128px;
}

.voice03 a:hover{
    background-image:url(../images/voice2.png);
    background-position:-434px -25px;
}