@charset "UTF-8";

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

	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

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

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

	Reset Ver 0.93

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

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;
}

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

	Body

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

body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
	line-height:152%;
	color:#333333;
	background:url(../common/bg.jpg) repeat-x top;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

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

a:hover {
	text-decoration:underline;
}

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

	All Parts

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

.clr {
	clear:both;
}

.floatR {
	float:right;
}

.floatL {
	float:left;
}

.mt_15 {
	margin-top:15px;
}

.mr_3 {
	margin-right:3px;
}

.mr_5 {
	margin-right:5px;
}

.ml_5 {
	margin-left:5px;
}

.mb_10 {
	margin-bottom:10px;
}

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

	Txt

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

.center {
	text-align:center;
}

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

	Container

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

div#container {
	width:924px;
	height:auto;
	text-align:center;
	margin:0 auto;
	overflow: hidden;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/

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

	Header

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

div#header {
	background:url(../common/header.jpg) no-repeat center top;
	width:924px;
	height:120px;
}

div#header h1 {
	display:none;
}

div#header_bt {
	float:right;
	margin:16px 8px 0 0;
}

#caba_top_baner01 {
	margin:0px 6px 0 0;
}

div#topicpath .bn {
	margin:2px 5px 0 0;
}

div#topicpath ul {
	height:30px;
	background:url(../common/topic_bg.jpg) repeat-x top;
}

div#topicpath li {
	float:left;
	margin-left:10px;
}

div#topicpath li img {
	vertical-align:bottom;
}

div#topicpath a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

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

	Contents

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


div#contents {
	background:url(../common/contents_bg.jpg) no-repeat center top;
	background-color:#FFD9DE;
	width:924px;
	height:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	clear:both;
}

div#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#contents {
    height: 1em;
    overflow: visible;
}
/**/


/*---- TOP PAGE ----*/

div#top_contents {
	background:url(../img/top/top_bg.jpg) no-repeat left top;
	width:924px;
	height:auto;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	clear:both;
}

div#top_contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#top_contents {
    height: 1em;
    overflow: visible;
}
/**/

#top_contents .top_right {
	float:left;
	width:642px;
	margin:0 15px;
	_margin:0 7px;
}

div#next_delivery {
	background:url(../img/top/next_bg.jpg) no-repeat left top;
	padding:5px 10px 0 0;
	margin-bottom:5px;
	height:26px;
}

div#next_delivery .next_title {
	margin-left:155px;
	font-size:14px;
}

div#news {
	background:url(../img/top/news_bg.jpg) no-repeat center top;
	width:602px;
	_width:642px;
	height:auto;
	text-align:left;
	padding:10px 20px;
	_padding:10px 10px;
	margin-bottom:10px;
}

#news .title {
	color:#C1272D;
	font-size:15px;
	font-weight:bold;
	width:590px;
}

#news .new {
	background:url(../img/top/new.jpg) no-repeat right center;
}

#news .performer {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:14px;
}

div#side_bar {
	width:252px;
	float:right;
	background-color:#FFFFFF;
}

#side_bar .newbox {
	margin:3px;
	padding:7px 2px;
	border:solid 1px #CCCCCC;
	font-weight:bold;
}

.newbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .newbox {
    height: 1em;
    overflow: visible;
}
/**/

#side_bar .newbox img {
	margin-right:2px;
}

#side_bar .new_right {
	width:115px;
	float:right;
}

#side_bar .new {
	background:url(../common/new.jpg) no-repeat right center;
}

.movie_title {
	line-height:14px;
	color:#D4145A;
}


/*---- SECOND PAGE ----*/

#second_inner {
	width:904px;
	margin:0 auto;
	text-align:left;
	clear:both;
}

#second_inner h2 {
	margin-top:10px;
	text-align:left;
}

#cast_seciton {
	min-height:620px;
}

#list_box {
	margin:10px 0 15px 0;
	overflow:hidden;
	clear:both;
}

#list_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #list_box {
    height: 1em;
    overflow: visible;
}
/**/

#list_box .box {
	background:url(../img/cast/box_bg.jpg) no-repeat center top;
	width:153px;
	height:202px;
	padding:5px 7px 0 7px;
	float:left;
	margin-right:10px;
	_margin-bottom:5px;
}

#list_box .box img {
	margin-bottom:2px;
}

#list_box .movie_box {
	background:url(../img/movie/box_bg.jpg) no-repeat center top;
	width:126px;
	height:207px;
	_height:212px;
	float:left;
	padding:5px 9px 0 9px;
	margin:0 6px 10px 0;
	font-weight:bold;
}

#list_box .movie_box img {
	margin-bottom:2px;
}

#list_box .duration {
	text-align:right;
	font-size:11px;
	font-weight:normal;
}

#contents .pager {
	text-align: center;
	overflow: hidden;
	margin:10px auto;
}

#contents .pager ul li {
	display: inline-block;
	_float:left;
}


#contents .pager ul li a {
	display:block;
	background:url(../img/movie/pager_off.gif) no-repeat 0 0;
	color:#EF5BA1;
	width:20px;
	height:20px;
	margin-right:5px;
	text-decoration:none;
	text-align:center;
}

#contents .pager ul li a:hover {
	background:url(../img/movie/pager_on.gif) no-repeat 0 0;
	color:#FFFFFF;
}

#contents .pager ul li.side a {
	display:block;
	background:url(../img/movie/pager_s_off.gif) no-repeat 0 0;
	width:37px;
	height:20px;
	margin-right:5px;
	text-align:center;
}

#contents .pager ul li.side a:hover {
	background:url(../img/movie/pager_s_on.gif) no-repeat 0 0;
}

#contents .pager ul li.pager_on a {
	display:block;
	background:url(../img/movie/pager_on.gif) no-repeat 0 0;
	color:#FFFFFF;
	width:20px;
	height:20px;
	margin-right:5px;
	text-decoration:none;
	text-align:center;
}

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

	details

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

#details {
	width:auto;
}

.h2_details {
	margin-bottom:17px;
}

#details .table_bg {
	width:auto;
	height:383px;
	background:url(../img/cast/table_bg.jpg) no-repeat 0 0;
	padding:0 18px;
}

#details .profile {
	background:url(../img/cast/black_bg.jpg) no-repeat 0 0;
	width:258px;
	height:328px;
	color:#fff;
}

#details .name {
	width:auto;
	min-height:155px;
	padding:10px;
	font-size:11px;
}


#details .name h3 {
	margin-bottom:8px;
}

#details .data {
	border-top:1px dashed #fff;
	padding:10px 5px 10px 10px;
}

#details .data table {
	margin-bottom:5px;
}

#details .data table th,
#details .data table td {
	padding:0px 2px;
	text-align:left;
	vertical-align:top;
	color:#fff;
	font-size:11px;
}

#details .data table th {
	font-weight:normal;
}

#details .b_img {
	width:460px;
	height:auto;
	text-align:center;
}

#details .t_img {
	width:140px;
	height:auto;
	text-align:center;
}


#details .t_img table {

}

#details .t_img table td {
	padding:1px;
}

#details .t_img table td img {
	border:2px solid #fff;
}


#details .t_img table td img:hover {
	border:2px solid #C0272D;
}

#details .next a,
#details .prev a {
	width:33px;
	height:19px;
	display:block;
	background:url(../img/cast/next_bt_bg.gif) no-repeat 0 0;
	font-size:10px;
	color:#fff;
	text-align:center;
}

#details .pager_details {
	width:auto;
	text-align:center;
	padding:10px 0px;
}

#details .other_name {
	width:888px;
	background:url(../img/cast/profile/other_name_bg.gif) no-repeat left bottom;
	margin-top:15px;
	margin-bottom:20px;
}


#details .other_name {
}

#details .other_name table {
	border-right:1px dashed #F9C1DB;
	border-bottom:1px dashed #F9C1DB;
}

#details .other_name table th,
#details .other_name table td {
	text-align:center;
	vertical-align:middle;
	background-color:#FDDCE9;
	font-size:15px;
	border-left:1px dashed #F9C1DB;
	border-top:1px dashed #F9C1DB;
	padding:5px;
	width:20%;
	font-size:11px;

}

#details .other_name table th a,
#details .other_name table td a {
	display:block;
	width:auto;
	color:#777;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#details .other_name table th:hover,
#details .other_name table td:hover {
	background-color:#FD7D8F;
}

#details .other_table_inner {
	padding:0 10px 10px;
}

* html .other_table {
	width:868px;
}


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

	footer

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

div#footer_bg {
	background-color:#000000;
	width:auto;
}

#footer {
	width:904px;
	height:128px;
	margin:0 auto;
	padding:10px;
	clear:both;
	text-align:left;
}

#footer p {
	font-size:12px;
	color:#FFFFFF;
}

#footer .k_txt {
	margin-top:35px;
}



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

	clearfix

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

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */