/* CSS Document */

body{
margin:				0;
padding:			0;
background-color:	#000000;
font-size:			62.5%;
color:				#404040;
font-family:		Meiryo , MS UI Gothic , Arial;
}


#container{
width:				960px;
margin:				0px auto;
}

#header,
#main,
#footer{
clear:				both;
}

.cl{
clear:				both;
}

h1{
padding:			5px 20px;
color:				#000000;
font-size:			1.8em;
border-radius:		30px 30px 30px 30px;
background-color:	#FF9000;
}

h2{
padding:			3px 20px;
color:				#404040;
font-size:			1.6em;
background-color:	#FFE8A0;
}

h3{
margin:				0px;
color:				#404040;
font-size:			1.6em;
}

h4{
margin:				4px;
padding:			2px 10px;
color:				#ffffff;
font-size:			1.4em;
border-radius:		14px 14px 14px 14px;
background-color:	#0090BF;
}

A:link {
color:				#404040;
text-decoration:	underline;
font-size:			1.2em;
}

A:visited {
color:				#404040;
text-decoration:	underline;
font-size:			1.2em;
}

A:hover {
color:				#ffffff;
background:			#0090BF;
text-decoration:	none;
font-size:			1.2em;
}

.redd {
color:				#ff4040;
}


/* header -------------------------------------------------------------------- */

#header{
margin:				10px 0px;
}

#headermenu{
background-color:	#FFFFFF;
height:				60px;
}

#headermenu ul{
margin:				0px;
padding:			0px;
list-style:			none;
}

#headermenu li{
float:				left;
}

#headermenu li a{
display:			block;
width:				160px;
height:				30px;
padding:			15px 0px;
text-align:			center;
font-weight:		bold;
}

#headermenu li a:link{
color:				#A0A0A0;
text-decoration:	none;
background:			url(image/menubtnOff2.png) no-repeat;
}

#headermenu li a:visited{
color:				#A0A0A0;
text-decoration:	none;
background:			url(image/menubtnOff2.png) no-repeat;
}

#headermenu li a:hover{
color:				#FFFFFF;
text-decoration:	none;
background:			url(image/menubtnOn2.png) no-repeat;
text-shadow:		0px 0px 15px #FFFFFF;
}

#headermenu li a:active{
color:				#A0A0A0;
text-decoration:	none;
background:			url(image/menubtnOff2.png) no-repeat;
}


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


#main{
padding:			0px 0px;
}

#contents{
width:				936px;
float:				left;
padding:			8px;
font-size:			1.2em;
background:			#FFFFFF;
border:				4px solid #FF9000;
}

.circle01{
margin:				10px 80px;
padding:			10px;
border:				1px solid #a0a0a0;
border-radius:		60px 60px 60px 60px;
float:				left;
height:				100px;
width:				744px;
}

.circle02{
padding:			10px;
border-radius:		50px 50px 50px 50px;
background-color:	#00BF90;
color:				#ffffff;
text-align:			center;
float:				left;
height:				80px;
width:				80px;
}

.circlebox{
padding:			4px 0px;
height:				100px;
float:				left;
margin-left:		40px;
}

.borderbox{
width:				926px;
float:				left;
padding:			8px;
background:			#FFFFFF;
border:				1px solid #FF9000;
}

.borderbox01{
/*width:				602px;
float:				left;*/
width: 920px;
padding:			8px;
background:			#FFFFFF;
border:				1px solid #FF9000;
text-align: center;
display: block;
}

.borderbox02{
width:				290px;
float:				left;
margin-left:		8px;
padding:			8px;
background:			#FFFFFF;
border:				1px solid #FF9000;
}

.databox {
position:			relative;
margin:				2px 0px;
padding:			2px;
background:			#FFFFFF;
border:				4px solid #0090BF;
}

.ans01{
border:				1px solid #a0a0a0;
font-size:			1.4em;
height:				24px;
}

.ans02{
border:				1px solid #a0a0a0;
font-size:			1.4em;
height:				36px;
}

.ans03{
border:				1px solid #a0a0a0;
font-size:			1.4em;
height:				120px;
}

.borderbox01 ul {
list-style: square;
margin: 0;
padding: 0;
font-size: 1.2em;
text-align: left;
display: inline-block;
padding-bottom: 1.2em;
}

#home h1 {
color: #f00;
background: none;
}

#home h2 {
background: none;
text-indent: -1.5em;
}

#p5min .borderbox01 img, #p5min .borderbox01 a, #justbase .borderbox01 img {
display: block;
}

#p5min .borderbox01 img, #justbase .borderbox01 img {
margin:0 auto;
}

#justbase .borderbox01 img {
margin: 1em auto 2.5em auto;
}

#p5min .borderbox01 a {
font-size: 1.5em;
padding: 1em 0 1em 0;
}

#aboutus h1 {
width: 400px;
text-align: left;
}

#aboutus .box01 {
width: 720px;
display: block;
margin:0 auto;
text-align: left;
}

#aboutus table th, #aboutus table td {
border: #404040 solid 1px;
font-size: 1.2em;
padding: 8px 16px;
}

#aboutus table {
border: #404040 solid 1px;
margin-bottom: 2em;
}

#aboutus table th {
background-color: #FFE8A0;
}

/* footer -------------------------------------------------------------------- */


#footer{
position:			relative;
width:				936px;
float:				left;
margin:				10px 0px;
padding:			8px;
font-size:			1.2em;
background:			#FFFFFF;
border:				4px solid #FF9000;
}


#footer #footermenu{
height:				24px;
}

#footer #footermenu ul{
margin:				0px;
padding:			0px;
list-style:			none;
}

#footer #footermenu li{
float:				left;
background-color:	#ffffff;
}

#footer #footermenu li a{
display:			block;
width:				144px;
height:				16px;
padding:			4px 8px;
text-align:			center;
font-weight:		bold;
font-size:			1.1em;
}

#footer li a:link{
color:				#505050;
text-decoration:	none;
background:			url(image/menubtnGOff.png) no-repeat;
text-shadow:		1px 2px 1px #a0a0a0;
}

#footer li a:visited{
color:				#505050;
text-decoration:	none;
background:			url(image/menubtnGOff.png) no-repeat;
text-shadow:		1px 2px 1px #a0a0a0;
}

#footer li a:hover{
color:				#ffffff;
text-decoration:	none;
background:			url(image/menubtnGOn.png) no-repeat;
text-shadow:		1px 2px 1px #000000;
}

#footer li a:active{
color:				#505050;
text-decoration:	none;
background:			url(image/menubtnGOff.png) no-repeat;
text-shadow:		1px 2px 1px #a0a0a0;
}