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

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
サイト共通
------------------------------ */
html{
}

body{
    background:#0e2267;
}

body#top{
	background:#0e2267;	
}

canvas{
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
}

h1,h2,h3{
text-indent:-10000px;
overflow:hidden;
}

p{
	position:relative;
	color:#6d595c;
	line-height:180%;
	margin:0 0 15px;
}

div#wrapper{
	width:100%;
	height:100%;
	position:relative;
	background: url(../images/common/body.png) repeat;
}

#top div#wrapper{
	background:none;	
}

div#contents{
	width:100%;
	position:relative;
	padding:102px 0 0;
	height:auto;
	min-height:780px;
}

div.contents_inside{
	width:980px;
	margin:0 auto 40px;
	position: relative;
}

div.title{
	width:100%;
	height:40px;
	padding:24px 0 20px;
	position:relative;
	background:#0e2267;
	margin:0 0 30px;
}

strong{
	color:#0e2267;
	font-weight:bold;	
}

/* ------------------------------
モーダル
------------------------------ */
.modal {
	position:fixed;
	display:none;
	z-index:9999;
	top:48%;
	left:50%;
	width:598px;
	height:322px;
	margin:-186px 0 0 -319px;
	padding:25px 20px;
	text-align:center;
	background:url(../images/top/modal_bg.png) no-repeat;
}

.modal p.notice{
	background:url(../images/top/modal_item.png) no-repeat;
	width:542px;
	height:214px;
	margin:0 auto 30px;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
}

.modal p { margin-bottom:20px; line-height:160%; color:#3a3a3a;}
.modal a { cursor:pointer; display:block;text-indent:-10000px;overflow:hidden; margin:0 5px}

div.modal_link{
	width:187px;
	height:47px;
	margin:0 auto;
}

.modal a.close_modal{
	background:url(../images/top/modal_link.png) no-repeat;
	float:left;
	width:69px;
	height:47px;
}
.modal a.close_modal:hover{
	background-position:0 -47px;
}

.modal a.leave_bt{
	background:url(../images/top/modal_link.png) no-repeat;
	float:right;
	width:54px;
	height:47px;
	background-position:-133px 0px;
}

.modal a.leave_bt:hover{
	background-position:-133px -47px;
}


/* ------------------------------
ヘッダー
------------------------------ */

#header{
	position:absolute;
	margin:0 auto -10px;
	height:112px;
	width:100%;
    background: url(../images/common/header_menu_bg.png) repeat-x;
	overflow:hidden;
	z-index:100;
}

body#top #header{
	background:none;
}

#header h1.header_title{
	position:absolute;
    background: url(../images/common/header_logo.png) no-repeat;
	width:228px;
	height:57px;
	text-indent:-10000px;
	overflow:hidden;
}

#header h1.header_title:hover{
    background: url(../images/common/header_logo.png) no-repeat 0 -57px;
}

#header h1.header_title a{
	width:228px;
	height:57px;
	display:block;
}

/* ------------------------------
メニュー
------------------------------ */

#menu{
    position:relative;
	width:980px;
	height:88px;
	margin:0 auto;
	padding-top: 24px;
}

div#menu ul#navigation{
	width:702px;
	height:54px;
	position:relative;
	overflow:hidden;
	float:right;
}

div#menu ul#navigation li{
	position:relative;
	float:left;
	display:block;
	height:54px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/common/header_menu.png) no-repeat;
}

div#menu ul#navigation li a{
	display:block;
	height:54px;
	text-indent:-10000px;
	overflow:hidden;
}

div#menu ul#navigation li#m_story{
	width:62px;
	background-position:0 0;
}

div#menu ul#navigation li#m_story:hover{
	background-position:0 -54px;
}

div#menu ul#navigation li#m_story a{
	width:62px;
}

div#menu ul#navigation li#m_world{
	width:67px;
	background-position:-84px 0;
	left:22px;
}

div#menu ul#navigation li#m_world:hover{
	background-position:-84px -54px;
}

div#menu ul#navigation li#m_world a{
	width:67px;
}

div#menu ul#navigation li#m_character{
	width:114px;
	background-position:-175px 0;
	left:46px;
}

div#menu ul#navigation li#m_character:hover{
	background-position:-175px -54px;
}

div#menu ul#navigation li#m_character a{
	width:114px;
}

div#menu ul#navigation li#m_gallery{
	width:85px;
	background-position:-312px 0;
	left:69px;
}

div#menu ul#navigation li#m_gallery:hover{
	background-position:-312px -54px;
}

div#menu ul#navigation li#m_gallery a{
	width:85px;
}

div#menu ul#navigation li#m_download{
	width:107px;
	background-position:-420px 0;
	left:92px;
}

div#menu ul#navigation li#m_download:hover{
	background-position:-420px -54px;
}

div#menu ul#navigation li#m_download a{
	width:107px;
}

div#menu ul#navigation li#m_special{
	width:79px;
	background-position:-551px 0;
	left:116px;
}

div#menu ul#navigation li#m_special:hover{
	background-position:-551px -54px;
}

div#menu ul#navigation li#m_special a{
	width:79px;
}

div#menu ul#navigation li#m_spec{
	width:48px;
	background-position:-654px 0;
	left:140px;
}

div#menu ul#navigation li#m_spec:hover{
	background-position:-654px -54px;
}

div#menu ul#navigation li#m_spec a{
	width:48px;
}

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

div#footer{
	width:100%;
	background:#0e2267;
	height: auto;
    overflow: hidden;
    position: relative;
	padding:5px 0 10px;
}
#footer_inside{
	width:980px;
	margin:0 auto;
	padding:5px 0 10px;
}


#footer a#up_bt{
    background: url(../images/common/footer_up_bt.png) no-repeat;
    display: block;
    float: right;
    height: 51px;
    overflow: hidden;
    position:absolute;
    text-indent: -10000px;
    width: 51px;
    z-index: 20;
	right:10px;
	bottom: 12px;
}

#footer a#up_bt:hover{
    background: url(../images/common/footer_up_bt.png) no-repeat -0px -51px;
}

#footer_inside p.copy{
	color:#fff;
	font-size:83%;
	text-align:center;
	float:left;
	position:relative;
	top:32px;
}

#footer p.footer_logo{
	text-indent:-10000px;
	overflow:hidden;
	width:123px;
	height:47px;
	margin:0 18px 0 0;
	background:url(../images/common/footer_logo.png) no-repeat;
	float:left;
}

#footer p.footer_logo a{
	width:123px;
	height:47px;
	display:block;
}

div#footer div#social_bt{
	float:right;
    position: relative;
    top: 18px;
}


/* ------------------------------
トップ
------------------------------ */

#top h2{
	position:relative;
    background: url(../images/top/top_logo.png) no-repeat;
	width:544px;
	height:136px;
	margin:0 0 10px;
    float: right;
}

#top p.staff{
	position:relative;
    background: url(../images/top/top_staff.png) no-repeat;
	width:501px;
	height:66px;
	text-indent:-10000px;
	overflow:hidden;
	margin:0 18px 20px 0;
    float: right;
}

#top h3{
	position:relative;
    background: url(../images/top/top_date.png) no-repeat;
	width:500px;
	height:100px;
	margin:0 16px 0px 0;
    float: right;
}

#top div.contents_inside{
	margin:0 auto 20px;	
}

#top #top_info{
	width:100%;
	position:relative;
    background: url(../images/top/info_bg.png) repeat-x top center;
	height:auto;
	overflow-y:hidden;
	padding:10px 0 15px;
}


#top #top_info div.info_inside{
	width:980px;
	margin:0 auto 0;
	position: relative;
    background: url(../images/top/info_inside.png) repeat-x top center;
	padding:15px 0 0;
}

#top div#contents{
	min-height:320px;	
}

#top div.news{
	position:relative;
	margin:0 0 10px;
}

#top div.news span.news_date{
	color:#0e2267;
	font-weight:bold;
}

#top div.banner{
	
}

#top div.banner li{
	float:left;
	width:183px;
	height:100px;
	margin-right:16px;
	display:block;
}

#top div.banner li a{
	width:183px;
	height:100px;
	display:block;
}

#top div.banner li.end{
	margin-right:0px;	
}

/* ------------------------------
ストーリー
------------------------------ */
#story{}

#story #contents{
    background: url(../images/story/story_bg.png) no-repeat top center;
	height:100%;
}

#story h2{
	position:relative;
    background: url(../images/story/story_catch.png) no-repeat;
	width:953px;
	height:773px;
	margin:0 auto 60px;
}

#story h3{
	position:relative;
    background: url(../images/story/story_title.png) no-repeat;
	width:954px;
	height:25px;
	margin:0 auto 20px;
}

#story div.story_left{
	position:relative;
	width:480px;
	float:left;	
}

#story div.story_right{
	position:relative;
	width:480px;
	float:right;	
}

#story #contents2{
    background: url(../images/story/concept_bg.png) no-repeat top center;
	height:100%;
	padding:20px 0 200px;
}

#story #contents2 h4{
	text-indent:-10000px;
	overflow:hidden;
	width:980px;
	height:155px;
	position:relative;
	margin:0 auto 80px;
}

#story h3.concept_title{
    background: url(../images/story/concept_title.png) no-repeat;
	margin:0 auto 80px;
}


#story #contents2 h4.concept1{
    background: url(../images/story/concept_item1.png) no-repeat;
}

#story #contents2 h4.concept2{
    background: url(../images/story/concept_item2.png) no-repeat;
}
#story #contents2 h4.concept3{
    background: url(../images/story/concept_item3.png) no-repeat;
}
/* ------------------------------
キャラクター
------------------------------ */
#character{}

#character div.character_menu{
	width:100%;
	height:83px;
	padding:20px 0 20px;
	position:relative;
	background:#0e2267;
	margin:0 0 10px;
}

#character div.character_menu_inside{
	width:853px;
	margin:0 auto;
	height:93px;
	position:relative;
    background: url(../images/character/character_menu.png) no-repeat;
}

#character div.character_menu_inside_item{
	top:29px;
	position:relative;
}

#character div.character_menu_inside_item div{
	height:56px;
}

#character div.character_menu_inside_item div img{
	width:56px;
	height:56px;
	display:block;
	cursor:pointer;
}

#character div.character_menu_inside_item div#ch_menu01{
	left: 211px;
    position: relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu02{
	left:230px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu03{
	left:249px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu04{
	left:268px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu05{
	left:287px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu06{
	left:367px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu07{
	left:386px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu08{
	left:405px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu09{
	left:-447px;
	position:relative;
    width: 56px !important;
}

#character div.character_menu_inside_item div#ch_menu10{
	left:-429px;
	position:relative;
    width: 56px !important;
}

#character div.character_inside{
	width:980px;
	margin:0 auto 0px;	
}

#character h3{
	position:relative;
	float:left;
}

#character div.bg{
	position:absolute;
}

#character div.ch_text{
	width:468px;
	position:relative;
	float:right;
	margin:80px 0 0px;
}

#character div.ch_text div.cv{
	text-indent:-10000px;
	overflow:hidden;
	padding-left:78px;
    background: url(../images/character/item_cv.png) no-repeat left top;
	margin:0 0 20px;
}

#character div.ch_text ul.cos{
	padding-left:78px;
    background: url(../images/character/item_cos.png) no-repeat left top;
	margin:-60px 0 60px;
}

#character div.ch_text ul.cos li{
	width:59px;
	height:22px;
	position:relative;
	float:left;
	margin-right:20px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}

#character div.ch_text ul.cos li.uni{
    background: url(../images/character/uni_bt.png) no-repeat;
}

#character div.ch_text ul.cos li.uni:hover{
    background: url(../images/character/uni_bt.png) no-repeat 0 -22px;
}

#character div.ch_text ul.cos li.cloth{
    background: url(../images/character/cloth_bt.png) no-repeat;
}

#character div.ch_text ul.cos li.cloth:hover{
    background: url(../images/character/cloth_bt.png) no-repeat 0 -22px;
}

#character div.ch_text ul.cos li.swim{
    background: url(../images/character/swim_bt.png) no-repeat;
}

#character div.ch_text ul.cos li.swim:hover{
    background: url(../images/character/swim_bt.png) no-repeat 0 -22px;
}

#character div.ch_text ul.cos li a{
	width:59px;
	height:44px;
	display:block;
}

#character div.ch_text ul.voice{
	padding-left:78px;
    background: url(../images/character/item_voice.png) no-repeat left top;
	margin:0 0 90px;
}

#character div.ch_text ul.voice li{
	width:27px;
	height:22px;
	position:relative;
	float:left;
	margin-right:20px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
    background: url(../images/character/n_voice_bt.png) no-repeat;
}

#character div.ch_text ul.voice li:hover{
    background: url(../images/character/n_voice_bt.png) no-repeat 0 -22px;
}

#character div.ch_text ul.voice li.h_voice{
    background: url(../images/character/h_voice_bt.png) no-repeat;
}

#character div.ch_text ul.voice li.h_voice:hover{
    background: url(../images/character/h_voice_bt.png) no-repeat 0 -22px;;
}


#character div.ch_text ul.voice li a{
	width:27px;
	height:22px;
	display:block;
}

#character div.ch_text ul.prof{
	margin:0 0 40px;
}

#character div.ch_text ul.prof li{
	margin-bottom:10px;
	display:block;
	height:19px;
	color:#6d595c;
	position:relative;
	padding-left:78px;
}

#character div.ch_text ul.prof li.height{
    background: url(../images/character/item_height.png) no-repeat left top;
}

#character div.ch_text ul.prof li.size{
    background: url(../images/character/item_size.png) no-repeat left top;
}

#character div.ch_text ul.prof li.belong{
    background: url(../images/character/item_belong.png) no-repeat left top;
}

#character div.ch_text ul.prof li.skill{
    background: url(../images/character/item_skill.png) no-repeat left top;
}

#character div.ch_text ul.prof li.like{
    background: url(../images/character/item_like.png) no-repeat left top;
}

#character div.ch_text ul.prof li.weak{
    background: url(../images/character/item_weak.png) no-repeat left top;
}

#character div#ch01{
	min-height:950px;
}

#character div#ch01 div.bg img{
	display: block;
    left: -50px;
    position: relative;
    top: -67px;
    width: 734px;
}

#character div#ch01 p.actor{
	width:62px;
	height:18px;
	position:relative;
    background: url(../images/character/ch01_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch01 h2{
    background: url(../images/character/ch01_name.png) no-repeat;
	width:241px;
	height:70px;
	margin:0 0 30px;
}

#character div#ch01 h3{
    background: url(../images/character/ch01_catch.png) no-repeat;
	width:43px;
	height:491px;
	margin-left: 100px;
    top: 80px;
}

#character div#ch02{
	min-height:950px;
}

#character div#ch02 div.bg img{
	display: block;
    left: 120px;
    position: relative;
    top: 0;
    width: 369px;
}


#character div#ch02 p.actor{
	width:85px;
	height:18px;
	position:relative;
    background: url(../images/character/ch02_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch02 h2{
    background: url(../images/character/ch02_name.png) no-repeat;
	width:245px;
	height:69px;
	margin:0 0 30px;
}

#character div#ch02 h3{
    background: url(../images/character/ch02_catch.png) no-repeat;
	width:44px;
	height:845px;
	margin-left: 100px;
    top: 40px;
}

#character div#ch03{
	min-height:950px;
}

#character div#ch03 div.bg img{
	display: block;
    left: 104px;
    position: relative;
    top: 0;
    width: 421px;
}

#character div#ch03 p.actor{
	width:110px;
	height:18px;
	position:relative;
    background: url(../images/character/ch03_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch03 h2{
    background: url(../images/character/ch03_name.png) no-repeat;
	width:382px;
	height:66px;
	margin:0 0 30px;
}

#character div#ch03 h3{
    background: url(../images/character/ch03_catch.png) no-repeat;
	width:85px;
	height:647px;
	margin-left: 100px;
    top: 60px;
}

#character div#ch04{
	min-height:950px;
}

#character div#ch04 div.bg img{
	display: block;
    left: 42px;
    position: relative;
    top: 0;
    width: 564px;
}

#character div#ch04 p.actor{
	width:108px;
	height:18px;
	position:relative;
    background: url(../images/character/ch04_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch04 h2{
    background: url(../images/character/ch04_name.png) no-repeat;
	width:194px;
	height:69px;
	margin:0 0 30px;
}

#character div#ch04 h3{
    background: url(../images/character/ch04_catch.png) no-repeat;
	width:85px;
	height:772px;
	margin-left: 100px;
    top: 70px;
}

#character div#ch05{
	min-height:950px;
}

#character div#ch05 div.bg img{
	display: block;
    left: 3px;
    position: relative;
    top: -81px;
    width: 576px;
}

#character div#ch05 p.actor{
	width:130px;
	height:17px;
	position:relative;
    background: url(../images/character/ch05_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch05 h2{
    background: url(../images/character/ch05_name.png) no-repeat;
	width:195px;
	height:70px;
	margin:0 0 30px;
}

#character div#ch05 h3{
    background: url(../images/character/ch05_catch.png) no-repeat;
	width:85px;
	height:846px;
	margin-left: 100px;
    top: 60px;
}

#character div#ch06{
    background: url(../images/character/ch07_img.png) no-repeat 204px 230px;
	min-height:950px;
}

#character div#ch06 h2{
    background: url(../images/character/ch07_name.png) no-repeat;
	width:247px;
	height:69px;
	margin:0 0 30px;
}

#character div#ch06 h3{
    background: url(../images/character/ch07_catch.png) no-repeat;
	width:44px;
	height:643px;
	margin-left: 100px;
    top: 80px;	
}

#character div#ch07{
    background: url(../images/character/ch06_img.png) no-repeat -136px 80px;
	min-height:950px;
}

#character div#ch07 p.actor{
	width:62px;
	height:18px;
	position:relative;
    background: url(../images/character/ch06_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch07 h2{
    background: url(../images/character/ch06_name.png) no-repeat;
	width:86px;
	height:66px;
	margin:0 0 30px;
}

#character div#ch07 h3{
    background: url(../images/character/ch06_catch.png) no-repeat;
	width:43px;
	height:703px;
	margin-left: 100px;
    top: 60px;
}

#character div#ch08{
    background: url(../images/character/ch08_img.png) no-repeat 166px 0;
	min-height:950px;
}

#character div#ch08 p.actor{
	width:86px;
	height:18px;
	position:relative;
    background: url(../images/character/ch08_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch08 h2{
    background: url(../images/character/ch08_name.png) no-repeat;
	width:190px;
	height:70px;
	margin:0 0 30px;
}

#character div#ch08 h3{
    background: url(../images/character/ch08_catch.png) no-repeat;
	width:44px;
	height:643px;
	margin-left: 100px;
    top: 60px;
}

#character div#ch09{
    background: url(../images/character/ch09_img.png) no-repeat 74px 0;
	min-height:950px;
}

#character div#ch09 p.actor{
	width:108px;
	height:18px;
	position:relative;
    background: url(../images/character/ch09_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch09 h2{
    background: url(../images/character/ch09_name.png) no-repeat;
	width:189px;
	height:70px;
	margin:0 0 30px;
}

#character div#ch09 h3{
    background: url(../images/character/ch09_catch.png) no-repeat;
	width:44px;
	height:730px;
	margin-left: 100px;
    top: 30px;
}

#character div#ch10{
    background: url(../images/character/ch10_img.png) no-repeat 136px 0;
	min-height:950px;
}

#character div#ch10 p.actor{
	width:41px;
	height:18px;
	position:relative;
    background: url(../images/character/ch10_cv.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch10 h2{
    background: url(../images/character/ch10_name.png) no-repeat;
	width:199px;
	height:70px;
	margin:0 0 30px;
}

#character div#ch10 h3{
    background: url(../images/character/ch10_catch.png) no-repeat;
	width:44px;
	height:730px;
	margin-left: 100px;
    top: 30px;
}


/* ------------------------------
ギャラリー
------------------------------ */
#gallery h2{
	position:relative;
    background: url(../images/gallery/gallery_title.png) no-repeat;
	width:78px;
	height:38px;
	margin:0 auto;
}

#gallery ul#gallery_list{
	width:980px;
	height:580px;
	background:url(../images/gallery/gallery_img.png) no-repeat;
	margin:0 auto;
}

#gallery ul#gallery_list li{
	width:230px;
	height:130px;
	background:url(../images/gallery/gallery_img.png) no-repeat;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
	margin-right:20px;
	margin-bottom:20px;
	display:block;
}

#gallery ul#gallery_list li.end{
	margin-right:0px;
}

#gallery ul#gallery_list li a{
	width:230px;
	height:130px;
	display:block;
}

#gallery ul#gallery_list li#g01{
	background-position:0 -580px;	
}

#gallery ul#gallery_list li#g02{
	background-position:-250px -580px;	
}

#gallery ul#gallery_list li#g03{
	background-position:-500px -580px;	
}

#gallery ul#gallery_list li#g04{
	background-position:-750px -580px;	
}

#gallery ul#gallery_list li#g05{
	background-position:0 -730px;	
}

#gallery ul#gallery_list li#g06{
	background-position:-250px -730px;	
}

#gallery ul#gallery_list li#g07{
	background-position:-500px -730px;	
}

#gallery ul#gallery_list li#g08{
	background-position:-750px -730px;	
}

#gallery ul#gallery_list li#g09{
	background-position:0 -880px;	
}

#gallery ul#gallery_list li#g10{
	background-position:-250px -880px;	
}

#gallery ul#gallery_list li#g11{
	background-position:-500px -880px;	
}

#gallery ul#gallery_list li#g12{
	background-position:-750px -880px;	
}

#gallery ul#gallery_list li#g13{
	background-position:0 -1030px;	
}

#gallery ul#gallery_list li#g14{
	background-position:-250px -1030px;	
}

#gallery ul#gallery_list li#g15{
	background-position:-500px -1030px;	
}

#gallery ul#gallery_list li#g16{
	background-position:-750px -1030px;	
}



/* ------------------------------
ワールド
------------------------------ */
#world h2{
	position:relative;
    background: url(../images/world/world_title.png) no-repeat;
	width:64px;
	height:39px;
	margin:0 auto;
}

#world h3{
	position:relative;
    background: url(../images/world/world_item.png) no-repeat;
	width:980px;
	height:598px;
	margin:0 auto 20px;
}

#world ul.world_list{
	width:980px;
	height:355px;
	background:url(../images/world/world_item_etc.png) no-repeat top;
	position:relative;
}

#world ul.world_list li{
	width:235px;
	height:169px;
	float:left;
	display:block;
	background:url(../images/world/world_item_etc.png) no-repeat;
	text-indent:-10000px;
	position:relative;
	overflow:hidden;
}

#world ul.world_list li a{
	width:235px;
	height:169px;
	display:block;
}

#world ul.world_list li#w01{
	background-position:0 -355px;	
}

#world ul.world_list li#w02{
	background-position:-248px -355px;
	left:13px;
}

#world ul.world_list li#w03{
	background-position:-497px -355px;
	left:27px;
}

#world ul.world_list li#w04{
	background-position:-745px -355px;
	left:40px;
}

#world ul.world_list li#w05{
	background-position:0 -541px;
	top:17px;
}

#world ul.world_list li#w06{
	background-position:-248px -541px;
	left:13px;
	top:17px;
}

#world ul.world_list li#w07{
	background-position:-497px -541px;
	left:27px;
	top:17px;
}

#world ul.world_list li#w08{
	background-position:-745px -541px;
	left:40px;
	top:17px;
}

#world p.map_item{
	position:relative;
    background: url(../images/world/world_item_etc.png) no-repeat;
	width:980px;
	height:355px;
	text-indent:-10000px;
	overflow:hidden;
	margin:0 auto;
}

/* ------------------------------
スペシャル
------------------------------ */

#special h4{
	position:relative;
    background: url(../images/special/event_title.png) no-repeat;
	width:90px;
	height:38px;
	margin:0 auto;
}

#special div.special_event05{
	position:relative;
	float:right;
	width:950px;
	height:1344px;
    background: url(../images/special/event05.png) no-repeat;
	margin:0 0 50px;
}

#special div.special_event04{
	position:relative;
	float:right;
	width:950px;
	height:850px;
    background: url(../images/special/event04.png) no-repeat;
	margin:0 0 50px;
}


#special h3{
	position:relative;
    background: url(../images/special/op_title.png) no-repeat;
	width:149px;
	height:38px;
	margin:0 auto;
}

#special ul.movie_op li{
	width:950px;
	height:534px;
	position:relative;
	display:block;
	float:left;
	margin:0px 15px 50px;	
}

#special h2{
	position:relative;
    background: url(../images/special/teaser_title.png) no-repeat;
	width:139px;
	height:38px;
	margin:0 auto;
}

#special ul.movie li{
	width:460px;
	height:260px;
	position:relative;
	display:block;
	float:left;
	margin:0px 15px 20px;
}

/* ------------------------------
スペック
------------------------------ */
#spec h2{
	position:relative;
    background: url(../images/spec/spec_title.png) no-repeat;
	width:59px;
	height:38px;
	margin:0 auto;
}

#spec h3{
	
}

#spec div.info{
	margin:0 0 50px;
	position:relative;	
}

#spec ul.info_left{
	width:490px;
	float:left;
	position:relative;	
}

#spec ul.info_right{
	width:490px;
	float:left;
	position:relative;	
}

#spec div.info li{
	padding-left:120px;
	line-height:260%;
	color:#0e2267;
	font-size:22px;
	background-position:left;
	background-repeat:no-repeat;
}

#spec li#brand{
    background-image: url(../images/spec/item_brand.png);
}

#spec li#cpu{
    background-image: url(../images/spec/item_cpu.png);
}

#spec li#design{
    background-image: url(../images/spec/item_design.png);
}

#spec li#directx{
    background-image: url(../images/spec/item_directx.png);
}

#spec li#etc{
    background-image: url(../images/spec/item_etc.png);
}

#spec li#hdd{
    background-image: url(../images/spec/item_hdd.png);
}

#spec li#illust{
    background-image: url(../images/spec/item_illust.png);
}

#spec li#media{
    background-image: url(../images/spec/item_media.png);
}

#spec li#memory{
    background-image: url(../images/spec/item_memory.png);
}

#spec li#monitor{
    background-image: url(../images/spec/item_monitor.png);
}

#spec li#os{
    background-image: url(../images/spec/item_os.png);
}

#spec li#price{
    background-image: url(../images/spec/item_price.png);
}

#spec li#product{
    background-image: url(../images/spec/item_product.png);
}

#spec li#reserve{
    background-image: url(../images/spec/item_reserve.png);
}

#spec li#sale{
    background-image: url(../images/spec/item_sale.png);
}

#spec li#scenario{
    background-image: url(../images/spec/item_scenario.png);
}

#spec li#sound{
    background-image: url(../images/spec/item_sound.png);
}

#spec li#video{
    background-image: url(../images/spec/item_video.png);
}

#spec li#vram{
    background-image: url(../images/spec/item_vram.png);
}

/* ------------------------------
予約特典
------------------------------ */

#reserved h2{
	position:relative;
    background: url(../images/reserved/campaign_title.png) no-repeat;
	width:95px;
	height:37px;
	margin:0 auto;
}

#reserved h3.reserved_topics{
	position:relative;
    background: url(../images/reserved/reserved_topics.png) no-repeat;
	width:408px;
	height:137px;
	margin:80px 0 30px;
}

#reserved div.reserved_text{
	position:relative;
	float:left;
	width:480px;
}

#reserved div.reserved_text p.date{
	font-size:132%;	
}

#reserved div.reserved_img{
	position:relative;
	float:right;
	width:400px;
	height:567px;
    background: url(../images/reserved/sign_img.png) no-repeat;
	margin:0 0 50px;
}

#reserved ul.shop_list{
	background:url(../images/reserved/map_list.png) no-repeat;
	height:397px;
	width:438px;
	position:relative;
}

#reserved ul.shop_list li{
	width:438px;
	height:25px;
	position:relative;
	display:block;
	margin-bottom:9px;
}

#reserved ul.shop_list li a{
	width:438px;
	height:25px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}


#reserved td{
	font-size:86%;
	padding:4px 8px;
}

#reserved table.shop_zone strong{
	color:#895f5b;	
}

#reserved table.shop_zone tr{
    background-color: #FFFFFF;
}

#reserved table.shop_zone tr.campaign{
    background-color: #fcedd0;
}

#reserved table.shop_zone td{
	border:1px solid #dadada;
	padding:5px 5px 5px 10px;
	color:#895f5b;
}


/* ------------------------------
店舗特典
------------------------------ */

#bonus h2{
	position:relative;
    background: url(../images/bonus/bonus_title.png) no-repeat;
	width:65px;
	height:38px;
	margin:0 auto;
}

#bonus h3.topics1{
	position:relative;
    background: url(../images/bonus/bonus_topics1.png) no-repeat;
	width:233px;
	height:22px;
	margin:30px auto 40px;
}

#bonus h3.topics2{
	position:relative;
    background: url(../images/bonus/bonus_topics2.png) no-repeat;
	width:233px;
	height:22px;
	margin:30px auto 40px;
}


#bonus ul#privilege_list{
	
}


#bonus ul#privilege_list li{
	width:965px;
	margin:0 auto 20px;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
	height:518px;
}

#bonus ul#privilege_list li#p_sofmap{
    background: url(../images/bonus/shop_sofmap.png) no-repeat;
	height:738px;
}

#bonus ul#privilege_list li#p_getchu{
    background: url(../images/bonus/shop_getchu.png) no-repeat;
	height:688px;
}

#bonus ul#privilege_list li#p_amazon{
    background: url(../images/bonus/shop_amazon.png) no-repeat;
}

#bonus ul#privilege_list li#p_goodwill{
    background: url(../images/bonus/shop_goodwill.png) no-repeat;
}

#bonus ul#privilege_list li#p_medio{
    background: url(../images/bonus/shop_medio.png) no-repeat;
}

#bonus ul#privilege_list li#p_melon{
    background: url(../images/bonus/shop_melon.png) no-repeat;
}

#bonus ul#privilege_list li#p_trader{
    background: url(../images/bonus/shop_trader.png) no-repeat;
}

#bonus ul#privilege_list li#p_wind{
    background: url(../images/bonus/shop_wind.png) no-repeat;
}


#bonus ul#privilege_list p.shop{
	float:left;
	color:#fff;
	text-indent:0px;
	font-size:106%;
	position:relative;
	margin-left: 33px;
	top: 12px;
}

#bonus ul#privilege_list a.shop_link{
	float:right;
	height:29px;
	width:259px;
	display:block;
    background: url(../images/bonus/shop_link_bt.png) no-repeat;
	position:relative;
	top: 10px;
	margin-right: 8px;
}


#bonus ul#original_list{
	
}


#bonus ul#original_list li{
	width:460px;
	margin:0 10px 20px;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
	height:252px;
	float:left;
}

#bonus ul#original_list p.shop{
	float:left;
	color:#fff;
	text-indent:0px;
	font-size:106%;
	position:relative;
	margin-left: 13px;
	top: 12px;
}

#bonus ul#original_list li#o_otakara p.shop{
	top: 6px;
	line-height: 140%;
}

#bonus ul#original_list li#o_comroad p.shop{
	top: 6px;
	line-height: 140%;
}

#bonus ul#original_list a.shop_link{
	float:right;
	height:29px;
	width:259px;
	display:block;
    background: url(../images/bonus/shop_link_bt.png) no-repeat;
	position:relative;
	top: 10px;
	margin-right: 8px;
}

#bonus ul#original_list li#o_amiami{
    background: url(../images/bonus/original_amiami.png) no-repeat;
}

#bonus ul#original_list li#o_fammys{
    background: url(../images/bonus/original_fammys.png) no-repeat;
}

#bonus ul#original_list li#o_alice{
    background: url(../images/bonus/original_alice.png) no-repeat;
}

#bonus ul#original_list li#o_bookmate{
    background: url(../images/bonus/original_bookmate.png) no-repeat;
}

#bonus ul#original_list li#o_comroad{
    background: url(../images/bonus/original_comroad.png) no-repeat;
}

#bonus ul#original_list li#o_furukawa{
    background: url(../images/bonus/original_furukawa.png) no-repeat;
}

#bonus ul#original_list li#o_lammtarra{
    background: url(../images/bonus/original_lammtarra.png) no-repeat;
}

#bonus ul#original_list li#o_mk{
    background: url(../images/bonus/original_mk.png) no-repeat;
}

#bonus ul#original_list li#o_nankaibooks{
    background: url(../images/bonus/original_nankaibooks.png) no-repeat;
}

#bonus ul#original_list li#o_otakara{
    background: url(../images/bonus/original_otakara.png) no-repeat;
}

#bonus ul#original_list li#o_prop{
    background: url(../images/bonus/original_prop.png) no-repeat;
}

#bonus ul#original_list li#o_seagull{
    background: url(../images/bonus/original_seagull.png) no-repeat;
}

#bonus ul#original_list li#o_takarajima{
    background: url(../images/bonus/original_takarajima.png) no-repeat;
}

#bonus ul#original_list li#o_visco{
    background: url(../images/bonus/original_visco.png) no-repeat;
}


/* ------------------------------
モーダル
------------------------------ */

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #fff;
}

.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	margin: 80px 0 20px -430px;
	
	text-align: center;
	z-index: 2000;
}

div.layer_board iframe{
	width:860px;
	height:484px;
	margin:0 auto 30px;
	position:relative;
	display:block;
}

/* ------------------------------
ダウンロード
------------------------------ */

#download h2{
	position:relative;
    background: url(../images/download/trial_title.png) no-repeat;
	width:52px;
	height:39px;
	margin:0 auto;
}

#download div.trial_contents {
    margin: 0 0 30px;
    position: relative;
}
#download img.trial_img {
    display: block;
    height: 467px;
    margin: 0 auto 20px;
    position: relative;
    width: 830px;
}
#download div.trial_info {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #0e2267;
    padding: 20px 20px 0;
}
#download div.trial_inside table {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #0e2267;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto -1px;
    position: relative;
    width: 980px;
}
#download div.trial_inside td {
    border: 1px dotted #0e2267;
    font-size: 120%;
    line-height: 180%;
    padding: 18px 15px 18px 22px;
    position: relative;
    vertical-align: top;
}
#download div.trial_inside td.topics {
    color: #00aaf9;
    font-weight: bold;
}
#download div.trial_inside td a {
    color: #0e2267;
}
#download div.trial_inside td a:hover {
    color: #fe5bb8;
}
#download a.dl_bt {
    background: url(../images/download/dl_bt.png) no-repeat;
    display: block;
    height: 26px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -10000px;
    width: 133px;
}
#download a.dl_bt:hover {
    background-position: 0 -26px;
}
#download div.trial_inside {
    margin: 0 auto 35px;
    position: relative;
}
#download div.trial_inside p {
    margin: 0 0 30px;
}
#download div.trial_inside ul {
    margin: 0 0 30px;
}
#download div.trial_inside li {
    color: #fe5bb8;
    line-height: 170%;
}
#download div.trial_inside li strong {
    margin-right: 5px;
}
#download div.trial_inside h4 {
    color: #0e2267;
    font-size: 142%;
    margin: 0 0 6px;
    overflow: visible;
    text-indent: 0;
}