@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
img{vertical-align:text-bottom;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

html {
	background:#fff;
}

body {
    font-family: Verdana,Arial,Helvetica!important;
    line-height: 160%;
	background: none repeat scroll 0 0 #fff;
	color:#505050;
	-webkit-text-size-adjust: none;
}
html, body {
	/*margin: 0;
	padding: 0;
	height: 100%;*/
}

a:link    { text-decoration:underline; color: #2C84B5;}
a:visited { text-decoration:underline; color: #2C84B5;}
a:active  { text-decoration:underline; color: #2C84B5;}
a:hover   { text-decoration:none; color: #2C84B5;}

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

.f12 {
	font-size: 12px
}
ruby.storyTitle9 {
	ruby-position: after;
	ruby-align: auto;
}
#glayLayer{
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:black;
    opacity: 0.85;
    filter:alpha(opacity=85);
	display:none;
    position:fixed;
}
#overLayer{
    position: fixed;
    top:50%;
    left:50%;
    margin-top:-197px;
    margin-left:-273px;
	display:none;
}
.gameArea {
	width: 100%;
	height: 100%;

}
.game {
	margin: 10px auto 30px;
	width: 910px;
	border: 1px solid #7a7265;
}
.game .catchText {
	margin: 0 0 0 18px;
	padding: 30px 70px 0 0;
	font-size: 20px;
}
.game .gameTitleL {
	color: #3f3a36;
	font-size: 22px;
    font-weight: bold;
    padding: 10px 70px 25px 0;
	margin: 0 0 0 18px;
	float: left;
}
.game .gameTitleR {
	float: left;
	padding: 10px 0 25px;
	font-size: 19px;

}
.game .gameTitle span {
	text-align: right;
}
.game ul  {
	margin: 0 auto;
	width: 896px;
}
.game ul li {
	margin: 0 0 0 10px;
	width: 167px;
	float: left;
}
.game .gameTextArea {
	margin: 29px 0 10px 18px;
	width: 896px;
	color: #4f4f47;
	font-size: 16px;
}
.game .gameTextArea p span.textB {
	font-size: 20px;
}
.game .gameTextArea p span.textS {
	font-size: 15px;
}
.game .gameTextArea p span.textSB {
	display: block;
	font-size: 15px;
	margin:0 0 25px 0;
}

#glayLayer #gameCloseBtn {
	width: 152px;
	position: fixed;
    top:50%;
    left:50%;
    margin-top:220px;
    margin-left:-76px;
	cursor: pointer;
}
#glayLayer #gameCloseBtn a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
.display_none {
	display: none;
}
.bg {
	width:100%;
	height: 1000px;
	background: url(../img/bg.jpg) no-repeat top center;
	position:fixed;
}
.bg_other {
	width:100%;
	height: 1000px;
	z-index:2;
	display:none;
	background: url(../img/bg_other.jpg) no-repeat bottom center;
	position:fixed;
}
.bg02
{
	width:100%;
	height: 1000px;
	z-index:2;
	display:none;
	background: url(../img/bg02.jpg) no-repeat top center;
	position:fixed;
}
#movie {
	display: none;
}
.box {
	width: 100%;
}
.box .boxIn {
	width: 960px;
	height: 1080px;
	margin: 0 auto;
	position: relative;
	z-index:3;
}
header {
	height: 92px;
    position: fixed;
    width: 100%;
    z-index: 5;
	background: url(../img/bg02.png) repeat-x top left;
}
.headerIn {
	width: 960px;
	height: 93px;
	margin: 0 auto;
	position: relative;
}
h1#top {
	position: absolute;
	top: 0;
	left: 0;
}
#subMenu li.top{
	height: 15px;
	line-height: 1.2;
	padding: 0 30px 0 0;
	border-right: 1px solid #c6c6c6;
	position: absolute;
	top: 29px;
	left: 300px;
}
#subMenu li.news{
	height: 15px;
	line-height: 1.2;
	padding: 0 30px 0 0;
	border-right: 1px solid #c6c6c6;
	position: absolute;
	top: 29px;
	left: 400px;
}
#subMenu li.onair{
	height: 15px;
	line-height: 1.2;
	padding: 0 30px 0 0;
	border-right: 1px solid #c6c6c6;
	position: absolute;
	top: 29px;
	left: 520px;
}
#subMenu li.s_c{
	height: 15px;
	line-height: 1.2;
	padding: 0 30px 0 0;
	border-right: 1px solid #c6c6c6;
	position: absolute;
	top: 29px;
	left: 640px;
}
#subMenu li.character{
	height: 15px;
	line-height: 1.2;
	position: absolute;
	top: 29px;
	left: 810px;
}
#subMenu li.introB{
	height: 15px;
	line-height: 1.2;
	padding: 0 30px 0 0;
	border-right: 1px solid #c6c6c6;
	position: absolute;
	top: 61px;
	left: 300px;
}
#subMenu li.story{
	height: 15px;
	line-height: 1.2;
	padding: 0 30px 0 0;
	border-right: 1px solid #c6c6c6;
	position: absolute;
	top: 61px;
	left: 420px;
}
#subMenu li.v_a{
	height: 15px;
	line-height: 1.2;
	padding: 0 30px 0 0;
	position: absolute;
	border-right: 1px solid #c6c6c6;
	top: 61px;
	left: 545px;
}
#subMenu li.special{
	height: 15px;
	line-height: 1.2;
	position: absolute;
	top: 61px;
	left: 735px;
}
#subMenu li a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
.banner {
	/*
	left: 0;
    position: absolute;
    top: 362px;
	*/
	position: absolute;
	top: 608px;
	right: 10px;

}
.twitter {
	position: absolute;
	top: 670px;
	left: 250px;
}
.follow {
	position: absolute;
	top: 6px;
	left: 130px;
}
.follow a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
.account {
	position: absolute;
	top: 16px;
	left: 9px;
}
.account a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
.tweet {
	position: absolute;
	top: 260px;
	left: 10px;
}
.tweet a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
.twitter_in {
	padding: 40px 0 0;
	width: 227px;
	height: 286px;
	background: url(../img/twitter_bg.png) no-repeat top left;
	text-align: center;
}
#btn_movie_link {
	position: absolute;
	top: 815px;
	left: 630px;
	width: 298px;
	height: 91px;
	z-index: 3;
	cursor: pointer;
}
#site {
	position: absolute;
	top: 925px;
	left: 630px;
	width: 298px;
	height: 27px;
	z-index: 3;
}
#site a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
#introTop {
	margin-top: -93px;
	padding-top: 93px;
}
#barIntro {
	height: 110px;
    width:100%;
	background: url(../img/bg_r.jpg) repeat-x left top;
	z-index: 3;
}
#barIntro #barIntroIn {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: url(../img/intro_bar.png) no-repeat center top;
	z-index: 3;
	text-indent: -9999px;
}
#barSc {
	height: 110px;
    width:100%;
	background: url(../img/bg_r.jpg) repeat-x left top;
	z-index: 3;
}
#barSc #barScIn {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: url(../img/sc_bar.png) no-repeat center top;
	z-index: 3;
	text-indent: -9999px;
}
.boxIntro {
	width: 100%;
}
.boxIntro .boxIntroIn {
	width: 960px;
	height: 880px;
	margin: 0 auto;
	position: relative;
	z-index:3;
}
#scTop{
	margin-top: -93px;
	padding-top: 93px;
}
.intro {
	position: absolute;
	top: 30px;
	left: 0;
	width: 960px;
}
.return a {
	width: 47px;
	height: 47px;
}
.boxSc {
	width: 100%;
	height: 1000px;
}
.boxSc .boxScIn {
	width: 960px;
	height: 920px;
	margin: 0 auto;
	position: relative;
	z-index:3;
}
.sc {
	position: absolute;
	top: 30px;
	left: 0x;
	width: 960px;
}

#barOnair {
	height: 110px;
    width:100%;
	background: url(../img/bg_r.jpg) repeat-x left top;
	z-index: 3;
}
#barOnair #barOnairIn {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: url(../img/onair_bar.png) no-repeat center top;
	z-index: 3;
	text-indent: -9999px;
}
#oaTop{
	margin-top: -93px;
	padding-top: 93px;
}
.boxOnair {
	width: 100%;
}
.boxOnair .boxOnairIn {
	width: 960px;
	height: 672px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	position: relative;
	z-index:3;
	color: #8c8c8c;
}
.boxOnair .boxOnairIn .tvBox {
	padding-bottom: 25px;
	height: 296px;
}
.boxOnair .boxOnairIn .tvBox h2 {
	padding: 3px 0 2px 0;
	width: 98px;
	color: #308fbb;
	font-size: 30px;
	float: left;
	text-shadow: 1px 1px 4px #fff;
}
.boxOnair .boxOnairIn .tvBox h2 span {
	padding: 0 5px 0 0;
}
.boxOnair .boxOnairIn a {
	color: #3e3e3c;
}
.boxOnair .boxOnairIn .tvBox ul {
	height: 296px;
	color: #3E3E3C;
	font-size: 18px;
	text-shadow: 1px 1px 4px #fff;
	float: left;
	border-left: 1px dotted #8c8c8c;
}
.boxOnair .boxOnairIn ul.tv li {
	padding: 0 0 8px;
}
.boxOnair .boxOnairIn ul.tv li .ch {
	width: 110px;
	padding: 5px 25px 0 17px;
	float: left;
	text-align: left;
}
.boxOnair .boxOnairIn ul.tv li .day {
	padding: 5px 4px 5px 0;
	float: left;
	text-align: right;
}
.boxOnair .boxOnairIn ul.tv li .time {
	padding: 5px 0 5px 0;
	float: left;
	letter-spacing: 1px;
}
.boxOnair .boxOnairIn .webBox {
	padding: 50px 0 0 0;
	height: 300px;
	border-top: 1px solid #8c8c8c;
}
.boxOnair .boxOnairIn .webBox ul {
	color: #3E3E3C;
	font-size: 18px;
	text-shadow: 1px 1px 4px #fff;
	float: left;
	border-left: 1px dotted #8c8c8c;
}
.boxOnair .boxOnairIn .webBox h2 {
	padding: 4px 0 4px 0;
	width: 98px;
	color: #308fbb;
	float: left;
	text-shadow: 1px 1px 4px #fff;
}
.boxOnair .boxOnairIn .webBox h2 span {
	padding: 0 0 0 24px;
}
.boxOnair .boxOnairIn ul.web li {
    padding: 0 0 8px;
}
.boxOnair .boxOnairIn ul.web li .ch {
	width: 165px;
	padding: 5px 25px 0 17px;
	float: left;
	text-align: left;
}
.boxOnair .boxOnairIn ul.web li .day {
	padding: 5px 4px 5px 0;
	float: left;
	text-align: right;
}
.boxOnair .boxOnairIn ul.web li .time {
	padding: 5px 0 5px 0;
	float: left;
	letter-spacing: 1px;
}
.boxOnair .boxOnairIn ul li .time span {
	font-size: 12px;
	padding: 0 0 0 3px;
}
.boxOnair .boxOnairIn .comment {
	font-size: 12px;
	padding: 50px 0 0px 17px;
	line-height: 2;
}
#barVa {
	height: 110px;
    width:100%;
	background: url(../img/bg_r.jpg) repeat-x left top;
	z-index: 3;
}
#barVa #barVaIn {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: url(../img/va_bar.png) no-repeat center top;
	z-index: 3;
	text-indent: -9999px;
}
.boxVa .boxVaIn{
	width: 960px;
	margin: 85px auto 30px;
	position: relative;
	z-index:3;
}
#vaTop {
	margin-top: -93px;
	padding-top: 93px;
}
footer {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 50px;
	z-index: 2;
	clear: both;
}
#copyright {
	float: left;
	padding: 8px 0 0 52px;
	width: 236px;
}
.return {
	float: left;
	padding: 0 0 0 443px;
	z-index: 4;
}
#rufous-sandbox {
	display: none;
}
#fade{display:none;}

/* News
--------------------------- */

#news_update {
	width: 227px;
	height: 32px;
	background: url(../img/news_header.png) left top no-repeat;
	position:absolute;
	top: 670px;
	left: 0;
}
.news_bg {
	width: 227px;
	height: 254px;
	background: url(../img/news.png) left top repeat;
	position:absolute;
	top: 32px;
	left: 0;
	line-height: 160%;
}
.news_bg p {
	position: absolute;
	top: 230px;
	right:7px;
	font-weight: bold;
}
.news_bg p a {
	color: #F47427;
}
.news_bg p a:hover {
	text-decoration: none;
}
#news_update img {
	vertical-align: bottom;
}
#news_update .main_img {
	width: 198px;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
	text-align: center;
}
#news_update ul {
}
#news_update ul li {
	margin: 10px 10px 0;
	padding: 20px 0 2px;
	border-top: 1px solid #aeaeae;
	position:relative;
}
#news_update ul li.last {
	border-bottom: 1px solid #aeaeae;
}
#news_update .new {
	background: url(../img/new.png) no-repeat scroll right 2px transparent;
}
#news_update .bnr {
	text-align: center;
	padding-bottom: 5px;
}
#news_update #news_area {
	color: #000;
	text-align: center;
}
#news_update .tit {
	text-align: left;
	font-size: 13px;
	padding:15px 0 0 0;
}
#news_update .tit a {
	color: #f47427;
	font-weight: bold;
}
#news_update .period {
 	color: #B2B2B2;
    font-size: 11px;
    font-weight: bold;
    left: 0;
    padding-top: 2px;
    position: absolute;
    top: 13px;
}
#news_update .txt {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #f47427;
}
#news {
	color: #272727;
}
#news a {
	color: #ff0078;
}
#news #box {
	padding-top: 25px;
}
#news #box ul {
	margin: 0 40px;
}
#news #box ul li {
	padding-top: 30px;
}
#news #box .date {
	padding-bottom: 6px;
	background: url(../img/line01.gif) left bottom repeat-x;
	font-size: 20px;
}
#news #box h3 {
	padding: 25px 0;
	font-size: 20px;
	font-weight: bold;
	color: #ff0078;
}
#news #box .dtl {
	overflow: hidden;
	line-height: 2.2;
}
#news #box .dtl .dtl_inner {
	padding-top: 5px;
	overflow: hidden;
}
#news #box .dtl .dtl_inner_l {
	float: left;
	width: 240px;
}
#news #box .dtl .dtl_inner_l img {
	padding-top: 6px;
}
#news #box .dtl .dtl_inner_r {
	float: left;
	width: 400px;
}
#news #box .dtl .dtl_btm {
	display: block;
	padding-top: 10px;
	text-align: right;
}
#news #box .pagetop {
	padding-top: 25px;
	text-align: right;
}

#container {
	width: 100%;
	text-align: center;
}
#top #container {
	background: none;
}

/* #maincatch
--------------------------- */
#maincatch {
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 100;
	overflow: hidden;
}
#maincatch .maincatch_text {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}
#maincatch #maincatch_text {
	margin-top: -50px;
	margin-left: -440px;
	top: 50%;
	left: 50%;
	height: 48px;
	visibility: visible;
}
#maincatch #maincatch_text img{
	width: 578px;
	height: 48px;
}
#maincatch #maincatch_text2 {
	margin-top: 50px;
	margin-left: -104px;
	top: 50%;
	left: 50%;
	height: 48px;
	visibility: visible;
}
#maincatch #maincatch_text2 img{
	width: 560px;
	height: 48px;
}

/* character
--------------------------- */
#charaTop {
	margin-top: -93px;
	padding-top: 93px;
}
#barCharacter {
	height: 110px;
    width:100%;
	background: url(../img/bg_r.jpg) repeat-x left top;
	z-index: 3;
}
#barCharacter #barCharacterIn {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: url(../img/character_bar.png) no-repeat center top;
	z-index: 3;
	text-indent: -9999px;
}
#boxCharacter {
	width: 100%;
}
#boxCharacter #boxCharacterIn {
	width: 945px;
	margin: 0 auto;
	position: relative;
	z-index:3;
}
#boxCharacter #characterSingle {
	position: relative;
	width: 820px;
	height: 647px;
	margin: 0 auto;
	background: url(../img/character/character_bg.png) no-repeat center 82px;
}
#boxCharacter #characterSingleIn  {
	top: 0;
/*	left: 0;*/
	position: absolute;
}
#boxCharacter #characterSingle .main_img {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 131;
}
#boxCharacter #characterSingle .name {
	top: 354px;
	left: 300px;
	width: 427px;
	height: 63px;
	position: absolute;
}
#boxCharacter #characterSingle .txt {
	top: 450px;
	left: 300px;
	width: 427px;
	height: 138px;
	position: absolute;
}
#boxCharacter #characterSingle #carousel {
	top: 108px;
	left: 293px;
	width: 444px;
	height: 230px;
	position: absolute;
}
#boxCharacter #characterSingle #carousel ul li {
	width: 444px;
	float: left;
	display: inline;
}
#boxCharacter #characterSingle #carousel_prev,
#boxCharacter #characterSingle #carousel_next {
	width: 15px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	z-index: 132;
}
#boxCharacter #characterSingle #carousel_prev {
	top: 212px;
	left: 20px;
	background:transparent url(../img/character/carousel_prev.gif) no-repeat top left;
}
#boxCharacter #characterSingle #carousel_next {
	top: 212px;
	left: 420px;
	background:transparent url(../img/character/carousel_next.gif) no-repeat top left;
}
#boxCharacter #characterSingle #prev,
#boxCharacter #characterSingle #next {
	width: 27px;
	height: 40px;
	cursor: pointer;
	position: absolute;
}
#boxCharacter #characterSingle #prev {
	top: 325px;
	left: 29px;
	background:transparent url(../img/character/prev.png) no-repeat top left;
	z-index: 132;
}
#boxCharacter #characterSingle #next {
	top: 325px;
	left: 769px;
	background:transparent url(../img/character/next.png) no-repeat top left;
	z-index: 132;
}
#boxCharacter #characterAll {
	position: relative;
	width: 945px;
	height: 392px;
	margin: 0 auto;
	background:transparent url(../img/character/character.png) no-repeat top left;
}
#boxCharacter #characterAll li {
	position: absolute;
	cursor: pointer;
}
#boxCharacter #characterAll li img {
	display: none;
}
#boxCharacter #characterAll li.active img,
#boxCharacter #characterAll li.ov img {
	display: block;
}
#boxCharacter #characterAll li#chara_01 {
	top: 49px;
	left: 53px;
	width: 88px;
	height: 301px;
	z-index: 10;
}
#boxCharacter #characterAll li#chara_02 {
	top: 75px;
	left: 128px;
	width: 93px;
	height: 275px;
	z-index: 10;
}
#boxCharacter #characterAll li#chara_03 {
	top: 24px;
	left: 208px;
	width: 100px;
	height: 326px;
	z-index: 11;
}
#boxCharacter #characterAll li#chara_04 {
	top: 10px;
	left: 280px;
	width: 104px;
	height: 340px;
	z-index: 10;
}
#boxCharacter #characterAll li#chara_05 {
	top: 20px;
	left: 370px;
	width: 108px;
	height: 330px;
	z-index: 11;
}
#boxCharacter #characterAll li#chara_06 {
	top: 63px;
	left: 470px;
	width: 130px;
	height: 287px;
	z-index: 10;
}
#boxCharacter #characterAll li#chara_07 {
	top: 60px;
	left: 545px;
	width: 166px;
	height: 290px;
	z-index: 11;
}
#boxCharacter #characterAll li#chara_08 {
	top: 101px;
	left: 627px;
	width: 121px;
	height: 249px;
	z-index: 11;
}
#boxCharacter #characterAll li#chara_09 {
	top: 44px;
	left: 736px;
	width: 130px;
	height: 306px;
	z-index: 10;
}
#boxCharacter #characterAll li#chara_10 {
	top: 82px;
	left: 828px;
	width: 68px;
	height: 268px;
	z-index: 11;
}

/* story
--------------------------- */
#storyTop {
	margin-top: -93px;
	padding-top: 93px;
}
#barStory {
	height: 110px;
    width:100%;
	background: url(../img/bg_r.jpg) repeat-x left top;
	z-index: 3;
}
#barStory #barStoryIn {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: url(../img/story_bar.png) no-repeat center top;
	z-index: 3;
	text-indent: -9999px;
}
#boxStory {
	width: 100%;
	color: #333333;
}
#boxStory #boxStoryIn {
	width: 945px;
	margin: 0 auto;
	padding: 55px 0 100px 0;
	position: relative;
	z-index:3;
}
#boxStory .story_no {
	float: left;
	width: 90px;
	height: 522px;
	padding-top: 4px;
}
#boxStory .story_no li {
	padding-bottom: 20px;
	font-size: 15px;
}
#boxStory .story_no a {
	color: #333333;
}
#boxStory .story_no li.active a {
	cursor: default;
	text-decoration: none;
}
#boxStory .story_txt {
	float: left;
	width: 815px;
	padding-left: 35px;
	border-left: 1px dotted #8c8c8c;
}
#boxStory .story_txt_inner {
	display: none;
}
#boxStory .story_txt_inner dt {
	line-height: 1.3;
	padding-left: 40px;
	background: url(../img/story/story_icon.png) left center no-repeat;
	border-bottom: 1px solid #8c8c8c;
	font-size: 27px;
	font-weight: bold;
}
#boxStory .story_txt_inner dt.ruby {
	padding-left: 146px;
	font-size: 12px;
	font-weight: bold;
	background: none;
	border-bottom: none;
}
#boxStory .story_txt_inner dd .story_img {
	width: 815px;
	margin-top: 30px;
}
#boxStory .story_txt_inner dd .story_img li {
	float: left;
	width: 262px;
	padding: 0 14px 14px 0;
}
#boxStory .story_txt_inner dd .story_img li.li_l {
	padding: 0 0 14px 0;
}
#boxStory .story_txt_inner dd p {
	line-height: 1.8;
	padding: 25px 0 4px 0;
	font-size: 15px;
}
/* Visual and Audio
--------------------------- */
.boxVa .boxVaIn {
	color: #272727;
}
.boxVa .boxVaIn .contentsbox {
	border-top: solid #83b4c3 1px;
	padding-top: 19px;
}
.boxVa .boxVaIn .contentsbox ul.tab {
	position: absolute;
	width: 279px;
	margin: -54px 0 40px;
}
.boxVa .boxVaIn .contentsbox ul.tab li {
	float: left;
	padding: 0 10px 0 0;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li {
	/*height:3770px;*/
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo {
	padding: 0 0 25px 0;
	height: 560px;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo.last {
	border-bottom: 1px solid #8C8C8C;
	padding: 0 0 40px 0;
	height: 560px;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo.vo2 {
	height: 570px;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .shop {
}
.boxVa .boxVaIn .contentsbox ul.area h4 {
	padding: 40px 0 15px;
	color: #2c84b5;
	 font-size: 22px;
    font-weight: normal;
	font-weight: bold;
}
.boxVa .boxVaIn .contentsbox ul.area .photoCd {
    float: left;
    margin: 0 30px 0 0;
}
.boxVa .boxVaIn .contentsbox ul.area h4.sec {
	border-top: 1px solid #8C8C8C;
	padding: 40px 0 15px;
	color: #2c84b5;
	 font-size: 22px;
    font-weight: normal;
	font-weight: bold;
}
.boxVa .boxVaIn .contentsbox ul.area h4.first {
	padding: 20px 0 15px;
	color: #2c84b5;
	 font-size: 22px;
    font-weight: normal;
	font-weight: bold;
}
.boxVa .boxVaIn .contentsbox ul.area h4 span.squre {
	padding: 0 0 0 20px;
	display: block;
	background: url(../img/icon_square.gif) left center no-repeat;
}
.boxVa .boxVaIn .contentsbox ul.area .phArea {
	float: left;
	margin: 6px 30px 0 0;
}
.boxVa .boxVaIn .contentsbox ul.area .phArea .bdArea {
	padding: 8px 0 0 0;
}
.boxVa .boxVaIn .contentsbox ul.area .photoOther {
	float: left;
	margin: 0 30px 0 0;
}
.boxVa .boxVaIn .contentsbox ul.area .txt {
	color: #272727;
	float: left;
	width: 660px;
	margin: 10px 0 0 0;
	font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.9;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo .txt span {
	display: block;
	font-size: 12px;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo .txt span.bdtext {
	margin-top: 0;
	font-size: 14px;
	padding: 0 0 20px;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo .txt span.bdtext1 {
	margin-top: 0;
	font-size: 14px;
	padding: 0;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo .txt .red {
	margin-top: 0;
	font-size: 14px;
	padding: 5px 0 5px 0;
	line-height:1.2;
}
.boxVa .boxVaIn .contentsbox ul.area#bd li .bdinfo .txt .red a {
	color: #F00;
	text-decoration: none;
	line-height:1.2;
}
.boxVa .boxVaIn .contentsbox ul.area .txt span.txt_space {
	font-size: 12px;
	margin-top: 0;
	padding-left: 95px;
}
.boxVa .boxVaIn .contentsbox ul.area#cd li {
	height: 1130px;
}
.boxVa .boxVaIn .contentsbox ul.area#cd li .cd {
	margin: 10px 0 0 0;
	border-bottom: 1px solid #8C8C8C;
    padding-bottom: 30px;
}
.boxVa .boxVaIn .contentsbox ul.area#cd .last {
	padding-top: 45px;
	padding-bottom: inherit;
	border-bottom: none;
}
.boxVa .boxVaIn .contentsbox ul.area .cdInfo {
	width: 665px;
	float: left
}
.boxVa .boxVaIn .contentsbox ul.area .cdTitle {
	padding: 0 0 10px 0;
	width: 665px;
	color: #333333;
	font-size: 22px;
	font-weight: normal;
	border-bottom: 1px solid #8c8c8c;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTitle span.limited {
	display: block;
	padding: 10px 0 8px 0;
	font-size: 12px;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt {
	margin: 25px 0  0;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 1px;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt span.info1 {
	display: block;
	margin-top: 10px;
	letter-spacing: 1px;
	padding-bottom: 15px;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt .musicList {
	padding-top: 15px;
	border-top: 1px #8c8c8c dotted;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt .musicList span.info2 {
	float: left;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt .musicList span.info3 {
	padding: 0 60px 0 0;
	display: block;
	letter-spacing: 1px;
	float: left;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt .musicList span.info3P {
	padding: 0 50px 0 0;
	display: block;
	letter-spacing: 1px;
	float: left;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt .musicList span.info4 {
	display: block;
	letter-spacing: 1px;
	float: left;
}
.boxVa .boxVaIn .contentsbox ul.area .cdTxt .musicList span.info5 {
	padding: 0 0 0 36px;
	display: block;
	letter-spacing: 1px;
	float: left;
}
.boxVa .boxVaIn .contentsbox h5 {
	margin: 20px 0 0;
	font-size: 14px;
	font-weight: bold;
}
.boxVa .boxVaIn .contentsbox ul.area .txt .amenity {
	clear: both;
	padding-bottom: 20px;
}
.boxVa .boxVaIn .contentsbox ul.area .txt .amenity dt {
	float: left;
	clear: both;
	width: 70px;
}
.boxVa .boxVaIn .contentsbox ul.area .txt .amenity dd {
	margin-left: 70px;
}
.boxVa .boxVaIn .contentsbox ul.area .txt .amenity dd span {
	margin-top: 5px;
}
.boxVa .boxVaIn .contentsbox ul.area .txt .detail {
	display: block;
	margin-top: 20px;
}
.boxVa .boxVaIn .contentsbox ul.area .tokuten {
	width: 598px;
	margin: 10px 0 0;
	padding: 10px 20px;
	border: solid #c2c2c2 1px;
}
.boxVa .boxVaIn .contentsbox ul.area .tokuten span {
	display: block;
}
.boxVa .boxVaIn .contentsbox ul.area .tokuten span.illust {
	width: 564px;
	margin: 15px auto 10px;
}
.boxVa .boxVaIn .contentsbox ul.area .shopbox {
	margin: 10px 0 0;
	padding: 10px 20px;
	border: solid #8C8C8C 1px;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .special {
	margin: 0 0 20px 0;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .specialPh {
	margin: 0 20px 0 0;
	width: 264px;
	float: left;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .specialText {
	margin: 0 0 10px 0;
	width: 600px;
	/*float: left;*/
	color: #e60012;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .illust {
	float: left;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .illust img {
	margin-right: 20px;
}
.boxVa .boxVaIn #box ul.area .shop .info {

}
.boxVa .boxVaIn .contentsbox ul.area .shop .info_img {
	display: block;
	padding-top: 20px;
	text-align: center;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .info_img2 {
	display: block;
	padding-top: 5px;
	padding-bottom: 45px;
	text-align: center;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .info {
	font-size: 14px;
	letter-spacing: 1px;
    line-height: 2;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .info .specialPh {
	margin: 10px 0 0 0;
	text-align: center;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .info .tokutenPh{
	margin: 20px 0 10px;
	text-align: center;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .name {
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
    line-height: 2;
}
.boxVa .boxVaIn .contentsbox ul.area .shop .dtl_link {
	display: block;
	padding: 5px 10px 0 0;
	color: #FF0078;
	text-align: right;
}
.boxVa .boxVaIn .contentsbox ul.area .caution {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	letter-spacing: 1px;
    line-height: 2;
}
.boxVa .boxVaIn .contentsbox ul.area li#bd_dvd ul {
	width: 100%;
	height: 87px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.boxVa .boxVaIn .contentsbox ul.area li#bd_dvd li {
	display: inline;
	float: left;
	margin: 2px 6px 0 0;
	padding: 0;
	border-bottom: none;
}
/*
.boxVa .boxVaIn .contentsbox ul.area li#bd_dvd .disp_none {
	display: none;
}
*/

#specialTop {
	margin-top: -93px;
	padding-top: 93px;
}
#barspecial {
	height: 110px;
    width:100%;
	background: url(../img/bg_r.jpg) repeat-x left top;
	z-index: 2;
}
#barspecial #barspecialIn {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: url(../img/special_bar.png) no-repeat center top;
	z-index: 2;
	text-indent: -9999px;
}
.boxspecial {
	width: 100%;
}
.boxspecial .boxspecialIn {
	width: 960px;
	margin: 0 auto 100px;
	position: relative;
	z-index:2;
}
.boxspecial .boxspecialIn .btnArea ul {
	margin: 40px 0 0 0;
}
.boxspecial .boxspecialIn .btnArea ul li {
	width: 281px;
	float :left;
	margin: 0 0 0 38px;
}
.boxspecial .boxspecialIn .btnArea ul li.btnL {
	margin: 0;
}
.boxspecial .boxspecialIn .movieBox .specialTitle {
	margin: 70px 0 25px 0;
	border-bottom: 1px solid #8b8d8c;
}
.boxspecial .boxspecialIn .movieBox .movieList p {
	padding:0 0 8px 20px;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/icon_square_b.jpg) no-repeat left center;
}
.movieBox .movieArea {
	width: 960px;
	margin: 0 auto 40px;
}
.movieBox dl {
	display: inline;
	float: left;
	width: 432px;
	margin: 0 17px 25px;
}
.movieBox dt {
	padding:6px 0 8px 20px;
	font-size: 18px;
	font-weight: bold;
	background: url(../img/icon_square_b.jpg) no-repeat left center;
	color: #3e3e3e;
}

.boxspecial .boxspecialIn .interviewBox .specialTitle {
	margin: 57px 0 60px 0;
	border-bottom: 1px solid #8b8d8c;
}
.boxspecial .boxspecialIn .cast_content {
	padding: 30px 63px;
	width: 834px;
	margin: 10px auto 0;
	background: url(../img/specialBg.png) repeat left top;
}
.boxspecial .boxspecialIn .cast_content .interviewTitle {
	border-bottom: 1px solid #2065b2;
}
.boxspecial .boxspecialIn .cast_content .interviewTextTitle {
	margin: 27px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/icon_square_b.jpg) no-repeat left center;
}
.boxspecial .boxspecialIn .cast_content .interviewTextTitle span {
	margin: 0 0 0 18px;
	display: block;
}

.boxspecial .boxspecialIn .cast_content .interviewText {
	margin: 20px 0 0 0;
	font-size: 16px;
	line-height: 1.6;
}


/*
--------------------------- */

.boxspecial .boxspecialIn ul {
	width: 260px;
	float: left;
}
.boxspecial .boxspecialIn ul.mL {
	margin: 0 49px 0 18px;
	width: 570px;
	float: left;
}
.boxspecial .boxspecialIn li {
	display: inline;
	float: left;
	margin: 2px 6px 26px 0;
	padding: 0;
	border-bottom: none;
}
.boxspecial .boxspecialIn li.listL01 {
	margin: 2px 82px 26px 0;
}
.boxspecial .boxspecialIn li.listL02 {
	margin: 2px 59px 26px 0;
}
.boxspecial .boxspecialIn li.listL03 {
	margin: 2px 119px 26px 0;
}
.boxspecial .boxspecialIn li.listL04 {
	margin: 2px 69px 26px 0;
}
.boxspecial .boxspecialIn li.listL05 {
	margin: 2px 82px 26px 0;
}
.boxspecial .boxspecialIn li a {
	background: url(../img/arrow.png) no-repeat left center;
	display: block;
}
.boxspecial .boxspecialIn li a span {
	padding: 0 0 0 20px;
}
.boxspecial .boxspecialIn .disp_none {
	display: none;
}
.boxspecial .boxspecialIn .tabArea {
	float: left;
}
.boxspecial .boxspecialIn .castPh {
	float: left;
}