* {
	margin: 0; 
	padding:0;
}
html {
	min-height: 100%;
	_height: 100%;
	
}
body {
	position:relative;
	background: #ced8e0;
/* background: #ced8e0 url(images/bg2.jpg)  repeat-x left bottom; */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	min-height: 100%;
	_height: 100%;
}
.top {	
/*	background: #ced8e0 url(images/clouds.gif) repeat-x;  */
/*	height: 80px;修正0831*/
}
#header {
	height: 60px;
	background: #ffffff;
}
#header h1 {
	color: #2266ed;
	margin-top: 25px;
	padding: 10px;
	font-size: 130%;
}

#container {
	position: relative;
	left: 50%;
	top: 0;
	margin: 0 auto;
	margin-left: -390px;
	width:780px;
	border: solid 1px #bdc4ed;
	border-right: solid 3px #b4bfda;
	border-bottom: none; 
	background: #ffffff;
	min-height: 100%;
	_height: 100%;
}

#listbox {
	position:absolute;
	right: 10px;
	top:600px;
	padding: 3px;
	border-left: solid 5px #bdc4ed;
	background: #f1f1ed;
}
#listbox ul {
	text-indent:0.5em;
	list-style: none;
}
#listbox li ul{
	text-indent:1em;
}

#content {
/*	margin-right: 240px; 0817変更*/
	color: #000;
	background: #ffffff;
	padding-bottom: 30px;
}
.title {
	background: url(../images/back_story_h3.png) no-repeat; 
	border-bottom: solid 2px #2266ed;
	margin: 30px 10px 20px;
	height: 30px;
}
.title h2 {
	font-size: 100%;
	padding: 8px 0 0 10px;
	color: #ffffff;
}

p{
	display: block;
	margin: 0 0 15px 0;
/*	padding-top: 0.8em;*/
	line-height: 1.4em;
}

fieldset {
	margin: 5px 10px 30px ;
	padding: 5px 5px 20px;
	border-width: 1px;
	border-color: #2266ed;
	border-style: solid none none none;	
}

fieldset#last {
	border-bottom: 1px solid #2266ed;
}

.label {
	clear: left;
	display: block;
	padding-top: 1em;
	padding-left: 5px;
	float: left;
	width: 300px;
/*	width: 200px;　0817変更*/
}

.label1 {
	clear: left;
	display: block;
	padding-top: 1em;
	padding-left: 5px;
	float: left;
}

.hed{
	font:bold;
}

.control {
	display: block;
/*	margin: 0 0 0 150px;　0817変更*/
	padding-top: 0.8em;
	line-height: 1.8em;
}

input, textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: middle;
	background: #f1f1ed;
}

input {
	height: 18px;
}

#submit {
	margin: 10px;
	padding: 10px;
}

#submitbutton,
#resetbutton,
#returnbutton {
	background: #bdc4ed url(../images/button.gif);
	height: 30px;
	padding: 3px 10px;
	margin:5px;

}
#sname,#mname,
#ksname,#kmname{width: 110px;}
#mail, #chkmail, #lostmail, #chklostmail {width: 290px;}
#reserve1, #reserve2, #reserve3 {width: 290px;}
#pass, #chkpass {width: 150px;}
#footer {
	text-align: right;
	position: absolute;
	bottom: 0;
	height: 30px;
	margin: 10px;
	padding: 5px;
}