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

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

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

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}


/* 全体・インデックス */

html,body {
  height:100%;
}

img { display:block; }

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

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

header {
	width:100%;
	height:30px;
	background:#eb6d9a;
}

#Headwrap {
	width:960px;
	margin:0 auto;
}

header h1 {
	width:250px;
	height:25px;
	margin-top:5px;
	background:url(../img/head_title.jpg) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-right:330px;
}

header h1 a {
	width:250px;
	height:25px;
	display:block;
}


.twitter {
	width:200px;
	height:20px;
	margin-top:5px;
	float:left;
	text-align:right;
}

.rtt {
	width:180px;
	height:30px;
	float:left;
	background:#fff;
}


#PageWrap1 {
	background:url(../img/bg_wrap1.png) left top repeat-y;
	width:1010px;
	margin:0 auto;
}

#PageWrap2 {
	background:url(../img/bg_wrap2.png) center top repeat-y;
	width:1000px;
	margin:0 auto;
	padding-top:12px;
}

article {
	padding-bottom:90px;
}

#Mainvisual {
	background:url(../img/mainvisual_bg.png) left top no-repeat;
	margin:0 auto 0;
	padding-top:7px;
	width:936px;
	height:507px;
}

.slidewrap {
	width:920px;
	height:490px;
	margin:0 auto 10px;
	padding-top:7px;
}

.hatsubaibi {
	width:920px;
	height:490px;
	margin:0 auto 10px;
	background:url(../mainvisual/visual14.jpg) left top no-repeat;
	position:relative;
}

.next_ex {
	width:380px;
	height:40px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-410px;
}

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

.next_duo {
	width:380px;
	height:40px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:30px;
}

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

#Menu {
	background:url(../img/menu_bg.png) left top no-repeat;
	width:984px;
	height:66px;
	margin:15px auto 0;
}

#Menu ul {
	width:980px;
	height:60px;
	margin:0 auto 4px;
	padding-top:1px;
}

#Menu ul li {
	float:left;
}

h2#tag01 {background:url(../img/tag_01.png) left top no-repeat;width:890px;height:40px;margin:25px auto;text-indent:-9999px;overflow:hidden;}
h2#tag02 {background:url(../img/tag_02.png) left top no-repeat;width:890px;height:40px;margin:25px auto;text-indent:-9999px;overflow:hidden;}
h2#tag03 {background:url(../img/tag_03.png) left top no-repeat;width:890px;height:40px;margin:25px auto;text-indent:-9999px;overflow:hidden;}
h2#tag04 {background:url(../img/tag_04.png) left top no-repeat;width:890px;height:40px;margin:25px auto;text-indent:-9999px;overflow:hidden;}
h2#tag05 {background:url(../img/tag_05.png) left top no-repeat;width:890px;height:40px;margin:25px auto;text-indent:-9999px;overflow:hidden;}
h2#tag06 {background:url(../img/tag_06.png) left top no-repeat;width:890px;height:40px;margin:25px auto;text-indent:-9999px;overflow:hidden;}

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

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

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

.pageup {
	width:160px;
	height:44px;
	margin:0 0 30px 800px;
}

#About {
	background:url(../img/about_bg.jpg) left top no-repeat;
	width:920px;
	height:480px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.jump1 {
	position:absolute;
	width:183px;
	height:28px;
	top:278px;
	left:268px;
}

.jump2 {
	position:absolute;
	width:183px;
	height:28px;
	top:278px;
	left:715px;
}

.jump1 a:hover {
	position:absolute;
	top:1px;
	left:1px;
}

.jump2 a:hover {
	position:absolute;
	top:1px;
	left:1px;
}

#Chara1 {
	background:url(../img/chara1_bg.jpg) left top no-repeat;
	width:920px;
	height:576px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Chara2 {
	background:url(../img/chara2_bg.jpg) left top no-repeat;
	width:920px;
	height:576px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Chara3 {
	background:url(../img/chara3_bg.jpg) left top no-repeat;
	width:920px;
	height:576px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.voice1 {
	position:absolute;
	width:143px;
	height:36px;
	top:105px;
	left:20px;
}

.voice1 a:hover {
	position:absolute;
	top:1px;
	left:1px;
}

.voice2 {
	position:absolute;
	width:143px;
	height:36px;
	top:105px;
	left:760px;
}

.voice2 a:hover {
	position:absolute;
	top:1px;
	left:1px;
}

.moviejump {
	position:absolute;
	width:80px;
	height:80px;
	top:200px;
	left:420px;
}

.moviejump a:hover {
	position:absolute;
	top:2px;
	left:0;
}

#Cast {
	background:url(../img/cast_bg.jpg) left top no-repeat;
	width:920px;
	height:576px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Story {
	background:url(../img/story_bg.jpg) left top no-repeat;
	width:920px;
	height:576px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Product {
	padding-bottom:30px;
}

.staffwrap {
	width:840px;
	margin:30px auto 30px;
}

.staffbox {
	float:left;
	width:280px;
}

.staff_design {
	width:280px;
	height:80px;
	background:url(../img/pro_sta_design.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.staff_scenario {
	width:280px;
	height:80px;
	background:url(../img/pro_sta_scenario.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.staff_bgm {
	width:280px;
	height:80px;
	background:url(../img/pro_sta_bgm.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.spec {
	background:url(../img/pro_spec.png) left top no-repeat;
	width:600px;
	height:145px;
	margin:20px auto;
	text-indent:-9999px;
	overflow:hidden;
}

.discinfo {
	width:700px;
	margin:60px auto 0;
}

.jacket {
	float:left;
	width:300px;
	margin-right:60px;
}

.cmvoice {
	float:left;
	width:300px;
	height:225px;
	margin-top:15px;
	margin-right:60px;
}

.introself {
	float:left;
	width:300px;
	height:225px;
	margin-top:15px;
}

.discstatus {
	float:left;
	width:340px;
	font-size:1.5em;
	color:#f38baf;
	text-align:left;
	line-height:1.6;
}

.discstatus strong {
	font-size:110%;
	font-weight:bold;
}

.shopinfo {
	font-size:1.5em;
	color:#f38baf;
	font-weight:bold;
	margin-top:40px;
	line-height:1.5;
}

.shopinfo a {
	color:#f38baf;
}

.spe_wrap {
	width:900px;
	margin:0 auto 0;
	padding-top:20px;
}

.spe_wrap ul {
	margin-left:15px;
}

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


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

.f_wrap {
	width:960px;
	height:90px;
	margin:0 auto;
	position:relative;
}

.f_logo {
	width:150px;
	height:90px;
	float:left;
}

.f_txt {
	width:810px;
	height:90px;
	float:left;
	text-align:right;
	color:#fff;
}

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

.f_txt a:hover {
	text-decoration:none;
}

.footmenu {
	font-size:1.2em;
	padding-top:10px;
	margin-bottom:15px;
}

small {
	line-height:1.5;
}


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


.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:#f38baf;
	font-weight:bold;
	font-size:1.2em;
}

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

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

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

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

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

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

textarea.ban200200 {
	width:180px;
	height:150px;
	margin-top:5px;
}

textarea.ban20040 {
	width:580px;
	height:30px;
	margin-top:5px;
}

textarea.ban600120 {
	width:780px;
	height:40px;
	margin-top:5px;
}

textarea.ban120600 {
	width:200px;
	height:90px;
	margin-top:5px;
}

textarea.ban800400 {
	width:780px;
	height:40px;
	margin-top:5px;
}

.talkbox {
	width:800px;
	margin:0 auto;
	padding-bottom:40px;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
}

.talkbox tr {
	height:140px;
}

.talkbox tr th {
	width:140px;
}

.talkbox tr td {
	width:660px;
}

.talkbox tr.chara01 {
	color:#eb6d9a;
}

.talkbox tr.chara02 {
	color:#f19149;
}

.talkbox tr.chara03 {
	color:#478bff;
}

.talkbox tr.chara04 {
	color:#b482ff;
}

.talkbox tr.chara05 {
	color:#00c6ff;
}

.talkbox tr.chara06 {
	color:#8fc31f;
}

.talkbox a {
	color:#478bff;
	text-decoration:underline;
}

.talkbox a:hover {
	color:#478bff;
	text-decoration:none;
}

.webss_title01 {
	background:url(../special/webss_title.png);
	width:810px;
	height:210px;
	margin:30px auto;
	position:relative;
}

.webss_title02 {
	background:url(../special/webss_title2.png);
	width:810px;
	height:210px;
	margin:30px auto;
	position:relative;
}

.webss_title03 {
	background:url(../special/webss_title3.png);
	width:810px;
	height:210px;
	margin:30px auto;
	position:relative;
}

.webss_list {
	width:800px;
	border:#ffc4d7 1px solid;
	background:#fff;
	margin:0 auto 20px;
}

.count {
	position:absolute;
	width:256px;
	height:84px;
	top:126px;
	left:277px;
}

ul.webss_li {
	margin-left:50px;
}

.webss_li li {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}

.cmvoice_talk {
	width:700px;
	margin:20px auto;
}

.lilycle_enquete {
	width:800px;
	margin:0 auto;
	font-size:1.4em;
	line-height:1.5;
	text-align:left;
	color:#a40000;
}

.lilycle_enquete table {
	background:#fff;
	border:1px solid #f38baf;
}

.lilycle_enquete table th {
	border:1px solid #f38baf;
	padding:10px;
}

.lilycle_enquete table td {
	border:1px solid #f38baf;
	padding:10px;
}

.formline1 span {
	font-size:75%;
	color:#FF0004;
}

.commentbox {
	width:900px;
	margin:0 auto;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
}

h3#cast01 {
	font-size:120%;
	background-color:#ff6294;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast02 {
	font-size:120%;
	background-color:#ec6941;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast03 {
	font-size:120%;
	background-color:#338df5;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast04 {
	font-size:120%;
	background-color:#a164ae;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast05 {
	font-size:120%;
	background-color:#04b7d3;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast06 {
	font-size:120%;
	background-color:#1fa23c;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

p.ques {
	color:#9b9b9b;
	margin-bottom:10px;
	font-weight:bold;
	padding-left:20px;
}

p.signtxt {
	font-size:120%;
	color:#ff6294;
	font-weight:bold;
	text-align:center;
	font-size:1.7em;
	line-height:1.5;
	margin-bottom:40px;
}

p.ans_01 {
	color:#ff6294;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #ff6294;
	padding:20px;
	width:760px;
}

p.ans_02 {
	color:#ec6941;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #ec6941;
	padding:20px;
	width:760px;
}

p.ans_03 {
	color:#338df5;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #338df5;
	padding:20px;
	width:760px;
}

p.ans_04 {
	color:#a164ae;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #a164ae;
	padding:20px;
	width:760px;
}

p.ans_05 {
	color:#04b7d3;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #04b7d3;
	padding:20px;
	width:760px;
}

p.ans_06 {
	color:#1fa23c;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #1fa23c;
	padding:20px;
	width:760px;
}

.enquete_button {
	margin:30px auto;
	height:25px;
	text-align:center;
}

.con_reset {
	width:150px;
	height:25px;
	margin-right:30px;
}

.con_submit {
	width:150px;
	height:25px;
}