@charset "UTF-8";
/* CSS Document */

/*------------------------ 全体設定 ------------------------*/
*{
	margin:0;
	padding:0;
	font-size:10px;
	line-height:18px;
	letter-spacing:1pt;}
body{
	background:url(img/bg.gif) repeat #000 top fixed;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;}
	
/*------------------------ 全体設定＞リンク設定 ------------------------*/
a{
	font-weight:bold;
	color:#99ffcc;}
a:hover{
	text-decoration:none;}
a img{
	border:none;}
	
/*------------------------ 全体設定＞見出し設定 ------------------------*/
h1{
	display:none;}
	
h2{
	border-bottom:solid 1px #0cc;
	padding:30px 0 3px 35px;
	margin:0 0 10px 0;
	font-size:16px;
	letter-spacing:3pt;}
h3{
	font-size:10px;
	color:#0cc;
	padding:5px 0 5px 35px;}

/*------------------------ #container ------------------------*/
#container{
	width:800px;
	margin:0 auto;
	background:#000 url(img/footer.jpg) bottom no-repeat;}
	
/*------------------------ #header ------------------------*/
#header{
	background:url(img/header.jpg) no-repeat top center;}
	
/*------------------------ #menu ------------------------*/
#menu{
	padding:245px 0 0 20px;}
	
#menu li{
	list-style:none;}
#menu li a{display:block; height:17px;float:left;}

#menu li.m1 a{
	width:108px;
	background:url(img/menu_01.gif) left top no-repeat;}
#menu li.m1 a:hover{
	background:url(img/menu_01.gif) right top no-repeat;}
#menu li.m2 a{
	width:105px;
	background:url(img/menu_02.gif) left top no-repeat;}
#menu li.m2 a:hover{
	background:url(img/menu_02.gif) right top no-repeat;}
#menu li.m3 a{
	width:102px;
	background:url(img/menu_03.gif) left top no-repeat;}
#menu li.m3 a:hover{
	background:url(img/menu_03.gif) right top no-repeat;}
#menu li.m4 a{
	width:143px;
	background:url(img/menu_04.gif) left top no-repeat;}
#menu li.m4 a:hover{
	background:url(img/menu_04.gif) right top no-repeat;}
#menu li.m5 a{
	width:88px;
	background:url(img/menu_05.gif) left top no-repeat;}
#menu li.m5 a:hover{
	background:url(img/menu_05.gif) right top no-repeat;}
	
	
/*------------------------ #contents ------------------------*/
#contents{
	position:relative;}
#contents a.logo{
	position:absolute;
	top:0;
	right:0;
	width:215px;
	height:756px;
	display:block;
	background:url(img/name.png) left top no-repeat;}
#contents a.logo:hover{
	position:absolute;
	top:0;
	right:0;
	width:215px;
	height:756px;
	display:block;
	background:url(img/name.png) right top no-repeat;}
	
#contents p{
	margin:5px 35px;}
	
/*------------------------ #main ------------------------*/
#main{
	clear:both;
	width:565px;
	}

/*------------------------ #footer ------------------------*/
#footer{
	padding:50px 0 0 20px;}
#footer address{
	font-style:normal;
	color:#666;
	display:inline;}
	
/*------------------------ class ------------------------*/
.e{
	display:none;}
a.index{
	color:#fff;
	clear:both;
}