@charset "UTF-8";
/*
Movie Walker CSS top.css
http://movie.walkerplus.com/
 *
Copyright (c) KADOKAWA MARKETING ALL RIGHTS RESERVED.
 *
Created: Yuya Amano - 2009-07-30 14:22
Revision: -
*/
#topPageHeaderInner:after,
#trailerPickUpMovie:after,
#moviewalkerPresent ul:after,
#previewPickUpMovie dl:after,
#latestNews:after,
#latestGossip:after,
#MypageMovie:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#topPageHeaderInner,
#trailerPickUpMovie,
#moviewalkerPresent ul,
#previewPickUpMovie dl,
#latestNews,
#latestGossip,
#MypageMovie
{
	min-height: 1px;
	zoom: 1;
}
.listLink{
	text-align:right;
	padding:3px 0px 5px 0px;
}
/*TOP */
#container {
	background:transparent url(../images/top_content_bg.jpg) repeat-x scroll 0 0;
}
#topPageHeader{
	background:transparent top url(../images/topPageHeader_bg.gif) no-repeat;
}
.wrapMwb{
	margin-top: 10px;
	background:white;
}
.wrapMwb #topPageHeader{
	position:relative;
	top:-7px;
	padding-top:5px;
}
/*#topFlash */
#topFlash{
	margin-bottom: 10px;
	height:306px;
}
#topFlashText{
	display:none;
	white-space:nowrap;
}
/*.topListButton */
#topPageHeaderInner{
	width:625px;
	margin:0 auto;
	padding-bottom: 14px;
	background:bottom url(../images/topListButton_bg.gif) repeat-x;
}
.topListButton{
	width:190px;
	float:left;
}
.topListButton h2{
	margin-bottom:5px;
}
.topListButton p{
	padding:3px 5px 3px 5px;
	font-size:10px;
}
.topListButton p strong{
	display:block;
	padding:5px 0px 3px 0px;
	font-weight:bold;
}
.topListButton p.center{
	letter-spacing:1px;
	padding-bottom:8px;
}
.topListButton.btn03{
	width:243px;
}
.topListButton.btn02{
	border-left:1px solid white;
	border-right:1px solid white;
}
.topListButton.btn03 ul{
	width:225px;
	margin:0 auto;
	padding-top:2px;
}
.topListButton.btn03 ul li{
	background:left url(../images/icon_movieList.gif) no-repeat;
	padding: 3px 0px 3px 10px;
}
.topListButton h2 a,
.topListButton h2 span{
	display:block;
	width:190px;
	padding-top:29px;
	height:0px;
	overflow:hidden;
	background:url(../images/top_list_button.gif) no-repeat;
}
.topListButton.btn03 h2 span{ width:243px; background-position: -382px 0px; }
.topListButton.btn01 h2 a{ background-position: 0px 0px; }
.topListButton.btn02 h2 a{ background-position: -191px 0px; }
.topListButton.btn03 h2 a{ width:243px; background-position: -382px 0px; }
.topListButton.btn01 h2 a:hover{ background-position: 0px -29px; }
.topListButton.btn02 h2 a:hover{ background-position: -191px -29px; }
.topListButton.btn03 h2 a:hover{ background-position: -382px -29px; }
.showOverRay{
	width:330px;
	height:220px;
	position:relative;
}
.showOverRay img{
	display:block;
	width:auto;
	margin:0 auto;
}
.showOverRay .overRayImage{
	width:330px;
	height:220px;
	position:absolute;
	top:0px;
	left:0px;
}
#trailerPickUpMovie{
	width:635px;
	padding:10px 0px 10px 0px;
	background:url(../images/top_trailer_bg.jpg) no-repeat #E0E0E0;
}
#trailerMovieImage{
	width:320px;
	padding-left:10px;
	float:left;
	text-align:center;
}
#trailerMovieInfo{
	width:285px;
	padding:0px 10px 0px 10px;
	float:right;
}
#trailerMovieInfo h4{
	padding: 5px 0px 3px 0px;
}
#trailerMovieInfo h4 a{
	font-size:18px;
	font-weight:bold;
}
#trailerMovieInfo p{
	line-height:1.6em;
	padding: 3px 0px 5px 0px;
}
#trailerMovieInfo dl dt{
	padding: 10px 0px 3px 0px;
}
#trailerMovieInfo dl dd{
	padding-left: 10px;
}
#trailerMovieInfo dl dd ul li{
	padding: 2px 0px 2px 0px;
}
#moviewalkerPresent ul{
	width:620px;
	margin:0 auto;
}
#moviewalkerPresent ul li{
	float:left;
	width:122px;
	border:1px solid white;
}
#moviewalkerPresent ul li p{
	width:115px;
	margin:0 auto;
	font-size:10px;
}
#moviewalkerPresent ul li p.closingDate{
	text-align:center;
	color:#f00;
}
#moviewalkerPresent ul li img{
	border:1px solid #f1f1f1;
	width:120px;
}
#previewPickUpMovie dl{
	width:615px;
	margin:0 auto;
}
#previewPickUpMovie dl dt{
	float:left;
	width:180px;
}
#previewPickUpMovie dl dd{
	float:left;
	width:425px;
	padding-left:10px;
}
#previewPickUpMovie dl dd p a{
	font-size:16px;
}
#previewPickUpMovie dl dd p span{
	display:block;
	padding-top:10px;
	color:#f00;
}
#previewMovieList ul{
	width:615px;
	margin:0 auto;
}
#previewMovieList ul li{
	padding:3px 0px 3px 10px;
	background:left url(../images/icon_movieList.gif) no-repeat;
	border-bottom:1px solid #f1f1f1;
}
#previewMovieList ul li span{
	color:#FF0000;
	padding-left:10px;
}
#latestNews{
	padding-top: 10px;
	width:615px;
	margin:0 auto;
}
#pickupNews{
	float:left;
	width:340px;
}
#pickupNews h5{
	padding:5px 0px 5px 0px;
}
#pickupNews h5 a{
	font-size:14px;
	font-weight:bold;
}
#pickupNews p{
	font-size:14px;
}
#pickupNews p img{
	font-size:14px;
	float:left;
	padding:0px 8px 5px 0px;
}
#newsList{
	float:right;
	width:260px;
	padding-left:10px;
	border-left:1px solid #f1f1f1;
}
#newsList ul li{
	padding:3px 0px 3px 10px;
	background:left url(../images/icon_movieList.gif) no-repeat;
}
#latestGossip{
	width:600px;
	margin:0 auto;
	padding-top:10px;
}
#latestGossipImage{
	float:left;
	width:100px;
}
#latestGossipList{
	float:left;
	width:500px;
}
#latestGossipList ul li{
	padding:3px 0px 3px 10px;
	background:left url(../images/icon_movieList.gif) no-repeat;
}
#creditText{
	padding:10px;
	font-size:9px;
	background:#eeeeee;
	color:gray;
}
/* #topMypage */
#MypageMovie {
	width:635px;
	margin:0 auto;
	vertical-align:top;
}
.MypageMovie_head{
	background:url(../../images/mypage/mypage_head.jpg) no-repeat;
	width:635px;
	height:8px;
	font-size:1px;
}
.MypageMovie_foot{
	background:url(../../images/mypage/mypage_foot.jpg) no-repeat;
	width:635px;
	height:8px;
	vertical-align:top;
}
#boxleft{
	width: 390px;
	float: left;
}
#boxleft_title{
	margin-bottom:8px;
}
#imgArea{
	width:100px;
	float:left;
	padding:5px 0px 0px 5px;
}
#imgArea_dvd{
	width:100px;
	float:left;
	padding:5px 0px 8px 5px;
}
#box1{
	width:274px;
	height:30px;
	font-size:11px;
	line-height:16px;
	color:#000;
	float:right;
	padding:4px 1px 2px 0px;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#box1 a{
	font-size:12px;
	color:#000;
	font-style:normal;
	text-decoration:none;
}
#box1 a:link {
	font-size:12px;
	color:#000;
	font-style:normal;
	text-decoration:none;
}
#box1 a:visited {
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#box1 a:hover {
	font-size:12px;
	color:#000;
	font-style:normal;
	text-decoration:underline;
}
#box1 a:active {
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#box2{
	float: left;
	width:100px;
	font-size:9px;
	line-height:12px;
	color:#000;
	margin-bottom:5px;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#box2 a{
	font-size:9px;
	color:#004e8d;
	font-style:normal;
	text-decoration:none;
}
#box2 a:link {
	font-size:9px;
	color:#004e8d;
	font-style:normal;
	text-decoration:none;
}
#box2 a:visited {
	font-size:9px;
	color:#004e8d;
	text-decoration:none;
}
#box2 a:hover {
	font-size:9px;
	color:#004e8d;
	font-style:normal;
	text-decoration:underline;
}
#box2 a:active {
	font-size:9px;
	text-decoration:none;
}
.star_img04{
	background:url(../../images/mypage/point04.jpg) no-repeat;
	width:95px;
	height:20px;
}
.star_img05{
	background:url(../../images/mypage/point05.jpg) no-repeat;
	width:95px;
	height:20px;
}
#box3{
	float: left;
	width:160px;
	font-size:10.5px;
	line-height:14px;
	color:#004e8d;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#box3 a{
	font-size:10.5px;
	color:#004e8d;
	font-style:normal;
	text-decoration:none;
}
#box3 a:link {
	font-size:10.5px;
	color:#004e8d;
	font-style:normal;
	text-decoration:none;
}
#box3 a:visited {
	font-size:10.5px;
	color:#004e8d;
	text-decoration:none;
}
#box3 a:hover {
	font-size:10.5px;
	color:#004e8d;
	font-style:normal;
	text-decoration:underline;
}
#box3 a:active {
	font-size:10.5px;
	text-decoration:none;
}
#back{
	width:635px;
	height:360px;
	font-size:9px;
	background: url(../../images/mypage/mypage_bg.jpg) repeat;
	vertical-align:top;
}
#menu{
	width:380px;
	height:108px;
	background: url(../../images/mypage/table_back.jpg) no-repeat;
	margin:1px 5px;
}
#textArea {
	clear:both;
	font-size:9.5px;
	line-height:12px;
	margin:0px 5px 3px 5px;
	padding:2px 2px 2px 2px;
	width:366px;
	height:25px;
	background-color:#CCCCCC;
}
#textArea  a{
	font-size:9.5px;
	color:#005594;
	font-style:normal;
	text-decoration:none;
}
#textArea a:link {
	font-size:9.5px;
	color:#005594;
	font-style:normal;
	text-decoration:none;
}
#textArea a:visited {
	font-size:9.5px;
	color:#005594;
	text-decoration:none;
}
#textArea a:hover {
	font-size:9.5px;
	color:#005594;
	font-style:normal;
	text-decoration:underline;
}
#textArea a:active {
	font-size:9.5px;
	color:#005594;
	text-decoration:none;
}
#boxright{
	width: 245px;
	float: right;
}
#review_title{
	margin-bottom:0px;
}
#review{
	width:238px;
	height:91px;
	background:#fff;
	padding:3px 0px;
}
#review02{
	width:238px;
	height:91px;
	background:#e6e6e6;
	padding:3px 0px;
}
#imgArea_review{
	width:84px;
	float:left;
	margin:6px 2px 4px 6px;
}
#box_text{
	width:138px;
	height:82px;
	float:right;
	margin-top:6px;
}
#reviewbox1{
	width:138px;
	font-size:12px;
	line-height:14px;
	color:#000;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#reviewbox1 a{
	font-size:12px;
	color:#000;
	font-style:normal;
	text-decoration:none;
}
#reviewbox1 a:link {
	font-size:12px;
	color:#000;
	font-style:normal;
	text-decoration:none;
}
#reviewbox1 a:visited {
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#reviewbox1 a:hover {
	font-size:12px;
	color:#000;
	font-style:normal;
	text-decoration:underline;
}
#reviewbox1 a:active {
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#reviewbox2{
	width:138px;
	font-size:9.5px;
	line-height:12px;
	color:#004e8d;
	padding:1px;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#reviewbox2 a{
	font-size:9.5px;
	color:#004e8d;
	font-style:normal;
	text-decoration:none;
}
#reviewbox2 a:link {
	font-size:9.5px;
	color:#004e8d;
	font-style:normal;
	text-decoration:none;
}
#reviewbox2 a:visited {
	font-size:9.5px;
	color:#004e8d;
	text-decoration:none;
}
#reviewbox2 a:hover {
	font-size:9.5px;
	color:#004e8d;
	font-style:normal;
	text-decoration:underline;
}
#reviewbox2 a:active {
	font-size:9.5px;
	color:#004e8d;
	text-decoration:none;
}
#reviewbox3{
	width:138px;
	font-size:9.5px;
	line-height:12px;
	color:#000;
	padding:1px;
}
#reviewbox_sousu{
	width:138px;
	font-size:9.5px;
	line-height:10px;
	color:#cea100;
	padding:0px 1px;
}
#img_border {
	border: 1px solid rgb(205, 205, 205);
}

/* --------------------------------------------
	clearFix
-------------------------------------------- */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/* --------------------------------------------
	140801カルーセル置換え用追加
-------------------------------------------- */
.movie_list_top {
	padding: 0px 0px 3px;
	background:#fff;
}
.movie_list_top a {
	text-decoration:none;
}
.movie_list_top_top {
	width:636px;
	height: 5px;
	background:url(../../images/top/movie_list_top_top.gif) no-repeat;
}
.movie_main_pic {
	float:left;
	width:450px;
	height:300px;
	position:relative;
}
.movie_thum_list {
	float:right;
	width:180px;
	padding-bottom:3px;
	background:#fff;
}
.movie_thum_list ul li {
	background:url(../../images/top/movie_thum_list02.jpg) no-repeat;
	line-height:0;
	font-size:1%;
	height:75px;
}
.movie_thum_list ul li.list_top {
	background:url(../../images/top/movie_thum_list01.jpg) no-repeat;
	height:75px;
}
.movie_thum_list ul li a {
	line-height:normal;
}
.movie_thum_list ul li a dl dt {
	padding:4px 10px 4px 18px;
	font-size: 14px;
	font-weight: bold;
	background: url(../../images/top/title_icon_off.gif) 10px center no-repeat;
}
.movie_thum_list ul li.movie_main1 a dl dt {
	background: url(../../images/top/title_icon_on.gif) 10px center no-repeat;
}
.movie_thum_list ul li a dl dd {
	padding:7px 10px 9px;
	color: #000;
}
.hantou_left .hantou,
.hantou_right .hantou {
width: 149px;
height: 300px;
background: url(../../images/top/hantou_h.png) repeat-y;
top: 0;
}
.hantou_right .hantou {
right:0;
}
.hantou_left .hantou {
left:0;
}
.hantou_top .hantou,
.hantou_bottom .hantou {
width: 450px;
height: 103px;
background: url(../../images/top/hantou_w.png) repeat-x;
left: 0;
}
.hantou_top .hantou {
top:0;
}
.hantou_bottom .hantou {
bottom:0;
}
.hantou {
	position:absolute;
}
.hantou dl dt {
	padding: 8px 10px;
	font-size: 20px;
	color: #fff;
	display: inline-block;
}
.hantou dl dd {
	padding: 0px 10px 10px;
	color: #fff;
}
.hantou_w dl dd {
	width: 315px;
}
.hantou_left .m_search,
.hantou_right .m_search {
position: absolute;
bottom: 25px;
left: 25px;
}
.hantou_top .m_search,
.hantou_bottom .m_search {
position: absolute;
top: 12px;
right: 10px;
}
.unselect {
	display: none;
}

/* --------------------------------------------
	161014メインカラムレコメンド領域用追加
-------------------------------------------- */
#recommend_area {
	font-size:13px;
}

#recommend_area span {
	color:#FF0000;
}
#recommend_area img {
	padding-bottom: 2px;
}
