@charset "utf-8";

/*------------------------------------------------
	reset
--------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix{
	min-height: 1px;
}

* html .clearfix{
	height: 1px;
}

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

body {
	background-color:#ffffff;
	height:auto;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.5;
	position:relative;
}

.imgsp {
	display: block;
	height: 0;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
}

#main_bg {
	background: url("../images/bgimg.jpg") no-repeat center top;

}


#main {

	margin:0px auto 0px auto;
}

.visual {
	width:1000px;
	height:155px;
	position:relative;
}

.visual .logo {
	position:absolute;
	left:450px;
	top:16px;
}

.visual .header_btn {
	position:absolute;
	left:570px;
	top:20px;
	background: url("../images/linkbg.png") no-repeat;
	width:362px;
	height:44px;
}

.visual .header_btn div {
	float:left;
}

.visual .header_btn .regist {
	padding:10px 13px 0px 13px;
}

.visual .header_btn .sns {
	padding:4px 25px 0px 0px;
}

*html .visual .header_btn .sns {
	padding:4px 25px 0px 0px;
	width:128px;
}

.visual .header_btn .sns .text {
	padding:2px 0px 0px 9px;
	float:none;
}

.visual .header_btn .id {
	padding:10px 0px 0px 0px;
}

#sns_btn .fabebook_btn {
	position:absolute;
	top:23px;
	right:75px;
	*right:150px;
}

#sns_btn .twitter_btn {
	position:absolute;
	top:23px;
	right:0px;
}

#twitter-widget-0 {
	width: 66px !important;
}

.content {
}

#tag {
	position:absolute;
	top:0px;
	left:-9999px;
	z-index:1;
}

#gamechu_support,
#gamechu_voicechat {
	display:none;
}

/*------------------------------------------------
	SNS
--------------------------------------------------*/

.login_openid_btn {
    height: 24px;
    list-style: none outside none;
    overflow: hidden;
}
.login_openid_btn li {
    float: left;
    height: 48px;
    width: 24px;
		margin-right:2px;
		overflow:hidden;
}

.login_openid_btn .imgsp {
    background: url("../images/sns_btn.png") no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 24px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
}
.login_openid_btn .btn_google {
    background-position: 0 0;
}
.login_openid_btn .btn_google:hover {
    background-position: 0 -24px;
}
.login_openid_btn .btn_yahoo {
    background-position: -26px 0;
}
.login_openid_btn .btn_yahoo:hover {
    background-position: -26px -24px;
}
.login_openid_btn .btn_twitter {
    background-position: -52px 0;
}
.login_openid_btn .btn_twitter:hover {
    background-position: -52px -24px;
}
.login_openid_btn .btn_facebook {
    background-position: -78px 0;
}
.login_openid_btn .btn_facebook:hover {
    background-position: -78px -24px;
}
.login_openid_btn .btn_mixi {
    background-position: -104px 0;
}
.login_openid_btn .btn_mixi:hover {
    background-position: -104px -24px;
}


/*------------------------------------------------
	イベント内容部分
--------------------------------------------------*/

#block01 .banner {
	width:956px;
	height:580px;
	margin:auto;
}

#block01 .banner ul {
	padding-left:60px;
}

#block01 .banner li {
	float:left;
	padding:0px 5px 5px 0px;
}

#block01 .banner li.soon {
	height:148px;
	padding:10px 12px 5px 0px;
}

#block01 .banner li.soon02 {
	padding:29px 5px 5px 3px;
	height:148px;
}

#block01 .banner li.soon03 {
	padding:29px 5px 5px 6px;
	height:148px;
}

#block01 .banner li a:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}

/*------------------------------------------------
	イベント部分
--------------------------------------------------*/

/* MENU */
.menubar {
	position:relative;
	background:url(../images/title.png) top center no-repeat;
	background-position: center 104px;
	width:704px;
	height:705px;
	left:50%;
	margin-left:-352px;
	z-index:100;
	top:-50px;
}
.menubar .menu01 {
	position:absolute;
	right:142px;
	top:38px;
	width:138px;
	height:139px;
	background:url(../images/menu01.png) top center no-repeat;
}
.menubar .menu01:hover{
	background:url(../images/menu01_hover.png) top center no-repeat;
}
.menubar .menu02 {
	position:absolute;
	right:40px;
	top:140px;
	width:138px;
	height:139px;
	background:url(../images/menu02.png) top center no-repeat;
}
.menubar .menu02:hover{
	background:url(../images/menu02_hover.png) top center no-repeat;
}
.menubar .menu03 {
	position:absolute;
	right:0px;
	top:284px;	
	width:138px;
	height:139px;
	background:url(../images/menu03.png) top center no-repeat;
}
.menubar .menu03:hover{
	background:url(../images/menu03_hover.png) top center no-repeat;
}
.menubar .menu04 {
	position:absolute;
	right:40px;
	top:426px;
	width:138px;
	height:139px;
	background:url(../images/menu04.png) top center no-repeat;
}
.menubar .menu04:hover{
	background:url(../images/menu04_hover.png) top center no-repeat;
}
.menubar .menu05 {
	position:absolute;
	right:142px;
	top:530px;
	width:138px;
	height:139px;
	background:url(../images/menu05.png) top center no-repeat;
}
.menubar .menu05:hover{
	background:url(../images/menu05_hover.png) top center no-repeat;
}
.menubar .menu06 {
	position:absolute;
	left:280px;
	bottom:0px;
	width:138px;
	height:139px;
	background:url(../images/menu06.png) top center no-repeat;
}
.menubar .menu06:hover{
	background:url(../images/menu06_hover.png) top center no-repeat;
}
.menubar .menu07 {
	position:absolute;
	left:142px;
	top:530px;	
	width:138px;
	height:139px;
	background:url(../images/menu07.png) top center no-repeat;
}
.menubar .menu07:hover{
	background:url(../images/menu07_hover.png) top center no-repeat;
}
.menubar .menu08 {
	position:absolute;
	left:40px;
	top:426px;	
	width:138px;
	height:139px;
	background:url(../images/menu08.png) top center no-repeat;
}
.menubar .menu08:hover{
	background:url(../images/menu08_hover.png) top center no-repeat;
}
.menubar .menu09 {
	position:absolute;
	left:0px;
	top:284px;	
	width:138px;
	height:139px;
	background:url(../images/menu09.png) top center no-repeat;
}
.menubar .menu09:hover{
	background:url(../images/menu09_hover.png) top center no-repeat;
}
.menubar .menu10 {
	position:absolute;
	left:40px;
	top:140px;	
	width:138px;
	height:139px;
	background:url(../images/menu10.png) top center no-repeat;
}
.menubar .menu10:hover{
	background:url(../images/menu10_hover.png) top center no-repeat;
}
.menubar .menu11 {
	position:absolute;
	left:142px;
	top:38px;	
	width:138px;
	height:139px;
	background:url(../images/menu11.png) top center no-repeat;
}
.menubar .menu11:hover{
	background:url(../images/menu11_hover.png) top center no-repeat;
}
.menubar .menu12 {
	position:absolute;
	left:280px;
	top:0px;	
	width:138px;
	height:139px;
	background:url(../images/menu12.png) top center no-repeat;
}
.menubar .menu12:hover{
	background:url(../images/menu12_hover.png) top center no-repeat;
}

/* MENU OFF */
.menubar .menu08_off{
	position:absolute;
	left:40px;
	top:426px;	
	width:138px;
	height:139px;
	background:url(../images/menu08_off.png) top center no-repeat;
}
.menubar .menu09_off {
	position:absolute;
	left:0px;
	top:284px;	
	width:138px;
	height:139px;
	background:url(../images/menu09_off.png) top center no-repeat;
}
.menubar .menu10_off {
	position:absolute;
	left:40px;
	top:140px;	
	width:138px;
	height:139px;
	background:url(../images/menu10_off.png) top center no-repeat;
}
.menubar .menu11_off {
	position:absolute;
	left:142px;
	top:38px;	
	width:138px;
	height:139px;
	background:url(../images/menu11_off.png) top center no-repeat;
}
.menubar .menu12_off {
	position:absolute;
	left:280px;
	top:0px;	
	width:138px;
	height:139px;
	background:url(../images/menu12_off.png) top center no-repeat;
}
.menubar .text2 {
	position:relative;
	margin: 0 auto;
	top:720px;
}

/*------------------------------------------------
	フッター
--------------------------------------------------*/

.footer_bg {
	width:100%;
	min-width:1000px;
	background-color:#FFF;
}

#footer {
	width:1000px;
	margin:0px auto 0px auto;
	padding:15px 0px 10px 0px;
}

#footer p {
	text-align:center;
	color:#000000;
	font-size:12px;
}

#footer p a {
	color:#5858FA;
	font-size:12px;
	text-decoration:none;
}

#footer p a:hover {
	text-decoration:underline;
}

#footer p.link {
	margin-bottom:15px;
}