@charset "UTF-8";
/* #mainLeft {  } */

#mainLeft h2 {
	position:relative;
	width:617px;
	height:36px;
	background:url(../img/best_main_header.gif) top left no-repeat;
}
#mainLeft p {
	position:relative;
	padding-bottom:16px;
	width:617px;
	height:24px;
	font-size:85%;
}
#mainLeft ol#bestList {
	position:relative;
	width:617px;
	height:315px;
}
#mainLeft ol#bestList li {
	position:relative;
	float:left;
	margin-right:10px;
	width:199px;
	height:315px;
}
#mainLeft ol#bestList li.lastList{
	margin-right:0px;
}
#mainLeft ol#bestList li a {
	position:relative;
	display:block;
	width:199px;
	height:315px;
}

#mainLeft ol#bestList li a span{
	position:relative;
	display:block;
	width:199px;
	height:25px;
	background:top left no-repeat;
}

#mainLeft ol#bestList li a span span.txtFix{display:none;}
#mainLeft ol#bestList li a span.best1 {background-image:url(../img/best_header1.gif);}
#mainLeft ol#bestList li a span.best2 {background-image:url(../img/best_header2.gif);}
#mainLeft ol#bestList li a span.best3 {background-image:url(../img/best_header3.gif);}

#mainLeft ol#bestList li a img {  }

#mainLeft ol#bestList li a span.bestBtn {
	position:relative;
	display:block;
	width:199px;
	height:26px;
	background:url(../img/best_btn1.gif) top left no-repeat;
}

#mainLeft ol#bestList li a:hover span.bestBtn{
	background-position:0px -26px;
}


/*それぞれのページ*/
#mainLeft ol#bestList.eachBest,
#mainLeft ol#bestList.eachBest li,
#mainLeft ol#bestList.eachBest li a {
	height:25px;
}
#mainLeft ol#bestList.eachBest li a span{
	background-position:0px -25px;
}
#mainLeft ol#bestList.eachBest li a span.selected,
#mainLeft ol#bestList.eachBest li a:hover span{
	background-position:0px 0px;
}

#bestCont {
	position:relative;
	margin-top:20px;
	width:617px;
}
#bestCont img {
	position:relative;
	padding-bottom:10px;
	float:left;
}
#bestCont h3 {
	position:relative;
	float:right;
	width:320px;
}
#bestCont h3 img {
	margin-right:0px;
	margin-bottom:0px;
}

#styleComment {
	position:relative;
	float:right;
	padding-top:10px;
	width:320px;
	background:url(../../img/list_bg_line.gif) top left no-repeat;
}
#styleComment img {
	position:absolute;
}
#styleComment h4 {
	position:relative;
	padding-left:70px;
	width:250px;
	height:60px;
	font-size:108%;
	font-weight:bold;
}

#styleComment p {
	width:320px;
	font-size:85%;
	height:auto;
}

#voice {
	float:right;
	padding-top:10px;
	width:320px;
	background:url(../../img/list_bg_line.gif) top left no-repeat;
}
#voice h4 {
	width:320px;
	font-size:108%;
	font-weight:bold;
}
#voice p {
	width:320px;
	height:auto;
	font-size:77%
}

#data {
	clear:both;
	position:relative;
	width:617px;
}
#data h4 {
	position:relative;
	width:617px;
	padding:10px 0px;
	background:url(../../img/list_bg_line.gif) top left no-repeat;
	font-size:108%;
	font-weight:bold;
}
#data p {
	height:auto;
	font-size:85%
}

/*=====#backNumber=====*/
div#mainLeft #backNumber{
	position:relative;
	clear:both;
	margin-top:20px;
}

div#mainLeft #backNumber h3{
	position:relative;
	display:block;
	width:617px;
	height:36px;
	background-image:url(../img/backnumber_main_header.gif);
	background-repeat:no-repeat;
}

.btnMore{
	position:relative;
	clear:both;
	padding-top:20px;
	width:220px;
	height:15px;
	font-size:77%;
	color:#ef4c95;
	text-align:right;
	background-color:#FFFFFF;
}

#backnumberArchive li {
	position:relative;
	width:310px;
	height:80px;
	float:left;
	background:url(../../img/list_bg_line.gif) bottom repeat-x;
}

#backnumberArchive li a {
	position:relative;
	display:block;
	width:310px;
	height:84px;
}

#backnumberArchive li a img.thumbnail{
	position:absolute;
	width:60px;
	height:60px;
	top:10px;
	left:0px;
}

#backnumberArchive li a span{
	display:block;
	position:relative;
	margin-left:68px;
	width:225px;
}

#backnumberArchive li a span.date{
	font-size:110%;
	color:#525252;
	font-weight:bold;
	padding-top:10px;
}

#backnumberArchive li a .title{
	margin-left:68px;
	margin-top:2px;
}

#backnumberArchive li a span.btnMore{
	background-color:none;
	color:#000000;
}

#backnumberArchive li a:hover span.btnMore{
	color:#ff9e00;
}

#backNumber a.oldArchive{
	margin-top:20px;
}
