*{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}

body{
	color:#eee;
	background-color:black !important;
	width:100%;
	font-size:16px;
}

img {
	border:0;
}

a{
	color:#1ED7FF;
	border:0;
	outline:none;
}

a:visited{
	color:#aaa;
}

a:hover,a:focus,a:active{
	color:#3EF7FF;
}

a span{
	border-bottom: 1px solid;
}

h1{
	display:block;
	height:108px;
	line-height:108px;
	width:400px;
	background:url("../img/title_nojs.jpg");
	background-repeat:no-repeat;
	float:left;
	text-indent:-100000px;
}

h1 span{
	text-indent:-10000px;
}

h2{
	font-size:1.5em;
}

p{
	margin:10px;
}

span{
	display:block;
}

table{
	text-align:left;
	background:#333;
	border:1px #550000 solid;
	margin:5px;
	padding:5px;
}

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

#header{
	width:100%;
	margin:10px 0;
}

#maincontent{
	width:100%;
}

#footer{
	width:100%;
	margin:10px 0;
}

.left{
	float: left; 
}
.right{
	float: right;
}
.clr{
	clear:both;
	line-height:1px;
	text-indent:-10000px;
}

.copyright{
	display:block;
	text-align:right;
}

.mar5{
	margin:5px;
}

.mar10{
	margin:10px;
}

.ware{
	width:390px;
	display:block;
	margin:10px 5px;
	color:#1ED7FF;
}

.f150{
	font-size:1.5em;
}

.f120{
	font-size:1.2em;
}

.f80{
	font-size:0.8em;
}
ul{
	overflow: hidden;
	list-style-type: none;
	width:100%;
	height:70px;
	padding: 0px;
}
li{
	list-style-type: none;
	float: left;
	overflow:hidden;
	height:70px;
	width:160px;
}
li span{
	display: list-item;
	list-style: disc inside;
	line-height:71px;
	text-indent:-10000px;
	background:url("../img/bt_menu.jpg");
}
ul.backtop{
	width:100px;
	height:30px;
	margin:0 auto;
}

.backtop li{
	width:100px;
	height:30px;
}

.backtop li span{
	line-height:31px;
}

.con1{
	background-position: 0px 0px;
}
.con1:hover{
	background-position: 0px -70px;
}
.con1r,
.con1r:hover{
	background-position: 0px -140px;
}
.con2{
	background-position: -160px 0px;
}
.con2:hover{
	background-position: -160px -70px;
}
.con2r,
.con2r:hover{
	background-position: -160px -140px;
}
.con3{
	background-position: -320px 0px;
}
.con3:hover{
	background-position: -320px -70px;
}
.con3r,
.con3r:hover{
	background-position: -320px -140px;
}
.con4{
	background-position: -480px 0px;
}
.con4:hover{
	background-position: -480px -70px;
}
.con4r,
.con4r:hover{
	background-position: -480px -140px;
}
.con5{
	background-position: -640px 0px;
}
.con5:hover{
	background-position: -640px -70px;
}
.con5r,
.con5r:hover{
	background-position: -640px -140px;
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}