@charset "UTF-8";

.mt-5 {margin-top:-5px;}
.mt-10 {margin-top:-10px;}
.mt-15 {margin-top:-15px;}

.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.pr5  {padding-right:5px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}

.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}

.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}

.f-left {float:left;}
.f-right {float:right;}

.ta-left {text-align:left;}
.ta-right {text-align:right;}

.Abold {font-weight:bold;color:#004097}

.bk80 {color:#333;}
.bk60 {color:#666;}
.bk40 {color:#999;}

.Tnormal {font-weight:normal;}
.Tbold {font-weight:bold;}

.BTS {border-top:1px solid #CCC;}
.BBS {border-bottom:1px solid #CCC;}


.clear {clear:both;}

/* ブラウザスタイルの初期化 */
* {
  margin: 0;
  padding: 0;
  font-style:normal;
  }
  
body {
	margin: 0;
	padding: 0;
	font-family:verdana, arial, sans-serif; 
	font-size: 12px;
	font-style:normal;
	line-height: 18px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color:#d6dbdd;
}

a, a:link, a:visited {text-decoration:none;color:#0066CC;}
a:hover {text-decoration:underline;color:#666;}

.pic{
	vertical-align: top;
	vertical-align: bottom;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
* html .pic{
	vertical-align: top;
	vertical-align: bottom;
	border: 0px;
	margin: 0px;
	padding: 0px;
	line-height:0px;
	font-size:0px;
}

/* wrapper */
#wrapper {
	width:942px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-style:normal;
	vertical-align: bottom;
	border:0;
	background: url(../images/bg_top.gif) no-repeat top center;
}

/* header */
#header{
vertical-align: text-bottom;
border: 0px;
margin-top: 10px;
padding: 0px;
text-indent:0px;
width:942px;
height:122px;
position:relative;
background: url(../images/top/bg_header.jpg) no-repeat top center;
}
#header .toplogo{
position:absolute;
top:7px;
left:357px;
width:241px;
height:105px;
border:0;
}
#header .toplogo h1{margin:0;padding:0;}

#header .menu{
position:absolute;
top:90px;
left:608px;
height:15px;
overflow:hidden;
color:#999;
}
#header .menu li{
list-style:none;
float:left;
font-size:11px;
font-style:normal;
}








/* contents */
#contents{
	width:942px;
	text-align:left;
	position:relative;
}
/***************************************************
     index css
***************************************************/
#contents .container #main_image_canvas,
#contents .container2 #main_image_canvas2{
	float:left;
}

#contents .container .con1{
	margin-left:8px;
	float:left;
}
#contents .container2 .con2{
	margin:0 0 10px 8px;
	float:left;
}
* html #contents .container2 .con2{
	margin:0 0 6px 8px;
	float:left;
}
#contents .container2{
	margin:0;
	padding:0;
}
#contents .container .new_topix{
	width:252px;
	height:330px;
	background: url(../images/top/bg_new_topix_body.gif) repeat-y 0 0;
}
#contents .container .new_topix div{
	margin:8px 20px 0 20px;
	padding-bottom:9px;
	border-bottom:1px solid #d6dbdd;
}
#contents .container .new_topix .new_topix_top{
	margin:11px 20px 0 20px;
	padding-bottom:9px;
	border-bottom:1px solid #d6dbdd;
}
#contents .container .new_topix .no_border{
	border:none;
}
#contents .container .new_topix_footer{
	width:252px;
	height:42px;
	/**/
	background: url(../images/top/bg_new_topix_footer.gif) no-repeat 0 0;
}
#contents .container .new_topix_footer a{
	display:block;
	padding:13px 0 0 167px;
}
#contents .container .new_topix h2{
	background: url(../images/top/bg_new_topix.gif) no-repeat 0 0;
	/*display: block;*/
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	width:252px;
	height:40px;
}

#contents .container3 .box h2{
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	width:942px;
	height:40px;
}
#contents .container3 .box .cooperate_top{
	background: url(../images/top/bg_cooperate_top.gif) no-repeat 0 0;
}

#contents .container3 .box{
	background: url(../images/top/bg_cooperate_body.gif) repeat-y 0 0;
}
#contents .container3 .box .cooperate_body{
	background: url(../images/top/bg_cooperate_body.gif) repeat-y 0 0;
	width:942px;
}
#contents .container3 .box .cooperate_body li{
	list-style:none;
	float:left;
	/*margin:20px 0 0 20px;*//*バナー8個用*/
	margin:20px 0 0 56px;/*バナー6個用*/
}
* html #contents .container3 .box .cooperate_body li{
	list-style:none;
	float:left;
	margin:20px 10px 0 10px;
}

#contents .container3 .box_footer{
	width:942px;
	height:42px;
	margin-top:20px;
	background: url(../images/top/bg_cooperate_btm.gif) no-repeat 0 0;
}
#footer{
	position:relative;
	text-align:left;
	width:942px;
	height:43px;
	background: url(../images/top/im_footer.gif) no-repeat 0 0;
}
#footer .logo{
float:left;
width:42px;
padding:8px 0 0 20px;
border:0;
}
#footer .copyright{
float:right;
padding:0 20px 0 0;
font-size:100%;
font-size:10px;
line-height:40px;
color:#464646;
}
/***************************************************
     index css end
***************************************************/
/***************************************************
     about css end
***************************************************/

#contents .container3 .box .about_title1{
	background: url(../images/about/im_about_title1.gif) no-repeat 0 0;
}

#contents .about_img1{
	padding: 0;
	line-height:0;
	margin-top:0px;
	/*margin-bottom:10px;*/
}

#contents .container3 .box .about_title2{
	background: url(../images/about/im_about_title2.gif) no-repeat 0 0;
}

#contents .about_img2{
	background: url(../images/about/im_img2.gif) no-repeat 0 0;
	width:942px;
	height:338px;
	padding:20px 0 0 20px;
}
#contents .gaiyo_table {
	border:2px solid #c8c8c8;
	width:898px;
	font-size:100%;
	font-size:16px;
	/*margin:20px 0 0 20px;*/
}

#contents .gaiyo_table .tb_name{
	background-color:#e0ecfb;
	width:120px;
	height:50px;
	padding-left:26px;
	color:#004097;
	font-weight:bold;
}
#contents .gaiyo_table .tb_name2{
	background-color:#e0ecfb;
	width:120px;
	height:100px;
	padding-left:26px;
	padding-top:17px;
	color:#004097;
	font-weight:bold;
}

#contents .gaiyo_table .tb_title{
	width:778px;
	height:50px;
	padding-left:26px;
}
#contents .gaiyo_table .tb_title2{
	width:778px;
	height:100px;
	padding-left:26px;
	line-height:28px;
}
#contents .gaiyo_table .tb_br{
	border-right:1px solid #c8c8c8;
}
#contents .gaiyo_table .tb_bm{
	border-bottom:1px solid #c8c8c8;
}

#contents .container3 .box .about_title3{
	background: url(../images/about/im_about_title3.gif) no-repeat 0 0;
}

#contents .about_img3{
	width:902px;
	height:134px;
	margin:20px 0 0 19px;
	/*margin-bottom:10px;*/
}
#contents .bt_script{
	width:470px;
	height:135px;
	float:left;
	margin-bottom:10px;
}
#contents .bt_image{
	width:472px;
	height:135px;
	float:left;
	margin-bottom:10px;
}

/***************************************************
     script css end
***************************************************/
#contents .container3 .box .script_title1{
	background: url(../images/script/im_script_title1.gif) no-repeat 0 0;
}
#contents .container3 .box .script_title2{
	background: url(../images/script/im_script_title2.gif) no-repeat 0 0;
}

#contents .script_img1{
	padding: 0;
	line-height:0;
	margin-top:0px;
	background: url(../images/script/im_img1.gif) no-repeat 0 0;
	width:942px;
	height:202px;
	position:relative;
	margin-bottom:10px;
}
#contents .bt_offer_script{
	position:absolute;
	top:47px;
	left:579px;
	width:332px;
	height:95px;
}

#contents .script_img2{
	padding: 0;
	line-height:0;
	margin-top:0px;
	padding:39px 0 10px 353px;
}
/***************************************************
     image css end
***************************************************/
#contents .container3 .box .image_title1{
	background: url(../images/image/im_image_title1.gif) no-repeat 0 0;
}
#contents .container3 .box .image_title2{
	background: url(../images/image/im_image_title2.gif) no-repeat 0 0;
}

#contents .image_img1{
	padding: 0;
	line-height:0;
	margin-top:0px;
	background: url(../images/image/im_img1.gif) no-repeat 0 0;
	width:942px;
	height:202px;
	position:relative;
}
#contents .bt_offer_image{
	position:absolute;
	top:47px;
	left:579px;
	width:332px;
	height:95px;
}

#contents .image_img2{
	padding: 0;
	line-height:0;
	margin-top:0px;
	padding:39px 0 10px 353px;
}
/* clearfix
---------------------------------------------------------------------- */

#wrapper:after,
#header:after,
#contents:after,
#footer:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

#wrapper,
#header,
#contents,
#footer{
	display: inline-block;
}

#wrapper,
#header,
#contents,
#footer{
	display: block;
}
/* */


.judge_box {margin-left:1px;padding:20px 0 5px 20px;}
.judge_box ul {margin:0;list-style:none;}
.judge_box ul li {float:left;width:195px;height:280px;}
.judge_box ul li.jbb {margin-right:19px;padding-right:20px;border-right:1px solid #E1E1E1;}

.judge_box ul li h4 {font-size:14px;color:#333;}




/***************************************************
     movie css end
***************************************************/
#contents .container3 .box .movie_title1{
	background: url(../images/movie/ttl_01.jpg) no-repeat 0 0;
}
#contents .container3 .box .movie_title2{
	background: url(../images/movie/ttl_02.jpg) no-repeat 0 0;
}
#contents .container3 .box .movie_title3{
	background-image: url(../images/top/bg_delivery_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contents .movie_img1{
	padding: 0;
	line-height:0;
	margin-top:0px;
	background: url(../images/movie/im_img1.gif) no-repeat 0 0;
	width:942px;
	height:202px;
	position:relative;
	margin-bottom:10px;
}

#contents .moviebox_base {clear:both;width:920px;background:url(../images/movie/bg_movie_B.jpg) repeat-y right;margin-top:20px;}
#contents .moviebox_base img {border:0;}
#contents .moviebox_base div.mbbT {width:920px;height:5px;display:block;background:url(../images/movie/bg_movie_T.jpg) no-repeat right top;}
#contents .moviebox_base div.mbbB {width:920px;height:5px;display:block;background:url(../images/movie/bg_movie_M.jpg) no-repeat right top;}

.moviebox_base table td {vertical-align:top;padding:0;}

#contents .movie_JB {width:420px;padding:0 10px;margin:-5px 0 0 20px;}
#contents .movie_JB table {width:400px;margin:10px 0;}
#contents .movie_JB table th {width:215px;vertical-align:top}
.movie_JB table td {vertical-align:top}

.movieBOX {width:600px;margin:15px auto 40px;}

.movieFOOT {width:880px;margin:0 auto;}
.movieFOOT h3 {margin-bottom:10px;font-size:130%;}
.movieFOOT p {margin:0 0 3px;padding-left:12px;line-height:16px;background:url(../images/movie/icon_arrow.jpg) left no-repeat;}

.chooseRate {
width: 120px;
border: 1px solid #CCCCCC;
float: right;
background: url(http://www.animax.co.jp/common_test/img/movie/bg_miniTitle.gif) repeat-x center left;
font-weight: bold;
margin:0 0 0 15px;
}
.chooseRate span {
display: block;
margin-left: 7px;
padding: 7px 9px 7px 25px;
background: url(http://www.animax.co.jp/common_test/img/program/bg_wmp.jpg) no-repeat left center;
}
.chooseRate span span {
margin-left: 0;
background-image: none;
padding: 0;
display: inline;
color: #333333;
}

#flvplayer {width:600px;margin:0 auto 15px;padding-top:10px;}


.btn_watch {
width:171px;
height:47px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/top/btn_watch.jpg);
}
a:hover.btn_watch {background-position:0 -47px;}

.btn_watch2 {
width:121px;
height:33px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/top/btn_watch2.jpg);
}
a:hover.btn_watch2 {background-position:0 -33px;}

.btn_offer_watch {
	width:171px;
	height:47px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../images/movie/btn_offer_watch.jpg);
}
a:hover.btn_offer_watch {background-position:0 -47px;}


div.movie_top {
	height:80px;
	background-repeat: no-repeat;
	background-position: 500px 0;
}
div.movie_top .asia {
	width: 363px;
	float: left;
}
.delivery  {
	width: 518px;
	float: right;
	border: 1px solid #D6D6D6;
}
div.asia_movie {
	background-repeat: no-repeat;
	background-position: 500px 0;
}
#contents .container3 .box .asia_top{
	background-image: url(../images/movie/bg_asia_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contents .container3 .box .asia_body{
	background: url(../images/top/bg_cooperate_body.gif) repeat-y 0 0;
	width:942px;
	clear: both;
}
#contents .container3 .box .asia_body li{
	list-style:none;
	float:left;
	/*margin:20px 0 0 20px;*//*バナー8個用*/
	margin:20px 0 0 56px;/*バナー6個用*/
}
* html #contents .container3 .box .asia_body li{
	list-style:none;
	float:left;
	margin:20px 10px 0 10px;
}