@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{
	color: #4a4a4a;
}

body#top{
  background: url(../images/top/top_bg.jpg) center center / cover no-repeat fixed;
}

body#story{
  background: url(../images/story/story_bg.jpg) center center / cover no-repeat fixed;
}

body#special{
  background: url(../images/special/special_bg.jpg) center center / cover no-repeat fixed;
}

body#spec{
  background: url(../images/spec/spec_bg.jpg) center center / cover no-repeat fixed;
}

body#download{
  background: url(../images/download/download_bg.jpg) center center / cover no-repeat fixed;
}

body#character{
  background: url(../images/character/ch_bg.jpg) center center / cover no-repeat fixed;
}

canvas{
}

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

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

div#wrapper{
}

#top div#wrapper{
}

div#contents{
}

div.contents_inside{
	width:982px;
	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:608px;
	height:368px;
	margin:-209px 0 0 -324px;
	padding:25px 20px;
	text-align:center;
	background:url(../images/top/modal.png) no-repeat;
}

div.modal_link{
	width:277px;
	height:52px;
	margin:0 auto;
	position: relative;
	top: 282px;
}

div.modal_link a{
	display: block;
	text-indent:-10000px;
	overflow:hidden;
}

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

.modal a.leave_bt{
	background:url(../images/top/modal_bt.png) no-repeat;
	float:right;
	width:96px;
	height:52px;
	background-position:-181px 0px;
}

.modal a.leave_bt:hover{
	background-position:-181px -52px;
}


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

#header{
	position:relative;
	margin:0 auto 40px;
	height:98px;
	width:100%;
    background: url(../images/common/menu_bg.png) repeat-x bottom;
	z-index:100;
}

body#top #header{
	background:none;
}

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

#header h1.header_title:hover{
}

#header h1.header_title a{
	width:255px;
	height:99px;
	display:block;
}

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

#menu{
    position:relative;
	width:982px;
	height:27px;
	margin:0 auto;
	padding-top: 32px;
}

#top div#menu {
	width: auto;
	margin: 0 0;
}

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

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

#top div#menu ul#navigation li{
	background:url(../images/top/menu_top.png) no-repeat;
}

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

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

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


div#menu ul#navigation li#m_character{
	width:144px;
	background-position:-95px 0;
}

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


div#menu ul#navigation li#m_download{
	width:144px;
	background-position:-239px 0;
}

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

div#menu ul#navigation li#m_special{
	width:115px;
	background-position:-383px 0;
}

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

div#menu ul#navigation li#m_spec{
	width:81px;
	background-position:-498px 0;
}

div#menu ul#navigation li#m_spec:hover{
}

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

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

div#footer{
	width:100%;
	height: auto;
    overflow: hidden;
    position: relative;
	padding:5px 0 10px;
}
#footer_inside{
	width:982px;
	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:#6a6a6a;
	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{
}

#top h2{
	position:relative;
    background: url(../images/top/top_logo.png) no-repeat;
	width:591px;
	height:231px;
	margin:0 auto 20px;
}

#top p.staff{
	position:relative;
    background: url(../images/top/top_staff.png) no-repeat;
	width:408px;
	height:108px;
	text-indent:-10000px;
	overflow:hidden;
	margin:0 auto 65px;
}

#top h3{
	position:relative;
    background: url(../images/top/top_date.png) no-repeat;
	width:491px;
	height:49px;
	margin:0 auto 50px;
}

#top div#top_contents{
	margin: 0 auto 380px;
}

#top div#top_contents div#header{
	
}

#top div.top_contents_inside{
	float: right;
	width:600px;
	margin-right: 4%;
}

#top div.top_contents_inside a.scroll_link{
	padding-top: 60px;
	z-index: 2;
	display: block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 80%;
	opacity: 0.6;
	margin-left: 278px;
}

#top div.top_contents_inside a.scroll_link span{
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 1px solid rgba(256,256,256,0.8);
	border-radius: 50px;
	box-sizing: border-box;
}

#top div.top_contents_inside a.scroll_link span::before{
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


#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:984px;
	margin:0 auto 0;
	position: relative;
}

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

#top div#footer_contents{
	width: 100%;
    background: url(../images/top/top_footer_bg.png) repeat-x top center;
	padding: 80px 0 20px;
}

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

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

#top div.banner{
	margin: 0 0 35px;
}

#top div.banner li{
	float:left;
	display:block;
	margin-right: 13px;
    margin-bottom: 7px;
}

#top div.banner li.banner_m{
	margin-right: 8px;
}

#top div.banner li.banner_l{
	margin-right: 8px;
}

#top div.banner li.new span{
	display: block;
	position: absolute;
    background: url(../images/top/banner_new_icon.png) no-repeat;
	width: 58px;
	height: 58px;
	z-index: 10;
	margin-top: 2px;
}

#top div.banner li.banner_m span{
	margin-left: 427px;
}

#top div.banner li.banner_l span{
	margin-left: 427px;
}

#top div.banner li.banner_s span{
	margin-left: 174px;
}

#top div.banner li a{
	display:block;
}

#top div.banner li.banner_m{
	width:488px;
	height: 353px;
}

#top div.banner li.banner_l{
	width:980px;
	height: 694px;
}

#top div.banner li.banner_m a{
	width:488px;
	height: 353px;
}

#top div.banner li.banner_l a{
	width:980px;
	height: 650px;
}

#top div.banner li.banner_s{
	width:235px;
	height: 173px;
}

#top div.banner li.banner_s a{
	width:235px;
	height: 173px;
}

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

#top div.news{
	width: 976px;
	margin: 0 auto 20px;
	padding-top: 32px;
    background: url(../images/top/top_info_title.png) no-repeat top center;
}

#top div.news ul{}

#top div.news ul li{
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom: 1px #a99080 dotted;
	line-height: 250%;
}

#top div.news ul li span.news_date{
	color: #a67556;
	font-weight: bold;
	margin-right: 5px;
}

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

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

#story div.contents_inside{
    background: url(../images/story/story_ch_bg.png) no-repeat;
	min-height: 1047px;
	background-position: 537px 154px;
}

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

#story h3{
	position:relative;
    background: url(../images/story/story_catch.png) no-repeat;
	width:746px;
	height:102px;
	margin:0 auto 30px;
}

#story p.story_text{
	position:relative;
    background: url(../images/story/story_text.png) no-repeat;
	width:885px;
	height:876px;
	margin:0 auto 40px;
	text-indent: -10000px;
	overflow: hidden;
}



/* ------------------------------
キャラクター
------------------------------ */

#character #ch_menu{
    position:relative;
	width:963px;
	height:68px;
	margin:0 auto 30px;
	padding-top: 32px;
}

#character #ch_menu h2.title{
	position:relative;
    background: url(../images/character/ch_title.png) no-repeat;
	width:131px;
	height:23px;
	float: left;
	top: 23px;
}

#character div#ch_menu ul#ch_menu_list{
	width:807px;
	height:68px;
	position:relative;
	overflow:hidden;
	float:right;
}

#character div#ch_menu ul#ch_menu_list li{
	position:relative;
	float:left;
	display:block;
	width:68px;
	height:68px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/character/ch_menu.png) no-repeat;
	margin-right:24px;
}

#character div#ch_menu ul#ch_menu_list li.end{
	margin-right:0px;
}

#character div#ch_menu ul#ch_menu_list li a{
	display:block;
	width:68px;
	height:68px;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch_menu ul#ch_menu_list li#ch01{
	background-position: 0 0;
}

#character div#ch_menu ul#ch_menu_list li#ch02{
	background-position: -89px 0;
}

#character div#ch_menu ul#ch_menu_list li#ch03{
	background-position: -178px 0;
}

#character div#ch_menu ul#ch_menu_list li#ch04{
	background-position: -267px 0;
}

#character div#ch_menu ul#ch_menu_list li#ch05{
	background-position: -356px 0;
}

#character div#ch_menu ul#ch_menu_list li#ch06{
	background-position: -445px 0;
}

#character div#ch_menu ul#ch_menu_list li#ch07{
	background-position: -534px 0;
}

#character div#ch_menu ul#ch_menu_list li#ch08{
	background-position: -623px 0;
}

#character div#ch_menu ul#ch_menu_list li#ch09{
	background-position: -712px 0;
}

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

#character div.ch_header{
	position: relative;
	width:100%;
	height:103px;
	-webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px; 
	-moz-border-radius-topleft: 6px;  
    -moz-border-radius-topright: 6px;
	z-index: 10;
}

#character div#ch01 div.ch_header{
	background:url(../images/character/ch01_header_bg.png) repeat-x;
}

#character div#ch02 div.ch_header{
	background:url(../images/character/ch02_header_bg.png) repeat-x;
}

#character div#ch03 div.ch_header{
	background:url(../images/character/ch03_header_bg.png) repeat-x;
}

#character div#ch04 div.ch_header{
	background:url(../images/character/ch04_header_bg.png) repeat-x;
}

#character div.sub_ch div.ch_header{
	background:url(../images/character/subch_header_bg.png) repeat-x;
}

#character div.ch_header p.catch{
	position: relative;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch01 div.ch_header p.catch{
	background:url(../images/character/ch01_serif.png) no-repeat;
	width: 464px;
	height: 62px;
	left: 463px;
    top: 20px;
}

#character div#ch02 div.ch_header p.catch{
	background:url(../images/character/ch02_serif.png) no-repeat;
	width: 376px;
	height: 61px;
	left: 463px;
    top: 20px;
}

#character div#ch03 div.ch_header p.catch{
	background:url(../images/character/ch03_serif.png) no-repeat;
	width: 471px;
	height: 61px;
	left: 463px;
    top: 20px;
}

#character div#ch04 div.ch_header p.catch{
	background:url(../images/character/ch04_serif.png) no-repeat;
	width: 445px;
	height: 61px;
	left: 463px;
    top: 20px;
}

#character div#ch05 div.ch_header p.catch{
	background:url(../images/character/ch05_serif.png) no-repeat;
	width: 247px;
	height: 52px;
	left: 226px;
    top: 20px;
}

#character div#ch06 div.ch_header p.catch{
	background:url(../images/character/ch06_serif.png) no-repeat;
	width: 301px;
	height: 52px;
	left: 178px;
    top: 20px;
}

#character div#ch07 div.ch_header p.catch{
	background:url(../images/character/ch07_serif.png) no-repeat;
	width: 253px;
	height: 72px;
	left: 218px;
    top: 14px;
}

#character div#ch08 div.ch_header p.catch{
	background:url(../images/character/ch08_serif.png) no-repeat;
	width: 277px;
	height: 24px;
	left: 192px;
    top: 37px;
}

#character div#ch09 div.ch_header p.catch{
	background:url(../images/character/ch09_serif.png) no-repeat;
	width: 233px;
	height: 72px;
	left: 214px;
    top: 13px;
}


#character div.ch_inside_contents{
	width:980px;
	height:490px;
	margin:-75px auto -30px;
	position: relative;
	padding-top: 95px;
}

#character div.sub_ch div.ch_inside_contents{
	width: 485px;
	height:350px;
}

#character div.sub_ch div.ch_inside_contents{
	margin:-75px auto -45px;
}

#character div.ch_inside_contents div.ch_img{
	width:460px;
	float:left;
}

#character div.sub_ch div.ch_inside_contents div.ch_img{
	width:200px;
	float:left;
}

#character div.ch_inside_contents div.ch_img div.bg{
	position: absolute;
    z-index: 15;
    top: 0;
    max-height: 616px;
    overflow: hidden;
    left: 70px;
}

#character div#ch03 div.ch_inside_contents div.ch_img div.bg{
	left: 7px;
}

#character div.sub_ch div.ch_inside_contents div.ch_img div.bg{
    left: 0px;
	max-height: 445px;
}

#character div#ch05 div.ch_inside_contents div.ch_img div.bg{
	left: -25px;
}

#character div.ch_inside_contents div.cos{
	position: relative;
	z-index: 16;
	width: 61px;
	height: auto;
	top: 330px;
    left: 24px;
}

#character div.ch_inside_contents div.cos ul{
	width: 23px;
	position: relative;
	left: 20px;
}

#character div.ch_inside_contents div.cos li{
	width:23px;
	height:23px;
	display: block;
	text-indent:-10000px;
	overflow:hidden;
	margin-bottom: 10px;
	cursor: pointer;
}

#character div.ch_inside_contents div.cos li a{
	width:23px;
	height:23px;
	display: block;
}

#character div.ch_inside_contents div.cos li.a_bt{
	background:url(../images/character/ch_cs_btA.png) no-repeat;
}

#character div.ch_inside_contents div.cos li.b_bt{
	background:url(../images/character/ch_cs_btB.png) no-repeat;
}

#character div.ch_inside_contents div.cos li.c_bt{
	background:url(../images/character/ch_cs_btC.png) no-repeat;
}

#character div.ch_inside_contents div.cos p{
	background:url(../images/character/ch_cs_text.png) no-repeat;
	width: 61px;
	height: 10px;
	position: relative;
	text-indent:-10000px;
	overflow:hidden;
}

#character div.ch_inside_contents div.ch_text{
	width:520px;
	float:right;
}

#character div.sub_ch div.ch_inside_contents div.ch_text{
	width:280px;
	float:right;
	position: relative;
	z-index: 25;
}


#character div.ch_inside_contents div.ch_text h3{
	margin:0 0 20px;
}

#character div#ch01 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch01_name.png) no-repeat;
	width: 261px;
	height: 114px;
	position: relative;
}

#character div#ch02 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch02_name.png) no-repeat;
	width: 165px;
	height: 114px;
	position: relative;
}

#character div#ch03 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch03_name.png) no-repeat;
	width: 304px;
	height: 114px;
	position: relative;
}

#character div#ch04 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch04_name.png) no-repeat;
	width: 209px;
	height: 114px;
	position: relative;
}

#character div#ch05 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch05_name.png) no-repeat;
	width: 169px;
	height: 110px;
	position: relative;
}

#character div#ch06 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch06_name.png) no-repeat;
	width: 230px;
	height: 110px;
	position: relative;
}

#character div#ch07 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch07_name.png) no-repeat;
	width: 145px;
	height: 110px;
	position: relative;
}

#character div#ch08 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch08_name.png) no-repeat;
	width: 196px;
	height: 110px;
	position: relative;
}

#character div#ch09 div.ch_inside_contents div.ch_text h3{
	background:url(../images/character/ch09_name.png) no-repeat;
	width: 191px;
	height: 110px;
	position: relative;
}

#character div.ch_inside_contents div.ch_text p.ch_intro{
	position: relative;
	text-indent:-10000px;
	overflow:hidden;
}

#character div.ch_inside_contents div.ch_text ul.sv_list{
	margin: 0 0 20px 5px;
}

#character div.ch_inside_contents div.ch_text ul.sv_list li{
	background:url(../images/character/ch_sv_bt.png) no-repeat;
	display: block;
	text-indent:-10000px;
	overflow:hidden;
	width: 34px;
	height: 34px;
	position: relative;
	float: left;
	margin-right: 30px;
	z-index: 20;
}

#character div.ch_inside_contents div.ch_text ul.sv_list li a{
	display: block;
	width: 34px;
	height: 34px;
}

#character div#ch01 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch01_text.png) no-repeat;
	width: 480px;
	height: 248px;
	position: relative;
}

#character div#ch02 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch02_text.png) no-repeat;
	width: 479px;
	height: 248px;
	position: relative;
}

#character div#ch03 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch03_text.png) no-repeat;
	width: 490px;
	height: 248px;
	position: relative;
}

#character div#ch04 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch04_text.png) no-repeat;
	width: 465px;
	height: 248px;
	position: relative;
}

#character div#ch05 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch05_text.png) no-repeat;
	width: 263px;
	height: 79px;
	position: relative;
	z-index: 20;
}

#character div#ch06 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch06_text.png) no-repeat;
	width: 270px;
	height: 79px;
	position: relative;
	z-index: 20;
}

#character div#ch07 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch07_text.png) no-repeat;
	width: 273px;
	height: 79px;
	position: relative;
	z-index: 20;
}

#character div#ch08 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch08_text.png) no-repeat;
	width: 243px;
	height: 78px;
	position: relative;
	z-index: 20;
}

#character div#ch09 div.ch_inside_contents div.ch_text p.ch_intro{
	background:url(../images/character/ch09_text.png) no-repeat;
	width: 270px;
	height: 79px;
	position: relative;
	z-index: 20;
}

#character div.ch_inside_contents div.ch_text p.ch_voice{
	position: relative;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/character/ch_sv_text.png) no-repeat;
	width: 92px;
	height: 10px;
	margin-left: 5px;
}

#character div#ch01 div.ch_inside_contents{
	background:url(../images/character/ch01_bg.png) no-repeat top;
}

#character div#ch02 div.ch_inside_contents{
	background:url(../images/character/ch02_bg.png) no-repeat top;
}

#character div#ch03 div.ch_inside_contents{
	background:url(../images/character/ch03_bg.png) no-repeat top;
}

#character div#ch04 div.ch_inside_contents{
	background:url(../images/character/ch04_bg.png) no-repeat top;
}

#character div#ch05 div.ch_inside_contents{
	background:url(../images/character/ch05_bg.png) no-repeat top;
}

#character div#ch06 div.ch_inside_contents{
	background:url(../images/character/ch06_bg.png) no-repeat top;
}

#character div#ch07 div.ch_inside_contents{
	background:url(../images/character/ch07_bg.png) no-repeat top;
}

#character div#ch08 div.ch_inside_contents{
	background:url(../images/character/ch08_bg.png) no-repeat top;
}

#character div#ch09 div.ch_inside_contents{
	background:url(../images/character/ch09_bg.png) no-repeat top;
}


#character div.ch_footer{
	position: relative;
	width:100%;
	height: auto;
	min-height:140px;
	-webkit-border-bottom-left-radius: 6px;  
    -webkit-border-bottom-right-radius: 6px; 
	-moz-border-radius-bottomleft: 6px;  
    -moz-border-radius-bottomright: 6px;
	z-index: 30;
	margin-bottom: 30px;
}


#character div.sub_ch div.ch_footer{
	min-height:50px;
}

#character div#ch01 div.ch_footer{
	background:url(../images/character/ch01_footer_bg.png) repeat-x top;
}

#character div#ch02 div.ch_footer{
	background:url(../images/character/ch02_footer_bg.png) repeat-x top;
}

#character div#ch03 div.ch_footer{
	background:url(../images/character/ch03_footer_bg.png) repeat-x top;
}

#character div#ch04 div.ch_footer{
	background:url(../images/character/ch04_footer_bg.png) repeat-x top;
}

#character div.sub_ch div.ch_footer{
	background:url(../images/character/subch_footer_bg.png) repeat-x top;
}

#character div.ch_footer h3.ev_cg_title{
	position:relative;
    background: url(../images/character/ev_title.png) no-repeat;
	width:61px;
	height:10px;
	float: left;
	top: 75px;
    left: 46px;
}

#character div.ch_footer ul.ch_menu_list{
	float: right;
	width: 828px;
	height: 106px;
	position: relative;
	top: 12px;
}

#character div.ch_footer ul.ch_menu_list li{
	width:196px;
	height:106px;
	display: block;
	text-indent:-10000px;
	overflow:hidden;
	float: left;
	margin-right: 10px;
}

#character div#ch01 div.ch_footer ul.ch_menu_list li{
    background-image: url(../images/character/ch01_ev_list.png);
}

#character div#ch02 div.ch_footer ul.ch_menu_list li{
    background-image: url(../images/character/ch02_ev_list.png);
}

#character div#ch03 div.ch_footer ul.ch_menu_list li{
    background-image: url(../images/character/ch03_ev_list.png);
}

#character div#ch04 div.ch_footer ul.ch_menu_list li{
    background-image: url(../images/character/ch04_ev_list.png);
}

#character div.ch_footer ul.ch_menu_list li a{
	display: block;
	width:196px;
	height:106px;
}

#character div.ch_footer ul.ch_menu_list li a.not{
	pointer-events:none;
}


#character div.ch_footer ul.ch_menu_list li.evcg01{
	background-position: 0 0;
}

#character div.ch_footer ul.ch_menu_list li.evcg02{
	background-position: -210px 0;
}

#character div.ch_footer ul.ch_menu_list li.evcg03{
	background-position: -420px 0;
}

#character div.ch_footer ul.ch_menu_list li.evcg04{
	background-position: -630px 0;
}

#character div.ch_footer div.event_cg_inside{
	width: 980px;
	height: 554px;
	position: relative;
	padding-bottom: 15px;
	margin-top: 16px;
}


#character div#ch01 div.ch_footer div#evcg01{
    background: url(../images/character/ch01_storyA.png) no-repeat;
}

#character div#ch01 div.ch_footer div#evcg02{
    background: url(../images/character/ch01_storyB.png) no-repeat;
}

#character div#ch01 div.ch_footer div#evcg03{
    background: url(../images/character/ch01_storyC.png) no-repeat;
}

#character div#ch01 div.ch_footer div#evcg04{
    background: url(../images/character/ch01_storyD.png) no-repeat;
}

#character div#ch02 div.ch_footer div#evcg01{
    background: url(../images/character/ch02_storyA.png) no-repeat;
}

#character div#ch02 div.ch_footer div#evcg02{
    background: url(../images/character/ch02_storyB.png) no-repeat;
}

#character div#ch02 div.ch_footer div#evcg03{
    background: url(../images/character/ch02_storyC.png) no-repeat;
}

#character div#ch02 div.ch_footer div#evcg04{
    background: url(../images/character/ch02_storyD.png) no-repeat;
}

#character div#ch03 div.ch_footer div#evcg01{
    background: url(../images/character/ch03_storyA.png) no-repeat;
}

#character div#ch03 div.ch_footer div#evcg02{
    background: url(../images/character/ch03_storyB.png) no-repeat;
}

#character div#ch03 div.ch_footer div#evcg03{
    background: url(../images/character/ch03_storyC.png) no-repeat;
}

#character div#ch03 div.ch_footer div#evcg04{
    background: url(../images/character/ch03_storyD.png) no-repeat;
}

#character div#ch04 div.ch_footer div#evcg01{
    background: url(../images/character/ch04_storyA.png) no-repeat;
}

#character div#ch04 div.ch_footer div#evcg02{
    background: url(../images/character/ch04_storyB.png) no-repeat;
}

#character div#ch04 div.ch_footer div#evcg03{
    background: url(../images/character/ch04_storyC.png) no-repeat;
}

#character div#ch04 div.ch_footer div#evcg04{
    background: url(../images/character/ch04_storyD.png) no-repeat;
}

#character div#ch02 div.ch_footer div.event_cg_inside{
    background: url(../images/character/ch02_storyA.png) no-repeat;
}

#character div#ch03 div.ch_footer div.event_cg_inside{
    background: url(../images/character/ch03_storyA.png) no-repeat;
}

#character div#ch04 div.ch_footer div.event_cg_inside{
    background: url(../images/character/ch04_storyA.png) no-repeat;
}

#character div.sub_ch{
	float: left;
	width: 485px;
	margin-right: 10px;
	margin-bottom: -20px;
}

#character div.end{
	margin-right: 0px !important;
}

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

#special h2.title{
	position:relative;
    background: url(../images/special/special_title.png) no-repeat;
	width:93px;
	height:23px;
	margin:0 auto 40px;
}


#special h2.title1{
	position:relative;
    background: url(../images/special/info_title.png) no-repeat;
	width:155px;
	height:23px;
	margin:0 auto 40px;
}


#special h2.title2{
	position:relative;
    background: url(../images/special/op_title.png) no-repeat;
	width:246px;
	height:23px;
	margin:0 auto 40px;
}

#special div.sp_banner{
	width: 824px;
	height: auto;
	margin: 0 auto 30px;
}

#special div.sp_banner li{
	width: 824px;
	height: 206px;
	margin: 0 auto 15px;
	display: block;
	text-indent:-10000px;
	overflow:hidden;
}

#special div.sp_banner li a{
	width: 824px;
	height: 206px;
	display: block;
}

#special div.sp_banner li#sp_banner_01{
    background: url(../images/special/special_banner01.png) no-repeat;
}

#special div.sp_banner li#sp_banner_02{
    background: url(../images/special/special_banner02.png) no-repeat;
}

#special div.sp_banner li#sp_banner_03{
    background: url(../images/special/special_banner03.png) no-repeat;
}

#special div.sp_banner li#sp_banner_04{
    background: url(../images/special/special_banner04.png) no-repeat;
}

#special div.sp_banner li#sp_banner_05{
    background: url(../images/special/special_banner05.png) no-repeat;
}

#special div.sp_banner li#sp_banner_06{
    background: url(../images/special/special_banner06.png) no-repeat;
}

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

body.reserved h3.reserved_topics{
	position:relative;
    background: url(../images/special/reserved/camp_title.png) no-repeat;
	width:479px;
	height:274px;
	margin:0 0 30px;
}

body.reserved div.reserved_text{
	position:relative;
	float:left;
	width:485px;
}

body.reserved div.reserved_text p.reserved_text_item{
    background: url(../images/special/reserved/reserved_text.png) no-repeat;
	width: 485px;
	height: 94px;
	text-indent:-10000px;
	overflow:hidden;
	margin: 0 auto 30px;
}

body.reserved div.reserved_text p.reserved_date_item{
    background: url(../images/special/reserved/reserved_date.png) no-repeat;
	width: 476px;
	height: 44px;
	text-indent:-10000px;
	overflow:hidden;
	margin: 0 auto;
}

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

body.reserved h3.reserved_topics2{
	position:relative;
    background: url(../images/special/reserved/camp_title2.png) no-repeat;
	width:479px;
	height:170px;
	margin:0 0 30px;
}

body.reserved div.reserved_text2{
	position:relative;
	float:left;
	width:486px;
}

body.reserved div.reserved_text2 p.reserved_text_item2{
    background: url(../images/special/reserved/reserved_text2.png) no-repeat;
	width: 486px;
	height: 150px;
	text-indent:-10000px;
	overflow:hidden;
	margin: 0 auto 30px;
}

body.reserved div.reserved_text2 p.reserved_date_item2{
    background: url(../images/special/reserved/reserved_date2.png) no-repeat;
	width: 476px;
	height: 44px;
	text-indent:-10000px;
	overflow:hidden;
	margin: 0 auto;
}

body.reserved div.reserved_img2{
	position:relative;
	float:right;
	width:433px;
	height:444px;
    background: url(../images/special/reserved/card_img.png) no-repeat;
	margin:0 0 120px;
}




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

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

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


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

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

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

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

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

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

body.bonus{
	
}


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

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


body.bonus ul#privilege_list{
	
}


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

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

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

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

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

body.bonus ul#privilege_list li#p_fammys{
    background: url(../images/special/bonus/shop_fammys.png) no-repeat;
}

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

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

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


body.bonus ul#original_list{
	
}


body.bonus ul#original_list li{
	width:460px;
	margin:0 15px 18px;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
	height:257px;
	float:left;
}

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

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

body.bonus ul#original_list li#o_tora{
    background: url(../images/special/bonus/original_tora.png) no-repeat;
}

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

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

body.bonus ul#original_list li#o_animate{
    background: url(../images/special/bonus/original_animate.png) no-repeat;
}

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

body.bonus ul#original_list li#o_chukyo{
    background: url(../images/special/bonus/original_chukyo.png) no-repeat;
}

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

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

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

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

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

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

body.bonus ul#original_list li#o_soften{
    background: url(../images/special/bonus/original_soften.png) no-repeat;
}

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


/* ------------------------------
夏まほ通信
------------------------------ */

body.natsumaho h3.natsumaho_topics{
	position:relative;
    background: url(../images/special/natsumaho/natsumaho_title.png) no-repeat;
	width:251px;
	height:73px;
	margin:0 auto 30px;
}

body.natsumaho div.natsumaho_inside{
	width: 780px;
	height: auto;
	padding: 35px 30px;
	margin: 0 auto;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	background: #fff;
	shadowColor:"#e6e6e6",
	shadowOffset:{width:0,height:1},
	shadowOpacity:1,
	shadowRadius:4,
	borderWidth:1,
	borderColor:"#ffffff",
	borderRadius:6
}

body.natsumaho div.natsumaho_inside ul{
	
}

body.natsumaho div.natsumaho_inside li{
	width: 738px;
	height: 102px;
	position: relative;
	display: block;
	color: #8f4e32;
	margin: 0 auto 20px;
	line-height: 150%;
	letter-spacing: 0.1em;
}

body.natsumaho div.natsumaho_inside li span.left_text{
	width: 552px;
    height: 78px;
    position: relative;
    top: 24px;
    left: 186px;

}

body.natsumaho div.natsumaho_inside li span.right_text{
	width: 552px;
    height: 78px;
    position: relative;
    top: 24px;
    left: 32px;
}

body.natsumaho div.natsumaho_inside li.ch01_a_l{
    background: url(../images/special/natsumaho/ch01a_list_l.png) no-repeat;
}

body.natsumaho div.natsumaho_inside li.ch01_a_r{
    background: url(../images/special/natsumaho/ch01a_list_r.png) no-repeat;
}

body.natsumaho div.natsumaho_inside li.ch02_a_l{
    background: url(../images/special/natsumaho/ch02a_list_l.png) no-repeat;
}

body.natsumaho div.natsumaho_inside li.ch02_a_r{
    background: url(../images/special/natsumaho/ch02a_list_r.png) no-repeat;
}

body.natsumaho div.natsumaho_inside li.ch03_a_l{
    background: url(../images/special/natsumaho/ch03a_list_l.png) no-repeat;
}

body.natsumaho div.natsumaho_inside li.ch03_a_r{
    background: url(../images/special/natsumaho/ch03a_list_r.png) no-repeat;
}

body.natsumaho div.natsumaho_inside li.ch04_a_l{
    background: url(../images/special/natsumaho/ch04a_list_l.png) no-repeat;
}

body.natsumaho div.natsumaho_inside li.ch04_a_r{
    background: url(../images/special/natsumaho/ch04a_list_r.png) no-repeat;
}

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

body.column h3.column_topics{
	position:relative;
    background: url(../images/special/column/column_title.png) no-repeat;
	width:278px;
	height:99px;
	margin:0 auto 30px;
}

body.column h3.pocket_topics{
	position:relative;
    background: url(../images/special/pocket/pocket_title.png) no-repeat;
	width:278px;
	height:99px;
	margin:0 auto 30px;
}

body.column div.column_header_link{
	margin: -10px 0 10px;
}

body.column div.column_header_link a{
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted #86a0a1;
	color: #136A6C;
}

body.column div.column_header_link a:hover{
	color: #DC143C;
}

body.column div.column_header_link a.before_link{
	float: left;
	background: url(../images/special/column/left_cursor.png) left no-repeat;
	padding-left: 10px;
}

body.column div.column_header_link a.after_link{
	float: right;
	background: url(../images/special/column/right_cursor.png) right no-repeat;
	padding-right: 10px;
}

body.column div.column_header_link a.link_not{
	opacity: 0.4;
	border-bottom: none;
}

body.column div.column_inside{
	width: 780px;
	height: auto;
	padding: 35px 30px;
	margin: 0 auto;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	background: url(../images/special/column/column_bg.png);
	shadowColor:"#e6e6e6",
	shadowOffset:{width:0,height:1},
	shadowOpacity:1,
	shadowRadius:4,
	borderWidth:1,
	borderColor:"#ffffff",
	borderRadius:6
}

body.column div.column_header{
	margin: 0 0 20px;
}

body.column p{
	font-size: 110%;
	line-height: 200%;
}

body.column p.date{
	float: right;
}

body.column div.pocket_header_link{
	margin: 20px 0 -10px;
}

body.column div.pocket_header_link a{
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted #86a0a1;
	color: #136A6C;
}

body.column div.pocket_header_link a:hover{
	color: #DC143C;
}

body.column div.pocket_header_link a.after_link{
	float: right;
	background: url(../images/special/column/right_cursor.png) right no-repeat;
	padding-right: 10px;
}

body.column div.pocket_header_link a.link_not{
	opacity: 0.4;
	border-bottom: none;
}


body.column strong{
	font-size: 100%;
	color: #4a4a4a;
}

body.column crimson{
	font-size: 100%;
	color: crimson;
}

body.column large{
	font-size: 140%;
	color: #4a4a4a;
}

body.column span.large{
	font-size: 140%;
}

body.column span.crimson{
	color: crimson;
}

body.column span.bold{
	font-weight: bold;
}

body.column div.column_inside img{
	max-width:100%;
	display: block;
	margin: 0 0 20px;
}

h4.column_title {
  position: relative;
  color: #fff;
  font-size: 24px;
  background: #136A6C;
  margin: 0 -40px 15px;
  padding: 11px 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

h4.column_title:before, h4.column_title:after {
  position: absolute;
  top: 100%;
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 5px solid #000;
  opacity: 0.5;
}

h4.column_title:before {
  left: 0;
  border-right: 5px solid #000;
}

h4.column_title:after {
  right: 0;
  border-left: 5px solid #000;
}

h5.column_topics {
  color: #4a4a4a;
  font-size: 24px;
  position: relative;
  padding: 10px 0 2px 28px;
  border-bottom: 1px solid #6da6a7;
  margin-bottom: 20px;
}

h5.column_topics:before, h5.column_topics:after {
  content: "";
  position: absolute;
  margin: auto;
}

h5.column_topics:before {
  width: 12px;
  height: 12px;
  top: 0;
  left: 14px;
  background: #136A6C;
  transform: rotate(50deg);
}

h5.column_topics:after {
  width: 8px;
  height: 8px;
  top: 18px;
  left: 6px;
  background: #136A6C;
  transform: rotate(20deg);
}

h6.column_item{
	font-size: 24px;
	border-left: solid #6da6a7 2px;
	color: #136A6C;
	padding: 10px 0 10px 20px;
	margin: 0 0 20px;
}

body.column ul.column_link_list{
	margin: 0 0 20px;
}

body.column ul.column_link_list li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 10px 0px !important;
	position:relative;
	padding-left:20px;
	padding-bottom: 12px;
}

body.column ul.column_link_list li:before{
	content:''; 
	height:0px; 
	width: 98%;
	display:block; 
	position:absolute; 
	top:18px; 
	left:0px; 
	border-bottom: 1px dashed #ccc;
}

body.column ul.column_link_list li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#ccc;
	width:5px;
	height:5px; 
	top:7px; 
	left:5px; 
	border-radius: 5px;
}

body.column ul.column_link_list li a{
	text-decoration: none;
	color:#136A6C;
	font-weight: bold;
}

body.column ul.column_link_list li a:hover{
	color:#dc143c; 
}

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

#spec h3.product_title{
    background: url(../images/spec/product_title.png) no-repeat;
	width:256px;
	height:17px;
	margin:0 0 30px;
}

#spec h3.spec_title{
    background: url(../images/spec/spec_title.png) no-repeat;
	width:185px;
	height:16px;
	margin:0 0 30px;
}

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

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

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

#spec div.info li{
	padding-left:120px;
	line-height:150%;
	color:#8f4e32;
	font-size:18px;
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom: 20px;
}

#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);
}

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

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

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



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

* 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.title{
	position:relative;
    background: url(../images/download/download_title.png) no-repeat;
	width:126px;
	height:23px;
	margin:0 auto 40px;
}


#download h3.tw_header_title{
    background: url(../images/download/twitter_header_title.png) no-repeat;
	width:484px;
	height:15px;
	margin:0 0 30px;
}

#download h3.tw_icon_title{
    background: url(../images/download/twitter_icon_title.png) no-repeat;
	width:445px;
	height:16px;
	margin:0 0 30px;
}

#download h3.trial_title{
    background: url(../images/download/trial_title.png) no-repeat;
	width:338px;
	height:16px;
	margin:0 0 30px;
}


#download ul.tw_icon_list{
	margin: 0 0 40px;
}

#download ul.tw_icon_list li{
	width:186px;
	height:186px;
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
	display: block;
}

#download ul.tw_icon_list li a{
	width:186px;
	height:186px;
	display: block;
}

#download ul.tw_header_list{
	margin: 0 0 40px;
}

#download ul.tw_header_list li{
	width:486px;
	height:166px;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	display: block;
}

#download ul.tw_header_list li a{
	width:486px;
	height:166px;
	display: block;
}

#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 #8f4e32;
    padding: 20px 20px 0;
}
#download div.trial_inside table {
    background: #fff none repeat scroll 0 0;
    border-spacing: 0;
    margin: 0 auto -1px;
    position: relative;
    width: 982px;
}
#download div.trial_inside td {
    border: 1px solid #8f4e32;
    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: #8f4e32;
}
#download div.trial_inside td a:hover {
    color: #43afda;
}
#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: #6d595c;
    line-height: 170%;
}
#download div.trial_inside li strong {
    margin-right: 5px;
    color: #8f4e32;
}
#download div.trial_inside h4 {
    color: #8f4e32;
    font-size: 142%;
    margin: 0 0 6px;
    overflow: visible;
    text-indent: 0;
}