@charset "utf-8";

/* ------------------------------CSS Document設定------------------------------ */

html {
	height:100%;
}

body {
	background-color:#000;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.6;
	color:#E7E7E7;
	margin:0;
	padding:0;
	text-align:center;
}

br {
	height:1px;
}

br.clear {
	clear:both;
}

img {
	border:medium none;
}

strong {
	color:#FFFA7B;
	font-weight:800;
}

blockquote{
	margin:10px 40px 10px 10px;
	padding:10px;
	background:#424242;
	border:dotted 2px #666666;
	font-size:12px;
	font-weight:normal;
	color:#CCCCCC;
}

object, embed {
	margin:0px;
}

a {text-decoration:underline;}
a:link {color:#EA6B0E;}
a:visited {color:#EA6B0E;}
a:active {color:#EA6B0E;}
a:hover {text-decoration:none;color:#E78D4B;}



/* ------------------------------     段組     ------------------------------ */

#page{
	width:900px;

	margin:0 auto;
	padding:0;
}


#head{
	width:900px;
	height:150px;
	margin:0;
	padding:0;
	background-image: url("../images/page_bg.gif");
	background-repeat:repeat-y;
}


#main{
	width:900px;
	margin:0;
	padding:0;
	background-image: url("../images/page_bg.gif");
	background-repeat:repeat-y;
	overflow:auto; 
}


#footer{
	clear:both;
	width:900px;
	height:81px;
	margin:0;
	padding:0;
}


#right-contents{
	width:250px;
	margin:20px 1px 0 20px;
	padding:0px;
	float:right;
	background-image: url("../images/archive_bg.gif");
	background-repeat:repeat-y;
}


#left-contents{
	width:600px;
	margin:20px 20px 0 1px;
	padding:0px;
	text-align:left;
	float:left;
	background-image: url("../images/left_bg.gif");
	background-repeat:repeat-y;
}


#large-contents{
	width:898px;
	margin:1px;
	padding:0;
	background:#000000;
	text-align:left;
}



/* ------------------------------左メインエリア指定------------------------------ */

/* left-contents サンプル
<div class="contents">
	<div class="date">2008年2月3日</div>
	<h3>見出し</h3>
	<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
	<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
	<div class="foot"><a href="#top">↑top</a></div>
</div>
*/


#left-contents .contents{
	margin:20px 20px 10px 40px;
	padding:12px;
	border:solid 1px #585858;
	background:#2B2B2B;
	text-align:left;
}

#left-contents .contents .date{
	margin:0 0 0 10px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#999999;
}


#left-contents .contents .comment-title{
	margin:0 0 0 10px;
	padding:0;
	font-size:10px;
	font-weight:800;
	color:#D0D000;
	text-align:right;
}


#left-contents .contents h3{
	margin:0 0 5px 10px;
	padding:0;
	font-size:16px;
	font-weight:800;
	color:#2DD620;
	border-bottom:dotted 2px #585858;
}


#left-contents .contents .comment-name{
	margin:10px 0 0 0;
	padding:2px;
	font-size:16px;
	font-weight:800;
	text-align:right;
	border-top:dotted 2px #585858;
}

#left-contents .contents p img {
margin:10px 0px 10px 0px;
	border: solid 3px #666666;
}

#left-contents .contents p{
	margin:3px 0 15px 10px;
	padding:0;
}

#left-contents .contents ul{
	margin:20px 0 0 20px;
	padding:0;
	list-style:disc;
	list-style-position:inside;
}

#left-contents .contents li{
	margin:0 0 10px 0;
	padding:0;
}

#left-contents .foot{
	margin:0 0 0 10px;
	padding:0;
	text-align:right;
}







/* ------------------------------右アーカイブメニューエリア指定------------------------------ */


/* right-contents 
<ul>
	<li>
		<div class="date">2008年2月3日</div>
		<h3><a href="#">見出しが入ります。</a></h3>
	</li>
</ul>
*/

#right-contents h2{
	margin:0;
	padding:0;
	text-align:left;
	height:35px;
	border-bottom:dotted 1px #505050;
}


#right-contents ul{
	margin:0px;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#right-contents li{
	display:block;
	margin:15px;
	padding:0;
	border-left:solid 3px #49733E;
	text-align:left;
}

#right-contents li .date{
	margin:0 0 0 10px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#999999;
}

#right-contents li h3{
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#E7E7E7;
}

#right-contents li h3 a {text-decoration:underline;}
#right-contents li h3 a:link {color:#D8D8D8;}
#right-contents li h3 a:visited {color:#D8D8D8;}
#right-contents li h3 a:active {color:#D8D8D8;}
#right-contents li h3 a:hover {text-decoration:none;color:#D8D8D8;}




/* ------------------------------１カラムコンテンツ共通------------------------------ */

/* #large-contents submenu */

#large-contents .sub-menu{
	margin:0 0 0 0;
	padding:25px 10px 0 0;
}

#large-contents .sub-menu ul{
	margin:0 0 0 0;
	padding:0 0 0 0 ;
	list-style:none;
	float:right;
}

#large-contents .sub-menu li{
	margin:0 3px 0 0;
	padding:0 0 0 0 ;
	list-style:none;
	float:left;
}

#large-contents h2{
	margin:0;
	padding:10px 0 0 0;
	text-align:left;
	float:left;
}



#large-contents .text p{
	margin:10px 0 0 25px;
	font-size:12px;
	line-height:2.0;
	color:#E7E7E7;
	padding:10;
}

#large-contents .text img{
	margin-left:20px;
	margin-bottom:20px;
	float:right
}


/* ------------------------------プロダクションノートページ用------------------------------ */


#large-contents .productionnote{
	width:898px;
	margin:0;
	padding:0;
	background:#000 url(../../images/productionnote_back.jpg);

}


#large-contents .productionnote .textarea{
	width:800px;
	margin:30px 5px 30px 50px;
	padding:0;
	text-align:left;
}


/* ------------------------------キーワード------------------------------ */

#large-contents .keywords{
	width:898px;
	margin:0;
	padding:0;
	background:#000 url(../../images/keywords_back.jpg) no-repeat;

}

#large-contents .keywords-contents{
	width:520px;
	margin:2px 20px 2px 35px;
	padding:2px;
	color:#E7E7E7;
	text-align:left;

}

/* ------------------------------監督プロフィール------------------------------ */

#large-contents .d-profile{
	width:898px;
	margin:0;
	padding:0;
	background:#000 url(../../images/d-profile_back.jpg) no-repeat;

}

#large-contents .dprofile-contents{
	width:520px;
	margin:2px 20px 2px 35px;
	padding:2px;
	color:#E7E7E7;
	text-align:left;

}

/* -----------------------------ジブプロフィール------------------------------ */

#large-contents .ziv-profile{
	width:898px;
	margin:0;
	padding:0;
	background:#000 url(../../images/ziv-profile_back.jpg) no-repeat;

}

#large-contents .ziv-contents{
	width:520px;
	margin:2px 20px 2px 35px;
	padding:2px;
	color:#E7E7E7;
	text-align:left;

}


/* -----------------------------インタビュー------------------------------ */

#large-contents .interview{
	width:898px;
	margin:0;
	padding:0;
	background:#000 url(../../images/interview_back.jpg) no-repeat;

}

#large-contents .interview-contents{
	width:560px;
	margin:2px 20px 2px 35px;
	padding:2px;
	color:#E7E7E7;
	text-align:left;

}

#large-contents .interview-contents h3{
	margin:0 0 5px 0;
	padding:5px;
	font-size:14px;
	font-weight:800;
	color:#2DD620;
	border-bottom:dotted 2px #585858;

}


#large-contents .interview-contents p{
	margin:0 0 30px 0;
	padding:5px;
	font-size:12px;
	color:#E7E7E7;
}


/* -----------------------------ギャラリー------------------------------ */

#large-contents .gallery ul{
	margin:10px 0 0 60px;
	padding:0 0 0 0 ;
	list-style:none;
	float:left;
}

#large-contents .gallery li{
	margin:0 20px 0 0;
	padding:0 0 0 0 ;
	list-style:none;
	float:left;
}








#large-contents .sub-menu{
	margin:0 0 0 0;
	padding:25px 10px 0 0;
}

#large-contents .sub-menu ul{
	margin:0 0 0 0;
	padding:0 0 0 0 ;
	list-style:none;
	float:right;
}

#large-contents .sub-menu li{
	margin:0 3px 0 0;
	padding:0 0 0 0 ;
	list-style:none;
	float:left;
}






/* #large-contents director */

#director{
	margin:0;
	padding:0;
	background:url(../img/director_img.jpg) no-repeat;
	background-position: 530px 50px;
}

#large-contents #director h2{
	margin:0;
	padding:10px 0 0 0;
	text-align:left;
}

#large-contents #director h3{
	margin:10px 30px 0px 30px;
	padding:0;
	text-align:left;
	font-size:18px;
	font-weight:800;
}

#large-contents #director h4{
	margin:10px 30px 30px 30px;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:800;
}

#large-contents #director p{
	width:440px;
	margin:10px 30px;
	padding:0;
	font-size:12px;
	text-align:left;
}


/* #large-contents #productionnote */

#productionnote{
	margin:0;
	padding:0;
	background:url(../img/productionnote_bg.jpg) no-repeat;
	background-position: 490px 50px;
}


#large-contents #productionnote h2{
	margin:0;
	padding:10px 0 0 0;
	text-align:left;
	float:left;
}

#large-contents #productionnote h3{
	width:440px;
	margin:20px 20px 30px 30px;
	padding:0;
	text-align:left;
}

#large-contents #productionnote h4{
	margin:10px 30px 30px 30px;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:800;
}

#large-contents #productionnote p{
	width:440px;
	margin:10px 30px;
	padding:0;
	font-size:12px;
	text-align:left;
}