@charset "shift_jis";

/*-----------------------------------------------------------------------------------

　各リセット

-------------------------------------------------------------------------------------*/

*{ margin:0; padding:0;}
img{
	border:0;
	}
a:hover img	{
     filter:alpha(opacity=75);
     -moz-opacity:0.75;
     opacity:0.75;	
	
	
	}
html{
	overflow-y: scroll;
	}

div{
	margin:auto;
	}
/*-----------------------------------------------------------------------------------

　フォント

-------------------------------------------------------------------------------------*/
body{
	color:#555;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
	font-size:12px;/*firefox*/
	*font-size:80%;/*IE7.0*/
	_font:80%;/*IE6.0以下*/
	}
a{
	color:#03C;
	text-decoration:underline;
	}
a:hover{
	color:#09C;
	}

th,td{
	line-height:1.4em;
	_font:80%;
	}

/*-----------------------------------------------------------------------------------

　レイアウト

-------------------------------------------------------------------------------------*/


#movie {
	width: 720px;
	float: left;
	display: inline;
	}
	
#movie .bnr {
	margin: 20px auto;
	}
	
#movie .sub_title {
	width: 710px;
	height: 37px;
	background: url(../images/movie/sub_title_bg.jpg) no-repeat scroll 0 0;
	margin: 20px auto;
	}
	
#movie .sub_title h3 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 0.3em 0 0 0.6em;
	}
	
#movie .data_box {
	}
	
#movie .data_box iframe {
	width: 640px;
	margin: 0 auto 0 30px;
	}
	
#movie .data_box .btn_sps {
	width: 700px;
	margin: 5px auto;
	text-align: left;
	}
	
#movie .data_box .btn_sps .btn {
	float: left;
	display: inline;
	text-align: center;
	margin: 0 7px 0 auto;
	padding: 0;
	vertical-align: middle;
	}
	
#movie .data_box .btn_sps .btn .liketext {
	background-position: left -47px;
	margin-left: -1px;
	}
	
#movie .data_box .txt_box {
	width: 660px;
	margin: 20px auto;
	}
	
#movie .data_box .txt_box h4 {
	width: 660px;
	border: dotted #148561;
	border-width: 0 0 1px 0;
	margin: 0 auto;
	padding: 0 0 0.5em 0.4em;
	font-size: 14px;
	color: #148561;
	font-weight: bold;
	font-family: Verdana;
	}
	
#movie .data_box .txt_box p.d_date {
	width: 660px;
	font-size: 12px;
	color: #148561;
	text-align: right;
	margin: 3px auto 0 auto;
	}
	
#movie .data_box .txt_box h5 {
	width: 650px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	margin: 10px auto 10px auto;
	}
	
#movie .data_box .txt_box p {
	width: 646px;
	color: #666;
	margin: 0 auto 10px auto;
	}
	
#movie .data_box .pic_box {
	width: 225px;
	float: left;
	display: inline;
	margin: 10px auto 0 auto;
	}
	
#movie .data_box .txt_s {
	width: 400px;
	float: left;
	display: inline;
	margin: 0 auto 0 30px;
	}
	
#movie .data_box .txt_s h5 {
	width: 390px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	margin: 10px auto 10px auto;
	}
	
#movie .data_box .txt_s p {
	width: 386px;
	color: #666;
	margin: 0 auto 10px auto;
	}
	
#movie .data_box .v_btn {
	width: 660px;
	text-align: center;
	clear: left;
	margin: 10px auto;
	padding-top: 20px;
	}

#movie .report_data {
	width: 400px;
	border: 4px solid #ebebeb;
	margin: 0 20px 40px auto;
	padding-bottom: 0.5em;
	}
	
#movie .report_data h5 {
	width: 370px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border: solid #0066CC;
	border-width: 0 0 0 4px;
	color: #666;
	margin: 10px auto 8px auto;
	padding-left: 0.5em;
	clear: left;
	}
	
#movie .report_data p {
	width: 360px;
	margin: 3px auto;
	background: url(../images/movie/list_icon01.jpg) no-repeat scroll 0 0;
	padding-left: 1.8em;
	line-height: 200%;
	}
	
#right {
	width: 180px;
	float: right;
	display: inline;
	margin: 20px auto;
	padding: 0;
	background-color: #000;
	}
	
#right h3 {
	margin: -2px auto -3px auto;
	padding: 0;
	}
	
#right .katsuyou {
	margin: 0 auto;
	padding: 0;
	line-height: 100%;
	}
	
#right .katsuyou div {
	margin: -2px auto;
	padding: 0;
	}
	
#right .txt_area {
	border: solid 2px #A8D9FD;
	background-color: #fff;
	padding: 0.8em 0 0.3em 0;
	}
	
#right .txt_area ul {
	width: 170px;
	margin: 0;
	padding: 0;
	list-style-position:inside;
	}
	
#right .txt_area li {
	padding: 0.1em 0 0.2em 1.8em;
	font-size: 13px;
	background: url(../images/movie/list_icon01.jpg) no-repeat scroll 0 0;
	margin: 0 auto 5px auto;
	border: dotted #A8D9FD;
	border-width: 0 0 1px 0;
	}
	
#right .personality {
	border: solid 2px #A8D9FD;
	background-color: #E7F3FE;
	padding: 0.8em 0 0.3em 0;
	}
	
#right .personality p.pic {
	width: 120px;
	height: 160px;
	margin: 0 auto;
	text-align: center;
	border: 4px solid #fff;
	}
	
#right .personality p.p_name {
	width: 160px;
	font-weight: bold;
	margin: 5px auto 0 auto;
	border: solid #0066CC;
	border-width: 0 0 0 4px;
	padding-left: 0.4em;
	}
	
#right .personality p.prof {
	width: 160px;
	margin: 5px auto 20px auto;
	}
	
#right .ir_list {
	background-color: #fff;
	border:#DDD solid;
	border-width: 0px  1px  1px  1px;	
	}
	
#right .ir_list .sub_scroll {
	overflow:auto;
	height:488px;
	_height:485px;
	}

#right .ir_list .sub_scroll table {
	border-collapse:collapse;
	margin: 10px auto;
	}

#right .ir_list .sub_scroll table td {
	padding:3px;
	vertical-align:top;	
	}

#ir_list .sub_scroll table td.thum{
	text-align:right;	
	}
	
#right .ir_list table td.pickup{
	margin: 0 auto;
	padding:0;	
	}
	
#right .ir_list table td.pickup img {
	padding: 0;
	margin: 0 auto;
	vertical-align: bottom;
	}
	
#right .ir_list table td.pickup table{
	border:#FC0 solid 3px;
	margin: 0 auto;
	padding: 0;
	}


#movie .data_box .page_top {
	text-align:right;
	}