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

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

html,body{
 	height:100%;
 	font:13px;
	*font-size: small;
	*font: x-small;
	background:url(../images/icon/back.jpg) repeat-y 0 0;
	background-position:50%;
}

#wrapper {
	width:700px;
	height:auto;
	margin:0 auto;
	}
#header {
	height:60px;
	width:700px;
	background-image:url(../images/top/logo01.jpg) ;
	background-repeat:no-repeat;
	background-position:0% 20%;
	float:left;
	}
	#sub_menu {
	text-align:left;
	float:right;
	}
	#sub_menu p {
	padding:0 2px;
	font-size:10px;
	line-height:20px;
	float:right;
	}
		#sub_menu a {
		text-decoration:none;
		color:#666;
		}		
		#sub_menu a:hover {
		text-decoration:underline;
		}
	
#e_channel a {
	display:block;
	margin:2px 0 5px 0;
	width:135px;
	height:35px;
	background-image:url(../images/top/e_logo.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	clear:right;
	float:right;
	}
#e_channel a:hover{
	background-image:url(../images/top/e_logo.jpg);
	background-repeat:no-repeat;
	background-position:0% 95%;
	}
#menu {
	width:700px;
	float:left;
	}

	
#menu01 {
	float:left;
	}
#menu01 a {
	display:block;
	width:104px;
	height:26px;
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}
#menu01 a:hover{
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:0 -26px;
	}

#menu02 {
	float:left;
	}
#menu02 a {
	display:block;
	width:113px;
	height:26px;
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-104px 0;
	}
#menu02 a:hover{
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-104px -26px;
	}

#menu03 {
	float:left;
	}
#menu03 a {
	display:block;
	width:131px;
	height:26px;
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-217px 0;
	}
#menu03 a:hover{
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-217px -26px;
	}

#menu04 {
	float:left;
	}
#menu04 a {
	display:block;
	width:107px;
	height:26px;
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-348px 0;
	}
#menu04 a:hover{
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-348px -26px;
	}

#menu05 {
	float:left;
	}
#menu05 a {
	display:block;
	width:109px;
	height:26px;
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-455px 0;
	}
#menu05 a:hover{
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-455px -26px;
	}

#menu06 {
	float:left;
	}
#menu06 a {
	display:block;
	width:136px;
	height:26px;
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-564px 0;
	}
#menu06 a:hover{
	background-image:url(../images/top/menu.jpg);
	background-repeat:no-repeat;
	background-position:-564px -26px;
	}
	
img {
	border:none;
	}
	
	
.kaijyo {
	clear:left;
	}


#footer {
	height:30px;
	width:700px;
	clear:both;
	}

#footer1 {
	height:25px;
	width:700px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	}
	#footer1 p {
		font-size:11px;
		text-indent:1em;
		line-height:25px;
		}
		#footer a {
		text-decoration:none;
		color:#333;
		}		
		#footer a:hover {
		text-decoration:underline;
		}
		
#footer2 {
	width:700px;
	height:15px;
	text-align:right;
	}
	#footer2 p {
		font-size:10px;
		line-height:15px;
		color:#333;
		}