/* sub pages setting */
/* door(index.html) & faq & about & login/logout */

#door {	width:65%;	min-width:700px;	height:100%;	margin: 0 auto 0 10%;}
#top {	width:65%;	height:100%;	margin: 0 auto 0 10%;}

html>body #door { height:auto; min-height:100%; }
html>body #top { height:auto; min-height:100%; }

#conthead {	float:left;	width:100%;	height:100px;	margin:0 0 20px 0;	background-color: #371919;}
#doorhead {	float:left;	width:100%;	height:45px;	margin:0 0 20px 0;	background-color: #371919;}
#door #leftBlock {	float:left;	width:48%;	padding: 0 5px 5px 5px;	vertical-align:top;	text-align: left;}
#door #centerBlock {
	clear:both;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	vertical-align:top;
	text-align: center;
	border-top: 1px solid #CCC;
}
#door #rightBlock {
	float:right;
	width: auto;
	max-width:48%;
	padding: 0 5px 5px 10px;
	vertical-align:top;
	text-align: left;
	border-left:1px solid #CCC;
}
iframe#doorTeamEn, iframe#doorTeamJp { height:7em; max-height:320px; min-height:80px;	border: 1px solid #966; }
iframe#terms { border: 1px solid #966; }
#faqHead {	float:left;	width:100%;	height:45px;	margin:0 0 20px 0;	background-color: #371919;}
.logo {	position:relative;	float:left;	left:0px;	color:#999;}
#doorhead .logo h1, #faqHead .logo h1 {
	float:left;
	width:200px;
	height:45px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	text-indent:-9999px;
}
#doorhead .headR, #faqHead .headR {
	float: right;
	width: auto;
	height:45px;
	background-image: url(../img/spacer.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	text-indent:-9999px;
}

#conthead .headR {
	float: right;
	width: auto;
	height:100px;
	background-image: url(../img/spacer.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	text-indent:-9999px;
}

#whiteBase {	float:left;	color:#333;	background-color:#FFF;	width: auto;	margin: 0 auto;	padding: 10px;}
#whiteBase a {	color:#633;	text-decoration:none;}
#whiteBase a:hover {	color: #F60;	text-decoration:underline;}
#textAreaCenter {	text-align:center;}
.plainTxtJp {
	width:640px;
	height:480px;
	font-size:12px;
	line-height:1.6em;
	text-align: left;
	vertical-align:middle;
	margin:auto;
	padding:40px 20px;
}
.mbshipTxt {
	font-size:12px;
	line-height:1.6em;
	text-align: left;
	margin:5px;
	padding:5px;
}
#txtBase {	font:normal 12px/1.4em;	color:#FFF;	width: 100%;	height:100%;	margin: 35% auto auto 20px;}
.doorJp, .doorJp a {
	width:160px;
	height:60px;
	background-image: url(../img/btn/btn_door_jp.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	text-indent:-9999px;
}
.doorJp a:hover {
	background-image: url(../img/btn/btn_door_jp_f2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.doorEn, .doorEn a {
	width:160px;
	height:60px;
	background-image: url(../img/btn/btn_door_en.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	text-indent:-9999px;
}
.doorEn a:hover {
	background-image: url(../img/btn/btn_door_en_f2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#movPlayerBody {
	width:100%;
	text-align:center;
	background-image: url(../img/bg_img_cont.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
}
h2.movTitle { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#966; }
.moviePlayer-caption{
	font-size:12px;
	line-height:1.6em;
	text-align: center;
	margin:5px auto;
	padding:5px;
}
div#qq {	margin:0 0 20px 0;	padding:10px;	border: 1px solid #966;	font-weight:normal;}
div#qq strong {
	padding:5px;
	font-size:14px;
	font-weight:normal;
	display:block;
	border-left: 1px solid #966;
	border-bottom: 1px solid #966;
}
div#qq ul, div.aa div ul {}
div#qq ul li {
	margin:5px 20px;
	padding:0 0 0 14px;
	background-image: url(../img/arrow_lv1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}
div.aa {	padding:10px;	border: 1px solid #966;}
div.aa strong.title {	padding:5px;	color: #FCC;	font-size:14px;	font-weight:normal;	display:block;	border: 1px solid #966;}
div.aa div strong.subtitle {	background-color:#633;	font-size:14px;	color: #FEE;	padding:5px;	display:block;}
div.aa div ul li {
	margin:5px 20px;
	padding:0 0 0 15px;
	background-image: url(../img/arrow_lv1.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-size:12px;
	color: #EEF;
	list-style-type: none;
}
ul#answer li strong {	color: #F99;}
#joinCenter {	font-weight:bold;	text-align:center;	margin:0 auto;	padding:10px 0;}
#joinRight {	font-weight:bold;	text-align: right;	margin:0 0 0 auto;	padding:10px 0;}
.txt2257 {
	width:640px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align: justify;
	margin:0 auto;
	padding:30px 20px;
}

div#rankingBlock{ width:auto; color:#C99; background-color:#300; margin:10px 10px 0 0; padding:5px; border:1px solid #C99; }
div#rankingBlock .title { background-color:#633; color:#FFF; padding:2px; font-size:14px; font-weight:bold; text-align:center; display:block; }
div#rank1, div#rank2, div#rank3, div#rank4, div#rank5, div#rank6, div#rank7, div#rank8, div#rank9, div#rank10 { padding:3px; vertical-align:middle; }
div#rank1, div#rank2, div#rank3, div#rank4, div#rank5, div#rank6, div#rank7, div#rank8, div#rank9, div#rank10 {}
div#rankingBlock h4 { float:left; width:50px; text-indent:-9999px; }
div#rankingBlock .name { float:left; width:80px; margin:26px 10px auto 0; font-size:12px; font-weight:bold; }
div#rankingBlock img { padding:2px; border:1px solid #C99; }
div#rank1{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank1.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank2{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank2.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank3{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank3.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank1 .name, div#rank1 .name a { color: #FFC; font-size:20px; }
div#rank2 .name, div#rank3 .name, div#rank2 .name a, div#rank3 .name a { color: #FCC; font-size:16px; }
div#rank4 .name, div#rank5 .name, div#rank4 .name a, div#rank5 .name a { font-size:14px; }
div#rank4{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank4.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank5{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank5.gif);	background-repeat: no-repeat;	background-position: left center; }
/*div#rank5{	background-image: url(../img/icon/rank5.gif);	background-repeat: no-repeat;	background-position: left center; }*/
div#rank6{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank6.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank7{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank7.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank8{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank8.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank9{	border-bottom:1px dashed #C99; background-image: url(../img/icon/rank9.gif);	background-repeat: no-repeat;	background-position: left center; }
div#rank10{	background-image: url(../img/icon/rank10.gif);	background-repeat: no-repeat;	background-position: left center; }

#topScroll {	text-align: right;	margin:0 0 0 auto;	padding:5px 0; }
div#access {	display:none; }
#list ul { padding:10px 0 0 20px; }
.p12 ol { padding:0 0 0 20px; }