@charset "shift_jis";
/* CSS Document */

@import "base.css";

/************************************************************************** header */

#header_desc {
	display: block;
	position: absolute;
	top: 40px;
	left: 364px;
}

/************************************************************************** news */

#news {
	padding: 10px;
	border: #CECEDB 1px solid;
	background-color: #F7F7F4;
	margin-bottom: 15px;
	line-height: 140%;
}

/************************************************************************** viewing */

#viewing {
	padding: 10px;
	border: #CECEDB 1px solid;
	background-color: #F7F7F4;
	margin-bottom: 15px;
}

#viewing h2 {
	font-size: 12px;
	margin: 0px;
}

.orange {
	color: #F66013;
}

/************************************************************************** ch_list */

#ch_list {
	width: 620px;
	margin-bottom: 15px;
}

.ch {
	position: relative;
	padding: 110px 5px 5px 5px;
	margin-bottom: 10px;
	width: 113px;
	height: 160px;
	float: left;
	line-height: 130%;
	border-right: #ACB0BB solid 1px;
}

.ch h3 {
	font-size: 12px;
	margin-bottom: 8px;
}

.ch_color {
	position: absolute;
	top: 0px;
	left: 5px;
	height: 3px;
	width: 30px;
	border-right: #CFD1D6 solid 83px;
	overflow: hidden;
}

.ch_img {
	display: block;
	position: absolute;
	top: 8px;
	left: 5px;
}

.ch_img span {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 113px;
	height: 85px;
	background-image: url(../img/k60.png);
	cursor: pointer;
}

.ch_img:hover span {
	display: block;
}

.ch_img span img {
	position: absolute;
	top: 33px;
	left: 18px;
}

.icon_new {
	position: absolute;
	top: 93px;
	left: 5px;
}

.icon_up {
	position: absolute;
	top: 93px;
	left: 5px;
}

.icon_present {
	position: absolute;
	top: 93px;
	right: 5px;
}

.icon_special {
	position: absolute;
	top: 93px;
	right: 5px;
}

.ch_time {
	position: absolute;
	bottom: 0px;
	left: 5px;
	font-size: 11px;
	color: #8C8C8C;
}

/************************************************************************** main_footer */

#main_footer {
	clear: both;
	width: 620px;
	margin-bottom: 15px;
}

/************************************************************************** rank */

#rank {
	width: 620px;
}

#rank ol {
	display: block;
	border-top: #D4D4D4 solid 1px;
	float: left;
	width: 304px;
}

#r1-r5 {
	margin-right: 12px;
}

#rank li {
	display: block;
	position: relative;
	width: 211px;
	height: 46px;
	padding: 11px 0px 0px 93px;
}

#r0 {background-image: url(../img_top/r1.gif);}
#r1 {background-image: url(../img_top/r2.gif);}
#r2 {background-image: url(../img_top/r3.gif);}
#r3 {background-image: url(../img_top/r4.gif);}
#r4 {background-image: url(../img_top/r5.gif);}
#r5 {background-image: url(../img_top/r6.gif);}
#r6 {background-image: url(../img_top/r7.gif);}
#r7 {background-image: url(../img_top/r8.gif);}
#r8 {background-image: url(../img_top/r9.gif);}
#r9 {background-image: url(../img_top/r10.gif);}

#rank li img {
	position: absolute;
	top: 11px;
	left: 40px;
}

#rank li h3 {
	font-size: 12px;
}

#rank li span {
	font-size: 11px;
	color: #8C8C8C;
}

/************************************************************************** history 

#history {
	width: 304px;
	float: left;
}

#history_block div {
	position: relative;
	width: 232px;
	height: 50px;
	padding: 20px 0px 0px 70px;
	border: solid 1px;
	border-top-color: #FFFFFF;
	border-left-color: #EAEAE3;
	border-bottom-color: #DADACF;
	border-right-color: #DDDDD2;
	background-color: #F2F2EE;
}

#history_block div img {
	position: absolute;
	top: 17px;
	left: 15px;
}

#history_block div h3 {
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 3px;
}

#history_block div span {
	font-size: 11px;
	color: #8C8C8C;
	line-height: 120%;
}

#no_data {
	display: block;
	padding: 10px;
	border: #DADACF solid 1px;
	background-color: #EEF0F2;
	border-top-color: #FFFFFF;
	border-left-color: #EAEAE3;
	border-bottom-color: #DADACF;
	border-right-color: #DDDDD2;
	background-color: #F2F2EE;
}
*/
/************************************************************************** plug_in */

#plug_in {
	clear: both;
	padding: 10px;
	background-color: #E6E6DD;
}

#plug_in img {
	float: left;
	margin-right: 15px;
}

/************************************************************************** side_about */

#side_about {
	border: #B9BABE solid 5px;
	padding: 8px;
	margin-bottom: 10px;
	min-height: 83px;
}

* html #side_about {
	height: 83px;
}

#side_about img {
	float: right;
	margin-left: 5px;
}