/*メイン*********************************************************************************/
html{
	scrollbar-3dlight-color:	#ffffff;
	scrollbar-arrow-color:		#aaccee;
	scrollbar-track-color:		#ffffff;
	scrollbar-darkshadow-color:	#ffffff;
	scrollbar-face-color:		#eeeeff;
	scrollbar-highlight-color:	#aaccee;
	scrollbar-shadow-color:		#aaccee;
	background-color:			#f0f0ff;
}
dody{ 
	scrollbar-3dlight-color:	#ffffff;
	scrollbar-arrow-color:		#aaccee;
	scrollbar-track-color:		#ffffff;
	scrollbar-darkshadow-color:	#ffffff;
	scrollbar-face-color:		#eeeeff;
	scrollbar-highlight-color:	#aaccee;
	scrollbar-shadow-color:		#aaccee;
	text-align:					center;
}
div#main{
	margin-left:		auto;
	margin-right:		auto;
	font-family:		"ＭＳ Ｐゴシック" , sans-serif;
	font-size:			12px;
	color:				#444444;
	width: 				800px;
	text-align:			center;
	background-image:	url(img/back.jpg);
}
*{
	margin:				0;
	padding:			0;
	border:				0;
	list-style:			none;
}
img{
	vertical-align:		bottom;
}
/*トップ*********************************************************************************/
.top{
	width:				100%;
	height:				100%;
	z-index:			100;
	font-size:			11px;
	line-height:		11px;
	clear:				left;
}
/*ロゴ*********************************************************************************/
.titlebox{
	height:				65px;
	width:				230px;
	float:				left;
	margin-top:			15px;
}
.titlebox img{
	width: 123px;
	height: 60px;
}
.titlebox a{
	width: 123px;
	height: 60px;
	padding: 0;
	margin: 0;
}
/*更新履歴*********************************************************************************/
.messe{
	width:				520px;
	height:				45px;
	background-image:	url(img/menu/text-back.gif);
	text-align:			left;
	margin-top:			15px;
}
.messe div{
	padding-top:		4px;
	padding-left:		4px;
}
/**********************************************************************************/



/*ボタン〜更新履歴*********************************************************************************/
.button{
	float:				left;
	width:				520px;
	height:				65px;
}
/*ボタン*********************************************************************************/
.menu{
	text-align:			left;
	width:				520px;
	height:				20px;
	position:			relative;
	background-image:	url(img/menu/button/mb/menu-back.gif);
	background-repeat:	no-repeat;
}
/*ボタンオンオフ*********************************************************************************/
.menu li.on1,
.menu li.on2,
.menu li.on3,
.menu li.on4,
.menu li.on5,
.menu li.on6,
.menu li.on7,
.menu li.on8{
	float:				left;
	overflow:			hidden;
	width:				65px;
	height:				20px;
	background-repeat:	no-repeat;
}
.menu>li.on1,
.menu>li.on2,
.menu>li.on3,
.menu>li.on4,
.menu>li.on5,
.menu>li.on6,
.menu>li.on7,
.menu>li.on8{
	overflow:			visible;
}
.menu li.off1,
.menu li.off2,
.menu li.off3,
.menu li.off4,
.menu li.off5,
.menu li.off6,
.menu li.off7,
.menu li.off8{
	position:			relative;
	float:				left;
	overflow:			hidden;
	height:				20px;
	width:				65px;
}
.menu li.on1{
	background-image:	url(img/menu/button/mb/on-top.gif);
}
.menu li.on2{
	background-image:	url(img/menu/button/mb/on-gamelist.gif);
}
.menu li.on3{
	background-image:	url(img/menu/button/mb/on-event.gif);
}
.menu li.on4{
	background-image:	url(img/menu/button/mb/on-support.gif);
}
.menu li.on5{
	background-image:	url(img/menu/button/mb/on-staff.gif);
}
.menu li.on6{
	background-image:	url(img/menu/button/mb/on-bbs.gif);
}
.menu li.on7{
	background-image:	url(img/menu/button/mb/on-link.gif);
}
.menu li.on8{
	background-image:	url(img/menu/button/mb/on-index.gif);
}
/*ボタンあたり判定*********************************************************************************/
.menu a{
	width:				65px;
	height:				20px;
	text-decoration:	none;
}
.menu *{
	display:			block;
}
/**********************************************************************************/



/*プルダウンボタン*********************************************************************************/
.sub{
	position:			relative;
	text-align:			left;
	left:				0;
	top:				0px;
	width:				65px;
	height:				20px;
	z-index:			1;
}
/*イメージ位置（枠分ずらす）*********************************************************************************/
.sub img{
	padding-top:		0px;
	padding-left:		0px;
	z-index:			1;
}
/*当たり判定*********************************************************************************/
.sub a{
	width:				65px;
	height:				20px;
	z-index:			1;
}
/*プルダウンボタンオンオフ*********************************************************************************/
.sub li.on-s{
	background-image: url(img/menu/button/sb/sub-back-on.gif);
	width:				65px;
	height:				20px;
	overflow:			hidden;
	z-index:			1;
}
.sub li.off-s{
	width:				65px;
	height:				20px;
	position:			relative;
	overflow:			hidden;
	z-index:			1;
	background-image: url(img/menu/button/sb/sub-back.gif);
}
.sub>li.on-s{
	overflow:			visible;
	z-index:			1;
}
/**********************************************************************************/



/*プルダウン上部メッセージ*********************************************************************************/
.sub-text{
	position:			absolute;
	text-align:			left;
	background-image:	url(img/menu/text-back.gif);
	left:				0;
	top:				-45px;
	width:				520px;
	height:				45px;
}
.sub-text div{
	padding-top:		4px;
	padding-left:		4px;
}

/**********************************************************************************/



/*ナビゲーションバー*********************************************************************************/
.bar{
	width:				800px;
	height:				20px;
	clear:				left;
	background-image:	url(img/bar/barback.gif);
	background-repeat:	no-repeat;
	font-family:		"ＨＧＰ創英角ﾎﾟｯﾌﾟ体" , sans-serif;
	font-size:			10px;
	line-height:		10px;
}
/*ナビゲーションテキスト*********************************************************************************/
.bar-txt{
	width:				350px;
	height:				20px;
	float:				left;
}
.bar-txt a:link,
.bar-txt a:visited {
	text-decoration:		none;
	color:					#000000;
}
.bar-txt a:focus,
.bar-txt a:hover,
.bar-txt a:active {
	text-decoration:		underline;
	color:					#aa00aa;
}
.bar-txt div{
	padding-left:		50px;
}
.bar-txt li{
	float:				left;
}
.bar-txt-p1{
	line-height:		20px;
}
.bar-txt-p2{
	font-size:			12px;
	line-height:		12px;
	font-weight:		bold;
	line-height:		20px;
}
/*バー内ボタン*********************************************************************************/
.b-button{
	height:					20px;
	width:					400px;
	float:					left;
}
.b-button a{
	width:					80px;
	height:					20px;
	display:				block;
}
.b-button li{
	height:					20px;
	width:					80px;
	float:					left;
	overflow:				hidden;
	background-repeat:		no-repeat;
}
.b-button li.b-on1{
	background-image:		url(img/bar/tuhan.gif);
}
.b-button li.b-on2{
	background-image:		url(img/bar/m-mag.gif);
}
.b-button li.b-on3{
	background-image:		url(img/bar/kyujin.gif);
}
.b-button li.b-on4{
	background-image:		url(img/bar/kanren.gif);
}
.b-button li.b-on5{
	background-image:		url(img/bar/mobile.gif);
}
.b-button>li.b-on1,
.b-button>li.b-on2,
.b-button>li.b-on3,
.b-button>li.b-on4,
.b-button>li.b-on5{
	overflow:				visible;
}
.b-button li.b-off1,
.b-button li.b-off2,
.b-button li.b-off3,
.b-button li.b-off4,
.b-button li.b-off5{
	height:					20px;
	width:					80px;
	float:					left;
	overflow:				hidden;
}

.b-button li.b-off3{
	background-image:		url(img/bar/recruit-bwr.gif);
}

/**********************************************************************************/



/*メインボックス サブボックス*********************************************************************************/
.mainbox{
	width:				700px;
	height:				300px;
	clear:				left;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			15px;
	margin-bottom:		10px;
	background-color:	#ffffff;
	z-index:			0;
}
.mainbox embed{
	z-index:			0;
}

.subbox{
	width:				700px;
	height:				80px;
	clear:				left;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		10px;
	z-index:			0;
}
/**********************************************************************************/



/*インフォメーションボックス*********************************************************************************/
.info{
	width:				700px;
	height:				450px;
	clear:				left;
	font-size:			10px;
	text-align:			left;
	margin-left:		auto;
	margin-right:		auto;
}
.info a:link,
.info a:visited {
	text-decoration:		none;
	color:					#555555;
}
.info a:focus,
.info a:hover,
.info a:active {
	text-decoration:		underline;
	color:					#aa00aa;
}

/*ワッツニュウおよびイベントニュウス*********************************************************************************/
.newsbox,
.eventbox{
	width:						270px;
	height:						100%;
	float:						left;
	background-repeat:			no-repeat;
}
.newsbox{
	background-image:			url(img/2whatsnew.gif);
}
.eventbox{
	background-image:			url(img/event.gif);
}
.news-p{
	padding-top:				0px;
	padding-left:				9px;
	line-height:				14px;
}

.rss{
	text-indent:	213px;
	height:			13px;
	width:			100%;
}

.news-date{
	padding-top:		10px;
	font-size:			14px;
	font-weight:		bold;
}
.news-dt{
	font-size:			12px;
	font-weight:		bold;
	margin-top:			3px;
}
.news-dd{
	font-size:			12px;
	margin-left:		12px;
	margin-bottom:		1px;
}
.news-p a:link,
.news-p a:visited {
	text-decoration:		none;
	color:					#5555dd;
}
.news-p a:focus,
.news-p a:hover,
.news-p a:active {
	text-decoration:		underline;
	color:					#aa00aa;
}

.exbox{
	width:						270px;
	height:						100%;
	float:						left;
	background-repeat:			no-repeat;
}


/*バナー*********************************************************************************/
.baner{
	height:					33%;
	width:					430px;
	float:					left;
	background-repeat:		no-repeat;
}
.baner-p{
	padding-top:	8px;
	padding-left:	10px;
	padding-right:	10px;
	text-align:		left;
}
.b-img{
	margin-top:		3px;
	margin-bottom:	3px;
	text-align:		left;
}
.text-right{
	text-align:		right;
	font-size:		10px;
}


/**********************************************************************************/



/*ブロックボックス*********************************************************************************/
.blockinfo{
	width:					700px;
	height:					80px;
	clear:					both;
	margin-top:				10px;
	margin-left:			auto;
	margin-right:			auto;
}
.block1,
.block2,
.block3{
	width:					160px;
	height:					80px;
	float:					left;
	margin-right:			20px;
}
.block4{
	width:					160px;
	height:					80px;
	float:					left;
}
.blockinfo p{
	text-align:				center;
	margin-top:				5px;
	height: 20px;
	width: 160px;
	line-height: 20px;
	font-weight: bold;
	color: ;
}
.blockinfo a:link,
.blockinfo a:visited{
	text-decoration:		none;
	color:					#555555;
}
.blockinfo a:focus,
.blockinfo a:hover,
.blockinfo a:active{
	text-decoration:		underline;
	color:					#aa00aa;
}


/**********************************************************************************/



/*ブロックボックス２*********************************************************************************/
.d-blockinfo{
	width:					700px;
	height:					90px;
	clear:					both;
	margin-top:				10px;
	margin-left:			auto;
	margin-right:			auto;
	background-image: url(img/block/diary_frame.png);
	background-repeat: no-repeat;
}
.d-block1,
.d-block2,
.d-block3,
.d-block4{
	width:					172px;
	height:					90px;
	float:					left;
}
.d-blockinfo p{
	text-align:				center;
	margin-top:				5px;
	height: 15px;
	width: 172px;
	line-height: 15px;
	font-weight: bold;
}
.d-blockinfo a:link,
.d-blockinfo a:visited{
	text-decoration:		none;
	color:					#555555;
}
.d-blockinfo a:focus,
.d-blockinfo a:hover,
.d-blockinfo a:active{
	text-decoration:		underline;
	color:					#aa00aa;
}


/**********************************************************************************/



/*トップに戻るボタン*********************************************************************************/
.goto-top{
	width:				800px;
	height:				19px;
	line-height:		19px;
	clear:				left;
	text-align:			right;
	padding-top:		10px;
	margin:				0px auto 10px auto;
}
.goto-top-txt{
	font-weight:		bold;
	float:				left;
	font-size:			10px;
	width:				731px;
	height:				19px;
}
.goto-top-img{
	width:					19px;
	height:					19px;
	float:					left;
	font-size:				1px;
	overflow:				hidden;
}
.goto-top-img li{
	float:					left;
	text-align:				right;
	display:				block;
	background-repeat:		no-repeat;
}
.goto-top-img a{
	width:				19px;
	height:				19px;
	display:			block;
}
.goto-top-img li.go-on,
.goto-top-img li.go-off{
	height:					19px;
	width:					19px;
	overflow:				hidden;
	float:					left;
}
.goto-top-img li.go-on{
	background-image:		url(img/menu/button/gototop-on.gif);
}
.goto-top-img li.go-off{
	background-image:		url(img/menu/button/gototop-off.gif);
}
.goto-top a:link,
.goto-top a:visited {
	text-decoration:		none;
	color:					#555555;
}
.goto-top a:focus,
.goto-top a:hover,
.goto-top a:active {
	text-decoration:		underline;
	color:					#aa00aa;
}
/**********************************************************************************/



/*サイトポリシー*********************************************************************************/
.policy{
	float:			left;
	width:			510px;
	text-align:		left;
}
.policy p{
	padding-left:	50px;
	margin-top:		3px;
}
.policy a:link,
.policy a:visited{
	text-decoration:		none;
	color:					#555555;
}
.policy a:focus,
.policy a:hover,
.policy a:active{
	text-decoration:		underline;
	color:					#aa00aa;
}
/*下のメニューボタン*********************************************************************************/
.under{
	width:				100%;
	height:				100%;
	clear:				left;
	text-align:			left;
}
/*ボタン*********************************************************************************/
.u-button{
	text-align:			left;
	width:				240px;
	height:				10px;
	background-image:	url(img/menu/button/ub/ub-back.gif);
	background-repeat:	no-repeat;
	font-size:			1px;
	display:			block;
}
.under img{
	width:				240px;
	height:				10px;
}
/*ボタンオンオフ*********************************************************************************/
.u-button li.u-on1,
.u-button li.u-on2,
.u-button li.u-on3,
.u-button li.u-on4,
.u-button li.u-on5,
.u-button li.u-on6,
.u-button li.u-on7,
.u-button li.u-on8{
	float:				left;
	overflow:			hidden;
	width:				30px;
	height:				10px;
	background-repeat:	no-repeat;
}
.u-button>li.u-on1,
.u-button>li.u-on2,
.u-button>li.u-on3,
.u-button>li.u-on4,
.u-button>li.u-on5,
.u-button>li.u-on6,
.u-button>li.u-on7,
.u-button>li.u-on8{
	overflow:			visible;
}
.u-button li.u-off1,
.u-button li.u-off2,
.u-button li.u-off3,
.u-button li.u-off4,
.u-button li.u-off5,
.u-button li.u-off6,
.u-button li.u-off7,
.u-button li.u-off8{
	float:				left;
	overflow:			hidden;
	height:				10px;
	width:				30px;
}
.u-button li.u-on1{
	background-image:	url(img/menu/button/ub/ub1.gif);
}
.u-button li.u-on2{
	background-image:	url(img/menu/button/ub/ub2.gif);
}
.u-button li.u-on3{
	background-image:	url(img/menu/button/ub/ub3.gif);
}
.u-button li.u-on4{
	background-image:	url(img/menu/button/ub/ub4.gif);
}
.u-button li.u-on5{
	background-image:	url(img/menu/button/ub/ub5.gif);
}
.u-button li.u-on6{
	background-image:	url(img/menu/button/ub/ub6.gif);
}
.u-button li.u-on7{
	background-image:	url(img/menu/button/ub/ub7.gif);
}
.u-button li.u-on8{
	background-image:	url(img/menu/button/ub/ub8.gif);
}
/*ボタンあたり判定*********************************************************************************/
.u-button a{
	width:				30px;
	height:				10px;
	text-decoration:	none;
	display:			block;
}
/**********************************************************************************/



/*下段テキスト*********************************************************************************/
.submenu{
	width:			290px;
	height:			30px;
	text-align:		right;
	clear:			left;
	margin-top:		12px;
}
.submenu p{
	padding-right:	50px;
}
/**********************************************************************************/



/*テキストデコレーション*********************************************************************************/
.fs14{
	font-size:		14px;
}
.bro{
	color:			#dd5522;
	font-size:		14px;
}
.lbl{
	color:			#66aaff;
	font-size:		14px;
}
.pin{
	color:			#ff66aa;
	font-size:		14px;
}
.yel{
	color:			#ffdd00;
	font-size:		14px;
}
.blu{
	color:			#6666ff;
	font-size:		14px;
}
.red{
	color:			#ff0000;
	font-weight:	bold;
}
.bl{
	color:			#0000ff;
	font-weight:	bold;
}
.ora{
	color:			#ffaa00;
	font-size:		14px;
}
.lgr{
	color:			#00eeaa;
	font-size:		14px;
}

/**********************************************************************************/