@charset "UTF-8";
@import url("elements.css");
@import url("layouts.css");



h1 span {
	background      : url("../img/films/h1.gif") no-repeat;
}



/* index */
/***********************************************************/

body#index div#now {
	margin          : 0px 0px 20px 0px;
}

body#index h2 {
	font-size       : 12px;
	font-weight     : bold;
	color           : #eeeeee;
	width           : 600px;
	margin          : 0px 0px 20px 0px;
	padding         : 7px 5px 7px 10px;
	background      : #333333;
}

body#index h3 {
	font-size       : 14px;
	font-weight     : bold;
	color           : #ffffff;
	width           : 605px;
	margin          : 0px 0px 10px 0px;
	padding         : 5px 0px 3px 5px;
	background      : #666666;
}

body#index div.column h4 {
	font-size       : 10px;
	font-weight     : normal;
	margin          : 0px 0px 10px 0px;
	padding         : 5px 5px 3px 5px;
	background      : #ebece7;
}

body#index div.column h4 span.s {
	font-size       : 10px;
	font-weight     : normal;
	color           : #999999;
	margin          : 1px 0px 1px 0px;
	display         : block;
}

body#index div.column h4 span.l {
	font-size       : 12px;
	font-weight     : bold;
	color           : #333333;
	margin          : 1px 0px 1px 0px;
	display         : block;
}

body#index div.column h4 span.l span {
	font-size       : 10px;
	font-weight     : normal;
	color           : #333333;
	display         : inline !important;
}

body#index div.column h5 {
	font-size       : 10px;
	font-weight     : bold;
	color           : #333333;
	margin          : 0px 0px 5px 0px;
}

body#index div.column {
	width           : 610px;
	margin          : 0px 0px 15px 0px;
	padding         : 0px 0px 10px 0px;
}

body#index div.column div.img{
	width           : 132px;
	border          : solid 1px #999999;
}

body#index div.column div.img a,
body#index div.column div.img img {
	text-align      : center;
	margin          : 0px auto 0px auto;
	display         : block;
}

body#index div.text {
	width           : 460px;
	padding         : 0px 0px 0px 15px;
}

body#index div.text div.news {
	margin          : 0px 0px 10px 10px;
}

body#index div.text div.news dt,
body#index div.text div.news dd {
	font-size       : 10px;
	margin          : 0px 0px 2px 0px;
}

body#index div.text div.news dt {
	font-weight     : bold;
}

body#index div.text div.news dd {
	background      : url("../img/li_circle.gif") 0px 5px no-repeat;
	padding         : 1px 0px 1px 10px;
}

body#index div.column ul {
	margin          : 3px 0px 0px 0px;
}

body#index div.column li {
	font-size       : 10px;
	line-height     : 1.2;
	background      : url("../img/link_arrow.gif") 1px 5px no-repeat;
	padding         : 0px 0px 0px 9px;
}

body#index div.column li * {
	font-size       : 10px;
	line-height     : 1.4;
}

body#index div.text div.story {
	width           : 440px;
	height          : 100px;
	overflow        : auto;
	overflow-y      : scroll;
	margin          : 0px 0px 15px 0px;
	padding         : 5px 5px 5px 5px;
	border          : solid 1px #cccccc;
}

body#index div.text table.detail {
	width           : 450px;
	margin          : 0px 0px 10px 10px;
}

body#index div.text table.detail th,
body#index div.text table.detail td {
	border-bottom   : solid 1px #cccccc;
	padding         : 2px 4px 2px 0px;
}

body#index div.text table.detail th {
	width           : 60px;
}

body#index div.text table.detail td {
	width           : 390px;
}

body#index div.text table.detail th p,
body#index div.text table.detail td p {
	font-size       : 10px;
	margin          : 0px 0px 0px 0px;
}

body#index div.text table.detail td p {
	width           : 380px;
	margin          : 0px 0px 0px 0px;
	padding         : 0px 0px 0px 10px;
	border-left     : solid 1px #cccccc;
}