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

#TopHeaderNavi {
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/site/GNavigatinBG.jpg);
	background-repeat: no-repeat;
	height: 45px;
	padding-top: 3px;
	padding-left: 15px;
}
#ToTop{
	background-image: url(../img/site/TopButton/TopHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToTop a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Top.png);
	margin-right: 2px;
}
#ToTop a:hover{
	background:none;
}

#ToMypage{
	background-image: url(../img/site/TopButton/MypageHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToMypage a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Mypage.png);
	margin-right: 2px;
}
#ToMypage a:hover{
	background:none;
}
#ToBlogList{
	background-image: url(../img/site/TopButton/SinchakuHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToBlogList a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Sinchaku.png);
	margin-right: 2px;
}
#ToBlogList a:hover{
	background:none;
}
#ToClanList{
	background-image: url(../img/site/TopButton/ClanHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToClanList a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Clan.png);
	margin-right: 2px;
}
#ToClanList a:hover{
	background:none;
}
#ToSinchaku{
	background-image: url(../img/site/TopButton/NewsHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToSinchaku a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/News.png);
	margin-right: 2px;
}
#ToSinchaku a:hover{
	background:none;
}
#ToTradeList{
	background-image: url(../img/site/TopButton/TradeHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToTradeList a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Trade.png);
	margin-right: 2px;
}
#ToTradeList a:hover{
	background:none;
}
#ToShopList{
	background-image: url(../img/site/TopButton/TenpoHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToShopList a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Tenpo.png);
	margin-right: 2px;
}
#ToShopList a:hover{
	background:none;
}
#ToStreet{
	background-image: url(../img/site/TopButton/StreetHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToStreet a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Street.png);
	margin-right: 2px;
}
#ToStreet a:hover{
	background:none;
}
#ToDeckList{
	background-image: url(../img/site/TopButton/DeckHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToDeckList a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Deck.png);
	margin-right: 2px;
}
#ToDeckList a:hover{
	background:none;
}
#ToRelease{
	background-image: url(../img/site/TopButton/ReleaseHover.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ToRelease a{
	display:block;
	width:104px;
	height:42px;
	text-indent:-9999px;
	background-image: url(../img/site/TopButton/Release.png);
	margin-right: 2px;
}
#ToRelease a:hover{
	background:none;
}

#GlobalNavi2 {
	width:1014px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	left: 11px;
}
#GlobalNavi2 li {
	width:14.2%;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}
#GlobalNavi2 li a {
	width:auto;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 -1px 0px #333,0 1px 0px #555;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background:#666;
	background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
	border-left:1px solid #444;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#GlobalNavi2 li:first-child a{
  border-left:0px;
  border-radius:2px 0 0 2px;
  border-left:0;
  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#GlobalNavi2 li:last-child a{
  border-radius:0 2px 2px 0;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#GlobalNavi2 li a:hover {
  background:#555;
  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}