@charset "euc-jp";
*{margin:0; padding:0;}
img{border:none;}
a{text-decoration:none; overflow: hidden; outline: none;}
a:hover{color:#F4175B; text-decoration:underline;}
body{background:url("../images/common/background.jpg"); color:white;}
#container{width:100%; font:12px/1.6em "Hiragino Kaku Gothic Pro","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",'¥á¥¤¥ê¥ª',Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯",Geneva,Arial,Verdana,sans-serif;}
#top-bgImg{position:absolute; height:700px; width:100%; background:url("../images/common/top-background.jpg") 50% 0 no-repeat; }
h1{background:url("../images/common/topline.gif") 0 0 repeat-x; text-indent:-9999px; height:11px; position:absolute; height:11px; width:100%;}
#wapper{width:1000px; position:absolute; left:50%; margin-left:-500px; background:url("../images/common/wrapper_bg.jpg") 50% 0 no-repeat #030609; height:auto;}
#header{width:1000px; height:90px;}
#header a#logo{width:233px; height:96px; float:left; margin-left:-13px;}
#search-box{float:left; width: 286px; height:22px;}
#search-box form ul{list-style:none;}
#search-box form li{float:left;}
#searchq{width:130px; height:22px; line-height:22px;}
*+html #searchq{height:18px;}
#header form{width:204px; margin:auto; padding-top:68px;}
#header form input{vertical-align:top;  border:none; float:left; margin-left:5px; }
#header ul#nav{list-style:none; float:right; margin-top:50px; background:url(../images/common/nav-bg.jpg) 0 0 no-repeat; width:494px; height:40px;}
#header ul#nav li{float:left; color:white; line-height:40px;}
#header ul#nav li a{padding-left:10px; padding-right:10px; color:white; text-decoration:none; font-weight:bold; font-size:1.3em;}
#header ul#nav li a:hover{color:#F4175B;}
#left-column{clear:left; width:220px; margin-top:24px; float:left; padding:0 10px 0 10px;}
.leftHeader{margin:30px 0  0 -21px;}
ul#category{list-style:none;}
ul#category li{padding:10px 0 10px 0; background:url("../images/common/border-short.png") 0 37px no-repeat;}
ul#category a{text-decoration:none; color:white;}
ul#category a:hover{color:#F4175B;}
dt a{color:#F4175B;}
dl#ranking dd p.rankingNum{position:absolute; width:28px; height:14px; background:url(../images/common/ranking-num-bg.png) 0 0 no-repeat; z-index:1; line-height:14px; text-align:center; margin:5px 0 0 -2px;}
dl#ranking dd a img{position:absolute; float:left;}
dl#ranking dt{clear:both;}
dl#ranking dd{background:url("../images/common/border-short.png") 0 85px no-repeat; padding:0 0 10px 0; margin-bottom:5px;}
dl#ranking dd span{width:100px; height:76px; display:block; overflow:hidden; margin:0 0 0 108px;}
#main-colum{width:740px; margin-top:24px; float:left; padding:0 20 px 0 0px;}
.movies{margin-top:30px; clear:both; display:inline-block;}
.movies h2{ width:760px; height:34px; text-indent:-9999px; margin-bottom:10px;}
.movie{float:left; margin-right:32px; width:225px;}
.movie p{width:225px;}
.movie h3.title {font-size:116%;}
.movie h3.title a{color:#f4175b; display: block; line-height:26px;}
.movie a.thumb img{border:1px solid #FFF; margin-bottom:5px; width:220px; height:165px;}
.movie a.thumb img:hover{border:1px solid #f4175b;}
.movie p.actor a{color:#24c2c0;}
.movie .rate{float:left; width:110px; font-size:1.3em; margin-top:3px; color:#21ae0e}
.movie .memo{height:62px;}
.movie a.detail-btn{float:right; margin-right:2px;}
.movie-recommend{float:left; margin-right:32px; width:120px;}
.movie-recommend p{width:120px;}
.movie-recommend h4.title a{color:#f4175b;}
.movie-recommend a.thumb img{border:1px solid #FFF; margin-bottom:5px;}
.movie-recommend a.thumb img:hover{border:1px solid #f4175b;}
p.date{position:absolute; background:url(../images/common/date-bg.png) 0 0 no-repeat; text-align:right; height:17px; padding:3px 3px 7px 0; width:75px; margin:10px 0 0 145px; font-size:90%;}
.banner_box img{width:355px; margin:20px 0px 0px 10px}
.provider_box{float:left; width:360px; padding:20px 20px 20px 0;}
.provider_box img{float:left; margin-right:10px;}
.provider_box a{color:#F4175B;}
.provider_box a:hover{text-decoration:overline;}
.clearMargin{margin:0;}
.border{width:740px; height:3px; clear:both; margin:20px 0 15px 5px;}
.headering1{background:url(../images/common/headering1.png) 0 0 no-repeat;}
.headering2{background:url(../images/common/headering2.png) 0 0 no-repeat;}
.headering3{background:url(../images/common/headering3.png) 0 0 no-repeat;}
.headering4{background:url(../images/common/headering4.png) 0 0 no-repeat;}
/*============================================================================================================================ list */
.movies h2.list{ text-indent:0; width:auto; float:left;}
/*============================================================================================================================ moviedetail */
#flash-player{width:500px; height:373px; background:black; float:left;}
#movie-detail{width:218px; float:right; height:380px;}
#movie-detail h2{background:url(../images/common/movie-border.png) 0 20px no-repeat; padding-bottom:10px; font-size:14px;}
#movie-detail h2 a{color:#f4175b;}
#movie-detail div.memo{width:208px; padding:0 5px 0 5px; height:170px; background:url(../images/common/footer-border.png) 0 169px no-repeat; margin-bottom:4px;}
#movie-detail div.memo p{width:208px; height:160px; overflow:auto;}
#movieInfo{height:120px; padding-bottom:10px; background:url(../images/common/footer-border.png) 0 129px no-repeat;}
#movieInfo p{line-height:25px;}
#movieInfo p a{color:#f4175b;}
#download{margin-top:13px; display:inline-block; background:url(../images/common/download-btn.jpg) 0 0 no-repeat; width:218px; height:29px; clear:both;}
#download:hover{background-position:0 -29px;}
#download_no{margin-top:13px; display:inline-block;}
#thumbnails{float:left;	margin-top:30px; clear:both; background:url(../images/common/thumbnails.png) 4px 4px no-repeat #000; padding:20px 0 0px 220px; border:1px solid #222; width:520px; height:150px;}
#thumbnails a img{width:90px; height:60px; border:1px solid #FFF; margin-left:3px;}
#thumbnails a img:hover{border:1px solid #990000;}
#reviewFormLink{position:absolute; margin:380px 0 0 770px; cursor:pointer; display:block;}
*+html #reviewFormLink{position:absolute; margin:380px 0 0 275px; cursor:pointer; display:block;}
#reviewFormLink_no{position:absolute; margin:380px 0 0 270px; width:26px; height:196px; background:url(../images/common/review-nomember.png) no-repeat;}
#reviewFormLink_no:hover{background-position:0 -196px;}
#reviewForm{padding-top:15px; clear:both; display:none;	height:180px;}
#reviewForm div{display:none;}
#reviewForm br{display:block; padding:5px 0;}
#reviewForm div.opacty_bg{width:740px; height:190px; background-color:red; filter: alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; position:absolute; z-index:0; background:url(../images/common/review-bg.png) no-repeat 450px 45px; border:1px solid #FFF;}
#reviewForm fieldset{width:720px; position:absolute; z-index:1; border:none; padding:10px;}
#reviewForm div.left{float:left;}
#reviewForm div.right{float:right; margin:0 300px 0 0;}
#reviewForm label{display:block;}
#reviewForm label{}
p.radiocontents{ line-height:25px; vertical-align:top; font-size:16px; color:#21AE0E;}
p.radiocontents span{color:#666;}
p.radiocontents input{vertical-align:sub;}
#review_message{display:block; width:300px; font-size:12px;}
#sendMessage{display:block; clear:both; float:left;}
#messageSent{display:block; display:none;}
#closeBox{background-color: #000000; color:#FFFFFF; cursor: pointer; text-align: center; width: 25px; position:absolute; margin:10px 0 0 710px;	z-index:2;}
#ReviewBox{clear:both;padding: 15px 0}
#ReviewBox h3{padding:15px 0 0 0; color:#990000;}
.ReviewBox{padding:10px 10px 0 10px; border-bottom: 1px dotted #333333;}
.ReviewBox p.name{}
.ReviewBox p.star span{color:#21AE0E; font-size:1.3em;}
.ReviewBox p.comment{font-size: 100%; margin: 5px 0; padding: 0 0 3px;}
.ReviewBox p.comment span{display: inline-block; vertical-align: top; width: 660px;}
img.mask{opacity:0.1}
/*add for D2 SNS*/
p.writereviewBtn {margin:5px 0 5px 0; text-align:left;}
p.writereviewBtn img {margin:0 10px 0 0; vertical-align:middle;}

#review_overflow {width:740px; margin:5px 0 0 0;}
div.review {width:720px !important; margin:5px !important;}
div.review div.commentBox {background:#111 !important; float:none  !important; padding:5px; width:710px !important;}
div.review div.eachComment {line-height:1.4em; margin:0 auto 10px auto !important; padding:0 0 5px 0 !important; width:710px !important;}
div.review div.eachComment span.count {color:#333;}
#pagination {clear: both; margin:10px auto !important; padding:0; text-align:center; width:710px !important;}

/*============================================================================================================================ Join */
#Contentframe{background:#fff; padding:15px 10px 15px 10px; color:#333;}
#Contentframe a{ text-decoration:underline;}
#Contentframe .box0{padding:15px;}
#Contentframe table{margin:auto; background:#fff; margin:15px auto 15px auto; color:#111; width:90%;}
#Contentframe p.sub img {margin: 0 10px 0 0; vertical-align: middle;}
.signup_table {border: 5px solid #626262; font-size: 100%; margin: 5px 0 5px 5px;}
.signup_table h2 {font-weight: bold;}
.signup_table p.info {font-size: 85%; font-weight: normal; margin: 0; text-align: right;}
.signup_table p.price {color: #f00; font-size: 115%; font-weight: bold; margin: 0; text-align: center;}
.signup_table th {border-bottom: 1px solid #626262;}
.signup_table th, .signup_table td {padding: 5px;}
.signup_table td img {vertical-align: middle;}
.signup_table .six {color: #999999; font-size: 131%; text-align: center;}
.signup_table .three {
    color: #EE981C;
    font-size: 131%;
    text-align: center;
}
.signup_table .two {
    color: #F77879;
    font-size: 131%;
    text-align: center;
}
.signup_table .one {
    color: #F77879;
    font-size: 131%;
    text-align: center;
}
.signup_table .colright {
    border-left: 1px solid #626262;
    font-weight: bold;
}
.signup_table .row .last {
    border-bottom: 1px solid #626262;
}
.signup_table tr.odd {
    background: none repeat scroll 0 0 #F3F3F3;
}
.signup_table sup {
    font-size: 100%;
    font-weight: normal;
}
.signup_table .colleft {
    width: 28%;
}
.subtitle_left {
    text-align: right;
}


#Contentframe h2 {
    clear: both;
    font-size: 150%;
    font-weight: bold;
    margin: 10px 0 20px -10px;
    padding-left: 45px;
	background:url(../images/common/h2-bg.png) 0 0 no-repeat;
	line-height:30px;
}
#Contentframe h2 span {
    color: #666666;
    font-size: 70%;
    font-weight: normal;
    margin-left: 10px;
}


h3.join {
    border-bottom: 2px solid #000000;
    clear: both;
    font-size: 120%;
    font-weight: bold;
    margin: 5px 10px;
    padding: 10px 0 3px;
}
h3.join span {
    color: #666666;
    font-size: 100%;
    font-weight: normal;
    margin-left: 10px;
}
h4.join {
    background-color: #626262;
    clear: both;
    color: #222;
    font-size: 100%;
    font-weight: bold;
    margin: 10px 10px 5px;
    padding: 5px;
}
p.sub {
    clear: both;
    font-size: 100%;
    margin: 5px 5px 5px 10px;
}
p.sub img {
    float: left;
    margin-right: 5px;
    vertical-align: middle;
}


#contentBox .maintxt{font-size:1.3em;}

.Acenter{margin:0 0 0 10px;}

.box680 {
    border: 3px solid #DDDDDD;
    font-size: 75%;
    height: 200px;
    margin: 0 10px;
    overflow: auto;
    padding: 10px;
    width: 674px;
}

/*============================================================================================================================ faq */

.faqmenu{list-style:none;}


ul.faqmenu li {
    list-style-type: none;
    margin-top: 1px;
}

ul.faqmenu li h3{
    border-left: 8px solid #990000;
    margin-top: 25px;
    padding: 0 0 0 5px;
}

li {
    list-style: none outside none;
}

ul.faqmenu li a {
    background: url("../images/icon_plus.png") no-repeat scroll 0 0 #626262;
    color: #222;
    font-size: 100%;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 5px 0 0;
    padding: 0 0 0 35px;
	border:1px solid #333;
}

#Contentframe ul.faqmenu a {
    display: block;
    text-decoration: none;
	color:white;
}

#Contentframe ul.faqmenu li ul li a {
    background: none repeat scroll 0 0 transparent;
    color: #EE3A3A;
    font-weight: normal;
    padding-left: 0px;
    text-decoration: underline;
	border:none;
	display:inline;
height:12px;
line-height:12px;
	
}

ul.acitem{
	margin:10px 0 10px 0px;
	padding:0 15px 0 38px;
}

ul.acitem a{display:inline; padding:0; margin:0;}

/*============================================================================================================================ kiyaku */

#kiyaku p, #privacy p{margin:2px 0 10px 0; padding:0 15px 0 15px;}

/* Kiyaku */

.agreement{
	text-align:left;
	margin:0 auto;
}
.agreement ol{
	margin:0;
	padding:0;
}
.preList li{	
	list-style:none;
	margin-bottom:10px;
}
.agreement p{
	margin-bottom:10px;
}
/*.agreement .First h2{
	background:none !important;
	clear: both;
    font-size: 14px !important;
    margin:0 !important;
    padding-left:0px !important;
	line-height:14px !important;
}*/
.First ol{
	margin-left:26px;
	padding:0;
}
.First ol li{
	list-style:decimal;
	list-style-position:outside;
}
.First p{
	padding:10px 0;
}
/*.agreement .Second h2{
	background:none !important;
	clear: both;
    font-size: 14px !important;
    margin:0 !important;
    padding-left:0px !important;
	line-height:14px !important;
}*/
.Second ol{
	padding:0;
}
.Second ol li{
	margin-bottom:10px;
}
.Second ol li ol li{
	list-style:decimal;
	margin:0 0 0 20px;
}
.Second ol li.Last ol li{
	list-style:none;
	margin-left:0;
}
.Last{
	margin:10px 0;
}




/*============================================================================================================================ privacy */

#privacy  h3{
    border-left: 8px solid #990000;
    margin-top: 25px;
    padding: 0 0 0 5px;
}


/*============================================================================================================================ footer */

#footer{clear:both; width:980px; background:black; padding:10px; color:white; background-image:url(../images/common/footer-border.png); background-repeat:no-repeat; margin-top:30px; float:left;}

#footer ul{list-style:none;}

#footer ul li{float:left; color:white;}

#footer ul li a{color:white;text-decoration:none;padding:0 10px 0 10px;}

#footer ul li a:hover{color:#F4175B;}

#footer p{float:right; font-size:0.75em; margin-top:25px; color:white; text-align:right;}

#footer p a{color:#F4175B;}

#usc{clear:both; display:block; margin-top:10px; width:368px; height:13px;}

#guardian{clear:both; display:block; margin-top:50px; float:left; }


span.page-navigation{float:right; margin-right:20px; font-size:12px;}

span.page-navigation strong{border:1px solid #FFF; padding:2px 6px; background:#F4175B;}

span.page-navigation a{color:#F4175B; border:1px solid #FFF; padding:2px 6px;}


.searchfield {
/* background-color:#F0F0F0; */
/* background-color:#FFCCFF; */ 
}