@charset "Shift_JIS";

body {background:#2f2f2f;}


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


#header a.contact {
	position:absolute; top:0; right:15px;
	color:#fff; font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding:5px 15px;}
	#header a.contact:link,
	#header a.contact:visited,
	#header a.contact:active{background:#000;
	text-decoration:none;
	}
	#header a.contact:hover{background:#666;
	text-decoration:none;
	}
	

	#footer .copyright{background:url(../images/coryright.gif) no-repeat top center;
	overflow:hidden;
	text-indent:-9999px;
	width:269px; height:19px;
	margin:0 auto;
	}


#footer {
	clear:both;
	background:#000;
	width:100%;
	height:150px;
	padding-top:15px;
	}






/*-------------------------------------------------------
    Rollover
-------------------------------------------------------*/

ul#navi li.navi01 a:link ,
ul#navi li.navi01 a:active,
ul#navi li.navi01 a:visited{background:url(../images/navi01.png) no-repeat top center;
width:116px;}
ul#navi li.navi01 a:focus,
ul#navi li.navi01 a:hover{
	background:url(../images/navi01.png) no-repeat bottom center;
width:116px;
	}
	
	.category-information ul#navi li.navi01 a{
	background:url(../images/navi01.png) no-repeat bottom center;
width:116px;
	}

	
ul#navi li.navi02 a:link ,
ul#navi li.navi02 a:active,
ul#navi li.navi02 a:visited{background:url(../images/navi02.png) no-repeat top center;
width:78px;}
ul#navi li.navi02 a:focus,
ul#navi li.navi02 a:hover{
	background:url(../images/navi02.png) no-repeat bottom center;
width:78px;
	}
	#profile ul#navi li.navi02 a{
	background:url(../images/navi02.png) no-repeat bottom center;
width:78px;
	}

ul#navi li.navi03 a:link ,
ul#navi li.navi03 a:active,
ul#navi li.navi03 a:visited{background:url(../images/navi03.png) no-repeat top center;
width:140px;}
ul#navi li.navi03 a:focus,
ul#navi li.navi03 a:hover{
	background:url(../images/navi03.png) no-repeat bottom center;
width:140px;
	}
	.category-schedule ul#navi li.navi03 a{
	background:url(../images/navi03.png) no-repeat bottom center;
width:140px;
	}

ul#navi li.navi04 a:link ,
ul#navi li.navi04 a:active,
ul#navi li.navi04 a:visited{background:url(../images/navi04.png) no-repeat top center;
width:72px;}
ul#navi li.navi04 a:focus,
ul#navi li.navi04 a:hover{
	background:url(../images/navi04.png) no-repeat bottom center;
width:72px;
	}
	.category-result ul#navi li.navi04 a{
	background:url(../images/navi04.png) no-repeat bottom center;
width:72px;
	}

ul#navi li.navi05 a:link ,
ul#navi li.navi05 a:active,
ul#navi li.navi05 a:visited{background:url(../images/navi05.png) no-repeat top center;
width:126px;}
ul#navi li.navi05 a:focus,
ul#navi li.navi05 a:hover{
	background:url(../images/navi05.png) no-repeat bottom center;
width:126px;
	}
	
	
ul#navi li.navi06 a:link ,
ul#navi li.navi06 a:active,
ul#navi li.navi06 a:visited{background:url(../images/navi06.png) no-repeat top center;
width:50px;}
ul#navi li.navi06 a:focus,
ul#navi li.navi06 a:hover{
	background:url(../images/navi06.png) no-repeat bottom center;
width:50px;
	}
	
ul#navi li.navi07 a:link ,
ul#navi li.navi07 a:active,
ul#navi li.navi07 a:visited{background:url(../images/navi07.png) no-repeat top center;
width:90px;}
ul#navi li.navi07 a:focus,
ul#navi li.navi07 a:hover{
	background:url(../images/navi07.png) no-repeat bottom center;
width:90px;
	}
.category-tvbook ul#navi li.navi07 a{
	background:url(../images/navi07.png) no-repeat bottom center;
width:90px;
	}

.fLeft {float:left;}
.fRight {float:right;}

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }