@charset "UTF-8";
/* CSS Document */


html, body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, th, td { margin: 0; padding: 0; }


img {
	border: 0;
	vertical-align: bottom;
	border-style: none;
	background-repeat: repeat-x;
}


a img { border-style: none; outline: none; }
a { outline: none; }
a:link, a:visited, a:active { outline: none; }


body, td, th { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

body { background-color: #000; }

table th { text-align: justify; text-justify: inter-ideograph; }


#header_bg { background-image: url(../img/header_bg.jpg); background-repeat: repeat-x; background-position: center top; background-color: #333; }
#header_layout { height: 90px; width: 1000px; margin: 0 auto; position: relative; background-image: url(../img/header_test.png); }

#btn_mode_a {
	overflow: hidden;
	position: absolute;
	height: 24px;
	width: 113px;
	left: 537px;
	top: 17px;
}
#btn_mode_a ul { margin: 0; padding: 0; }
#btn_mode_a ul li { float: left; list-style: none; }
#btn_mode_a ul li a { display: block; }
#btn_mode_a ul li a.current img { margin-top: -24px; display: block; /* IE6隙間防止 */ }
#btn_mode_a ul li a { display: block; }
#btn_mode_a ul li a:hover { margin-top: -24px; }
#btn_mode_a ul li a:active { margin-top: -24px; }

#btn_mode_b {
	overflow: hidden;
	position: absolute;
	height: 24px;
	width: 113px;
	left: 657px;
	top: 17px;
}
#btn_mode_b ul { margin: 0; padding: 0; }
#btn_mode_b ul li { float: left; list-style: none; }
#btn_mode_b ul li a { display: block; }
#btn_mode_b ul li a.current img { margin-top: -24px; display: block; /* IE6隙間防止 */ }
#btn_mode_b ul li a { display: block; }
#btn_mode_b ul li a:hover { margin-top: -24px; }
#btn_mode_b ul li a:active { margin-top: -24px; }


#btn_top { overflow: hidden; position: absolute; height: 85px; width: 192px; left: 0px; top: 2px; }
#btn_top ul { margin: 0; padding: 0; }
#btn_top ul li { float: left; list-style: none; }
#btn_top ul li a { display: block; }
#btn_top ul li a.current img { margin-top: -85px; display: block; /* IE6隙間防止 */ }
#btn_top ul li a { display: block; }
#btn_top ul li a:hover { margin-top: -85px; }
#btn_top ul li a:active { margin-top: -85px; }

#btn_01 { overflow: hidden; position: absolute; height: 36px; width: 159px; left: 241px; top: 49px; }
#btn_01 ul { margin: 0; padding: 0; }
#btn_01 ul li { float: left; list-style: none; }
#btn_01 ul li a { display: block; }
#btn_01 ul li a.current img { margin-top: -36px; display: block; /* IE6隙間防止 */ }
#btn_01 ul li a { display: block; }
#btn_01 ul li a:hover { margin-top: -36px; }
#btn_01 ul li a:active { margin-top: -36px; }

#btn_02 { overflow: hidden; position: absolute; height: 36px; width: 159px; left: 411px; top: 49px; }
#btn_02 ul { margin: 0; padding: 0; }
#btn_02 ul li { float: left; list-style: none; }
#btn_02 ul li a { display: block; }
#btn_02 ul li a.current img { margin-top: -36px; display: block; /* IE6隙間防止 */ }
#btn_02 ul li a { display: block; }
#btn_02 ul li a:hover { margin-top: -36px; }
#btn_02 ul li a:active { margin-top: -36px; }

#btn_03 { overflow: hidden; position: absolute; height: 36px; width: 125px; left: 566px; top: 49px; }
#btn_03 ul { margin: 0; padding: 0; }
#btn_03 ul li { float: left; list-style: none; }
#btn_03 ul li a { display: block; }
#btn_03 ul li a.current img { margin-top: -36px; display: block; /* IE6隙間防止 */ }
#btn_03 ul li a { display: block; }
#btn_03 ul li a:hover { margin-top: -36px; }
#btn_03 ul li a:active { margin-top: -36px; }

#btn_04 { overflow: hidden; position: absolute; height: 36px; width: 80px; left: 694px; top: 49px; }
#btn_04 ul { margin: 0; padding: 0; }
#btn_04 ul li { float: left; list-style: none; }
#btn_04 ul li a { display: block; }
#btn_04 ul li a.current img { margin-top: -36px; display: block; /* IE6隙間防止 */ }
#btn_04 ul li a { display: block; }
#btn_04 ul li a:hover { margin-top: -36px; }
#btn_04 ul li a:active { margin-top: -36px; }

#btn_05 { overflow: hidden; position: absolute; height: 36px; width: 105px; left: 785px; top: 49px; }
#btn_05 ul { margin: 0; padding: 0; }
#btn_05 ul li { float: left; list-style: none; }
#btn_05 ul li a { display: block; }
#btn_05 ul li a.current img { margin-top: -36px; display: block; /* IE6隙間防止 */ }
#btn_05 ul li a { display: block; }
#btn_05 ul li a:hover { margin-top: -36px; }
#btn_05 ul li a:active { margin-top: -36px; }

#btn_06 { overflow: hidden; position: absolute; height: 36px; width: 80px; left: 892px; top: 49px; }
#btn_06 ul { margin: 0; padding: 0; }
#btn_06 ul li { float: left; list-style: none; }
#btn_06 ul li a { display: block; }
#btn_06 ul li a.current img { margin-top: -36px; display: block; /* IE6隙間防止 */ }
#btn_06 ul li a { display: block; }
#btn_06 ul li a:hover { margin-top: -36px; }
#btn_06 ul li a:active { margin-top: -36px; }


#header_new_01 { position: absolute; height: 14px; width: 49px; left: 325px; top: 39px; z-index: 999; }
#header_new_04 { position: absolute; height: 14px; width: 49px; left: 765px; top: 39px; z-index: 999; }
#top_new_tgs { position: absolute; height: 39px; width: 53px; background-image: url(../img/new_header.png); left: 47px; top: 60px; z-index: 999; }

#top_new_01 { position: absolute; height: 16px; width: 55px; right: 55px; top: 5px; z-index: 999; }
#top_new_02 {
	position: absolute;
	height: 39px;
	width: 53px;
	background-image: url(../img/new_header.png);
	left: 60px;
	top: 60px;
	z-index: 999;
}
#top_new_03 {
	position: absolute;
	height: 42px;
	width: 56px;
	background-image: url(../img/new_std.png);
	left: 3px;
	top: -25px;
	z-index: 999;
}
#top_new_04 { position: absolute; height: 39px; width: 53px; background-image: url(../img/new_header.png); left: 710px; top: 76px; z-index: 999; }
#top_new_05 { position: absolute; height: 39px; width: 53px; background-image: url(../img/new_header.png); left: 688px; top: 37px; z-index: 999; }
#top_new_06 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 3px; top: -25px; z-index: 999;}
#top_new_07 { position: absolute; height: 39px; width: 53px; background-image: url(../img/new_header.png); left: 465px; top: 76px; z-index: 999;}
#top_new_08 { position: absolute; height: 39px; width: 53px; background-image: url(../img/new_header.png); left: 812px; top: 76px; z-index: 999; }
#top_new_09 { position: absolute; height: 39px; width: 53px; background-image: url(../img/new_header.png); left: 605px; top: 76px; z-index: 999;}
#top_new_10 { position: absolute; height: 39px; width: 53px; background-image: url(../img/new_header.png); left: 908px; top: 76px; z-index: 999; }


.new_b { left: 0px; top: 0px; position: absolute; }
.new_b2 { left: 9px; top: 9px; position: absolute; }

#main_bg { background-image: url(../img/main_test_bg_copy.jpg); background-repeat: repeat-x; background-position: center top; background-color: #FFF; }
#main_bg_02 { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; background-color: #FFF; }

#sale { position: absolute; left: 62px; bottom: 0px; height: 90px; width: 460px; background-repeat: no-repeat; }

#top_layout_01 { height: 680px; width: 1000px; margin: 0 auto; position: relative; background-image: url(../img/main_test.png); }
#top_layout_02 { height: 480px; width: 1000px; margin: 0 auto; position: relative; }
#top_layout_03 { height: 65px; width: 1000px; margin: 0 auto; position: relative; }

.sm10th_01 { position: absolute; left: 140px; bottom: 295px; }
.sm10th_02 { position: absolute; right: 40px; top: 25px; }
.game { position: absolute; right: 20px; bottom: 0px; top:465px; }


#topic { position: absolute; right: 50px; top: 300px; height: 105px; width: 370px; background-image: url(../img/topic_0901.jpg); background-repeat: no-repeat; }
#topic_wide { position: absolute; right: 60px; top: 10px; height: 49px; width: 880px; background-image: url(../img/topic_wide.jpg); background-repeat: no-repeat; }
.topic { position: absolute; top: 55px; left: 15px; width: 335px; color: #FFF; font-size: 13px; }
.topic a:link { color: #FFF; }
.topic a:visited { color: #FFF; }
.topic a:hover { color: #ff0000; }
.topic a:active { color: #ff08000; }

#tieup { position: absolute; right: 46px; top: 5px; height: 93px; width: 378px; background-repeat: no-repeat; }
#santa { position: absolute; right: 46px; top: 195px; height: 93px; width: 378px; background-repeat: no-repeat; }


#box { position: absolute; right: 46px; top: 100px; height: 93px; width: 378px; background-repeat: no-repeat; }


#trial { position: absolute; left: 46px; top: 5px; height: 93px; width: 518px; background-repeat: no-repeat; }


#sns_bottom { position: absolute; left: 50px; top: 385px; height: 25px; width: 300px; background-repeat: no-repeat; }
#sns_bottom02 { position: absolute; left: 100px; top: 10px; height: 25px; width: 310px; background-repeat: no-repeat; }
#sns_dummy { position: absolute; right: 60px; top: 185px; height: 25px; width: 208px; background-repeat: no-repeat; }


#spec { position: absolute; left: 50px; top: 104px; height: 260px; width: 510px; background-image: url(../img/spec_0901.jpg); }
.spec_01 { position: absolute; top: 55px; left: 20px; color: #FFF; font-size: 13px; width: 470px; vertical-align: top; }
.spec_02 { position: absolute; top: 50px; right: 50px; color: #FFF; font-size: 13px; width: 435px; vertical-align: top; }
.cero { position: absolute; right: 20px; top: 20px; height: 45px; width: 38px; background-repeat: no-repeat; }


#outline_bg { height: 1900px; width: 800px; top: 30px; margin: 0 auto; position: relative; background-image: url(../img/outline_bg_top.jpg); background-color: #000; background-repeat: no-repeat; }
#outline_bg_02 { width: 800px; height: 100px; margin: 0 auto; position: relative; background-image: url(../img/musoenb_bottom.jpg);}
#outline_bg_03 { width: 800px; margin: 0 auto; position: relative; }

#outline_layout { overflow: hidden; width: 1000px; margin: 0 auto; position: relative; }
#outline_layout_02 { width: 1000px; margin: 0 auto; position: relative; height: 100px; }
#outline_layout_03 { width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 20px; }
#outline_layout_04 { width: 710px; margin: 50px auto; position: relative; color: #FFF; padding-top: 0px; }

#outline_title { width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 40px; }
#outline_title_02 { width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 60px; }
#outline_text { width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 20px; }



#mode_layout { overflow: hidden; height: 1150px; width: 1000px; margin: 0 auto; position: relative; }
#mode_bg { height: 1200px; width: 800px; top: 30px; margin: 0 auto; position: relative; background-image: url(../img/musoenb_top.jpg); background-color: #000; background-repeat: no-repeat; }
#mode_bg_02 { height: 1200px; width: 800px; top: 30px; margin: 0 auto; position: relative; background-image: url(../img/renb_top.jpg); background-color: #000; background-repeat: no-repeat; }

#mode_title_muso { height: 175px; width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 60px; }
.musoenb { position: absolute; left: 190px; top: 100px; z-index: 999;}
#mode_text { width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 20px; }
#mode_text01 { float: left; width: 345px; margin: 0; position: relative; color: #FFF; padding-top: 0px; padding-right: 20px }
#mode_text02 { float: left; width: 345px; margin: 0; position: relative; color: #FFF; padding-top: 0px; }
#mode_text00 { width: 345px; position: relative; color: #FFF; padding-top: 10px; }
.mode_text_class { width: 345px; position: relative; color: #FFF; }
#mode_title { clear: left; width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 25px; }
#mode_title_02 { clear: left; width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 20px; }

#movie_ { clear: left; width: 620px; margin: 0 auto; position: relative; color: #FFF; padding-top: 25px; }

#movie_layout { width: 1000px; margin: 0 auto; position: relative; }
#movie_bg {
	width: 800px;
	top: 30px;
	margin: 0 auto;
	position: relative;
	height: 580px;
	background-image: url(../img/movie_bg_top_b.jpg);
	background-color: #000;
	background-repeat: no-repeat;
}
#movie_bg_02 {
	width: 800px;
	top: 30px;
	margin: 0 auto;
	background-color: #000;
	background-repeat: no-repeat;
}
#movie_title_01 {
	width: 620px;
	margin: 0 auto;
	position: relative;
	padding-top: 100px;
	padding-bottom: 10px;
}
#movie_title_02 {
	width: 620px;
	margin: 0 auto;
	position: relative;
}
#movie_image_01 {
	width: 550px;
	margin: 0 auto;
	position: relative;
	padding-top: 0px;
	padding-bottom: 70px;
}
#movie_image_02 { width: 620px; margin: 0 auto; }
#movie_image_03 { width: 620px; margin: 0 auto; }


#movie_line { width: 800px; margin: 0 auto; position: relative; color: #000;}


#gc { position: absolute; top: 49px; left: 45px; color: #FFF; }

#banner01 { width: 174px; position: absolute; bottom: 0px; left: 50px; color: #FFF; }
#banner02 { width: 174px; position: absolute; bottom: 0px; left: 231px; color: #FFF; }
#banner03 { width: 174px; position: absolute; bottom: 0px; left: 412px; color: #FFF; }
#banner04 { width: 174px; position: absolute; bottom: 0px; left: 593px; color: #FFF; }
#banner05 { width: 174px; position: absolute; bottom: 0px; left: 774px; color: #FFF; }

#footer_bg { background-image: url(../img/footer_bg.jpg); background-repeat: repeat-x; background-position: center top; background-color: #333; }
#footer_layout { height: 200px; width: 1000px; margin: 0 auto; position: relative; }

#apo { position: absolute; left: 40px; top: 2px; height: 65px; width: 360px; background-repeat: no-repeat; }
#apo_layout { height: 850px; width: 600px; background-image: url(../img/apology_bg.jpg); }
#apo_body01 { width: 460px; color:#000; position:absolute; top:80px; left: 70px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:17px;}
#apo_body02 { width:460px; color:#000; position:absolute; top:170px; left: 70px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:13px; line-height:140%;}
#apo_body03 { width:460px; color:#000; position:absolute; top:740px; left: 70px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:13px}

#upd_layout {
	height: 1600px;
	width: 600px;
	background-image: url(../img/upd_bg.jpg);
	background-repeat: repeat-x;
}
#upd_layout_02 {
	height: 2200px;
	width: 600px;
	background-image: url(../img/upd_bg2.jpg);
	background-repeat: repeat-x;
}


#upd_body01 { width: 480px; color:#000; position:absolute; top:80px; left: 60px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:19px;}
#upd_body02 { width:480px; color:#000; position:absolute; top:130px; left:60px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:13px; line-height:140%;}

#upd_body02_02 { width:480px; color:#000; position:absolute; top:80px; left:60px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:13px; line-height:140%;}

#upd_body04 {
	width: 480px;
	color: #000;
	position: absolute;
	left: 60px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 13px;
	line-height: 140%;
	bottom: 0px;
}
#updqr { padding:15px; background-color:#666; color: #FFF}


#nextupd { padding:15px; background-color:#CCC; }
#qr { margin:0 auto; width:148px;}
.st {font-size:14px;}
.st02 {font-size:16px; line-height:29px;}


#tgs { position: absolute; left: 40px; top: 2px; height: 75px; width: 420px; background-repeat: no-repeat; }
#tgs_link {
	position: absolute;
	left: 9px;
	top: 672px;
	height: 50px;
	width: 340px;
	background-repeat: no-repeat;
}
#tgs_layout { height: 750px; width: 610px; background-image: url(../img/tgs_page.jpg); }

#trial_layout { height: 800px; width: 700px; background-image: url(../img/trial_page.jpg); }
#trial_link { position: absolute; left: 50px; top: 560px; height: 98px; width: 481px; background-repeat: no-repeat; }

#sns { position: fixed; right: 0; top: 140px; width: 42px; z-index: 5000; }


#top_movie{ position: absolute; height: 158px; width: 240px; right: 40px; top: 300px; z-index: 2; background-image: url(../img/top_movie.png); }
#flashContent { width: 210px; height: 118px; background-image: url(movie.jpg); padding: 7px 0 0 15px; }
#flashContent a{ display: block; width: 210px; height: 118px; position: absolute; top: 5px; left: 15px; z-index: 500; background-image: url(../img/white.png); }
#flashContent a:hover{ background-image: url(../img/white.png); filter: alpha(opacity=50); opacity: 0.5; }