/*@charset "utf-8";
/* CSS Document
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%
 */

html{
	height:100%;
	}

body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	font-size:13px;
	*font-size: small;
	background-color:#000;
	height:100%;
	/*background:url(../img/bg.jpg) no-repeat center top #000;
    background-size:auto 100%;*/
    min-width:800px;
    min-height:1100px;
	}

#bgCover {
    position:absolute;
    width:100%;
    height:100%;
    min-height:1100px;
    overflow:hidden;
}

#bgBox{
    left:0;
    top:0;
    position:absolute;
    width:auto;
    min-height:1100px;
    overflow:hidden;
}

#bgBox img{
    opacity:0;
}

#flashContent {
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    z-index:10;
    overflow : hidden ;
    min-width:800px;
    min-height:1100px;
}
	
img{
	border:none;
	vertical-align:bottom;
    max-width:none;
	}
	
map{
	outline: none;
	}

h1 {
    margin:0;
}

#sizeBox {
    position:absolute;
}

#rightGrad {
    position:absolute;
    right:0;
    top:0;
    height:1260px;
    /*background-image:url(../img/right_grad.png);
    background-position:right;
    background-size:100% 100%;
    background-repeat:no-repeat;*/
    height:1260px;
    width:276px;
}

#leftGrad {
    position:absolute;
    left:0;
    top:0;
    /*background-image:url(../img/left_grad.png);
    background-position:left;
    background-size:100% 100%;
    background-repeat:no-repeat;*/
    height:1260px;
    width:276px;
}

#topText {
    position:absolute;
    left:2.5%;
    top:10px;
    width:95%;
    max-width:2560px;
    min-width:760px;
    z-index:10;
}

#centerText {
    position:absolute;
    left:50%;
    top:420px;
    min-width:640px;
    z-index:50;
}

#mainBox{
    position:relative;
    margin:0 auto;
    max-width: 1128px;
    min-width:800px;
	height:auto;
}

#characterBox {
    position:absolute;
    top:30px;
    width:1128px;
    min-width:728px;
    left:50%;
    /*margin-left:-564px;*/
    z-index:20;
}

#characterBoxHilight {
    position:absolute;
    top:30px;
    width:1128px;
    min-width:728px;
    left:50%;
    /*margin-left:-564px;*/
    z-index:30;
}

#characterButtonArea1 {
    position:absolute;
    left:505px;
    top:66px;
    z-index:100;
}

#characterButtonArea2 {
    position:absolute;
    left:792px;
    top:156px;
    z-index:100;
}

#characterButtonArea3 {
    position:absolute;
    left:240px;
    top:159px;
    z-index:100;
}

#characterButtonArea4 {
    position:absolute;
    left:378px;
    top:167px;
    z-index:100;
}

#characterButtonArea5 {
    position:absolute;
    left:668px;
    top:178px;
    z-index:100;
}

#characterButtonArea1 a{
    display:block;
    width:164px;
    height:950px;
}

#characterButtonArea2 a{
    display:block;
    width:135px;
    height:769px;
}

#characterButtonArea3 a{
    display:block;
    width:139px;
    height:762px;
}

#characterButtonArea4 a{
    display:block;
    width:128px;
    height:829px;
}

#characterButtonArea5 a{
    display:block;
    width:125px;
    height:768px;
}

#leftButton {
    position:absolute;
    left:15px;
    top:102px;
    z-index:35;
}

#titleBox {
    width:731px;
    height:375px;
    position:absolute;
    /*margin-left:-365px;*/
    left:50%;
    top:700px;
    z-index:40;
    padding-bottom:15px;
}

#socialBox{
	width: 240px;
	position: absolute;
	top: 40px;
	right: 100px;
    z-index:35;
    visibility:visible;
	}
	
#facebookButtonBox{
	height:28px;
    width:120px;
    float:left;
	}
	
#twitterButtonBox{
	height:28px;
    width:120px;
    float:left;
	}

#filmarksButtonBox {
    width:207px;
    height:28px;
}

#filmarksBox{
    overflow:hidden;
	width: 205px;
	height: 28px;
	position: absolute;
    top:880px;
	right: 10px;
    z-index:35;
	}
	
/*監督*/
#commentText{
	width:760px;
	height:auto;
	margin:0 20px 20px;
	text-justify:inter-word;
	color:#323232;
	}

/*レッド*/	
#redImage{
	width:753px;
	height:210px;
	padding-left:23px;
	padding-right:24px;
	background-image:url(../img/red.png);
	background-position: center top;
	background-repeat: no-repeat;
	}
	
#redText{
	width:740px;
	max-height:243px;
	margin:20px;
	padding-right:15px;
	text-justify:inter-word;
	overflow-y:scroll;
	scrollbar-face-color: #ff0000;
	scrollbar-highlight-color: #ff0000;
	scrollbar-shadow-color: #ff0000;
	scrollbar-3dlight-color: #ff0000;
	scrollbar-darkshadow-color: #8b0000;
	scrollbar-track-color: #cecece;
	scrollbar-arrow-color:#fff;

	}
	
.qandaColorQ {
    font-weight:bold;
    color:#007FFF;
	line-height:160%;
}

.qandaColorA {
    font-weight:bold;
    color:#ff0000;
}

.text24{
	font-size:182%;
	font-weight:bold;
	}

.text22{
	font-size:167%;
	}
	
.text16{
	font-size:123.1%;
	line-height:130%;
	}
	
.commnetTitle{
	text-indent:-0.5em;
	line-height:150%;
	}
	
.commentAlign{
	text-align:right;
	}

.commentImage{
	position:absolute;
    right:30px;
    top:20px;
	}

.commentImage2{
	position:absolute;
    right:30px;
    top:35px;
	}

.line200{
	line-height:180%;
	}

/*モーダルレイアウトoverride*/
.modal-body {
    max-height:500px;
    padding:10px;
	overflow-y:auto;
    position:relative;
}

.modal-header {
    padding:14px 15px 0 15px;
	border-bottom:0;
    line-height:32px;
    color:#333;
}

.myModalLabel {
    font-size:197%;
    font-weight:bold;
    margin:2px 0 0 0;
}

.modal-header .close {
	padding:18px 20px 16px 40px;
    position:absolute;
    right:0;
    top:6px;
    margin:0;
    z-index:1100;
}

.modal {
    width:820px;
    margin-left: -410px;
}

.close {
    display:block;
    line-height: 14px;
}

/*モーダル内ムービー設定*/
#movieWindow{
	overflow:hidden;
	}
	
.movieBox{
    overflow:hidden;
	border:none;
	}

/*webkit scrollbar*/
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color:rgba(212, 212, 212, 1);
}

::-webkit-scrollbar-corner {
    border-radius: 4px;
    background-color:rgba(212, 212, 212, 1);
}

/*劇場情報*/
#modalTheater .modal-body {
        overflow:hidden;
    }

#theaterBox {
   /* overflow-y:auto;
    max-height:452px;*/
    font-size:116%;
}

#theaterBox div {
    background-color:#E75297;
}

#theaterBox div#theaterBoxCover {
    border-top:solid 2px #F4A4CC;
    border-bottom:solid 2px #F4A4CC;
    border-left:solid 1px #F4A4CC;
    border-right:solid 1px #F4A4CC;
    width:750px;
    margin:0 15px 15px;
}

   #theaterBoxCover div {
        border-top: none;
        border-bottom: none;
        border-left: solid 1px #F4A4CC;
        border-right: solid 1px #F4A4CC;
    }

#theaterCloseButton {
    width:135px;
    height:37px;
    margin:0 auto 15px;
    border:none;
}

#theaterBox img {
    float:left;
}

#theaterBox div:nth-child(12n+13),#theaterBox div:nth-child(12n+14),#theaterBox div:nth-child(12n+15),#theaterBox div:nth-child(12n+16),#theaterBox div:nth-child(12n+17),#theaterBox div:nth-child(12n+18)  {
    background-color:#FFF8FC;
}

#theaterBox div:nth-child(12n+7),#theaterBox div:nth-child(12n+8),#theaterBox div:nth-child(12n+9),#theaterBox div:nth-child(12n+10),#theaterBox div:nth-child(12n+11),#theaterBox div:nth-child(12n+12) {
    background-color:#FFEBF5;
}

.theaterDate {
    float:left;
    width:170px;
    text-align:center;
}

.theaterPlace {
    text-align:center;
    float:left;
    width:60px;
}

.theaterName {
    float:left;
    width:240px;
    padding-left:20px;
}

.theaterTel {
    float:left;
    width:170px;
    padding-left:10px;
}

.theaterAlign {
    text-align:center;
}

.theaterMaeuri {
    text-align:center;
    float:left;
    width:70px;
}

/*bankuruwase*/
#banBox {
    width:662px;
    height:372px;
    background:url(../img/ban_bg.png) no-repeat center top;
    padding:372px 39px 20px;
}

#banCloseButton {
    width:135px;
    height:37px;
    margin:0 auto 20px;
    border:none;
}