@charset "utf-8";

#spBan {
	padding:0 0 20px;
}


.section {
	padding:0 0 20px;
}

.section h2 {
	padding:0 0 12px;
}

#sect01 .copy {
	padding:16px 0 27px 23px;
	color:#154f90;
	font-weight:bold;
}

#rankingList {
	padding:0 0 0 5px;
}

#rankingList li {
	width:598px;
	margin:0 0 15px;
	padding:0 12px 17px;
	background:url(../../common/images/dotline_x.png) left bottom repeat-x;
	list-style-type:none;
}

#rankingList li dl {
	position:relative;
}

#rankingList li .photo {
	float:left;
	position:relative;
	left:-5px;
	width:240px;
	padding:5px;
	background:url(../images/bg_ring.png) left top no-repeat;
}

#rankingList li dt,
#rankingList li .description,
#rankingList li .readMore {
	float:right;
	width:346px;
}

#rankingList li dt {
	/*width:284px;*/
	margin:5px 0 8px;
	background:#eef3f8;
	font-size:117%;
	line-height:24px;
	font-weight:bold;
}

#rankingList li dt a {
	display:block;
	height:24px;
	padding-left:62px;
	background-position:left center;
	background-repeat:no-repeat;
}

#rankingList li#rank01 dt {
	/*width:268px;
	padding-left:78px;*/
}



#rankingList li .hover dt a {
	color:#f74b41;
}

#rankingList li#rank01 dt a {
	padding-left:78px;
}

#rankingList li#rank01 dt a {background-image:url(../images/rank01.jpg);}
#rankingList li#rank02 dt a {background-image:url(../images/rank02.jpg);}
#rankingList li#rank03 dt a {background-image:url(../images/rank03.jpg);}
#rankingList li#rank04 dt a {background-image:url(../images/rank04.jpg);}
#rankingList li#rank05 dt a {background-image:url(../images/rank05.jpg);}


#rankingList li .description {
	padding-bottom:25px;
	line-height:1.5;
}


#rankingList li .readMore {
	position:absolute;
	left:254px;
	bottom:5px;
}

#rankingList li .readMore a {
	display:block;
	overflow:hidden;
	width:91px;
	height:9px;
	background-image:url(../images/top_readmore.png);
	text-indent:-999em;
}

#rankingList li .hover .readMore a {
	background-position:0 -9px;
}







.catBlock {
	/*clear:both;*/
	padding:0 5px 10px;
	/*padding:0 5px;
	margin:0 0 10px;*/
}

.catBlock h3 {
	padding:0 0 1px;
	margin:0 0 5px;
	background:url(../../common/images/dotline_x.png) left bottom repeat-x;
}

.catBlock .inner {
	/*position:relative;*/
}

.catBlock .thumb {
	float:left;
	width:268px;
	padding:4px;
	background:url(../../common/images/bg_top_thumb.png);
}

.catBlock .detailArea {
	float:right;
	position:relative;
	width:337px;
	height:156px;
}

.comingsoon .detailArea {
	background:#f0f0f0;
}

.catBlock .volArea {
	height:17px;
	margin:0 0 13px;
	background:#134782;
}

.catBlock .volNum {
	float:left;
}

.catBlock .volDate {
	float:right;
	padding:0 6px;
	color:#fff;
	background:#666;
	font-size:84%;
	line-height:17px;
}

.entryTitle {
	padding:0 7px 7px;
	font-weight:bold;
	line-height:1.4;
}

.entryTitle a:hover {
	/*color:#154F90;*/
}

.hover .entryTitle a {
	color:#f74b41;
}


.entryTitle a {
	display:block;
	overflow:hidden;
	text-indent:-999em;
}

.hover .entryTitle a {
	background-position:0 -15px;
}

#topColumn .entryTitle a {
	width:240px;
	height:15px;
	background-image:url(../../images/top_column_vol04.png);
}


.detailArea .description {
	padding:0 7px;
}

.detailArea .description strong {
	color:#c50c41;
}

.detailArea .readMore {
	position:absolute;
	left:7px;
	bottom:0;
}

.detailArea .readMore a {
	display:block;
	overflow:hidden;
	width:91px;
	height:9px;
	background-image:url(../../images/top_readmore.png);
	text-indent:-999em;
}

.hover .detailArea .readMore a {
	background-position:0 -9px;
}



/* @group clearfix ----------------------------------------- */

.inner:after,
.section:after,
.catBlock:after,
#rankingList li dl:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

.inner dl,
.section,
.catBlock,
#rankingList li dl {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .inner,
* html .section,
* html .catBlock,
* html #rankingList li dl {
	height:1%;
}

.inner,
.section,
.catBlock,
#rankingList li dl {
	display:block;
}
/* End hide from IE-mac */

/* @end */