/* 各ページCSS 新規作成ページ */


#page *{
	margin:0px;
	padding:0px;
	/*line-height:100%;*/
	font-size:12px;
}
#page img{
	border:0px;
}

#page table{
	border-collapse:collapse;
	border-collapse: separate;
	border-spacing:0px;
}
#page table th{
	border-collapse:collapse;
	border-collapse: separate;
	border-spacing:0px;
}
#page table td{
	border-collapse:collapse;
	border-collapse: separate;
	border-spacing:0px;
}

#page ul{
	list-style:none;
}



/* 共通 ************************************************************************************************* */

/*クリア*/
.clear{clear:both;}
/*クリアDIV型*/
div.clear{height:0px; font-size:0px; line-height:0px; clear:both;}
/*clearfix*/
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
.clearfix{display:inline-block;}

/* Hides from IE5-mac \*/
* html .clearfix, * html #content, * html .veri { height:1px; }
.clearfix #content .veri { display:block; }
/* End hide from IE5-mac */

/*ボックス化*/
.dispblock{display:block;}
/*インライン化*/
.dispinline{display:inline;}
/*非表示*/
.dispnone{display:none; visibility:hidden;}
	
	
.relative { position: relative; }


/* 新規ページ共通 ************************************************************************************************* */

#page h1{
	margin-bottom:5px;
}
#page .sstitle{
	font-weight:bold;
	color:#B42640;
	background:url(../images/mark4.gif) left top no-repeat;
	padding-left:13px;
	padding-top:4px;
	margin:15px 0px 13px 0px;
	line-height:100%;
}

#page .imgblock_s{
	margin-top:30px;
	text-align:center;
}
#page .imgblock_s2{
	margin:15px 0px;
	text-align:center;
}
#page .caution{
	text-align:right;
	color:#CC0000;
}
#page .top_buttonblock{
	margin-bottom:17px;
}
#page .top_buttonblock img{
	display:block;
	float:left;
	margin-right:5px;
}


/* トップページ ************************************************************************************************* */

/* 基本構成 ***************************************** */
img {
	border: 0;
}


p,h1,h2,dl,dd,dt {
	padding: 0;
	margin: 0;
}


body {
	color: #59473D;
	font-size: 12px;
	font-family:Osaka,"ＭＳ ゴシック",sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/top/topbg_repeat.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0;
	padding: 0;
}


#wrapper_all{
	width: 100%;
	margin: 0 auto;
	background:url(../images/top/topbg.jpg) center top no-repeat;
}


#wrapper {
	width: 1000px;
	margin: 0 auto;
	background:url(../images/substitute/topbg.jpg) center top no-repeat;
}


#topfla {
	width: 1000px;
	height:620px;
	position:relative;
	margin: 0 auto;
	z-index:1;
}

#topfla120106 {
	width: 1000px;
	height:916px;
	position:relative;
	margin: 0 auto;
	z-index:1;
}

#topfla a.btn_entry{
	width:219px;
	height:219px;
	position:absolute;
	right:54px;
	bottom:10px;
	display:block;
}

/*つぶやくボタン（Flash上：現在はカット）*/
.btn_tweet{
	position:absolute;
	top:530px;
	left:113px;
	z-index:2;
}

#box {
	width: 882px;
	margin: 0 auto 23px; 
}


#box .main {
	width: 882px;
	background-image: url(../images/top/box_bg.gif);
	background-repeat: repeat-y;
	padding: 0px 6px 0px;
}


#box .main:after {
	content: "";
	display: block;
	clear: both;
}


#left {
	width: 230px;
	margin: auto;
	float: left;
	margin-bottom: 4px;
}


#right {
	width: 635px;
	margin: auto;
	float: left;
	margin-bottom: 4px;
}


#footer {
	width: 100%;
	height: 37px;
	margin: auto;
	background-image: url(../images/top/footer_bg.gif);
	background-repeat: repeat-x;
}


/* ログイン ******************************************/


#login {
	width: 230px;
	height: 162px;
	background-image: url(../images/top/login01.gif);
	background-repeat: no-repeat;
	position: relative;
}


#login #message {
	width: 230px;
	text-align: center;
	color: #F6C500;
	position: absolute;
	top: 37px;
}


#login form {
	width: 165px;
	height: 53px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	top: 54px;
	left: 50px;
}


#login form #form {
	width: 112px;
	height: 53px;
	float: left;
}


#login form #form input.janid{
	width: 105px;
	border:1px solid #A5BCD3;
	color:#666666;
	margin-bottom: 9px;
}


#login form #form input.pass {
	width: 105px;
	border:1px solid #A5BCD3;
	color:#666666;
}


#login form #btn {
	width: 53px;
	height: 53px;
	float: left;
}


#login-btn {
	width: 202px;
	height: 32px;
	margin: auto;
	position: absolute;
	top: 115px;
	left: 13px;
	
}


#login-btn p.left {
	width: 99px;
	float: left;
	margin-right: 4px;
}


#login-btn p.right {
	width: 99px;
	float: left;
}


/* ログイン後 ******************************************/


#login-member {
	width: 230px;
	height: 160px;
	background-image: url(../images/top/login02.gif);
	background-repeat: no-repeat;
	position: relative;
}


#login-member #message {
	width: 230px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	top: 16px;
}


#login-member #message .name {
	color: #F6C500;
	font-weight: bold;
}


#login-member #message .small {
	font-size: 10px;
}


#login-member form {
	width: 186px;
	height: 57px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	top: 40px;
	left: 21px;
}


#login-member p.text {
	width: 230px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	top: 100px;
}


#login-member span.color {
	color: #F6C500;
}


#login-member p#logout {
	width: 230px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	top: 124px;
}


#help {
	width: 230px;
	height: 56px;
	text-align: center;
	background-image: url(../images/top/top_help_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}


#help p.text {
	position: absolute;
	top: 22px;
	left: 15px;
}



a.help{/*リンクされた文字*/
    color:#526773;
    font-style:normal;
    text-decoration:none;
}
a:link.help {/*未訪問のリンク*/
    color:#526773;
    font-style:normal;
    text-decoration:none;
}
a:visited.help {/*訪問後のリンク*/
    color:#526773;
    text-decoration:none;
}
a:hover.help {/*マウスをのせたとき*/
    color:#526773;
    font-style:normal;
    text-decoration:underline;
}
a:active.help {/*クリック中*/
    text-decoration:none;
}




/* はじめての方へ ******************************************/


#hajimete {
	width: 230px;
	height: 217px;
	background-image: url(../images/top/hajimete_base.gif);
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 10px;	
}

#hajimete-movie {
	width: 201px;
	margin: auto;
	position: absolute;
	top: 48px;
	left: 15px;
	
}

#hajimete-btn {
	width: 201px;
	margin: auto;
	position: absolute;
	top: 156px;
	left: 14px;
	
}

#hajimete-btn p.btm-sp {
	padding-bottom: 3px;	
}


/* バナーエリア ******************************************/

#site-banner {
	width: 230px;
	text-align: center;
}
#site-banner p{
	margin-bottom:3px;
}


/*つぶやくボタン　左メニュー*************************************/
#left #tweet{
	width:210px;
	margin:15px 10px 10px;
	padding:0;
}

#left #tweet .btn{
	width: 105px;
	height: 30px;
	margin:0;
	padding:0;
	float:left;
}


/* インフォメーション　イベント・キャンペーン ******************************************/

#top-info-title {
	width: 530px;
	height: 31px;
	position: relative;
}


#top-info-title p {
	width: 51px;
	height: 23px;
	position: absolute;
	top: 4px;
	left: 467px;
}


#top-info {
	margin-bottom:15px;
	margin-top:5px;
}


#top-event-title {
	width: 530px;
	height: 37px;
	position: relative;
}


#top-event-title p {
	width: 51px;
	height: 23px;
	position: absolute;
	top: 10px;
	left: 467px;
}


#top-event {
	margin-bottom: 18px;
}


#top-news {
	width: 515px;
	text-align: left;
	padding: 0px 0px 6px 15px;
	background-image: url(../images/top/news_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}


#top-news span.date {
	color: #47503B;
	font-size: 12px;
}


#top-news p.icon {
	width: 32px;
	height: 13px;
	position: absolute;
	top: 1px;
	left: 76px;
}


#top-news span.text {
	color: #526773;
	font-size: 12px;
	line-height: 130%;
	padding-left:60px;
}


a.news{/*リンクされた文字*/
    color:#526773;
    font-style:normal;
    text-decoration:none;
}
a:link.news {/*未訪問のリンク*/
    color:#526773;
    font-style:normal;
    text-decoration:none;
}
a:visited.news {/*訪問後のリンク*/
    color:#526773;
    text-decoration:none;
}
a:hover.news {/*マウスをのせたとき*/
    color:#526773;
    font-style:normal;
    text-decoration:underline;
}
a:active.news {/*クリック中*/
    text-decoration:none;
}



/* ゲーム紹介 ******************************************/

#top-game{
	float:left;
	width:405px;
}


#top-game .gamemovie {
	margin:10px 0 0 5px;
}

#top-game .gametext {
	margin:0 0 0 5px;
}


/* ついった ******************************************/

#top-twit{
	float:right;
	width:220px;
	margin-top: 5px;
}

#top-twit .twtr-join-conv {
	font-size: 10px;
}

/* アクセス ******************************************/

#accessMg {	
	margin-left:5px;
	margin-top:15px;
}


#access {
	width: 630px;
	text-align: left;
	background-color: #EBE2E0;
	background-image: url(../images/top/accessbox_bg.gif);
	text-align:center;
}


#access .accessImg {
	float: right;
}
#access p.text {
	padding: 8px 0px 8px 22px;
	line-height: 130%;
	text-align:left;
}

#access .textbg {
		background-color: #EBE2E0;
		width:626px;
		margin:0 auto;
}

#access .access_line {
		background: url(../images/top/access_line.gif) repeat-x;
		line-height: 1px;
		height:1px;
}

	

#access .accessph {
	margin:10px auto 0 auto;
}

#access .accesssp {
	margin:10px auto ;
}

#access .btn01 {
	position: absolute;
	top: 56px;
	left: 39px;
	
}

#access .btn02 {
	position: absolute;
	top: 56px;
	left: 319px;
}


/* フッター内容 ******************************************/

#footer-area {
	width: 772px;
	height: 37px;
	margin: 0 auto;
	position: relative;
}


#footer p#logo {
	width: 120px;
	height: 9px;
	position: absolute;
	top: 15px;
	left: 0px;
}


#footer div#link {
	width: 772px;
	height: 22px;
	text-align: right;
	font-size: 10px;
	color: #DBDBDB;
	padding: 15px 0px 0px;
}


a.footer{/*リンクされた文字*/
	color: #9B9B9B;
    font-style:normal;
    text-decoration:none;
}
a:link.footer {/*未訪問のリンク*/
	color: #9B9B9B;
    font-style:normal;
    text-decoration:none;
}
a:visited.footer {/*訪問後のリンク*/
	color: #9B9B9B;
    text-decoration:none;
}
a:hover.footer {/*マウスをのせたとき*/
	color: #9B9B9B;
    font-style:normal;
    text-decoration:underline;
}
a:active.footer {/*クリック中*/
    text-decoration:none;
}


#copyright {
	width: 772px;
	height: 12px;
	text-align: right;
	margin: 6px auto 20px;
}


#foot-ban {
	width: 772px;
	text-align: center;
	margin: 0px auto 0px;
	margin-bottom:5px;
}

#foot-ban img{
	margin-bottom:2px;
}