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

/* clearfix */

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

.clearfix {
  min-height: 1px;
}

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

/* 画像センタリング */

.cr {
margin:0 auto;
}

.cr10 {
margin:10px auto;
}

.cr10pad {
margin:0 auto;
padding:10px 0;
}

.cr15 {
margin:15px auto;
}

.cr20 {
margin:20px auto;
}

.cr80 {
margin:80px auto;
}


/* 全体 */

html,body {
  height:100%;
  margin: 0;
}

img { display:block; }

body {
	font-family: "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/main_bg.png)
}

body#Xmas {
	font-family: "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../special/heya/flakes1.jpg)
}

#Conteiner {	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto;
	position: relative;
}

header {
	width:100%;
	min-height:115px;
	background:url(../img/header.png) center top repeat-x;
}

header h1 {
	display:none;
}

.boxhead {
	width:970px;
	height:5px;
	background:url(../img/boxhead.png) left top no-repeat;
	margin:0 auto;
}

.boxbody {
	width:970px;
	background:url(../img/boxbody.png) left top repeat-y;
	margin:0 auto;
}

.boxbody2 {
	width:970px;
	background:url(../img/boxbody2.png) left top repeat-y;
	margin:0 auto;
}

.boxfoot {
	width:970px;
	height:5px;
	background:url(../img/boxfoot.png) left top no-repeat;
	margin:0 auto;
}

#Menu {
	width:960px;
	height:110px;
	margin:0 auto;
	position:relative;
}

#Menu ul {
	width:960px;
	height:60px;
	padding-top:40px;
}

#Menu ul li {
	float:left;
}

#Mainvisual {
	top:-5px;
}

.visual {
	width:960px;
	height:530px;
	background:url(../mainvisual/mv_00.jpg) left top no-repeat;
	position:relative;
	margin:0 auto;
}

.voice_cd_6 {
	width:140px;
	height:140px;
	position:absolute;
	left:10px;
	top:285px;
}

.voice_cd_6 a:hover {
	width:140px;
	height:140px;
	position:absolute;
	left:0px;
	top:-5px;
}

#TopicsWrapp {
	width:1040px;
	margin:0 auto;
	height:130px;
	position:relative;
}

#Topics {
	width:970px;
	margin:5px auto 0;
	height:130px;
}

.arrow1 {
	width:30px;
	height:120px;
	position:absolute;
	top:5px;
	left:0;
}

.arrow2 {
	width:30px;
	height:120px;
	position:absolute;
	top:5px;
	left:1010px;
}

#Topics ul li {
	background:url(../img/topicsbg.png) left top no-repeat;
	width:320px;
	height:130px;
	position:relative;
}

#Topics ul li img {
	margin:5px auto;
}

.new {
	position:absolute;
	top:-10px;
	left:0;
	width:45px;
	height:45px;
}

.articleborder {
	background:url(../img/indexhead.png) left top repeat-x;
	width:100%;
	height:15px;
	margin-top:5px;
}

#Index article {
	background:url(../img/indexbg.jpg) left top repeat;
}

#Contents {
	width:960px;
	margin:0 auto;
	padding-bottom:240px;
}

.contents_l {
	float:left;
	width:630px;
	margin-right:20px;
}

.contents_r {
	float:left;
	width:310px;
}

.rirekibox {
	margin:20px 0 0;
}

.rirekibox h2 {
	background:url(../img/whatsnew.png) left top no-repeat;
	width:630px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
}

.magazinebox {
	margin:40px 0 0;
}

.magazinebox h2 {
	background:url(../img/magazine.png) left top no-repeat;
	width:630px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
}

.contents_l dl {
	background:url(../img/dlbg.png) left top no-repeat;
	width:630px;
	height:40px;
	color:#ffffff;
	font-size:1.4em;
}

.contents_l dt {
	width:130px;
	float:left;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
}

.contents_l dd {
	width:490px;
	float:left;
	text-align:left;
}

.contents_l p {
	margin-top:12px;
}

.contents_l p a {
	color:#fff;
	text-decoration:underline;
}

.contents_l p a:hover {
	text-decoration:none;
}

.contents_l p.log {
	text-align:right;
}

.contents_l span {
	color:#F00;
	font-weight:bold;
}

.specbox {
	background:url(../img/status.jpg) left top no-repeat;
	width:310px;
	height:370px;
	text-indent:-9999px;
	overflow:hidden;
	
	position:relative;
}

.specbanner {
	position:absolute;
	width:200px;
	height:40px;
	top:315px;
	left:55px;
}

.right_shop {
	width:310px;
	height:100px;
	background:#fff;
	margin-top:20px;
	margin-bottom:15px;
}

footer {
	background:url(../img/footer_bg.png) left top repeat-x;
	height:200px;
	width:100%;
	position: absolute;
	bottom: 0;
}

.footbox {
	width:960px;
	height:200px;
	position:relative;
	margin:0 auto;
	background:url(../img/footlogo.png);
	background-position:center 40px;
	background-repeat:no-repeat;
}

.footbox ul {
	width:960px;
	height:40px;
}

.footbox ul li {
	float:left;
}

.banner {
	position:absolute;
	width:200px;
	height:40px;
	top:150px;
	left:0;
	background-color:#999;
}

.rttp {
	position:absolute;
	width:90px;
	height:90px;
	top:100px;
	left:870px;
}

* html footer {
	bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}

/* 各種コンテンツ汎用 */

.inhead {
	width:970px;
	height:5px;
	background:url(../img/boxhead.png) left top no-repeat;
	margin:15px auto 0;
}

.inbody {
	width:970px;
	background:url(../img/boxbody.png) left top repeat-y;
	margin:0 auto;
}

.infoot {
	width:970px;
	height:5px;
	background:url(../img/boxfoot.png) left top no-repeat;
	margin:0 auto;
	padding-bottom:215px;
}

/* ストーリー */

.storybox {
	background:url(../story/storybg.jpg) left top no-repeat;
	width:960px;
	height:1000px;
	margin:0 auto;
}

/* キャラクター */

#Charawrap {
	padding-bottom:240px;
}

#Downloadwrap {
	padding-bottom:240px;
}

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background:url(../character/chara02_b.jpg);
	   background:url(../character/chara02_c.jpg);
	   background:url(../character/chara03_b.jpg);
	   background:url(../character/chara03_c.jpg);
	   background:url(../character/chara04_b.jpg);
	   background:url(../character/chara04_c.jpg);
	   background:url(../character/chara05_b.jpg);
	   background:url(../character/chara05_c.jpg);
	   background:url(../character/chara06_b.jpg);
}

.charaselect {
	width:950px;
	margin:15px auto 0;
}

.charaselect ul li {
	float:left;
	margin-bottom:15px;
	background:#fff;
}

.charaselect ul li.rspace {
	margin-right:50px;
}

.chara_01 {
	background:url(../character/charabg_01.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_02 {
	background:url(../character/charabg_02.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_03 {
	background:url(../character/charabg_03.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_04 {
	background:url(../character/charabg_04.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_05 {
	background:url(../character/charabg_05.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_06 {
	background:url(../character/charabg_06.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_07 {
	background:url(../character/charabg_07.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_08 {
	background:url(../character/charabg_08.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.chara_09 {
	background:url(../character/charabg_09.jpg) left top no-repeat;
	width:960px;
	height:700px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

ul.wearchange {
	position:absolute;
	width:350px;
	height:80px;
	top:610px;
	left:5px;
}

ul.wearchange li {
	float:left;
	width:80px;
	height:80px;
	margin-right:10px;
}

.chara_left02 {
	background:url(../character/chara02_a.jpg) left top no-repeat;
	width:380px;
	height:700px;
}

.chara_left03 {
	background:url(../character/chara03_a.jpg) left top no-repeat;
	width:380px;
	height:700px;
}

.chara_left04 {
	background:url(../character/chara04_a.jpg) left top no-repeat;
	width:380px;
	height:700px;
}

.chara_left05 {
	background:url(../character/chara05_a.jpg) left top no-repeat;
	width:380px;
	height:700px;
}

.chara_left06 {
	background:url(../character/chara06_a.jpg) left top no-repeat;
	width:380px;
	height:700px;
}

.chara_left09 {
	background:url(../character/chara09_a.jpg) left top no-repeat;
	width:380px;
	height:700px;
}

.voice {
	position:absolute;
	left:344px;
	top:251px;
	width:275px;
	height:40px;
}

.voice ul li {
	float:left;
	margin-right:15px;
}


/* ギャラリー */

.thumbox {
	width:980px;
	margin:0 auto;
	padding-bottom:240px;
}

.thumbox ul {
}

.thumbox ul li {
	float:left;
	background:url(../graphics/listbg.png) left top no-repeat;
	width:230px;
	height:175px;
	margin-bottom:20px;
}

.thumbox ul li img {
	margin:5px;
}

.thumbox ul li.mr {
	margin-right:20px;
}

/* スペシャル */

#SpecialTopics {
	width:970px;
	margin:30px auto 0;
}

#SpecialTopics ul li {
	background:url(../img/topicsbg.png) left top no-repeat;
	width:320px;
	height:130px;
	position:relative;
	float:left;
	margin-bottom:15px;
}

#SpecialTopics ul li img {
	margin:5px auto;
}

#SpecialTopics ul li.pad {
	margin-right:5px;
}

/* 部屋 */

article#Heya {
	width:980px;
	margin:0 auto;
	padding-bottom:230px;
}


#Heya_title {
	background:url(../special/heya/title.png) left top no-repeat;
	width:600px;
	height:80px;
	margin:50px auto 30px;
}

#Heya_title h1 {
	text-indent:-9999px;
	overflow:hidden;
}

#Conversation {
	width:800px;
	margin:0 auto;
}

#Conversation table {
	margin-bottom:30px;
	}

#Conversation tr th {
	width:170px;
	height:130px;
	text-indent:-9999px;
	overflow:hidden;
}

#Conversation table.C_ika th.awate {
	background:url(../special/heya/ico_ika_awate.png) left top no-repeat;
}


#Conversation table.C_ika th.ikari {
	background:url(../special/heya/ico_ika_ikari.png) left top no-repeat;
}

#Conversation table.C_ika th.naki {
	background:url(../special/heya/ico_ika_naki.png) left top no-repeat;
}

#Conversation table.C_ika th.normal {
	background:url(../special/heya/ico_ika_normal.png) left top no-repeat;
}



#Conversation table.C_fude th.akire {
	background:url(../special/heya/ico_fude_akire.png) left top no-repeat;
}

#Conversation table.C_fude th.ikari {
	background:url(../special/heya/ico_fude_ikari.png) left top no-repeat;
}

#Conversation table.C_fude th.kouhun {
	background:url(../special/heya/ico_fude_kouhun.png) left top no-repeat;
}

#Conversation table.C_fude th.naki {
	background:url(../special/heya/ico_fude_naki.png) left top no-repeat;
}

#Conversation table.C_fude th.normal {
	background:url(../special/heya/ico_fude_normal.png) left top no-repeat;
}

#Conversation table.C_fude th.odoroki {
	background:url(../special/heya/ico_fude_odoroki.png) left top no-repeat;
}

#Conversation table.C_fude th.zitome {
	background:url(../special/heya/ico_fude_zitome.png) left top no-repeat;
}


#Conversation td {
	width:630px;
	height:130px;
	text-align:left;
	vertical-align:middle;
	padding-left:40px;
}

#Conversation td span {
	font-size:1.8em;
	line-height:1.5;
	font-weight:bold;
}

#Conversation table.C_ika td {
	background:url(../special/heya/fuki_ika.png) left top no-repeat;
	color:#414141;
}

#Conversation table.C_fude td {
	background:url(../special/heya/fuki_fude.png) left top no-repeat;
	color:#eb4cd6;
}

#C_list {
	margin:0 0 15px 130px;
}

#C_list ul li {
	float:left;
	width:120px;
	height:50px;
	margin-right:30px;
	margin-bottom:15px;
}

.campaign {
	width:980px;
	height:700px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../special/campaign.jpg) left top no-repeat;
	position:relative;
}

.cf_sample {
	width:400px;
	height:304px;
	position:absolute;
	left:570px;
	top:370px;
}

.dakimakura {
	width:980px;
	height:700px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../special/dakimakura.jpg) left top no-repeat;
	position:relative;
}

.allow {
	width:200px;
	height:100px;
	position:absolute;
	left:765px;
	top:590px;
}

.allow a:hover {
	position:absolute;
	left:5px;
	top:0;
}

#SpecialWrap {
	padding-top:40px;
	padding-bottom:240px;
}

#SpecialWrap2 {
	padding-top:40px;
}

/* 応援バナー */

#form {
	width:920px;
	margin:0 auto 0;
	background-color:#000;
	padding:20px 0;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.5;
}

#form label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:300px;
	float:left;
	color:#c9151e;
	font-size:1.5em;
}

.small {
	color:#fff;
	display:block;
	font-weight:normal;
	font-size:80%;
	text-align:right;
	width:300px;
}

.input {
	float:left;
	font-size:12px;
	width:300px;
	padding:4px 2px;
	margin:2px 200px 20px 10px;
}

.select {
	float:left;
	font-size:12px;
	width:150px;
	padding:4px 2px;
	margin:2px 200px 20px 10px;
}

.textarea {
	float:left;
	font-size:12px;
	width:550px;
	height:100px;
	padding:4px 2px;
	margin:2px 0 20px 10px;
}

.b_area {
	margin-left:310px;
}

.b_area p {
	margin-left:20px;
	color:#666666;
	font-size:11px;
	display:block;
	float:left;
	width:200px;
}

.submit {
	float:left;
	width:200px;
	height:40px;
	border: 0px;
	background:url(../banner/submit.jpg) left top no-repeat;
	cursor:pointer;
}

.reset {
	float:left;
	margin-left:20px;
	width:100px;
	height:40px;
	border: 0px;
	background:url(../banner/reset.jpg) left top no-repeat;
	cursor:pointer;
}



.ban_box table {
	margin:0 auto 0;
	border-collapse: collapse;
	margin:10px auto 10px;
}

.ban_box table th img {
	margin:0 auto 0;
}

.ban_box table th {
	text-align:center;
	color:#c9151e;
	font-weight:bold;
	font-size:1.2em;
}

.ban_box table th span {
	color:#c9151e;
	font-weight:normal;
}

.ban_box table td {
	text-align:center;
	color:#c9151e;
}

.ban_box table td a {
	color:#ffffff;
	text-decoration:none;
}

.ban_box table td a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.ban_box table td span {
	font-size:1.2em;
	font-weight:bold;
}

.urlbox {
	border:1px solid #c9151e;
	background-color:#aaaaaa;
	font-size:100%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#000;
}

textarea.ban200200 {
	width:180px;
	height:150px;
}

textarea.ban20040 {
	width:580px;
	height:30px;
}

textarea.ban500100 {
	width:260px;
	height:90px;
}

textarea.ban600120 {
	width:780px;
	height:40px;
}

textarea.ban120600 {
	width:124px;
	height:90px;
}

textarea.ban800400 {
	width:780px;
	height:40px;
}

.bannerbox {
	background:url(../banner/banner_bg.jpg) left top no-repeat;
	width:950px;
	height:800px;
	margin:0 auto 0;
	position:relative;
}

.tokuten_wrap {
	width:980px;
	margin:0 auto;
	padding-bottom:240px;
}

.tokuten_box {
	width:320px;
	height:450px;
	background:url(../special/tokuten/tokuten_bg.png) left top no-repeat;
	float:left;
	margin-bottom:20px;
	position:relative;
}

.rsp {
	margin-right:10px;
}

.t_dmm {
	width:310px;
	height:440px;
	background:url(../special/tokuten/t_dmm.jpg) left top no-repeat;
	margin:5px;
}

.t_getchu {
	width:310px;
	height:440px;
	background:url(../special/tokuten/t_getchu.jpg) left top no-repeat;
	margin:5px;
}

.t_toranoana {
	width:310px;
	height:440px;
	background:url(../special/tokuten/t_toranoana.jpg) left top no-repeat;
	margin:5px;
}

.t_trader {
	width:310px;
	height:440px;
	background:url(../special/tokuten/t_trader.jpg) left top no-repeat;
	margin:5px;
}

.t_melonbooks {
	width:310px;
	height:440px;
	background:url(../special/tokuten/t_melonbooks.jpg) left top no-repeat;
	margin:5px;
}

.t_goodwill {
	width:310px;
	height:440px;
	background:url(../special/tokuten/t_goodwill.jpg) left top no-repeat;
	margin:5px;
}

.t_nexton {
	width:310px;
	height:440px;
	background:url(../special/tokuten/t_nexton.jpg) left top no-repeat;
	margin:5px;
}

.sbtn {
	position:absolute;
	width:247px;
	height:37px;
	left:39px;
	top:399px;
}

.bannerex {
	width:960px;
	height:400px;
	margin:0 auto;
	position:relative;
	background:url(../banner/banner_bg.jpg) left top no-repeat;
}

.banner_thum {
	width:240px;
	height:150px;
	position:absolute;
	left:715px;
	top:245px;
}

.banner_present {
	width:960px;
	height:470px;
	margin:0 auto;
	padding-top:20px;
	position:relative;
}

.twiticon_box {
	width:960px;
	margin:0 auto;
}

.twiticon_box ul {
	margin-left:45px;
	margin-top:20px;
}

.twiticon_box ul li{
	float:left;
	margin:0 30px 20px 0;
	background:#fff;
}

.nbox_b {
	width:900px;
	margin:0 auto 0;
}

.dlbox {
	padding-left:15px;
}

.dlbox p.explain {
	font-size:1.3em;
	padding-bottom:10px;
	color:#ffffff;
}

.dlbox_left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.dlbox_right {
	float:left;
}

.dlbox_right table {
	border-collapse: collapse;
	border-top: 1px solid #00243f;
	border-left: 1px solid #00243f;
}

.dlbox_right table th {
	border-bottom: 1px solid #00243f;
	border-right: 1px solid #00243f;
	background-color:#538bb6;
	line-height:1.5;
	text-align:center;
	font-size:1.2em;
	height:40px;
	color:#00243f;
}

.dlbox_right table th a {
	color:#00243f;
}

.dlbox_right table td {
	border-bottom: 1px solid #00243f;
	border-right: 1px solid #00243f;
	background-color:#a5a5a5;
	line-height:1.5;
	font-size:1.3em;
	height:30px;
	color:#00243f;
}

.dlbox_right table td a {
	color:#00243f;
}

.dlbox_onsale {
}

.dlbox_onsale table {
	border-collapse: collapse;
	border-top: 1px solid #00243f;
	border-left: 1px solid #00243f;
	margin-bottom:15px;
}

.dlbox_onsale table th {
	border-bottom: 1px solid #00243f;
	border-right: 1px solid #00243f;
	background-color:#538bb6;
	line-height:1.5;
	text-align:center;
	font-size:1.7em;
	height:40px;
	color:#00243f;
}

.dlbox_onsale table th a {
	color:#00243f;
}

.dlbox_onsale table td {
	border-bottom: 1px solid #00243f;
	border-right: 1px solid #00243f;
	background-color:#a5a5a5;
	line-height:1.5;
	font-size:1.4em;
	height:30px;
	color:#00243f;
}

.dlbox_onsale table td a {
	color:#00243f;
}

.aword {
	background:url(../special/aword.jpg) left top no-repeat;
	width:900px;
	height:600px;
	position:relative;
	margin:0 auto;
}

.aword img {
	width:200px;
	height:40px;
	position:absolute;
	left:561px;
	top:462px;
}

.aftercp {
	width:980px;
	height:1273px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../special/aftercp.jpg) left top no-repeat;
	position:relative;
}

.aftercp2 {
	width:980px;
	height:637px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../special/aftercp2.jpg) left top no-repeat;
	position:relative;
}

.book_sample {
	width:175px;
	height:176px;
	position:absolute;
	left:725px;
	top:870px;
}