@charset "EUC-JP";

@import'/common/css/special.css';
@import'/common/css/special_recommend2.css';



#warner{
	margin: 0 auto;
	width:950px;
	/*background:black;*/
}

#warner img{
	vertical-align:bottom;
}





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

warner_head

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

#warner_head{
	background:url("../img/head_back.png") left top repeat-x;
	margin-bottom:10px;
	overflow:hidden;
}


#warner_head .leftArea{
	width:755px;
	padding-bottom:5px;
	float:left;
	background:#000000 url("../img/wb_leftback.png") left bottom no-repeat;
}


#warner_head .leftArea h1{
	width:755px;
	height:0px !important;
	height /**/ :72px;
	padding-top:72px;
	overflow:hidden;
	background:url("../img/wb_main_v1.png") left top no-repeat;
}

#warner_head .leftArea .picup{
	overflow:hidden;
	padding-left:6px;
	margin-bottom:5px;
}

#warner_head .leftArea .title{
	clear:both;
}

#warner_head .leftArea .hotmovie{
	display:block;
	float:left;
	width:45px;
	height:0px !important;
	height /**/ :138px;
	padding-top:138px;
	overflow:hidden;
	background:url("../img/icons.gif") -185px 0px no-repeat;
}

#warner_head .leftArea .recomendation{
	display:block;
	float:left;
	width:45px;
	height:0px !important;
	height /**/ :138px;
	padding-top:138px;
	overflow:hidden;
	background:url("../img/icons.gif") -230px 0px no-repeat;
}


#warner_head .leftArea .mBox{
	display:inline;
	width:134px;
	margin:5px 0px 5px 6px;
	float:left;
}

#warner_head .leftArea .mBox p a{
	display:block;
	padding:1px;
	border:1px solid #cccccc;
}

#warner_head .leftArea .mBox p a:hover{
	padding:1px;
	border:1px solid #666666;
}


#warner_head .leftArea .mBox h2 a{
	color:#ffffff;
	font-weight:bold;
	line-height:1.2;
}

#warner_head .leftArea .mBox h2 a:hover{
	color:#ffc600;
	font-weight:bold;
}










#warner_head .rightArea{
	width:185px;
	float:right;
	/*background:green;*/
}

#warner_head .rightArea .premium{
	margin-bottom:10px;
}

#warner_head .rightArea .marker{
	width:185px;
	height:0px !important;
	height /**/ :172px;
	padding-top:172px;
	overflow:hidden;
	background:url("../img/icons.gif") left top no-repeat;
	margin-bottom:10px;
}

#warner_head .rightArea .info{
	background:url("../img/info_back.png") left bottom no-repeat;
	padding:6px;
	margin-bottom:10px;
}

#warner_head .rightArea .info h2{
	height:0px !important;
	height /**/ :27px;
	padding-top:27px;
	overflow:hidden;
	background:url("../img/info_back.png") left top no-repeat;
	margin:-6px -6px 6px;
}


#warner_head .rightArea .info .infotext{
	background:url("../img/arrow.png") left 2px no-repeat;
	/* background:url("../img/arrow.png") left 5px no-repeat;  文字サイズ12px用 */
	padding:0px 0px 5px 10px;
	line-height:1.2;
	margin-bottom:5px;
	border-bottom:1px dotted #cc9e00;
	font-size:10px;
	line-height:1.2;
}


#testmovie{
	position: relative;
}

#testmovie p{
	font-size: 12px;
	left: 5px;
	line-height: 17px;
	position: absolute;
	top: 21px;
	width: 169px;
}


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

navi

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


#naviArea{
	width:950px;
	overflow:hidden;
	margin-bottom:10px;
}

#naviArea ul li{
	float:left;
}

#naviArea ul li a{
	display:block;
	width:95px;
	height:0px !important;
	height /**/ :43px;
	padding-top:43px;
	overflow:hidden;
	background:url("../img/navi_all.png");
}


#naviArea ul li.navi_a a{
	background-position:0px 0px;
}
/*
#naviArea ul li.navi_a a:hover{
	background-position:-95px 0px;
}
*/
#naviArea ul li.navi_a a{
	background-position:0px 0px;
}
#naviArea ul li.navi_ka a{
	background-position:-95px 0px;
}
#naviArea ul li.navi_sa a{
	background-position:-190px 0px;
}
#naviArea ul li.navi_ta a{
	background-position:-285px 0px;
}
#naviArea ul li.navi_na a{
	background-position:-380px 0px;
}
#naviArea ul li.navi_ha a{
	background-position:-475px 0px;
}
#naviArea ul li.navi_ma a{
	background-position:-570px 0px;
}
#naviArea ul li.navi_ya a{
	background-position:-665px 0px;
}
#naviArea ul li.navi_ra a{
	background-position:-760px 0px;
}
#naviArea ul li.navi_wa a{
	background-position:-855px 0px;
}







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

index

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

#indexArea{
	width:956px;
	margin:0px -6px 0px 0px;
	/* background:red; */
	overflow:hidden;
}

.article{
	width:233px;
	float:left;
	margin:0px 6px 6px 0px;
}

.index{
	width:233px;
	margin-bottom:10px;
	/*background:pink;*/
}

.index li{
	position:relative;
	border-bottom:1px solid #b2b2b2;
	padding:9px 0px;
	background:url("../img/wb_listline..png") right bottom repeat-y;
}

.index p{
	display:table-cell;
	vertical-align:middle;
	margin:0;
}

/* ie6 */
*html .index p{
	display:inline;
	zoom:1;
}

/* ie7 */
*:first-child+html .index p{
	display:inline;
	zoom:1;
}

.index p.photo a{
	display:block;
	border:1px solid #d2d2d2;
	padding:1px;
}

.index p.photo a:hover{
	border:1px solid #222222;
}


.index p.text{
	width:96px;
	padding:0px 6px 0px 6px;
	/*background:red;*/
}




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

markList

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



.index .new span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -275px 0px no-repeat;
}

.index .end span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -316px 0px no-repeat;
}

.index .season span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -357px 0px no-repeat;
}

.index .star span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -398px 0px no-repeat;
}

.index .man span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -275px -48px no-repeat;
}

.index .woman span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -316px -48px no-repeat;
}

.index .tv span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -357px -48px no-repeat;
}

.index .tv span{
	display:block;
	width:41px;
	height:0px !important;
	height /**/ :48px;
	padding-top:48px;
	overflow:hidden;
	background:url("../img/icons.gif") -357px -48px no-repeat;
}


.index .rank1 span{
	display:block;
	width:31px;
	height:0px !important;
	height /**/ :49px;
	padding-top:49px;
	overflow:hidden;
	background:url("../img/icons.gif") -275px -96px no-repeat;
}

.index .rank2 span{
	display:block;
	width:31px;
	height:0px !important;
	height /**/ :49px;
	padding-top:49px;
	overflow:hidden;
	background:url("../img/icons.gif") -306px -96px no-repeat;
}

.index .rank3 span{
	display:block;
	width:31px;
	height:0px !important;
	height /**/ :49px;
	padding-top:49px;
	overflow:hidden;
	background:url("../img/icons.gif") -337px -96px no-repeat;
}

.index .rank4 span{
	display:block;
	width:32px;
	height:0px !important;
	height /**/ :32px;
	padding-top:32px;
	overflow:hidden;
	background:url("../img/icons.gif") -185px -145px no-repeat;
}

.index .rank5 span{
	display:block;
	width:32px;
	height:0px !important;
	height /**/ :32px;
	padding-top:32px;
	overflow:hidden;
	background:url("../img/icons.gif") -217px -145px no-repeat;
}

.index .rank6 span{
	display:block;
	width:32px;
	height:0px !important;
	height /**/ :32px;
	padding-top:32px;
	overflow:hidden;
	background:url("../img/icons.gif") -249px -145px no-repeat;
}

.index .rank7 span{
	display:block;
	width:32px;
	height:0px !important;
	height /**/ :32px;
	padding-top:32px;
	overflow:hidden;
	background:url("../img/icons.gif") -281px -145px no-repeat;
}

.index .rank8 span{
	display:block;
	width:32px;
	height:0px !important;
	height /**/ :32px;
	padding-top:32px;
	overflow:hidden;
	background:url("../img/icons.gif") -313px -145px no-repeat;
}

.index .rank9 span{
	display:block;
	width:32px;
	height:0px !important;
	height /**/ :32px;
	padding-top:32px;
	overflow:hidden;
	background:url("../img/icons.gif") -345px -145px no-repeat;
}

.index .rank10 span{
	display:block;
	width:32px;
	height:0px !important;
	height /**/ :32px;
	padding-top:32px;
	overflow:hidden;
	background:url("../img/icons.gif") -377px -145px no-repeat;
}




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

a〜wa

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

#jp_a{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_a.png") left top no-repeat;
}

#jp_ka{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_ka.png") left top no-repeat;
}

#jp_sa{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_sa.png") left top no-repeat;
}

#jp_ta{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_ta.png") left top no-repeat;
}

#jp_na{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_na.png") left top no-repeat;
}

#jp_ha{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_ha.png") left top no-repeat;
}

#jp_ma{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_ma.png") left top no-repeat;
}

#jp_ya{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_ya.png") left top no-repeat;
}

#jp_ra{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_ra.png") left top no-repeat;
}

#jp_wa{
	height:0px !important;
	height /**/ :24px;
	padding-top:24px;
	overflow:hidden;
	background:url("../img/index_wa.png") left top no-repeat;
}



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

cmsList

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


#cmsList{
	width: 575px;
	padding-top: 5px;
}



/* リセット */
h2,h3,h4{
	margin:0px;
	padding:0px;
}


/* clearfix */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*======================================

     navi

=======================================*/
div#naviAreaBox{
	width: 950px;
	text-align: center;
	background: transparent url(../img/navi-back950.png) 0 0 no-repeat;
}

ul#naviArea {
	margin: 0 auto 5px;
	width: 715px;
	height: 40px;
}

ul#naviArea li {
	float: left;
	height: 40px;
	overflow: hidden;
}

ul#naviArea li.navi01 { width: 357px;}
ul#naviArea li.navi02 { width: 358px;}

ul#naviArea li a,ul#naviArea li span {
	display: block;
	background: url(/etc/cinema/warner/gwcpn/img/navi.jpg);
	padding-top: 40px;
	overflow: hidden;
}

ul#naviArea li.navi01 a { background-position: 0 40px}
ul#naviArea li.navi02 a { background-position: -357px 40px}

ul#naviArea li.navi01 a:hover { background-position: 0 0}
ul#naviArea li.navi02 a:hover { background-position: -357px 0}

ul#naviArea li.navi01 span { background-position: 0 0}
ul#naviArea li.navi02 span { background-position: -357px 0}

/*======================================