@charset "utf-8";

/*======================================

	Reset

=======================================*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,em {
	margin:0;
	padding:0;
	font-style:normal;
	list-style:none;
	list-style-type:none;
	line-height: 150%;
}

img {
	border:none;
}

div {
	text-align: left;
}

/*
text-align:justify;
text-justify: istribute;
*/


/*======================================

	Body

=======================================*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 152%;
	color: #ccc;
}

body#index {
	background: #111 url(../img/common/bg.jpg) repeat-x top left;
}

body#movie,
body#press {
	background: #111 url(../img/common/bg2.jpg) repeat-x top left;
}

a:link,
a:visited,
a:active {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*======================================

	Common

=======================================*/
.fl {
	float: left;
}

.of {
	overflow: hidden;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

/*======================================

	Header

=======================================*/
div#header {
	padding: 22px 0 18px 0;
	overflow: hidden;
}

div#header h1 {
	width: 200px;
}

div#header p#back_btn {
	padding: 5px 0 0 0;
	width: 600px;
	text-align: right;
}


/*======================================

	Navigation

=======================================*/
body#movie ul#navi,
body#press ul#navi {
	padding: 0 0 10px 0;
}

* html body#movie ul#navi,
* html body#press ul#navi {
	padding: 18px 0 0 0;
}

ul#navi {
	width: 800px;
	height: 41px;
	overflow: hidden;
}

ul#navi li {
	text-indent: -9999px;
	float: left;
}

ul#navi li.nav1 a,
ul#navi li.nav2 a,
ul#navi li.nav3 a,
ul#navi li.nav4 a,
ul#navi li.nav5 a {
	display: block;
	height: 41px;
}

ul#navi li.nav1 a { width: 161px; background: url(../img/common/nav1.jpg) no-repeat 0 0; }
ul#navi li.nav2 a { width: 160px; background: url(../img/common/nav2.jpg) no-repeat 0 0; }
ul#navi li.nav3 a { width: 159px; background: url(../img/common/nav3.jpg) no-repeat 0 0; }
ul#navi li.nav4 a { width: 160px; background: url(../img/common/nav4.jpg) no-repeat 0 0; }
ul#navi li.nav5 a { width: 160px; background: url(../img/common/nav5.jpg) no-repeat 0 0; }

body#index ul#navi li.nav1 a { width: 161px; background: url(../img/common/nav1.jpg) no-repeat 0 -41px; }
body#movie ul#navi li.nav2 a { width: 160px; background: url(../img/common/nav2.jpg) no-repeat 0 -41px; }
body#press ul#navi li.nav3 a { width: 159px; background: url(../img/common/nav3.jpg) no-repeat 0 -41px; }

ul#navi li a:hover {
	background-position: 0 -41px;
}


/*======================================

	Contetns

=======================================*/
div#container {
	margin: 0 auto;
	width: 800px;
}

div#contents {

}

div#flash {
	width: 800px;
	height: 400px;
	overflow: hidden;
}

div#contents div.box {
	padding: 20px;
	width: 760px;
	background: #000;
}


/*======================================

	Press

=======================================*/
div#contents  div.press_area {
	padding: 20px;
	width: 760px;
	background: #000;
}

div#contents  div.press_area h2 {
	padding: 10px 0 25px 0;
}

div#contents  div.press_area p {
	padding: 10px 5px 0 5px;
}


/*======================================

	Profile

=======================================*/
div#contents div.profile_area {
	padding: 20px;
	width: 760px;
	background: #000;
}

*html body div#contents div.profile_area {
	margin: 10px 0 0 0;
}

div#contents div.profile_area h2 {
	padding: 0 0 20px 0;
}

div.prof_ko {
	
}

div.prof_sk {
	padding: 0 0 0 50px;
	background: url(../img/movie/line.jpg) no-repeat 20px top;
}

div.prof_ko p.text,
div.prof_sk p.text {
	padding: 0 0 0 10px;
	width: 210px;
	text-align:justify;
	text-justify: istribute;
}

*:first-child+html div.prof_ko p.text,
*:first-child+html div.prof_sk p.text {
	padding: 0 0 0 10px;
	width: 200px;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 11px;
}

*html body div.prof_ko p.text,
*html body div.prof_sk p.text {
	padding: 0 0 0 10px;
	width: 200px;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 11px;
}

/*======================================

	MovieArea

=======================================*/
div#contents div.movie_area {
	margin: 20px 0 0 0;
	padding: 20px;
	width: 760px;
	background: #000;
}

div#contents div.movie_area h3 {
	border-left: #bb0000 7px solid;
	color: #fff;
	padding: 0 0 0 10px;
	line-height: 130%;
}

*:first-child+html div#contents div.movie_area h3 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 14px;
}

*html body div#contents div.movie_area h3 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 14px;
}

div.movie {
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
	text-align: center;
	background: url(../img/common/dot.jpg) repeat-x left top;
	width: 760px;
}

/*======================================

	NewMovieArea(add by horimoto)

=======================================*/
.mList{
	width:48%;
	margin:0 10px 10px 0;
	padding:0 0 8px 0;
	float:left;
	border-bottom:#999 1px dotted;

}
.mList:after { 
	content: ""; 
	display: block; 
	clear: both; 
}
.mList img {
	float:left;
}
.mList p{
	width:272px;
	float:left;
	font-size:12px;
	color:#CCC;
	margin:0px 0 0 2px;
	line-height:1.2em;
}

/*======================================

	News

=======================================*/
div#news {
	padding: 24px 0 0 0;
	width: 100%;
}

/* for IE6-7 */
*:first-child+html div#news,
*html body div#news {
	padding: 24px 0 0 0;
	width: 100%;
}

div#news ul {
	padding: 10px 0 5px 0;
}

div#news ul li {
	padding: 5px 0 8px 0;
	background: url(../img/common/dot.jpg) repeat-x bottom left;
	overflow: hidden;
}

div#news ul li span.data {
	padding: 0 10px 0 15px;
	background: url(../img/common/arr.jpg) no-repeat 5px 5px;
}

/*======================================

	PageTop

=======================================*/
div.pagetop {
	margin: 15px 0 15px 0;
	width: 800px;
	text-align: right;
	background: url(../img/common/dot.jpg) repeat-x left 8px;
}

div.pagetop p span {
	padding: 0 0 0 10px;
	background: #111;
}

*:first-child+html div.pagetop p span {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 11px;
}

*html body div.pagetop p span {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 11px;
}

/*======================================

	Footer

=======================================*/
div#footer {
	padding: 10px 0 10px 0;
	text-align: center;
}