@charset "utf-8";

/*----------�w�b�_�[�iTOP�j----------*/
h1{
	width: 473px;
	height: 114px;
	background: url(../images/img_top/logo_title_top.png) no-repeat center top;
	position: absolute;
	top: 278px;
	left: 0;
	text-indent: -9999px;
	z-index: 102 !important;
}
#header_area {
	width: 100%;
	height: 504px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
	background: url(../images/img_base/outer_bg_header_t_ver4.png) no-repeat center top;
}

#header {
	width: 960px;
	height: 504px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	xoverflow: hidden;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/img_top/top_header_bg_ver4.jpg);
	position: relative;
}

#header_left {
	width: 415px;
	height: auto;
	padding: 0px;
	margin: 0px;
	text-align: left;
	xoverflow: hidden;
	float: left;
}


#header_right {
	width: 530px;
	height: 505px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	xoverflow: hidden;
	float: right;
	position: relative;
}

#header_left_in {
	width: 330px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	text-align: left;
	xoverflow: hidden;
	margin-left: 65px;
}


/*----------�G���g�����X�{�^��----------*/
#entrancepage_btn {
	width: 330px;
	height: 27px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	position: absolute;
	top: 400px;
	left: 120px;
	text-indent: -9999px;
	z-index: 102;
}


#entrancepage_btn p a,
#entrancepage_btn p a:hover
{
	height: 27px;
	width: 330px;
	display: block;
	text-indent: -9999px;
	vertical-align: top;
	margin: 0px;
	background-repeat: no-repeat;

}



#toEntrance
{
	background: url(../images/img_top/entrance_btn_bg_ver3.png) no-repeat left -27px;
}

#toEntrance a
{
	background: url(../images/img_top/entrance_btn_bg_ver3.png) no-repeat left top;
}




/*----------���ʃ{�^��----------*/

/*--�{�^��2�‚̎��͉��L--*/
/*--
#topBtn_box {
	width: 330px;
	height: 200px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-top: 70px;
	
}--*/

/*--�{�^��3�‚̎��͉��L--*/

#topBtn_box {
	width: 280px;
	height: auto;
	padding: 0px;
	text-align: left;
	xoverflow: hidden;
	margin-top: 105px;
	margin-left:6px;	
	position: relative;
	xborder: 1px solid #FFF000;
}



#topBtn_80 {
	width: 280px;
	height: 80px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-bottom:10px;
	
}

#topBtn_50 {
	width: 280px;
	height: 50px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-bottom:10px;
	
}



#topBtn_80 h4 a,
#topBtn_80 h4 a:hover
{
	height: 80px;
	width: 280px;
	display: block;
	text-indent: -9999px;
	vertical-align: top;
	margin: 0px;
	background-repeat: no-repeat;

}


#topBtn_50 h4 a,
#topBtn_50 h4 a:hover
{
	height: 50px;
	width: 280px;
	display: block;
	text-indent: -9999px;
	vertical-align: top;
	margin: 0px;
	background-repeat: no-repeat;

}


/*スタッフ募集バナー*/
div#btn_staff{
	width: 425px;
	height: 68px;
	background: url(../images/img_top/btn_top_staff.jpg) no-repeat left top;
	position: absolute;
	top: 25px;
	left: 70px;
	z-index: 1;
}
div#btn_staff li{
	width: 109px !important;
	height: 27px;
	position: absolute;
	z-index: 1 !important;
	border: 1px solid #FF000;
	left: 127px;
	top: 35px;
}
div#btn_staff li a{
	display: block;
	width: 109px !important;
	height: 27px;
	border: 1px solid #FF000;
	background-position: left top !important;
	text-indent: -9999px;	
}
div#btn_staff li#planner{
	background: url(../images/img_top/btn_top_staff_planner.jpg) no-repeat left -27px !important;
	left: 10px;
}

div#btn_staff li#programer{
	background: url(../images/img_top/btn_top_staff_programer.jpg) no-repeat left -27px !important;
	left: 120px;
}

div#btn_staff li#designer{
	background: url(../images/img_top/btn_top_staff_2ddesigner.jpg) no-repeat left -27px !important;
	left: 231px;	
}


/*--�{�^��80�i�����p���j--*/
#topBtn_box80{ /*--�������ҏW�B�܂Ƃ߂�style�ݒ�--*/
	width: 280px;
	height: 50px;
}
#topBtn_box80 a{
	width: 280px;
	height: 50px;
	display: block;
}

#toDatashift80
{
	background: url(../images/img_top/btn_top_newdate.png) no-repeat left -80px;
}

#toDatashift80 a
{
	background: url(../images/img_top/btn_top_newdate.png) no-repeat left top;
}




/*--�{�^��50�i����Twitter�j--*/
#topBtn_box50{ /*--�������ҏW�B�܂Ƃ߂�style�ݒ�--*/
	width: 280px;
	height: 50px;
}
#topBtn_box50 a{
	width: 280px;
	height: 50px;
	display: block;
}

#toTwitter50
{
	background: url(../images/img_top/btn_top_twitter.png) no-repeat left -50px;
}

#toTwitter50 a
{
	background: url(../images/img_top/btn_top_twitter.png) no-repeat left top;
}


/*--�{�^��50�i�p���`�R�[�i�[�j--*/

#toQA50
{
	background: url(../images/img_top/btn_top_qa.png) no-repeat left -50px;
}

#toQA50 a
{
	background: url(../images/img_top/btn_top_qa.png) no-repeat left top;
}


/*--�{�^��50�i�q���c1�T�|�[�^�[�Y�j--*/
#toSupport50
{
	background: url(../images/img_top/btn_top_sic_supporters.png) no-repeat left -50px;
}
#toSupport50 a
{
	background: url(../images/img_top/btn_top_sic_supporters.png) no-repeat left top;
}


/*--�{�^��50�i�h���[���`�����s�I���V�b�v�j--*/

#toDreamChampionShip{
	background: url(../images/img_top/btn_top_dreamchampionship.jpg) no-repeat left -50px;	
}

#toDreamChampionShip a{
	background: url(../images/img_top/btn_top_dreamchampionship.jpg) no-repeat left top;	
}




/*----------�X�V���----------*/
#news_box {
	width: 330px;
	height: 188px;
	padding: 0px;
	text-align: left;
	xoverflow: hidden;
	margin-top: 15px;
	background-attachment: scroll;
	background-image: url(../images/img_top/topics_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#news_box_title {
	width: 330px;
	height: 30px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin: 0px;
	text-indent: -9999px;
}

#news_box_main {
	width: 330px;
	height: 153px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin: 0px;
}

#news_area {
	width: 315px;
	height: 143px;
	padding: 0px;
	text-align: left;
	margin-left: 12px;
	overflow-y: scroll;
	
/*	scrollbar-track-color: #624728;/*�o�[�̕���*/
/*	scrollbar-face-color: #493316;/*���C���̕���*/
/*	scrollbar-arrow-color: #FC9;/*����*/
/*	scrollbar-3dlight-color: #29160D;/*�O���̍��Ə�*/
/*	scrollbar-highlight-color: #B98A52;/*����̍��Ə�*/
/*	scrollbar-shadow-color: #B98A52;/*����̉E�Ɖ�*/
/*	scrollbar-darkshadow-color: #29160D;/*�O���̉E�Ɖ�*/

}


#news_area dl {
	width: 290px;
}

#news_area dl dt {
	font-size: 13px;
	width: 280px;
	color: #F00;
	line-height: 15px;
	padding-top: 8px;
	font-weight: bold;
	padding-bottom: 0px;
}

#news_area dl dd {
	font-size: 13px;
	line-height: 17px;
	width: 280px;
	height: auto;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

/*----�X�V���̃��[���I�[�o�[----*/

��#news_area dd a:link,
��#news_area dd a:visited{
	color: #03F;
}


��#news_area dd a:hover {
	color: #F90;
	text-decoration: none;
}



/*----------�Z�K���S----------*/
#segarogo_box {
	width: 540px;
	height: 35px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-top: 15px;
}

#segarogo {
	width: 98px;
	height: 35px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 55px;
	float: right;
}

#segarogo a{
	background-color: transparent !important;
}

/*----------��Ԃ�Ƃ邽�߂�div----------*/
#header_right_space {
	width: 540px;
	height: 430px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	position: relative;
	xborder: 1px solid #FFF000;
}

/*----------���b�Z�[�W�i�ғ����j----------*/

#message_space {
	width: 540px;
	height: 45px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-top: 170px;
}



#message_space_in {
	width: 470px;
	height: 35px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-left: 20px;
	background-attachment: scroll;
	background-image: url(../images/onlocday_ver3_2.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}



/*----------�ʃo�[�W�����T�C�g�{�^��----------*/
#version_btn_area {
	width: 830px;
	height: 40px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	xborder: 1px solid #FF0000;
}


#version_btn_area ul {
	width: 830px;
	height: 40px;
	overflow: hidden;
}
#version_btn_area li,
#version_btn_area li a{
	margin-right: 10px;
	float: left;
}
#version_btn_area ul li:last-child,
#version_btn_area ul li a:last-child{
	margin-right: 0px !important;
	xbackground-color: #FF0000;
}

#version_btn_area li,
#version_btn_area li a{
	height: 38px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	vertical-align: top;
	background-repeat: no-repeat;
	margin-top:0px;
}

#toSH3_3site{
	background: url(../images/img_top/btn_top_sh3.3.png) no-repeat center -38px;
}
#toSH3_3site a{
	background: url(../images/img_top/btn_top_sh3.3.png) no-repeat center top;
}


#toSH3_2site{
	background: url(../images/img_top/btn_top_sh3.2.png) no-repeat center -38px;
}
#toSH3_2site a{
	background: url(../images/img_top/btn_top_sh3.2.png) no-repeat center top;
}


#toSH3_1site{
	background: url(../images/img_top/btn_top_sh3.1.png) no-repeat center -38px;
}
#toSH3_1site a{
	background: url(../images/img_top/btn_top_sh3.1.png) no-repeat center top;
}



#toSH2site{
	background: url(../images/img_top/btn_top_sh2fd.png) no-repeat center -38px;
}
#toSH2site a{
	background: url(../images/img_top/btn_top_sh2fd.png) no-repeat center top;
}



/*----------3��16��TOPICS�p----------*/

.tempolink,
.tempolink a
{
	color: #F00;
}


.tempolink a:hover
{
	color: #F93;
}



#bnr_comment {
	font-size: 13px;
	line-height: 14px;
	text-align: left;
	height: 25px;
	width: 300px;
	font-weight: bold;
	color: #F00;	
}

#loctest_bnr {
	width: 300px;
	height: 92px;
	padding: 0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;

	
}

#loctest_bnr p,
#loctest_bnr p a,
#loctest_bnr p a:hover
{
	width: 300px;
	height: 92px;
	padding: 0px;
	text-align: left;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

/*----�r���S�h���b�v----*/
#btn_bingo,
#btn_bingo a
{
	background-position: 0 0;
	background-image: url(../images/bnr_bingodrop.jpg);
}

#btn_bingo a:hover
{
	background-position: 0 -92px;
	background-image: url(../images/bnr_bingodrop.jpg);
}


/*----�J�U�[��----*/
#btn_kazan,
#btn_kazan a
{
	background-position: 0 0;
	background-image: url(../images/bnr_gekikazaan.jpg);
}

#btn_kazan a:hover
{
	background-position: 0 -92px;
	background-image: url(../images/bnr_gekikazaan.jpg);
}

/*----�q���[�U�[��----*/
#btn_hyozan,
#btn_hyozan a
{
	background-position: 0 0;
	background-image: url(../images/bnr_hyozaaan.jpg);
}

#btn_hyozan a:hover
{
	background-position: 0 -92px;
	background-image: url(../images/bnr_hyozaaan.jpg);
}


/*----�K�����I�t�@�N�g���[3----*/
#btn_gali3,
#btn_gali3 a
{
	background-position: 0 0;
	background-image: url(../images/bnr_gali3.jpg);
}

#btn_gali3 a:hover
{
	background-position: 0 -92px;
	background-image: url(../images/bnr_gali3.jpg);
}





/*----------�\�ȂǂŎg���w�i�F�‚��g�i�� ���R�̏ꍇ �g�s�l�k�Ō��߂�j----------*/
/*----------play.css�Ɠ��l----------*/

/*----------�O�g----------*/
#color_c_free_box {
	height: auto;
	overflow: hidden;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}


/*----------1�s�̘g�i�F�͂g�s�l�k�Őݒ�j----------*/
#color_c_free {
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*----------��g�i�t���[�g��܂Ƃ߂�j----------*/
#color_c_free_in {
	height: auto;
	overflow: hidden;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}






/*--------------------------�t���[�g�g--------------------------*/
/*----------���p�i�����͂g�s�l�k�Őݒ�j----------*/
#color_left_c {
	height: auto;
	overflow: hidden;
	text-align: left;
	float: left;
	margin-right: 10px;
}


/*----------���p�i�����͂g�s�l�k�Őݒ�j----------*/
#color_right_c {
	height: auto;
	overflow: hidden;
	text-align: left;
	float: right;
}




/*----------TOP�݂̂̕s��΍�----------*/

body#top article#container {
	padding-bottom: -25px !important;
	margin-bottom: -25px !important;
}
body#top noscript{
	display: block;
}