@charset "UTF-8";


a         { overflow: hidden; outline: none; }
a:link    { color: #c00; text-decoration: none; }
a:visited { color: #c00; text-decoration: none; }
a:active  { color: #000; text-decoration: underline; }
a:hover   { color: #000; text-decoration: underline; }


h3 {
	margin-bottom: 25px;
	}
	

h4 {
	margin-bottom: 10px;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}
	
.center {
	float:left;
	margin-left:300px;
	}	

/****************************************
	background 
*****************************************/


#container_intro { 
background: url(../img/bg_intro.png) no-repeat top center;
display: block;
width: 100%;
min-height: 100%;  
height: auto !important;  
height: 100%;
margin: 0 auto 50px;
}


#container_story { 
background: url(../img/bg_story.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_director { 
background: url(../img/bg_director2.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 30px;
}

#container_cast {
background: url(../img/bg_cast.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_staff {
background: url(../img/bg_staff.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_credit {
background: url(../img/bg_credit.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_trailer { 
background: url(../img/bg_trailer.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_comment { 
background: url(../img/bg_comment.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_theater {
background: url(../img/bg_theater.png) no-repeat top center;
display: block;
width: 100%;
min-height: 560px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_english { 
background: url(../img/bg_english.png) no-repeat top center;
display: block;
width: 100%;
min-height: 930px;  
height: auto !important;  
height: 560px;
margin: 0 auto 50px;
}

#container_jishujoei { 
background: url(../img/bg_jishujoei3.png) no-repeat top center;
display: block;
width: 100%;
min-height: 450px;  
height: auto !important;  
height: 450px;
margin: 0 auto 50px;
}

/****************************************
	Header 
*****************************************/

#head {
	display: block;
	position: relative;
	width: 1000px;
	height: 70px;
	margin: 0 auto;
	/*background: #ccc;*/
	}


#head h1 {
	position: absolute;
	top: 15px;
	left: 20px;
	}
#head #japanese {
	float:right;
	margin-top: 30px;
	margin-right:30px;
	}
	

/*======GNAVI======*/

#wrap_gnavi {
	display: block;
	width: 100%;
	height: 34px;
	border-top: 1px solid #FF771C;
	border-bottom: 1px solid #FF771C;
	background-color: #FF771C;
	background-repeat: repeat-x;
	}


#gnavi {
	width: 1000px;
	height: 32px;
	margin: 0 auto;
	}


#gnavi ul li {
	float: left;
	height: 32px;
	list-style: none;
	text-decoration: none;
	font-size: 1px;
	}
	
#wrap_egnavi {
	display: block;
	width: 100%;
	height: 34px;
	border-top: 1px solid #FF771C;
	border-bottom: 1px solid #FF771C;
	background-color: #FF771C;
	background-repeat: repeat-x;
	}


#egnavi {
	width: 1000px;
	height: 32px;
	margin: 0 auto;
	}


#egnavi ul li {
	float: left;
	height: 32px;
	list-style: none;
	text-decoration: none;
	font-size: 1px;
	}


/****************************************
	MAIN 
*****************************************/

#wrap {
	display: block;
	width: 1000px;
	margin:0 auto;
	}


#wrap_intro {
	display: block;
	width: 1000px;
	margin: 420px auto 0;
	}

#wrap_story {
	display: block;
	width: 1000px;
	margin: 450px auto 0;
	}

#wrap_director {
	display: block;
	width: 1000px;
	margin: 180px auto 20px;
	}


#wrap_cast { 
	display: block;
	width: 1000px;
	margin: 130px auto 0;
	}
	
#wrap_staff {
	display: block;
	width: 1000px;
	margin: 390px auto 0;
	}


#wrap_credit { 
	display: block;
	width: 1000px;
	margin: 430px auto 0;
	}
	
#wrap_trailer { 
	display: block;
	width: 1000px;
	margin: 150px auto 0;
	}


#wrap_comment { 
	display: block;
	width: 1000px;
	margin: 165px auto 0;
	}

#wrap_theater { 
	display: block;
	width: 1000px;
	margin: 470px auto 0;
	}
	
#wrap_english {
	display: block;
	width: 1000px;
	margin: 410px auto 0;
	}
#wrap_jishujoei {
	display: block;
	width: 1000px;
	margin: 350px auto 0;
	}

#wrap p {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 14px;
	}


#box {
	width: 470px;
	margin:0px 20px 0px 10px;
	
	}


#box p {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 14px;
	}

#box ul li {
	font-size: 12px;
	line-height: 1.8;
	}
	
#box2 {
	width: 960px;
	margin-left:10px;
	}


#box2 p {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 15px;
	}

#box3 {
	width: 600px;
	margin:20px 20px 0px 400px;
	}


#box3 p {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 15px;
	}

#box_eng {
	width: 470px;
	margin:0px 20px 0px 10px;
	color: #FFF;	
	}


#box_eng {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 14px;
	}

#box_eng ul li {
	font-size: 12px;
	line-height: 1.8;
	}
#box_edirec {
	width: 960px;
	margin:0px 20px 0px 10px;
		
	}
#box_edirec span.name{
	font-size: 18px;
	font-weight:bold;
	line-height: 1.5;
	margin-bottom: 5px;
	}

#box_edirec {
	font-size: 15px;
	line-height: 2.0;
	margin-bottom: 14px;
	}

#box_edirec ul li {
	font-size: 12px;
	line-height: 1.8;
	}

/*==========INTRO==========*/

.mb25 {
	padding-top: 25px;
	}

/*==========STORY==========*/


.story_pic {
	float: left;
	margin: 0 20px 0 0;
	}


/*==========DIRECTOR==========*/

/*プロフィール*/

#directorbox {
	width: 533px;
	float:right;
	margin: 3px 10px 10px 10px;
	}

#directorbox h3 {
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 5px;
	}

#directorbox span.name {
	font-size: 12px;
	font-weight: normal;
	}

#directorbox p {
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 10px;
	}

.directorimg {
	margin:0 15px 0 0;
	}


/*インタビュー*/

#interviewbox {
	float: left;
	width: 610px;
	}

#interviewbox p {
	line-height: 1.8;
	margin-bottom: 14px;
	}

#interviewbox p.question {
	font-weight: bold;
	margin-bottom: 16px;
	}


/*フィルモグラフィ*/

#filmbox {
	float: right;
	width: 330px;
	padding: 15px;
	color: #382F23;
	background: url(../img/director_bg.png);
	}

#filmbox dt {
	clear: both;
	float: left;
	width: 50px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0;
	border-top: 1px solid #D0B88E;
	}

#filmbox dd {
	float: left;
	width: 280px;
	font-size: 11px;
	line-height: 1.7;
	padding: 5px 0 0;
	border-top: 1px solid #D0B88E;
	}

#filmbox span.filmtitle {
	font-size: 12px;
	font-weight: bold;
	}


/*==========CAST==========*/

#castbox {
	width: 485px;
	margin: 0 0 40px;
	}

#castbox h3 {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 5px;
	}

#castbox span.name {
	font-size: 12px;
	font-weight: normal;
	}

#castbox p {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 14px;
	overflow: hidden;
	}

.castimg {
	margin:0 15px 0 0;
	}


/*==========STAFF==========*/

#staffbox {
	width: 485px;
	margin: 0 0 30px;
	}

#staffbox h3 {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 5px;
	}

#staffbox p {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 14px;
	overflow: hidden;
	}
	
#staffbox span.name {
	font-size: 12px;
	font-weight: normal;
	}


/*==========COMMENT==========*/

#trailerbox {
	width: 640px;
	padding: 15px;
	margin: 0 auto 30px;
	background: #000;
	text-align: center;
	}
	
#trailerbtn {
	width: 640px;
	margin: 0 auto;
	text-align: center;
	}
	
/*==========ENGLISH=========*/

#englishbox {
	width: 640px;
	padding: 15px;
	margin: 0 auto 30px;
	background: #000;
	text-align: center;
	}
	
.left-img{
	float:left;
	margin: 5px 10px 10px 0px;
	}		
.english_pic {
	float: left;
	margin: 0 5px 0 5px;
	}
/*==========COMMENT==========*/

#commentbox {
	width: 710px;
	margin: 0 0 0 290px;
	}
	
#commentbox h5 {
	font-size: 15px;
	line-height: 1.6;
	}	
	
#commentbox p {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 30px;
	}	

/*==========THEATER==========*/

table  {
	border-collapse: collapse;
	width: 940px;
	margin: 0 auto;
	font-size: 13px;
	}

th  {
	padding: 5px;
	margin: 0px;
	font-size: 90%;
	font-weight: normal;
	border: 1px solid #ccc;
	text-align: center;
	background-color: #FF771C;
	}

td  {
	padding: 5px;
	margin: 0px;
	border: 1px solid #ccc;
	background: #fff;
	}
table.noborder {
	border:0px none;
	text-align: left;
	line-height: 1.0;
	width: 80%;
	margin: 0 auto;
	font-size: 13px;
	}

/*==========JISHUJOEI==========*/

#jishubox {
	width: 800px;
	margin: 0 0 10px 80px;
	}

#jishubox h3 {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 5px;
	}

#jishubox p {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 14px;
	overflow: hidden;
	}
#jishubox p.txt2 {
	font-size: 12px;
	color:#C40413;
	line-height: 1.8;
	margin-bottom: 14px;
	overflow: hidden;
	}


/* =========================================================
 tabnav-01 画像置換のナビゲーション
========================================================= */
div#tabnav-01 {
	width:600px;
	overflow: hidden;
	height: 40px;
	padding-left:5px;
	margin:5px 0px 10px 10px;
			}
div#tabnav-01 ul {
	width: 600px;
	height: 40px;
}
div#tabnav-01 ul li {
   display: block;
	float: left;
	width: 130px;
	height: 40px;
	overflow:hidden;
	text-indent: -9999px; /* テキストを画面の表示より外に */
	margin: 0 0 0 10px;
	}
div#tabnav-01 ul li a {
	display: block;
	width: 130px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px; /* テキストを画面の表示より外に */
	outline: none; /* リンク破線を不可視に */
}
div#tabnav-01 ul li a:hover {
	background-position: 0 100%;
}

div#tabnav-01 ul li#menu01 a {
	background-image: url(../images/tabmn_01_01.gif);
}
div#tabnav-01 ul li#menu01 {
    background-image: url(../images/tabmn_01_01.gif);
	background-position: 0 100%;
}
div#tabnav-01 ul li#menu02 a {
	background-image: url(../images/tabmn_01_02.gif);
}
div#tabnav-01 ul li#menu02 {
	background-image: url(../images/tabmn_01_02.gif);
	background-position: 0 100%;
	}
div#tabnav-01 ul li#menu03 a {
	background-image: url(../images/tabmn_01_03.gif);
	}
div#tabnav-01 ul li#menu03 {
   background-image: url(../images/tabmn_01_03.gif);
   background-position: 0 100%;
}
div#tabnav-01 ul li#menu04 a {
	background-image: url(../images/tabmn_01_04.gif);
}
div#tabnav-01 ul li#menu04 {
    background-image: url(../images/tabmn_01_04.gif);
   	background-position: 0 100%;
}



/****************************************
	footer 
*****************************************/

.pagetop {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	}