@charset "utf-8";

/* maincontent
---------------------------------------------------------------------------------------- */
#maincontent{
	background:url(../images/bg_side.gif) repeat-y right;
	padding:0 0 10px 0;
	border-bottom:1px solid #fff;
}

/* topflash
---------------------------------------------------------------------------------------- */
#topflash{
	width:625px;
	height:378px;
}

/* maincolumn
---------------------------------------------------------------------------------------- */
#maincontent .maincolumn{
	width:625px;
	width:625px !important;
	padding:0px;
	float:left;	
	border-top:0px solid #DDDDDD;
}

/* pagenavi
---------------------------------------------------------------------------------------- */
ul#pagenavi{
	position:relative;
	margin:10px 0px 0px -10px;
}

ul#pagenavi li{
	margin:0px;
}

ul#pagenavi li.pagenavi01{background:url(../images/btn01.jpg) no-repeat top left;}
ul#pagenavi li.pagenavi02{background:url(../images/btn02.jpg) no-repeat top left;}
ul#pagenavi li.pagenavi03{background:url(../images/btn03.jpg) no-repeat top left;width:205px;}

/* side
---------------------------------------------------------------------------------------- */
#maincontent .side{
	width:325px !important;
	width:325px;
	float:left;
	padding:10px 0px 0px 0px;
}

#maincontent .side .reserve{
	margin:0px 0px 5px 0px;
}

#maincontent .side .reserve span{
	display:block;
	margin:0px 0px 2px 0px;
}

#maincontent .side .banner{
	text-align:center;
}

#maincontent .side .banner img{
	display:block;
	margin:0px auto 5px auto;
}


/* rank
------------------------------------------------ */
#maincontent .side .rank{
	width:300px;
	background:url(../images/side_rankbg.gif) repeat-y;
	margin:0px auto;
	text-align:center;
}

#maincontent .side .rank .inner{
	width:280px !important;
	width:300px;
	padding:0px 10px;
	margin:0 auto;
	background:url(../images/side_rankbottom.gif) no-repeat bottom;
}

#maincontent .side .rank .inner ol li{
	border-bottom:1px solid #CDCDCD;
	width:280px;
	height:60px;
	padding:5px 0px;
}

#maincontent .side .rank .inner ol li a{
	cursor:pointer;
	text-decoration:none;
}

#maincontent .side .rank .inner ol li img{
	display:block;
	float:left;
	margin:0px;
}

#maincontent .side .rank .inner ol li strong{
	display:block;
	float:left;
	margin:5px 0px 0px 60px;
	color:#E1830F;
}

#maincontent .side .rank .inner ol li span{
	width:210px;
	float:right;
	text-align:left;
	line-height:1.1;
	font-size:11px;
	margin:2px 0px 0px 0px;
	color:#444444;
}

#maincontent .side .rank .inner ol li a:hover span{
	text-decoration:underline;
}


#maincontent .side .rank .inner ol li.rank01{
	background:url(../common/images/rank01.gif) no-repeat;
	background-position:65px 3px;
}

#maincontent .side .rank .inner ol li.rank02{
	background:url(../common/images/rank02.gif) no-repeat;
	background-position:65px 3px;
}

#maincontent .side .rank .inner ol li.rank03{
	background:url(../common/images/rank03.gif) no-repeat;
	background-position:65px 3px;
}

#maincontent .side .blog{
	margin:10px auto 0 auto;
	width:300px;
}

#maincontent .side .blog .btn{
	width:195px;
	text-align:left;
	float:left;
	margin:0px;
}

#maincontent .side .blog .btn img{
	margin:0 0 5px 0;
}


#maincontent .side .blog .plan{
	width:100px;
	float:left;
}

#maincontent .side .blog .plan ul li{
	text-align:left;
	margin:2px 0px 3px 0px;
}

#maincontent .side .oldsystem{
	font-size:85%;
}


/* footer
---------------------------------------------------------------------------------------- */
#footer{
	width:100%;
	background:url(../images/bg_footer.gif) repeat-x;
	text-align:center;
}

#footer .inner{
	width:950px;
	margin:0 auto;
	text-align:left;
	padding:20px 0;
	color:#666;
}

#footer .inner .left{
	float:left;
}

#footer .inner .left p{
	width:170px;
	text-align:left;
	float:left;
}

#footer .inner .left span{
	display:block;
	width:237px;
	float:left;
}

#footer .inner .left span img{
	margin:0 0 8px 0;
}

#footer .inner .center{
	width:265px;
	float:left;
	font-size:10px;
	line-height:1.1;
}

#footer .inner .center p{
	color:#666;
	line-height:1.1;
	margin:7px 0 0 0;
}

#footer .inner .center p img{
	float:left;
	margin:0 5px 0 0 ;
}

#footer .inner .right{
	float:right;
	width:260px;
	height:110px;
	background:url(../images/footer_btn02.gif) no-repeat;
}

#footer .inner .right a{
	display:block;
}

#footer .inner .right a:hover{
	background-color:transparent;
}

#footer .inner .right a:hover img{
	visibility:hidden;
}