@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif
}

html{
	overflow-y:scroll;
	overflow-x:auto;
	width:100%;
	height:100%;
}

body {
	background:url(../img/bg.jpg) repeat-x center 36px #000;
	font-size:12px;
	color:#313131;
	line-height:1.6em;
	letter-spacing:0.05em;
	width:100%;
	height:100%;
	position:relative;
}

img {
	display:block;
	border:none;
}

a{
	outline:none;
	color:#d1c0a5;
	text-decoration:none;
}

a:hover{	color:#eb6100;	}

pre{
	display:inline;
}

#wrapper{
	width:100%px;
	min-width:960px;
	height:100%;
	margin:0 auto;
	background:url(../img/bgMain.jpg) repeat-y center top;
}

iframe{
	background:none;
}

/*----key visual----*/
#keyVisual{
	width:1620px;
	background:url(../img/keyVisual.jpg) no-repeat center top;
	margin:0 auto;
}
#keyVisualBlack{
	width:1620px;
	background:url(../img/keyVisualBlack.jpg) no-repeat center top;
	margin:0 auto;
}
#keyVisual02{
	width:1620px;
	height:848px;
	/*background:url(../img/titleLogo.png) no-repeat center top;*/
	margin:0 auto;
	position:relative;
}

#flashContent{
	width:960px;
	height:350px;
	position:absolute;
	left:102px;
	top:140px;
}
/*----key visual end----*/

.lblNew{
	width:39px;
	height:20px;
	background:url(../img/lblNew.png) no-repeat center top;
	position:absolute;
}

.lblNewL{
	width:158px;
	height:29px;
	background:url(../img/lblNew_top.png) no-repeat center top;
	position:absolute;
}

.lblNewL_b{
	width:158px;
	height:35px;
	background:url(../img/lblNew_top_b.png) no-repeat center top;
	position:absolute;
}

.lblUpdate{
	width:56px;
	height:22px;
	background:url(../img/lblUpdate.png) no-repeat center top;
	position:absolute;
}

.lblOpen0909{
	width:99px;
	height:16px;
	background:url(../img/lblOpen0909.png) no-repeat center top;
	position:absolute;
}

.arrow{margin:0; position:absolute; width:36px; height:31px; background:no-repeat left top; z-index:3;}
#arrow1{	position:absolute; left:106px; top:664px;	}
#arrow2{	position:absolute; left:345px; top:664px;	}
#arrow3{	position:absolute; left:640px; top:664px;	}
a#trailer{margin:0; position:absolute; top:660px; left:132px; display:block; width:130px; height:38px; background:url(../img/trailer.png) no-repeat left top; z-index:3}
a#trailer:hover{background-position:0 -38px;}
a#screenshot{margin:0; position:absolute; top:660px; left:370px; display:block; width:184px; height:38px; background:url(../img/screenshot.png) no-repeat left top; z-index:3}
a#screenshot:hover{background-position:0 -38px;}
a#wallpaper{margin:0; position:absolute; top:660px; left:665px; display:block; width:166px; height:42px; background:url(../img/wallpaper.png) no-repeat left top; z-index:3}
a#wallpaper:hover{background-position:0 -42px;}
#firstTrailer{	width:20px; height:20px; position:absolute; left:0; top:-9999px;	}

a#btnLinkTw, a#btnLinkFb{
	display:block;
	width:216px;
	height:37px;
	position:absolute;
}

a#btnLinkTw{
	background:url(../img/btnLinkTw.png) no-repeat center top;
	left:1095px;
	top:597px;
}

a#btnLinkFb{
	background:url(../img/btnLinkFb.png) no-repeat center top;
	left:1329px;
	top:597px;
}

a#btnLinkTw:hover, a#btnLinkFb:hover{
	background-position:0 -37px;
}

/*----更新履歴 start----*/
#rireki{
	position:absolute;
	left:56px;
	top:35px;
}

#rirekiClose{
	position:absolute;
	left:58px;
	top:35px;
}

#rirekiOpen{
	width:346px;
	background:url(../img/rireki_open.png) no-repeat center top;
	padding:45px 18px 0 18px;
	color:#d1c0a5;
	position:relative;
}
#rirekiBox{
	overflow-y:scroll;
	overflow-x:auto;
	height:160px;
}
#rirekiOpen a#btnClose{
	display:block;
	width:29px;
	height:29px;
	position:absolute;
	left:342px;
	top:6px;
}
#rirekiOpen p{
	line-height:1.2em;
	margin-bottom:5px;
}
#rirekiOpen p span {
	display:inline-block;
	width:100px;
}

#rirekiOpenBtm{
	width:378px;
	height:12px;
	background:url(../img/rireki_open_btm.png) no-repeat center top;
}
/*----更新履歴 end----*/


/*----footer start----*/
#footer{
	width:1620px;
	background:url(../img/bgFooterLoop.jpg) repeat-y center top;
	margin:0 auto;
	position:relative;
}

#footerArea{
	width:100%;
	min-width:960px;
	min-height:212px;
	background:url(../img/bgFooter.jpg) no-repeat center top;
	margin:0 auto;
	position:relative;
}

#footerArea ul{
	width:890px;
	margin:0 auto;
}

#footerArea ul li{
	float:left;
	margin:0 10px;
}

a#btnCapLink01{
	display:block;
	width:207px;
	height:29px;
	background:url(../img/btnCapLink01.png) no-repeat center top;
}

a#btnCapLink02{
	display:block;
	width:173px;
	height:29px;
	background:url(../img/btnCapLink02.png) no-repeat center top;
}

a#btnCapLink03{
	display:block;
	width:214px;
	height:29px;
	background:url(../img/btnCapLink03.png) no-repeat center top;
}

a#btnCapLink04{
	display:block;
	width:214px;
	height:29px;
	background:url(../img/btnCapLink04.png) no-repeat center top;
}

a#btnCapLink01:hover, a#btnCapLink02:hover, a#btnCapLink03:hover, a#btnCapLink04:hover{
	background-position:0 -29px;
}

#footerCopy{
	width:624px;
	height:99px;
	margin:0 auto;
}
/*----footer end----*/


.sep{
	width:100%;
	height:30px;
	background:url(../img/sep.png) no-repeat center center;
}


/*=============================================
loading
※あらかじめ display:none; しておくこと
==============================================*/
#loading{
	overflow:auto;
	height:100%;
	width:100%;
	padding:400px 0;
	display:none;
	background:#000;
	color:#fff;
}

#loading2{
	overflow:auto;
	height:100px;
	width:220px;
	padding:60px 0;
	position:absolute;
	top:400px;
	left:50%;
	margin-left:-110px;
	display:none;
	background:url(../img/loading.png) no-repeat center top;
	color:#fff;
}

.bold{	font-weight:bold;	}
.red{	color:#a40000;	}
.hide{ display:none;}
.clear{ clear:both;	}
.spc5{	height:5px;font-size:5px;line-height:5px;	}
.spc10{	height:10px;font-size:5px;line-height:5px;	}
.spc15{	height:15px;font-size:5px;line-height:5px;	}
.spc20{	height:20px;font-size:5px;line-height:5px;	}
.spc25{	height:25px;font-size:5px;line-height:5px;	}
.spc30{	height:30px;font-size:5px;line-height:5px;	}
.spc35{	height:35px;font-size:5px;line-height:5px;	}
.spc36{	height:36px;font-size:5px;line-height:5px;	}
.spc40{	height:40px;font-size:5px;line-height:5px;	}
.spc50{	height:50px;font-size:5px;line-height:5px;	}
.spc60{	height:60px;font-size:5px;line-height:5px;	}