@charset "utf-8";

/*
content
====================================
1:	universal
2:	layout
3:	main contents
4:	footer

5:	each pages
 :	-gate age
 :	-sorry
 :	-landing
 :	-notice

====================================
*/


/*----------------------------------
	universal
----------------------------------*/

* {
	margin: 0;
	padding: 0
}

body {
	background-color: #000;
	color: #ccc;
	text-align: center;
	font-size: 76%;
}

html, body {
	scrollbar-base-color: #000;
	scrollbar-highlight-color: #333;
	scrollbar-arrow-color: #C0C0C0;
}


/*----------------------------------
	layout
----------------------------------*/
#Container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

/*----------------------------------
	main contents
----------------------------------*/

#Container h1 img.logo{
	margin: 32px auto 0 auto;
	display: block;
}

#Container p.AttentionLanguage {
	width: 190px;
	height: 26px;
	margin: 22px auto 0 auto;
	background: url(../images/txt_language.gif) no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

#Container .SelectLanguage {
	width: 290px;
	height: 30px;
	margin: 20px auto 0 auto;
}

#Container .SelectLanguage .En {
	width: 120px;
	height: 30px;	
	text-indent: -10000px;
	overflow: hidden;
	float: left;
}

#Container .SelectLanguage .Ja {
	width: 120px;
	height: 30px;	
	text-indent: -10000px;
	overflow: hidden;
	float: right;
}

#Container .SelectLanguage .En a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/btn_en.gif) no-repeat;
}

#Container .SelectLanguage .Ja a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/btn_ja.gif) no-repeat;
}

#Container p.AttentionVolume {
	clear: both;
	width: 362px;
	height: 22px;
	margin: 20px auto 0 auto;
	background: url(../images/attention_volume.gif) no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}


#Container p.AttentionFlash {
	width: 350px;
	height: 24px;
	margin: 18px auto 0 auto;
	background: url(../images/attention_flash.gif) no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

/*----------------------------------
	footer
----------------------------------*/
#Container .Footer ul {
	width: 610px;
	list-style-type: none;
	margin: 52px auto 0 auto;
	_margin-left: 0;	/* IE only */
	_margin-right: 0;
}

#Container .Footer ul li {
	display: inline;
}

#Container .Footer ul li img{
	vertical-align: top;
}


/*----------------------------------
	each page - gate age
----------------------------------*/

#Container p.AttentionBorthDate {
	width: 184px;
	height: 13px;
	margin: 50px auto 0 auto;
	background: url(../images/txt_agegate.gif) no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}

#Container form.InputAge {
	width: 200px;
	margin: 20px auto 0 auto;
}

#Container form.InputAge .month,
#Container form.InputAge .date,
#Container form.InputAge .year{
	border: 1px solid #666;
}

#Container form.InputAge .date,
#Container form.InputAge .year{
	margin-left: 5px;
}

#Container form.InputAge .btn {
	margin-top: 22px;
}


/*----------------------------------
	each page - sorry
----------------------------------*/

#Container p.AttentionSorry {
	width: 440px;
	height: 25px;
	margin: 50px auto 140px auto;
	background: url(../images/txt_sorry.gif) no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}


/*----------------------------------
	each page - landing
----------------------------------*/

#Landing{
	background-image: url(../images/landing_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#Landing #Container{
	text-align: left;
}

#Landing #Container h1 img.logo{
	display: none;	/* over write */
}

#Landing #Container .PSM{
	width: 259px;
	height: 28px;
	overflow: hidden;
	text-indent: -10000px;
	margin-top: 334px;
	margin-left: 63px;
	background: url(../images/txt_PSM.gif) no-repeat;
}

#Landing #Container .Enter {
	width: 180px;
	height: 30px;
	text-indent: -10000px;
	overflow: hidden;
	margin-top: 31px;
	margin-left: 101px;
}

#Landing #Container .Enter a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/btn_enter.gif) no-repeat;
}

#Landing #Container .Footer {
	margin-top: 76px;
	margin-left: 59px;
}

#Landing #Container .Footer ul{
	width: 300px;	/* over write */
	height: 237px;
	overflow: hidden;
	margin: 0;	/* over write */
}

#Landing #Container .Footer ul li{
	display: block;
	float: left;
	margin-bottom: 20px;
}

#Landing #Container .Copyright2{
	clear: both;
	width: 415px;
	height: 61px;
	text-align: left;
	text-indent: -10000px;
	background: url(../images/copyright2.gif) no-repeat;
	display: block;
	margin-top: 30px;
	margin-left: 59px;
}

/*----------------------------------
	each page - notice
----------------------------------*/

#Notice #Container {
	width: 800px;
}

#Notice #Container .Close {
	width: 100%;
	color: #ffffff;
}

#Notice #Container .Close a:link,
#Notice #Container .Close a:visited{
	width: inherit;
	padding: 10px 0;
	color: #999999;
	display: block;
}

#Notice #Container .Close a:hover,
#Notice #Container .Close a:active{
	color: #ffffff;
}