@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: 7px;
	background:white;
}
.wrapMwb #topPageHeader{
	position:relative;
	top:-7px;
	padding-top:5px;
}

/*                                 #topFlash */
#topFlash{
	margin-bottom: 10px;
	height:306px;
}
#topFlash #topFlashText{
	display:none;
}

/*                                 .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;
	paddin-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;
	
}

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

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



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

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

#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;
  /**/
}