@charset "utf-8";

/*#index-container*/
body.index{
	background:#5E0000 url(../img/sp_bg.png) 0 0 repeat-x;
}
#index-container{
	clear:both;
	margin:0;
	width:100%;
}
#index-container header.index-header{
	margin:0 0 15px 0;
}
#index-container #main-img{
	background: url(../img/sp_img_main.jpg) 0 0 no-repeat;
	width:100%;
	height:200px;
}

img.mainimg{
     max-width: 100%;
     height: auto;
     display:block;　
}
#index-container h1.logo{
	background: url(../img/sp_h1.png) no-repeat;
	width:300px;
	height:65px;
	margin:10px 10px 0 10px;
}
#socialmedia ul{
	width:300px;
	margin:10px;
}



#index-container nav{
	margin:10px;
	
}
#index-container nav ul{
	clear:both;
}
#index-container nav ul li{
	margin:0 0 5px 0;
	width:100%;
	height:45px;
}
#index-container nav ul li a{
	display:block;
	width:100%;
	height:45px;
	color:#FFF;
}
#index-container nav ul li.menu01{
	background:url(../img/sp_menu_01.png);
}
#index-container nav ul li.menu02{
	background:url(../img/sp_menu_02.png);
}
#index-container nav ul li.menu03{
	background:url(../img/sp_menu_03.png);
}
#index-container nav ul li.menu04{
	background:url(../img/sp_menu_04.png);
}
#index-container nav ul li.menu05{
	background:url(../img/sp_menu_05.png);
}

#index-container h2.release{
	width:100%;
	margin:0 10px 10px 10px;
	font-size:18px;
	font-weight:400;
	line-height:1.4;
	color:#d1bd28;
	text-align:center;
}
#index-container #credit{
	width:95%;
	margin:10px;
	padding:10px 0;
	background:#FFF;
}
#index-container #credit h3{
	margin:0 10px 10px;
	font-size:16px;
	line-height:1.4;
}
#index-container #credit h3 strong{
	color:#900;
}
#index-container #credit h4{
	margin:0 10px 10px;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
}

/*2nd*/
body.second{
	background:#5E0000 url(../img/sp_bg.png) 0 0 repeat-x;
}
#second-container{
	clear:both;
	margin:0;
	width:320px;
}
#second-container nav.back{
	background:#000 url(../img/sp_btn_back.png) no-repeat;
	height:30px;
}
#second-container nav.back a{
	display:block;
	height:30px;
}
#second-container section#body{
	margin:10px 0;
}
#second-container section#body header h1{
	background:url(../img/sp_about_h1.png) no-repeat;
	height:50px;
}
#second-container section#body header nav ul{
	margin:0 10px;
}
#second-container section#body header nav ul li{
	background:#420000;
	color:#FFF;
	font-size:12px;
	float:left;
	width:147px;
	height:50px;
}
#second-container section#body header nav ul li a{
	color:#FFF;
	display:block;
	line-height:50px;
	text-align:center;
}
#second-container section#body.about header nav ul li.submenu01{
	margin:0 6px 6px 0;
}
#second-container section#body.about header nav ul li.submenu02{
	margin:0 0 6px 0;
}
#second-container section#body.about header nav ul li.submenu03{
	margin:0 6px 0 0;
}
#second-container section#body.about header nav ul li.submenu04{
	margin:0 0 0 0;
}
#second-container section#body.about article{
	background:#FFF;
	margin:10px 10px;
}
#second-container section#body.about article header{
	margin:0 0 5px 0;
}
#second-container section#body.about article section.contents{
	margin:10px 15px;
}
#second-container section#body.about article section.contents h2{
	margin:0 0 10px 0;
}
#second-container section#body.about article section.contents figure{
	margin:10px auto 20px;
	text-align:center;
	display:block;
}
#second-container section#body.about article section.contents p{
	margin:0 0 20px 0;
	font-size:14px;
}


/*intro*/
#second-container section#body.about.intro article header h1{
	background:url(../img/introduction_h1.gif) 5px 0 no-repeat;
	height:70px;
}

/*director*/
#second-container section#body.about.director article header h1{
	background:url(../img/director_h1.gif) 10px 0 no-repeat;
	height:70px;
}

/*japan*/
#second-container section#body.about.japan article  h1{
	padding:20px 0 0 0;
	font-size:20px;
}

/*filmordigital*/
#second-container section#body.about.filmordigital article header h1{
	background:url(../img/sp_filmordigital_h1.gif) 10px 10px no-repeat;
	height:70px;
}
#second-container section#body.about.filmordigital article section.contents nav{
	margin:0 0 15px 0;
}
#second-container section#body.about.filmordigital article section.contents nav ul li{
	background:#CC0D17;
	margin:0 0 5px 0;
	padding:5px;
	text-align:center;
}
#second-container section#body.about.filmordigital article section.contents nav ul li a{
	color:#FFF;
}
#second-container section#body.about.filmordigital article section.contents h1.note{
	border-left:#CC0D17 solid 5px;
	padding:5px 10px;
	margin:0 0 10px;
}

#second-container section#body.about.filmordigital article section.contents .cast-box{
	padding:0 0 30px 0;
}
#second-container section#body.about.filmordigital article section.contents .cast-box .img h1{
	width:270px;
	height:206px;
}
#second-container section#body.about.filmordigital article section.contents .cast-box .img h2{
	color:#CC0D17;
	font-size:12px;
	font-weight:normal;
	margin:0 0 3px;
	line-height:1.4;
}
#second-container section#body.about.filmordigital article section.contents .cast-box .img h3{
	font-size:12px;
	font-weight:normal;
	margin:0 0 5px;
	line-height:1.4;
}
#second-container section#body.about.filmordigital article section.contents .cast-box .contenthover{
	font-size:14px;
	font-weight:normal;
	border: #999 solid 2px;
	margin:0;
	padding:7px;
}
#second-container section#body.about.filmordigital article section.contents .cast-box .contenthover p{
	margin:0 0 0 0;
}
#second-container section#body.about.filmordigital article section.contents .cast-box .img h1{
	-moz-background-size:100% auto !important;
	background-size:100% auto !important; 
}

#second-container section#body.about.filmordigital article section.contents .cast-box.cast01 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -207px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast02 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -414px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast03 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -620px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast04 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -827px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast05 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -1034px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast06 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -1241px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast07 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -1447px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast08 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -1654px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast09 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -1861px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast10 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -2067px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast11 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -2274px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast12 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -2481px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast13 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -2687px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast14 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -2894px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast15 .img h1{
	background:url(../img/filmordigital_directors.jpg) 0 -3101px no-repeat;
}


#second-container section#body.about.filmordigital article section.contents .cast-box.cast16 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 0 no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast17 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -207px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast18 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -414px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast19 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -621px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast20 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -826px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast21 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -1034px no-repeat;
}

#second-container section#body.about.filmordigital article section.contents .cast-box.cast22 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -1241px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast23 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -1447px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast24 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -1654px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast25 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -1861px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast26 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -2068px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast27 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -2274px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast28 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -2481px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast29 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -2688px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast30 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -2894px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast31 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -3101px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast32 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -3308px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast33 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -3515px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast34 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -3722px no-repeat;
}
#second-container section#body.about.filmordigital article section.contents .cast-box.cast35 .img h1{
	background:url(../img/filmordigital_cinematorgraphers.jpg) 0 -3722px no-repeat;
}







/*theater*/
#second-container section#body.theater header h1{
	background:url(../img/theater_h1.png) 10px 0 no-repeat;
	height:50px;
}
#second-container section#body.theater article{
	background:#FFF;
	margin:10px 10px;
	padding:10px 0;
}
#second-container section#body.theater article header{
	margin:0 0 5px 0;
}
#second-container section#body.theater article section.content{
	margin:10px 15px;
}
#second-container section#body.theater article section.content .ken-box .ken{
    border-left: 5px solid #CC0D17;
    margin: 10px 0 10px;
    padding: 5px 10px;
}
#second-container section#body.theater article section.content .ken-box .theaters{
    margin:0 0 15px 0;
}
#second-container section#body.theater article section.content .ken-box .theaters .box{
    margin:0 0 15px;
}
#second-container section#body.theater article section.content .ken-box .theaters .box h4{
	font-size:12px;
	font-weight:normal;
	color:#CC0D17;
}
#second-container section#body.theater article section.content .ken-box .theaters .box h3{
	font-size:16px;
}
#second-container section#body.theater article section.content .ken-box .theaters .box p{
	font-size:14px;
}


/*news*/
article.news {
	padding:10px 0 0;
	background:#FFF;
}

article.news p{
	font-size:12px;
	margin:10px 0;
	text-align:left;
}
article.news h2{
	color: #330000;
	font-size:30px;
	text-align:center;
	font-weight:normal;
	font-family: 'Linden Hill', serif;
	margin:0 0 30px;
}
article.news .body{
	width:95%;
	height:auto;
	padding:10px 5px;
	text-align:center;
	background:#FFF;
}
article.news .body h3{
	font-size:18px;
	font-weight:800;
	text-align:center;
	color:#1D86C4;
	margin:10px 0;
}
article.news .body img{
	width:50%;
	max-width:100%;
	height:auto;
}


.r {
    float: none;
    margin: 0 0 10px 0;
}

.r img{
border: 0px #000 solid;
}


/*#vod-btn*/
ul#vod-btn{
	margin:20px 0;
}
ul#vod-btn li{
	float:none;
	width:90%;
	margin:0 auto 10px;
	text-align:center;
}
ul#vod-btn li img{
	width:60%;
	height:auto;
}

/*banner*/
section.banner img{
	width:100%;
	height:auto
	}