body { background:url(../images/common/bg_body.jpg) no-repeat center #000 fixed; color:#b2b2b2; font-size:12px; line-height:1.6; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,sans-serif;}
a, a:visited {color:#e3dad0;}
a:hover, a:active {color:#e3c8ab;}
li {list-style:none;}
table {border-collapse:separate; border-spacing:3px; text-align:center;}
th {padding:4px 8px 0 8px; background:url(../images/common/btn_commonSprite.png) no-repeat -83px -271px; vertical-align:middle;}
td {padding:4px 8px 0 8px; background:url(../images/common/btn_commonSprite.png) no-repeat -83px -421px; vertical-align:middle;}


#header {width:100%; /*min-width:1040px;*/ height:465px; background:url(../images/common/bg_header.jpg) no-repeat center top;}
#mainLogo {width:730px; margin:0 auto; padding:80px 0 15px 0; text-align:center;}
#headerBanner {width:206px; margin:0 auto; position:relative;}




/* 共用Class */
.mainSprite {background:url(../images/common/btn_commonSprite.png) no-repeat;}
.signinSprite {background:url(../images/common/btn_signinSprite.png) no-repeat;}

.w720 {width:720px;}

.mb15 {margin-bottom:15px;}
.pb15 {padding-bottom:15px;}

.inb {display:inline-block;}
.fl {float:left;}
.fr {float:right;}
.clearfix {zoom:1;}
.clearfix:after {content: ""; display: block; clear: both;}

.txtRed {color:#ff6a6f;}
.txtOrange {color:#fdc171}
.txtYellow {color:#fff86f;}
.txtGreen {color:#b7ff86;}
.txtBlue {color:#66bcfb}
.txtPurple {color:#d991fb;}
.txtPink {color:#f9b5fb;}
.txtWhite {color:#fff;}
.txtBrown {color:#963;}

.center {width:735px; margin:0 auto 15px; text-align:center;}

#pageNation li {padding:0 5px; display:inline-block;}
.btnFirst, .btnPrev, .btnNext, .btnEnd {height:11px; background:url(../images/common/btn_commonSprite.png) no-repeat; display:block;}
.btnFirst {width:48px; background-position:0 -63px;}
.btnPrev {width:32px; background-position:0 -74px;}
.btnNext {width:32px; background-position:0 -85px;}
.btnEnd {width:48px; background-position:0 -96px;}


/* メニュー部分 */
#headerMenuBg {width:100%; min-width:1040px; height:109px; background:url(../images/common/bg_menu.png) no-repeat center top; position:absolute; top:403px;}

#headerMenu {width:740px; margin:0 auto; position:relative; top:10px; left:163px;}
	#headerMenuList {font-size:0;}
	.menuTitle {width:140px; height:50px; display:inline-block; font-size:12px; position:relative; cursor:pointer;}
	.menuTitle a.titleBtn {width:140px; height:50px; display:block;}
	.headerSubMenuList {padding-top:5px; text-align:center; background:url(../images/common/btn_commonSprite.png) no-repeat -848px -79px; position:absolute; bottom:50px;}
		#headerMenuList .headerSubMenuList a {width:138px; height:20px; padding:5px 0; border-width:1px; border-style:solid; border-color:#0a0a0a #161616 #333 #161616; display:block;}
		.headerSubMenuList a:hover {background-color:rgba(50, 50, 50, 0.5)}






/* コンテンツラッパー部分 */
#mainWrapper {width:100%; min-width:1040px;}
#contentsWrapper {width:1040px; margin:0 auto;}






/* レフトメニュー部分 */
#leftColumn {width:287px; height:846px;  background:url(../images/common/bg_leftMenu.png) no-repeat 0 30px; float:left;}

#signIn {margin-left:15px; position:absolute;}
	.gamestart {width:200px; height:110px; display:block; position:absolute; top:-178px; left:0px;}
	.gamestart:hover {background-position:0 -110px;}
	.signin {width:210px; height:144px; background-position:-200px -13px; display:block; position:absolute; top:-68px; left:-27px;}
	.signin:hover {background-position:-200px -157px;}
	.download {width:127px; height:129px; background-position:-410px 0; display:block; position:absolute; top:-75px; left:125px;}
	.download:hover {background-position:-410px -157px;}

#memberLogin {width:216px; height:76px; position:relative; top:96px; left:33px}
	.memberLogin {width:220px; height:43px; background-position:-83px 0; display:block;}
	.memberLogin:hover {background-position:-83px -43px;}
	.memberSignin {width:89px; height:20px; background-position:-303px 0; display:block; position:relative; top:15px; left:4px;}
	.memberSignin:hover {background-position:-303px -20px;}
	.memberPassword {width:117px; height:20px; background-position:-392px 0; display:block; position:relative; top:-5px; left:100px;}
	.memberPassword:hover {background-position:-392px -20px;}

#memberLogout {width:216px; height:76px; position:relative; top:104px; left:33px}
	.memberLogout {width:220px; height:43px; background-position:-83px -86px; display:block;}
	.memberLogout:hover {background-position:-83px -129px;}
	
#leftInformation {width:216px; position:relative; top:170px; left:35px;}
	#leftInformation li {padding-bottom:3px;}
	.leftInfoBnr01 {width:216px; height:39px; background-position:-509px 0; display:block;}
	.leftInfoBnr01:hover {background-position:-509px -39px;}
	.leftInfoBnr02 {width:216px; height:39px; background-position:-725px 0; display:block;}
	.leftInfoBnr02:hover {background-position:-725px -39px;}
	.leftInfoBnr03 {width:216px; height:39px; background-position:-941px 0; display:block;}
	.leftInfoBnr03:hover {background-position:-941px -39px;}
	.leftInfoBnr04 {width:216px; height:39px; background-position:-1157px 0; display:block;}
	.leftInfoBnr04:hover {background-position:-1157px -39px;}
	

#serverStatus {width:48px; position:relative; top:450px; left:160px;}
	#serverStatus li {padding-bottom:16px;}
	.working {width:48px; height:14px; background-position:0 0; display:block;}
	.investigation {width:48px; height:13px; background-position:0 -13px; display:block;}
	.maintenance {width:48px; height:12px; background-position:0 -26px; display:block;}
	

#MutualLink{width:220px; position:relative; top:480px; left:32px;}
	
	
	



	
/* 中央カラム部分 */
#centerColumn {width:545px; margin:0 20px; padding-top:26px;	float:left; position:relative; z-ndex:5;}
#centerColumn section {margin-top:30px;}
	#rotationBanner {width:545px; height:190px; margin-bottom:25px;  background:url(../images/index/bg_rotationBanner.png) no-repeat; position:relative;}
		#rotationScrUp {position:absolute; top:5px; right:5px;}
			#rotationScrUp a {width:145px; height:15px; background-position:-988px -214px; display:block;}
			#rotationScrUp a:hover {background-position:-988px -229px;}
		
		#rotationScrDown {position:absolute; top:170px; right:5px;}
			#rotationScrDown a {width:145px; height:15px; background-position:-988px -244px; display:block;}
			#rotationScrDown a:hover {background-position:-988px -259px;}
		
		#rotationList {position:absolute; top:5px; left:5px;}
			#rotationList a {float:left;}
/* << remove  
			#rotationList .bannerTitle {width:145px; height:30px; background-position:-1133px -214px; float:left; display:block; cursor:pointer;}
			#rotationList .bannerTitle:hover {background-position:-1133px -244px;}
remove >> */
/* << add */
		#rotationListText {position:absolute; top:20px; right:5px; height:150px;overflow:hidden;}
		#rotationListText .bannerTitle {width:145px; height:30px; background-position:-1133px -214px; display:block; cursor:pointer;}
		#rotationListText .bannerTitle:hover {background-position:-1133px -244px;}
		#rotationListText .bannerTitle-Hover {background-position:-1133px -244px;}
/* add >> */
		

	#informationTabs {margin-bottom:5px; font-size:0;}
	#informationTabs li {display:inline-block;}
		.topics, .topicsOn, .news, .newsOn, .event, .eventOn, .update, .updateOn, .more, .moreOn {height:33px; display:block;}
		.topics {width:116px; background-position:-303px -86px;}
		.topicsOn, .topics:hover  {width:116px; background-position:-303px -119px;}
		.news {width:89px; background-position:-419px -86px;}
		.newsOn, .news:hover  {width:89px; background-position:-419px -119px;}
		.event {width:89px; background-position:-508px -86px;}
		.eventOn, .event:hover  {width:89px; background-position:-508px -119px;}
		.update {width:91px; background-position:-597px -86px;}
		.updateOn, .update:hover  {width:91px; background-position:-597px -119px;}
		.more {width:160px; background-position:-688px -86px;}
		.moreOn, .more:hover  {width:160px; background-position:-688px -119px;}
	
	#informationLists {margin-bottom:25px;}
		#informationLists li {padding:3px; height:18px; background:url(../images/common/img_informationBorder.png) repeat-x center bottom;}
		.tagNews, .tagEvent, .tagUpdate, .tagMaintenance {width:33px; height:11px; margin-right:5px; display:inline-block; vertical-align:-1px;}
		.tagNews {background-position:-48px 0;}
		.tagEvent {background-position:-48px -22px;}
		.tagUpdate {background-position:-48px -11px;}
		.tagMaintenance {background-position:-48px -33px;}
		.infoSubject {width:430px; display:inline-block;}
		.pointNew, .pointImportant, .pointUpdated {height:12px; margin-left:3px; display:inline-block; vertical-align:-1px;}
		.pointNew {width:21px; background-position:0 -39px;}
		.pointImportant {width:23px; background-position:-21px -39px;}
		.pointUpdated {width:41px; background-position:0 -51px;}
	
	#informationListsMore {margin-bottom:25px;}
		#informationListsMore li {padding:3px; height:18px; background:url(../images/common/img_informationBorder.png) repeat-x center bottom; text-align:left;}
		#informationListsMore .infoSubject {width:600px; display:inline-block; overflow:hidden;}
	
/* 右カラム部分 */
#rightColumn {width:165px; padding-top:57px; float:left; position:relative; z-ndex:5;}






/* フッタ部分 */
#footer {width:100%; min-width:1040px; height:250px; background:url(../images/common/bg_footer.jpg) no-repeat center top; clear:both;}
	#footerMenu {width:240px; margin:0 auto; position:relative; top:40px; left:300px;}
	#footerMenu li {display:inline-block;}
	.company, .privacy, .faq {height:12px; display:block;}
	.company {width:56px; margin-right:15px; background-position:-303px -40px;}
	.privacy {width:105px; margin-right:15px; background-position:-303px -52px;}
	.faq {width:36px; background-position:-303px -64px;}