@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/NewsHover.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;
}

.newstab {
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.newstab li {
	float: left;
	border-right: 1px solid #DDD;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	width:24%;
}
.newstab li a {
	display: block;
	text-decoration: none;
	color: #F60;
	text-align: center;
	padding-top: 6px;
	padding-right: 24px;
	padding-bottom: 6px;
	padding-left: 24px;
}
.newstab li a span {
	display: block;
	margin: 3px 0 0 0;
	color: #F60;
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing: 1px;
}
.newstab li a:hover {
	background-color: #FFC;
}
.newstab li.active a {
	color: #FFF;
	background-color: #F60;
}.newstab .active a span {
	color: #FFF;
}

.tabnav{
	margin: 0;
	padding: 0;
}
.tabnav li{
	float: left;
	list-style-type: none;
	font-size: 12px;
	text-align: center;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.tabnav li a{
	display: inline-block;
	background: #ddd;
	color: #333;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 24px;
	padding-bottom: 6px;
	padding-left: 24px;
}
.tabnav li a span {
	display: block;
	margin: 3px 0 0 0;
	color: #F60;
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing: 1px;
}
.tabnav li a:hover,
.tabnav li a.active{
	background: #405dca;
	color: #fff;
}
#tabcontent{
	clear: left;

}