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

html,body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	color:#EEE;
	background-color:#220000;
	background-image: url(../img/bg_img200910.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	line-height: 1.6em;
}
/* page all */
*{ margin:0; padding:0;}
#wapper { width:100%; height:100%;}
/* contents all */
#all {	width:900px;	height:100%;	margin: 0 auto;	background-color: #633;}
/* contents height setting */
html>body #all { height:auto; min-height:100%;}


#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%; }


a {
color: #FCC;
text-decoration:none;
/*text-transform:uppercase;*/
overflow:hidden;
letter-spacing:1px;
outline-style:none;
}
a:hover { color: #C99; }
a:active { color: #FCF; }

img { border: 0 none; }

em { color:#C00; font-style:normal; }

strong.red{	font:bold 12px/normal;	color: #633;}

p { text-align:justify; }

hr { margin:8px 0;}

hr#dotBrown {
	clear:both;
	width:100%;
	margin:0 0 3px 0;
	border-bottom: 1px dotted #C99;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#faqHead {	float:left;	width:100%;	height:45px;	margin:0 0 20px 0;	background-color: #371919;}
.logo {	position:relative;	float:left;	left:0px;	color:#999;}

#faqHead .logo h1 {
	float:left;
	width:200px;
	height:45px;
	margin:0 auto 0 0;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	text-indent:-9999px;
}

h2.readRed {
	clear:both;
	width:auto;
	margin:10px 0;
	padding:3px 5px;
	font-size:18px;
	font-weight:bold;
	color: #FCC;
	border-bottom:1px solid #FCC;
	border-left:5px solid #F66;
	display:block;
}

#langRight { text-align:right; }

div#qq {	margin:0 0 20px 0;	padding:10px;	border: 1px solid #966;	font-weight:normal;}
div#qq ul, div.aa div ul {}
div#qq ul li {
	margin:5px 20px;
	padding:0 0 0 14px;
	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;
	font-size:12px;
	color: #EEF;
	list-style-type: none;
}
ul#answer li strong { font-weight:bold;	color:#9FF;}

#topOptions { width:100%; margin:0 0 5px 0; text-align:center; color: #F99; }
#btmOptions { width:100%; margin:5px 0 0 0; text-align:center; color: #F99; }
#topOptions a, #btmOptions a { text-decoration:none; color: #FCC; }
#topOptions a:hover, #btmOptions a:hover { color: #FCF; }

li { background-image:none; }

#acc, #acc2, #acc3 { width:100%; list-style:none; color:#F99; padding:0 10px 0 0; }
#acc h3, #acc2 h3, #acc3 h3 {
	width:auto;
	border:1px solid #966;
	padding:3px 5px;
	font-weight:bold;
	color:#FCC;
	margin-top:5px;
	cursor:pointer;
	background-image: url(../img/bg_side-head.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
#acc h3:hover, #acc2 h3:hover, #acc3 h3:hover {
	color:#F99;
	background-image: url(../img/bg_side-head_f2.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
#acc .acc-section, #acc2 .acc-section, #acc3 .acc-section { overflow:hidden;}
#acc .acc-content, #acc2 .acc-content, #acc3 .acc-content { width:auto; padding:5px; font-size:12px; color:#CFF; border:1px solid #966; border-top:none; }

#nested, #nested2, #nested3 { width:100%; list-style:none; color:#966; margin-bottom:15px}
#nested h3, #nested2 h3, #nested3 h3 {
	width:auto;
	padding:3px 5px;
	font-size:12px;
	font-weight:bold;
	color: #FCC;
	text-align:left;
	margin-top:5px;
	cursor:pointer;
	background-image: url(../img/bg_side-head_lv2.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border:1px solid #966;
	border-right: none;
	border-bottom: none;
}
#nested h3:hover, #nested2 h3:hover, #nested3 h3:hover {
	color: #FEE;
	background-image: url(../img/bg_side-head_f2.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
#nested .acc-section, #nested2 .acc-section, #nested3 .acc-section { overflow:hidden; }
#nested .acc-content, #nested2 .acc-content, #nested3 .acc-content { width:auto; padding:5px; color:#CFF; border:none; }
#nested .acc-selected, #nested2 .acc-selected, #nested3 .acc-selected {
	color:#FFF;
	background-image: url(../img/bg_side-head_f2.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

#footer {
	clear:both;
	/*position: absolute;
	left:0;
	bottom:0;*/
	width:100%;
	text-align: center;
}
#footer .copyright {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	color: #FEF;
	padding:5px;
}