@charset "utf-8";
html,body{
	width:100%;
	height:100%;
}
body {
	background:#D80327;
	position:relative;
	min-width:1000px !important;
}
#wrapper{
	overflow:hidden;
	width:100%;
	min-width:1000px;
	height:800px;
	overflow:hidden;
	position:relative;
}
#container{
	position:relative;
	width:100%;
	min-width:1000px;
	height:744px;
	overflow:hidden;
	background:#D80327;
}

#leftmenu{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}
#navigation{
	position:absolute;
	width:230px;
	left:25px;
}
#navigation li{
	margin-bottom:4px;
	cursor:pointer;
}

#official{
	position:absolute;
	left:0;
	top:615px;
}
#fb{
	position:absolute;
	left:28px;
	top:650px;
	cursor:pointer;
}
#tw{
	position:absolute;
	left:75px;
	top:650px;
	cursor:pointer;
}
#yt{
	position:absolute;
	left:122px;
	top:650px;
	cursor:pointer;
}
#in{
	position:absolute;
	left:170px;
	top:650px;
	cursor:pointer;
}
#pin{
	position:absolute;
	left:217px;
	top:650px;
	cursor:pointer;
}

#bnr0{
    position: absolute;
    left: 26px;
    top: 679px;
    cursor: pointer;
}

#bnr{
    position: absolute;
    left: 26px;
    top: 568px;
    cursor: pointer;
}
#bnr2{
    position: absolute;
    left: 26px;
    top: 623px;
    cursor: pointer;
}
#bnr3{
    position: absolute;
    left: 26px;
    top: 678px;
    cursor: pointer;
}
#bnr4{
    position: absolute;
    left: 26px;
    top: 733px;
    cursor: pointer;
}
#topwrap{
	position:absolute;
	top:0;
	left:280px;
	margin:25px 20px;
	overflow:hidden;
}
#topwrap2{
	position:absolute;
	top:0;
	left:300px;
	background-image:url(../img/top/up_r.png),url(../img/top/down_r.png);
	background-position:top left, bottom left;
	background-repeat:repeat-x,repeat-x;
	overflow:hidden;
	margin-right:20px;
}
#mainvisual{
	width:100%;
	background:url(../img/top/repeat_x.jpg) repeat-x left top;
	background-size:auto 100%;
}

#logo{
	position:absolute;
	bottom:185px;
	left:50%;
	margin-left:-250px;
}

#bddvd{
	position:absolute;
	bottom:72px;
	left:50%;
	margin-left:-250px;
	z-index:100;
}

#copy{
	position:absolute;
	bottom:5px;
	left:50%;
	margin-left:-338px;
}

#copy_l{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-360px;
}
#copy_r{
	position:absolute;
	top:0;
	left:50%;
	margin-left:310px;
}



#about_wrap{
	position:absolute;
	top:100%;
	left:280px;
	left:300px;
	background:#FFF;
}

#top_wrap{
	position:absolute;
	top:0;
	left:0;
	background:#D80327;
}

#about_text{
	position:absolute;
	left:50%;
	top:80px;
	margin-left:-330px;
	width:660px;
}
	
.navi_select .overeffect{
	opacity:1 !important;
}

#stopper{
	position:relative;
	width:1400px;
	margin:0 auto;
}



#about_head{
	position:relative;
	width:100%;
	height:360px;
	overflow:hidden;	
}
#about_head2{
	position:absolute;
	width:100%;
	height:380px;
	overflow:hidden;
	left:0;
	top:0;
}
#photo1{
    position: absolute;
    right:0;
    top: -10px;
}
#photo2{
	position: absolute;
	right: 57px;
	top: -60px;
}

.imgchange_a{
	position:absolute;
	left:0;
	top:0;
}
#about_no2{
	margin-top:15px;
}

#abot_contents{
	position:relative;
	margin:0 50px;
}
#abot_contents2{
	margin-right:20px;
}
#about_con{
	margin:15px 50px 0 50px;
}
#about_text1{
	position:relative;
	width:100%;
	height:113px;
	background:url(../img/top/p1_s.png),url(../img/top/p1_e.png),url(../img/top/p1_r.png);
	background-repeat:no-repeat ,no-repeat, repeat-x;
	background-position:left top, right top, 22px top;
}
#a_text1{
	position:absolute;
	left:1px;
	top:1px;
}
.line_set{
	margin:0 50px;
	height:60px;
}

#textarea1{
	margin-top:5px;
	font-size:14px;
	line-height:22px;
}
#textarea2{
	margin-top:5px;
	font-size:14px;
	line-height:22px;
	margin-right:10px;
}
.about_menu{
	margin-top:25px;
	position:relative;
	background:url(../img/top/repeat_x3.jpg) repeat-x left top;
	height:10px;
	width:100%;
	padding-bottom:20px;
}
#intro{
	position:absolute !important;
	left:0;
	top:18px;
	cursor:pointer;
}
#cast{
	position:absolute !important;
	left:163px;
	top:18px;
	cursor:pointer;
}
#staff{
	position:absolute !important;
	left:326px;
	top:18px;
	cursor:pointer;
}
#prono{
	position:absolute !important;
	left:489px;
	top:18px;
	cursor:pointer;
}

.about_menu2{
	position:relative;
	background:url(../img/top/repeat_x2.jpg) repeat-x left top;
	height:10px;
	width:100%;
	margin-top:20px;
	padding-bottom:30px;
}

#about_text2{
	position:relative;
	width:100%;
	height:70px;
	background:url(../img/top/p2_s.jpg),url(../img/top/p2_e.jpg),url(../img/top/p2_r.jpg);
	background-repeat:no-repeat ,no-repeat, repeat-x;
	background-position:left top, right top, left top;
}

#about_no1{
	position:relative;
	opacity:1;
}

#about_no2{
	position:relative;
}

#about_no3{
	position:relative;
}
#a_text2{
	position:absolute;
	left:6px;
	top:6px;
}

#about_text3{
	position:relative;
	width:100%;
	height:76px;
	background:url(../img/top/p3_s.png),url(../img/top/p3_e.png),url(../img/top/p3_r.png);
	background-repeat:no-repeat ,no-repeat, repeat-x;
	background-position:left top, right top, left top;
}
#a_text3{
	position:absolute;
	left:6px;
	top:6px;
}

#scroll_set{
	width:1100px;
}
.scrolls{
	width:100%;
	height:620px;
	overflow:hidden;
}
#textarea3{
	margin-top:2px;
	margin-right:10px;
	font-size:14px;
	line-height:22px;

}


#about_p{
	margin:15px 0 20px;
}


#next_back{
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-103px;
	width:206px;
}
#next{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}
#back{
	position:absolute;
	left:0;
	top:0;
	opacity:0.5;
	cursor:default;
}

.circle{
	width:9px;
	height:9px;
	border-radius:10px;
	background:#FFF;
	border:1px #D80327 solid;
}
.page1{
	position:absolute;
	left:78px;
	top:6px;
	background:#D80327;
}
.page2{
	position:absolute;
	left:98px;
	top:6px;
}
.page3{
	position:absolute;
	left:118px;
	top:6px;
}

/*
.camp{
	width: 230px;
	padding-top: 6px;
	border-top: 1px dotted #FFF;
	position: absolute;
	top: 325px;
	left: 26px;
}
*/
.comments {
    padding-top: 10px;
    border-top: 1px dotted #FFF;
    width: 230px;
    position: absolute;
    top: 452px;
    left: 26px;
}

.event {
    width: 280px;
    position: absolute;
    top: 526px;
    left: 26px;
}
.cast_wrap{
	position:relative;
	overflow:hidden;
}

#castchange{
	position:absolute;
	right:20px;
	top:20px;
	width:200px;
	cursor:pointer;
}
#c1{
	position:absolute !important;
	left:0;
	top:0;
}
#c2{
	position:absolute !important;
	left:65px;
	top:0;
}
#c3{
	position:absolute !important;
	left:130px;
	top:0;
}
#cast_text{
	position:absolute;
	right:20px;
	bottom:20px;
	width:390px;
	height:310px;
	background	: rgba(255, 255, 255, 0.3);
}
#cast_text2{
	position:absolute;
	left:20px;
	bottom:20px;
	width:390px;
	height:310px;
	display:none;
}
#cast_text3{
	position:absolute;
	right:20px;
	bottom:20px;
	width:390px;
	height:310px;
	display:none;
}
#cast_bg{
	position:relative;
}
.cast_img{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}


.scroll2{
	position:absolute;
	left:20px;
	top:0;
	height:230px;
	width:350px;
	margin:55px 0 0 0;
	padding-right:35px;
	overflow:hidden;
}

.scroll2 .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{
	margin:0 !important;
}


#mc{
	position: absolute;
	bottom: 5px;
	right: 150px;
}

.staff_wrap{
	overflow:hidden;
}


.staff_bg{
	position:relative;
	width:100%;
	background:#D80327;
}

.staff_text{
	padding-top:10px;
	border-top:dashed 1px #FFF;
	position:absolute;
	left:322px;
	top:50px;
	width:100%;
	height:238px;
	color:#FFF;
	background:#D80327;
	line-height:20px;
	overflow:hidden;
}
.staff_text2{
	position:absolute;
	left:0;
	top:57px;
	width:100%;
	height:190px;
	color:#FFF;
	background:#D80327;
	line-height:17px;
	padding-bottom:20px;
}
.border{
	position:absolute;
	width:100%;
	top:50px;
	left:0;
	height:1px;
}
.border .in{
	margin:0 20px;
	height:1px;
	border-top:dashed 1px #FFF;
}
.staff_text2 p{
	padding-top:10px;
	margin:0 20px;
	padding-bottom:20px;
	line-height:20px;
}

.staff_text .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{
	margin:0 !important;
}
.staff_text .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:url(../img/top/staff/bar2.png) no-repeat center top !important;
}
.staff_text .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{width: 25px; background:url(../img/top/staff/bar2.png) no-repeat center top !important; }
.staff_text .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.staff_text .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{width: 25px; background:url(../img/top/staff/bar2.png) no-repeat center top !important; }
.staff_text .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #FFF;
	}

.staff_text2 .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{
	margin:0 20px 0 0 !important;
}
.staff_text2 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:url(../img/top/staff/bar2.png) no-repeat center top !important;
}
.staff_text2 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{width: 25px; background:url(../img/top/staff/bar2.png) no-repeat center top !important; }
.staff_text2 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.staff_text2 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{width: 25px; background:url(../img/top/staff/bar2.png) no-repeat center top !important; }
.staff_text2 .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #FFF;
	}

.cast_wrap{
	display:none;
}
.staff_wrap{
	display:none;
}