/*============================================
全体
============================================*/
body {
	color: #DDD;
	background-color:#000;
	background-image:url("../images/gokuparo_background.jpg");
	background-attachment: fixed;
	text-align:center;
}

/* 登録者リストの最終更新日用 */
#last_update {
  font-size: 1.4em;
  color: cyan;
}

/*============================================
リンクカラー
============================================*/
a:link {
	color:#8080FF;
	text-decoration:none;
}
a:visited {
	color:#606095;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#FFFF80;
}

/*============================================
ナビゲーションメニュー
============================================*/
#nav{
    height:60px;
    border-bottom:1px solid #aaaaaa;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background-image:url("../images/gokuparo_background.jpg");
}

#nav ul{
    height:60px;
    list-style:none;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
    width:1024px;
}

#nav ul li{
    display:inline;
    float:left;
    margin:0px 2px;
}


/*============================================
ボタン部分アニメーションcss (ヘッダーボタン)
============================================*/
#btn_top{
    float:left;
    margin:0px;
}
#btn_top a{
	display: block;
	width: 135px;
	height: 60px;
	background: url("../images/top_gokuparo.png") no-repeat 0 0;
}
#btn_top a:hover {
	background-position: 0 bottom;
}

#btn_about a{
	display: block;
	width: 180px;
	height: 60px;
	background: url("../images/btn_top_about.png") no-repeat 0 0;
}
#btn_about a:hover {
	background-position: 0 bottom;
}

#btn_gokuparo a{
	display: block;
    width: 250px;
	height: 60px;
	background: url("../images/btn_top_gokuparo.png") no-repeat 0 0;
}
#btn_gokuparo a:hover {
	background-position: 0 bottom;
}

#btn_entry a{
	display: block;
  	width: 180px;
	height: 60px;
	background: url("../images/btn_top_entry.png") no-repeat 0 0;
}
#btn_entry a:hover {
	background-position: 0 bottom;
}

#btn_freeplay a{
	display: block;
  	width: 250px;
	height: 60px;
	background: url("../images/btn_top_freeplay.png") no-repeat 0 0;
}
#btn_freeplay a:hover {
	background-position: 0 bottom;
}

#btn_na a{
	display: block;
  	width: 180px;
	height: 60px;
	background: url("../images/btn_top_entry_na.png") no-repeat 0 0;
}

#btn_result a{
	display: block;
  	width: 180px;
	height: 60px;
	background: url("./../images/btn_top_result.png") no-repeat 0 0;
}
#btn_result a:hover {
	background-position: 0 bottom;
}


/*============================================
ボタン部分アニメーションcss (各コンテンツトップナビ)
============================================*/
#topnav_update a{
	display: block;
    width: 240px;
	height: 30px;
	background: url("../images/top_nav_about_update.png") no-repeat 0 0;
}
#topnav_update a:hover {
	background-position: 0 bottom;
}

#topnav_access a{
	display: block;
  	width: 240px;
	height: 30px;
	background: url("../images/top_nav_about_access.png") no-repeat 0 0;
}
#topnav_access a:hover {
	background-position: 0 bottom;
}

#topnav_contents a{
	display: block;
  	width: 240px;
	height: 30px;
	background: url("../images/top_nav_about_contents.png") no-repeat 0 0;
}
#topnav_contents a:hover {
	background-position: 0 bottom;
}

#topnav_tt a{
	display: block;
  	width: 240px;
	height: 30px;
	background: url("../images/top_nav_about_timetable.png") no-repeat 0 0;
}
#topnav_tt a:hover {
	background-position: 0 bottom;
}

#topnav_entry a{
	display: block;
  	width: 240px;
	height: 30px;
	background: url("../images/top_nav_entry.png") no-repeat 0 0;
}
#topnav_entry a:hover {
	background-position: 0 bottom;
}

#topnav_entrylist a{
	display: block;
  	width: 240px;
	height: 30px;
	background: url("../images/top_nav_entrylist.png") no-repeat 0 0;
}
#topnav_entrylist a:hover {
	background-position: 0 bottom;
}

#topnav_gbpl_about a{
	display: block;
 	width: 180px;
	height: 30px;
	background: url("../images/top_nav_gbpl_about.png") no-repeat 0 0;
}
#topnav_gbpl_about a:hover {
	background-position: 0 bottom;
}

#topnav_gbpl_common a{
	display: block;
  	width: 180px;
	height: 30px;
	background: url("../images/top_nav_gbpl_common.png") no-repeat 0 0;
}
#topnav_gbpl_common a:hover {
	background-position: 0 bottom;
}

#topnav_gbpl_michidure a{
	display: block;
  	width: 180px;
	height: 30px;
	background: url("../images/top_nav_gbpl_michidure.png") no-repeat 0 0;
}
#topnav_gbpl_michidure a:hover {
	background-position: 0 bottom;
}

#topnav_gbpl_spider a{
	display: block;
  	width: 180px;
	height: 30px;
	background: url("../images/top_nav_gbpl_spider.png") no-repeat 0 0;
}
#topnav_gbpl_spider a:hover {
	background-position: 0 bottom;
}

#topnav_gbpl_qualify a{
	display: block;
  	width: 180px;
	height: 30px;
	background: url("../images/top_nav_gbpl_qualify.png") no-repeat 0 0;
}
#topnav_gbpl_qualify a:hover {
	background-position: 0 bottom;
}

#topnav_gbpl_main a{
	display: block;
  	width: 180px;
	height: 30px;
	background: url("../images/top_nav_gbpl_main.png") no-repeat 0 0;
}
#topnav_gbpl_main a:hover {
	background-position: 0 bottom;
}