/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

*{
margin:0;
padding:0;
font-weight:normal;
font-style:normal;}

body{
color:#ffffff;
font-size:small;
text-align:center;
font-family:"メイリオ","Meiryo","Trebuchet MS", Verdana, sans-serif;
background:#0E0D15 url("img/bg_body.jpg") 50% 0 no-repeat;
line-height: 1.6em;
}

img{border:0;}

a,a:visited{outline:none;color:#aaaaaa;text-decoration:none;}
a:hover{color:#00AEEF;}

a.an,
a.an:visited,
a.an:hover{color:#FFFFFF; clear:both;}

strong,.strong{font-weight:bold;}
em,.em{font-style:italic;}
.red{color:#ff0000;}
.orange{color:#ff9900;}


a.arrow{
padding:0 0 0 16px;
background:url("img/arrow_yellow.png") 0 0 no-repeat;}

.clear {
	clear: both;
	}


/*---------------------------------------------------------------------------------
BASE
---------------------------------------------------------------------------------*/

h1{
display:block;
width:900px;
margin:0 auto;
text-indent:-99999px;}

	h1 a{
	display:block;
	float:right;}


#main{
width:900px;
margin:20px auto;
padding:0;
text-align:left;
clear: both;
}

		#menu{list-style:none;}

			#menu li{
			display:block;
			width:210px;
			height:50px;
			line-height:50px;
			margin-bottom:10px;
			text-indent:-9999px;}


/*---------------------------------------------------------------------------------
BANNER
---------------------------------------------------------------------------------*/
#bn{
width:900px;
margin:10px auto 0;
border-top:1px solid #575757;
}

	.clear_box3 {
    border: 1px solid #ffffff;
    clear: both;
    height: auto;
    margin: 20px 0;
    padding: 25px;
    width: 850px;
}

.clear_box3 ul.foot_menu {
    clear: both;
    height: auto;
    margin: 15px 50px;
    text-align: center;
    width: 800px;
}

.clear_box3 ul.foot_menu li {
	float:left;
	height:auto;
	list-style-type:none;
	margin: 0 25px 0 0;
	padding: 6px 0;
	width:auto;
}

.clear_box3 ul.foot_menu li a {
	color: #FFFFFF;
	text-decoration:none;
}

/*---------------------------------------------------------------------------------
FOOT
---------------------------------------------------------------------------------*/

#footer{
clear:both;
width:900px;
margin:0 auto;
padding-top:10px;
text-align:left;
border-top:1px solid #575757;
}

	#close{
	clear:both;
	text-align:right;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:#575757 1px solid;
	width:900px;}

	#footleft{
	float:left;
	width:500px;}

		#footnav{
		height:30px;
		line-height:30px;
		color:#575757;
		border-bottom:1px solid #575757;}

			#footnav a{outline:none;color:#fff;text-decoration:none; font-size:90%;}
			#footnav a:hover{color:#00AEEF;}

		#copyright{
		height:25px;
		line-height:25px;
		color:#aaaaaa;}

			#copyright a{outline:none;color:#fff;text-decoration:none;}
			#copyright a:hover{color:#00AEEF;}

	#footright{
	float:right;
	width:370px;
	height:55px;}

		#footright img{
		float:left;
		width:150px;
		height:55px;}

		address{
		float:right;
		width:210px;
		height:55px;
		text-align:right;}
	


/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/

.width000{width:100%; margin:0;}
.width100{width:100px; margin:0;}
.width150{width:150px; margin:0;}
.width200{width:200px; margin:0;}
.width250{width:250px; margin:0;}
.width300{width:300px; margin:0;}
.width350{width:350px; margin:0;}
.width400{width:400px; margin:0;}
.width450{width:450px; margin:0;}
.width500{width:500px; margin:0;}
.width550{width:550px; margin:0;}

	
div.clear{clear:both;}


/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/

/*h1:after,*/
#contents:after,
#foot:after,
#close:after,
#footright:after,
#blk_top:after,
#blk_un:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*h1,*/
#contents,
#foot,#close,
#footright,
#blk_top,
#blk_un{display: inline-block;}

/* Hides from IE-mac \*/

/** html h1,*/
* html #contents,
* html #foot,
* html #close,
* html #footright,
* html #blk_top,
* html #blk_un{{height: 1%;}

/*h1,*/
#contents,
#foot,
#close,
#footright,
#blk_top,
#blk_un{display: block;}

/* End hide from IE-mac */

.box200 {width:200px;
display:block;
float:left;
}
.box450 {width:450px;
}