@charset "utf-8";
body {
	background-color: #e3e3e3;
	margin:0;
	text-align: center;
	background-image: url(../images/bg-christmas.jpg);
	background-repeat: repeat;
	background-position: center top;
}


/************Index page CSS************/

.banner_bg {
	background-image: url(../images/bg_topbnr.jpg);
}
.navi_year_bg {
	background-image: url(../images/jplist_navi_bg.png);
}
.navi_season_bg {
	background-image: url(../images/season_navi_bg.png);
}
.box-300x321 {
	background-image: url(../images/bg_300x321.jpg);
}
.box-390x321 {
	background-image: url(../images/bg_390x321.jpg);
	
}
.top10-rank-bg {
	background-image: url(../images/bg-top10.png);
	background-repeat: repeat-y;
	text-align: center;
}
.content_bg_repeat {
	background-image: url(../images/content_bg_02.png);
	background-repeat: repeat-y;
}
.mch {
	background-image: url(../images/mc.png);
	width:1000px;
	height:300px;
}

/************Template rollove effect and font type************/
a {
	font-size: 12px;
	color: #666;
}
a:link {
	text-decoration: none;
	color: #09F;
}
a:visited {
	text-decoration: none;
	color: #09F;
}
a:hover {
	color: #F60;
}
a:active {
	text-decoration: none;
	color: #09F;
	text-align: center;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif, "微软雅黑";
	font-size: 12px;
	color: #666666;
}

/************Rank page************/
.rank-top {
	font-size: 12px;
	color: #FFF;
}
.rank_up {
	font-size: 12px;
	color: #990000;
}
.rank_down {
	font-size: 12px;
	color: #999999;
}
.table-box-right {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}


.table-box-left {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

/************Top navi CSS************/
.navi_bg {
	width:100%;
	height:107px;
	text-align:center;
	background-image: url(../images/navi_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

.naviholder1{
	width:1000px;
	height:67px;
	text-align: center;
}
.naviholder2{
	width:1000px;
	height:40px;
	float:left;
	text-align:left
}

.navi-top a{
		display:block;
		text-indent:-9999px;
		width:80px;
		height:20px;
		float:left;
		background-image:url(../images/navi-top.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}
        
	#navi1{background-position:0px 0px;}
	#navi1:hover,#navi1.hover{background-position:0px -20px;}
	
	#navi2{background-position:-80px 0px;}
	#navi2:hover,#navi2.hover{background-position:-80px -20px;}
	
	#navi3{background-position:-160px 0px;}
	#navi3:hover,#navi3.hover{background-position:-160px -20px;}
	
	#navi4{background-position:-240px 0px;}
	#navi4:hover,#navi4.hover{background-position:-240px -20px;}
	
	#navi5{background-position:-320px 0px;}
	#navi5:hover,#navi5.hover{background-position:-320px -20px;}
	
	#navi6{background-position:-400px 0px;}
	#navi6:hover,#navi6.hover{background-position:-400px -20px;}


/************Ads************/
.ads a{
		display:block;
		text-indent:-9999px;
		width:200px;
		height:50px;
		float:left;
		background-image:url(../images/ads.jpg);
		background-repeat:no-repeat;
		cursor:pointer;
	}
        
	#ads1{background-position:0px 0px;}
	#ads1:hover,#ads1.hover{background-position:0px -50px;}
	
	#ads2{background-position:-200px 0px;}
	#ads2:hover,#ads2.hover{background-position:-200px -50px;}
	
	#ads3{background-position:-400px 0px;}
	#ads3:hover,#ads3.hover{background-position:-400px -50px;}
	
	#ads4{background-position:-600px 0px;}
	#ads4:hover,#ads4.hover{background-position:-600px -50px;}
	
	#ads5{background-position:-800px 0px;}
	#ads5:hover,#ads5.hover{background-position:-800px -50px;}

/************Years************/
.year a{
		display:block;
		text-indent:-9999px;
		width:195px;
		height:45px;
		float:left;
		background-image:url(../images/navi_year.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}
	#year2013{background-position:0px 0px;}
	#year2013:hover,#year2013.hover{background-position:0px -45px;}
	
	#year2012{background-position:-195px 0px;}
	#year2012:hover,#year2012.hover{background-position:-195px -45px;}
	
	#year2011{background-position:-390px 0px;}
	#year2011:hover,#year2011.hover{background-position:-390px -45px;}
	
	#year2010{background-position:-585px 0px;}
	#year2010:hover,#year2010.hover{background-position:-585px -45px;}

	#year2009{background-position:-780px 0px;}
	#year2009:hover,#year2009.hover{background-position:-780px -45px;}
	


/************Season************/
.season a{
		display:block;
		text-indent:-9999px;
		width:150px;
		height:30px;
		float:left;
		background-image:url(../images/navi_season.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}
        
	#season1{background-position:0px 0px;}
	#season1:hover,#season1.hover{background-position:0px -30px;}

	#season2{background-position:-150px 0px;}
	#season2:hover,#season2.hover{background-position:-150px -30px;}
	
	#season3{background-position:-300px 0px;}
	#season3:hover,#season3.hover{background-position:-300px -30px;}
	
	#season4{background-position:-450px 0px;}
	#season4:hover,#season4.hover{background-position:-450px -30px;}
	
	#season091{background-position:0px -60px;}
	#season091:hover,#season091.hover{background-position:0px -90px;}

	#season092{background-position:-150px -60px;}
	#season092:hover,#season092.hover{background-position:-150px -90px;}
	
	#season093{background-position:-300px -60px;}
	#season093:hover,#season093.hover{background-position:-300px -90px;}
	
	#season094{background-position:-450px -60px;}
	#season094:hover,#season094.hover{background-position:-450px -90px;}
	
	#season111{background-position:0px -120px;}
	#season111:hover,#season111.hover{background-position:0px -150px;}

	#season112{background-position:-150px -120px;}
	#season112:hover,#season112.hover{background-position:-150px -150px;}
	
	#season113{background-position:-300px -120px;}
	#season113:hover,#season113.hover{background-position:-300px -150px;}
	
	#season114{background-position:-450px -120px;}
	#season114:hover,#season114.hover{background-position:-450px -150px;}
	
	#season121{background-position:0px -180px;}
	#season121:hover,#season121.hover{background-position:0px -210px;}

	#season122{background-position:-150px -180px;}
	#season122:hover,#season122.hover{background-position:-150px -210px;}
	
	#season123{background-position:-300px -180px;}
	#season123:hover,#season123.hover{background-position:-300px -210px;}
	
	#season124{background-position:-450px -180px;}
	#season124:hover,#season124.hover{background-position:-450px -210px;}
	
	#season131{background-position:0px -240px;}
	#season131:hover,#season131.hover{background-position:0px -270px;}

	#season132{background-position:-150px -240px;}
	#season132:hover,#season132.hover{background-position:-150px -270px;}
	
	#season133{background-position:-300px -240px;}
	#season133:hover,#season133.hover{background-position:-300px -270px;}
	
	#season134{background-position:-450px -240px;}
	#season134:hover,#season134.hover{background-position:-450px -270px;}

/************Footer************/
.footerads{
	width:1000px;
	height:60px;
	padding-top:5px;
}

.footer{
	width:100%;
	height:90px;
	text-align:center;
	background-image: url(http://www.hideystudio.com/images/footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#000000;
}
/* 
.footer{
	width:100%;
	height:60px;
	text-align:center;
	background-image: url(../images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#CECECE;
} */

/************Weekly************/
.mon{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:0px 0px;
}

.tue{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-125px 0px;
}

.wed{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-250px 0px;
}

.thu{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-375px 0px;
}

.fri{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-500px 0px;
}

.sat{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-625px 0px;
}

.sun{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-750px 0px;
}

.sp{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-875px 0px;
}

.non{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-1000px 0px;
}

.morning{
	width:124px;
	height:125px;
	background:url(../images/jplist_img/icon-days.jpg) no-repeat;
	background-position:-1125px 0px;
}
.line {
	background-image: url(../images/jplist_img/line.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.jplist-title {
	color: #09F;
	font-weight: bold;
}

/************Weekly2************/

.sun2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px 0px;
}

.mon2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -30px;
}
.tue2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -60px;
}

.wed2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -90px;
}

.thu2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -120px;
}

.fri2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -150px;
}

.sat2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -180px;
}



.sp2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -210px;
}

.coming2{
	width:950px;
	height:30px;
	background:url(../images/jplist_img/days.jpg) no-repeat;
	background-position:0px -240px;
}

/* skystaion
---------------------------------------------- */
.sky{
	width:1000px;
	height:400px;
	background:url(../images/radio.jpg) no-repeat;
}
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */


/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* images */
img {

	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

img:hover {
	-webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);
	-webkit-transform: rotate(0deg) scale(1.05);
	-moz-transform: rotate(0deg) scale(1.05);
}
/* dramalist */

#dorama{
	width:200px;
	background-color:#EFEFEF;
	padding:8px;
	text-align:left;
	margin:10px;
	float:left;
}
.spaces{
height:10px;
}

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	

	font-weight: bold;
	font-size: 12px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}


#box {
	list-style-type:none;
	margin:5px 5px;
	padding:5px;
	border: 2px solid #efefef;
	float: left;
	background: #ffffff; /* old browsers */
	line-height:20px;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset; 
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	
	behavior: url(ie-css3.htc);
}