@charset "Shift_JIS";


body{
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	font-family: "MS PGothic", sans-serif; 
	color: #666666;
	background : url(../../../css/bg_back.gif);
}

a:link{
	color: #3399CC;
}

a:active{
	color: #3399CC;
}

a:visited{
	color: #3399CC;
}

a:hover{
	color: #FF6666;
}


td,th{
	font-size: 0.8em;
}

td.sitetitle{
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
}

.sitetitle a{
	text-decoration: none;
	color: #FFFFFF;
}

.sitetitle a:visited{
	color: #FFFFFF;
}

 #navi_continer{
 position: relative;
 width: 400px;
 height : 200px;
 }
 
#navi{
 position: absolute;
 top: 10px;
 left: 10px;
 width: 306px;
 }
 
#navi ul{
 margin: 0;
 padding: 0;
 list-style: none;
 }
 
#navi li{
 color: #fffff;
 float: left;
 width: 100px;
 margin: 0;
 }
 
#navi li a{
 font-size: 14px;
 color: #ffffff;
 display: block;
 width: 100%;
 padding: 3px 0;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
 background-color: #3399ff;
 }
 
#navi li a:hover{
 color: #ffffff;
 background-color: #3366cc;
 }
 
 #navi ul.sub{
 background: #eeeeee;
 }
 
#navi ul.sub li{
 float: none;
 }
 
#navi ul.sub li a{
 color: #666666;
 background: none;
 font-size: 12px;
 font-weight: normal;
 padding: 3px 0;
 border-top:1px solid #000099;
 }
 
#navi ul.sub li a:hover{
 
color: #ffffff;
 background-color: #ff9900;
 }
 
#navi ul li.navi_menu ul{
 display: none;
 }
 
#navi ul li.navi_menu_on ul{
 display: block;
 }
 
#navi li.navi_menu{
 border:1px solid #000099;
 }
 
#navi li.navi_menu_on{
 border:1px solid #000099;
 }