@charset "utf-8";
/* ===================================================================
CSS / elephant studio 2011
=================================================================== */

/*reset********************************/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img ,article, aside,canvas,details, figure, figcaption, footer, header, hgroup, menu, nav, section, summary{
	margin:0;
	padding:0;
}

/*webfont********************************/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

/*base********************************/
html { overflow-y:scroll;} /*スクロールバーを常に表示*/

body {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align: left;
	background-color: #fff;
	margin: 0px;
}

body, ul, ol, li, h1, h2, h3, h4, h5, h6,p {
	font-size: 17px;
	color: #111111;
	line-height: 150%;
	text-align: justify;
}

img {
	border:none
}

ul{
	list-style-type: none;
}

a{
	color: #DB002C;
	font-style: normal;
	text-decoration: underline;
}

a img {
  transition: 0.3s; /*0.3秒かけて変化させる（hoverとセット）*/
}
a img:hover {
  opacity: 0.7; /*要素の透明度を指定*/
  filter: alpha(opacity=70); /*ie6、7の透明度指定*/
  transition: 0.3s;
}

.klm {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.clear { clear:both; }


/*fadein********************************/
#bloc1 { display: none; }

/*pagetop********************************/ 
#pagetop {
	position:fixed;
	top: 60px;
	right: 70px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#pagetop a {
	color: #FFF;
}

/*menu********************************/
#menu-box {
	height: 50px;
	width: 100%;
	background-color: #424242;
}
#menu-list {
	height: 50px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9 {
	height: 50px;
	float: left;
	margin-right: 22px;
}
#menu1 {
	margin-left: 10px;
}
#menu_fb,#menu_tw {
	height: 50px;
	float: right;
	margin-right: 5px;
}

#menu-list a {
	outline: none;
}

/*劇場 半透明*/
#menu0 {
	opacity: 0.3;
}
/* SNS_btn********************************/
#sns_btn {
	width: 100%;
	height: 50px;
	padding-top: 10px;
}

.sns {
	float: right;
}

.sns > li {
	display: inline-block;
	line-height: 0;
	vertical-align: top;
	margin: 0px 0px 0px 8px;
}
.sns > li:first-child {
	margin-right: 0px;
}
.sns > li:last-child {
	margin-right: 0px;

}
.sns iframe {
	margin: 0 !important;
}

 @media screen and (max-width: 780px) {
.sns > li {
	width: 80px !important;
	margin: 0 0px 10px 15;
}
}

/*index********************************/
#cntnts_wrp {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
} 
body#index {
	background-color: fff;
}

/*main********************************/
#main_wrp {
	background-image: url(../images/main_img160812.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	width: 100%;
	background-color: #F5F7FD;
}
#main_cnt {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.main_btn {
	margin-top: 70px;
	width: 111px;
	margin-right: 220px;
	float: right;
	margin-bottom: 50px;
}
.bnr_comment {
	margin-bottom: 11px;
}
.main_canne {
	margin-bottom: 22px;
	margin-left: 10px;
}
.main_title {
	margin-bottom: 28px;
	margin-left: 10px;
	float: left;
}
.main_credit {
	margin-left: 10px;
	padding-bottom: 17px;
}

#date {
	background-color: #424242;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
} 
#billing {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 65px;
}
.billing_txt {
	float: left;
	margin-bottom: 23px;
}
.bnr_cnt {
	float: left;
	width: 770px;
	margin-left: 10px;
}
.bnr_cnt img {
	margin-right: 10px;
}
.bnr_major {
	float: right;
	margin-top: 25px;
	margin-right: 10px;
}
.bnr_novel {
	margin-top: 20px;
}
.bnr_haruhi {
	padding-bottom: 14px;	
}
.bnr_shoniti {
	height: 60px;
	width: 192px;
	float: right;
	margin-top: 45px;
	margin-right: 200px;
}
.bnr_blr_dvd {
	height: 60px;
	width: 192px;
	float: right;
	margin-top: 27px;
	margin-right: 265px;
}


/*intro********************************/
#intro_wrp {
	width: 100%;
	background-color: #E2EBF0;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}
#intro {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}
#intro .title {
	margin-bottom: 30px;
}
#intro .midasi1 {
	margin-bottom: 28px;
}
#intro .txt_box {
	padding-bottom: 40px;
}
#intro .txt_box .img1 {
	float: left;
}
#intro .txt_box .txt1 {
	float: right;
	width: 575px;
	text-align: justify;
}

#intro .midasi2 {
	float: left;
	margin-bottom: 15px;
}
#intro .txt_box .img2 {
	float: right;
}
#intro .txt_box .txt2 {
	float: left;
	width: 615px;
	text-align: justify;
}

/*story********************************/
#story_wrp {
	width: 100%;
	background-color: #E2EBF0;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	background-image: url(../images/story_bg.jpg);
	background-repeat: repeat;
	background-position: 50% 0px;
}
#story {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
#story .title {
	margin-bottom: 30px;
}
#story .txt_l {
	width: 458px;
	text-align: justify;
	float: left;
}
#story .txt_r {
	width: 458px;
	text-align: justify;
	float: right;
}
#story .story_img {
	margin-top: 30px;
}

/*cast********************************/
#cast {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
#cast .title {
	margin-bottom: 30px;
}
.cast_box1 {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 15px;
}
.cast_box1 p {
	font-size: 15px;
}
.cast_box1 .img {
	float: left;
}
.cast_box1 .txt {
	float: right;
	width: 450px;
	text-align: justify;
}

.cast_s {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.noline {
	border-bottom-style: none;
}
.cast_box2 {
	width: 451px;
}
.cast_box2 p {
}
.cast_box2 .img {
	margin-bottom: 18px;
}
.cast_s_l {
	margin-right: 18px;
	padding-right: 17px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	float: left;
	font-size: 15px;
}
.cast_s_r {
	float: right;
	font-size: 15px;
}
.cast_s_l p, .cast_s_r p {
	font-size: 15px;
}

/*director********************************/
#director {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	border: 1px solid #CCCCCC;
	margin-bottom: 50px;
}
#director_box {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 40px;
}
#director_box .title {
	margin-bottom: 30px;
}
#director_box .img {
	margin-bottom: 30px;
	float: left;
}
#director_box .txt {
	margin-bottom: 30px;
	float: right;
	width: 623px;
	font-size: 15px;
}

#dire_inter_box {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#dire_inter_box .title {
	margin-bottom: 30px;
}
#dire_inter_box .txt {
	margin-bottom: 20px;
}
#dire_inter_box .red {
	font-weight: bold;
	color: #BF191B;
	margin-bottom: 8px;
}
#dire_inter_box .img {
	margin-bottom: 20px;
}

/*music********************************/
#music {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	border: 1px solid #CCCCCC;
	margin-bottom: 50px;
}
#music_box {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#music_box .title {
	margin-bottom: 17px;
}
#haruhi_box {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
#music_box .cnt_l {
	float: left;
	width: 432px;
}
#music_box .cnt_r {
	float: right;
	width: 418px;
}
.music_img {
	margin-bottom: 22px;
}
.music_name {
	margin-bottom: 15px;
}
.music_txt1 {
	margin-bottom: 37px;
	font-size: 15px;
}
.music_site {
	font-size: 15px;
	text-align: left;
}
.music_come_name {
	margin-bottom: 15px;
}
.music_come_txt {
	margin-bottom: 40px;
}

/*staff********************************/
#staff {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	border: 1px solid #CCCCCC;
	margin-bottom: 100px;
}
#staff_box {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#staff .title {
	margin-bottom: 50px;
}
.staff_cnt {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.staff_cnt .staff_name {
	float: left;
}
.staff_cnt .staff_txt {
	float: right;
	width: 520px;
	text-align: justify;
}
.noborder {
	border-style: none;
}


/*cannes********************************/
#cannes_wrp {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	text-align: center;
}
.cannes_title {
	margin-top: 20px;
	margin-bottom: 40px;
}
#cannes_cntnr1 {
	height: 843px;
	background-image: url(../images/cannes_bg1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
}
#cannes_cntnr1 img {
	margin-top: 315px;
}
#cannes_cntnr2 {
	height: 1102px;
	background-image: url(../images/cannes_bg2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 200px;
}
#cannes_cntnr2 img {
	margin-top: 120px;
}

/*review********************************/
#comme_wrp {
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	text-align: center;
}
.comme_title {
	margin-top: 20px;
	margin-bottom: 50px;
}
.comme_title p {
	text-align: center;
}
#comme_wrp p {
	margin-bottom: 70px;
}
#comme_l {
	float: left;
}
#comme_l p {
	margin-bottom: 70px;
}
#comme_r {
	float: right;
	margin-top: 60px;
}
#comme_r p {
	margin-bottom: 70px;
}

#review_wrp {
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	text-align: center;
}
.review_title {
	margin-top: 20px;
	margin-bottom: 50px;
}

#review_wrp p {
	margin-bottom: 70px;
}
#review_l {
	float: left;
}
#review_l p {
	margin-bottom: 70px;
}
#review_r {
	float: right;
	margin-top: 60px;
}
#review_r p {
	margin-bottom: 70px;
}

/*footer********************************/
#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#footer .title {
	margin-bottom: 30px;
}
#footer .credit1 {
	margin-bottom: 20px;
}
#footer .credit2 {
	margin-bottom: 25px;
	margin-top: 20px;
}


/*trailer********************************/
#trailer {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	margin-bottom: 200px;
}
#trailer .title {
	margin-bottom: 30px;
}
.trailer_name {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}
#youtube {
	margin-bottom: 50px;
}

/*info********************************/
body#info {
}
#info_wrp {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	text-align: left;
	margin-top: 25px;
	
}
#info_wrp ul {
	margin-bottom: 30px;
	list-style-type: disc;
	margin-left: 25px;
}
.info_cont {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.info_txt_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.info_txt_large {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #990000;
}
.info_txt_bold {
	font-weight: bold;
}
.info_mrgn_t15 {
	margin-top: 15px;
}
.info_mrgn_b15 {
	margin-bottom: 15px;
}