@charset "utf-8";

/*------------------------------------------------------------
■ 基本設定
------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}

html {
	overflow-y:scroll;
}

body  {
	font: 12px/1.5em Verdana, "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #333333;
	background-image: url("/common/back_body.gif");
	height:100%;
}


h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size: 100%;
}

p {
	line-height: 1.5em;
}

img {
	vertical-align: bottom;
	border: 0px;
}


address {
	font-style:normal;
}


li {
	list-style-type:none;
}

/*------------------------------------------------------------
■ aTAG
------------------------------------------------------------*/
a:link {
	text-decoration: underline;
	color: #336699;
}

a:visited {
	color: #336699;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:active {
	color: #FF6600;
	text-decoration: none;
}

/*------------------------------------------------------------
■ clear
------------------------------------------------------------*/
.clear {
	clear: both;
}

/*------------------------------------------------------------
■ clearfix
------------------------------------------------------------*/

/* ---IE7対応clearfix--- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*------------------------------------------------------------
■ wrapper
------------------------------------------------------------*/
#wrapper {
	width: 870px;
	margin: 0px auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image: url(/common/body_bg.gif);
	}


/*------------------------------------------------------------
■ header
------------------------------------------------------------*/

#contents{
	width:860px;
	margin-left:5px;
}

#header{
	background-image: url(/common/header_bg.jpg);
	height:95px;
}
#header h1{
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding-left:1px;
}

#logo{
	padding-left:5px;
	float:left;
	height:90px;
}
#logo2{
	padding-top:7px;
	padding-left:10px;
	float:left;
	height:90px;
}

/*------------------------------------------------------------
■ main
------------------------------------------------------------*/
#main {
	width: 860px;
	margin-top: 10px;
	margin-right: 8px;
	margin-left: 8px;
}

.point{
width:840px;
line-height:23px;
background-color:#FFE1C4;
padding-bottom:5px;
padding-left:3px;
}

#main .catch{
	background-image: url(/common/bar_bg.jpg);
	width:840px;
	height:30px;
}

#main H2{
	padding:7px 0px 0px 14px;
	font-size:16px;
	font-weight:bold;
}

#main span{
font-weight:bold;
color:#CC0000;
}

.ranking{
padding-top:5px;
}

.recoment{
	background-image: url(/common/recomment.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 79px;
	height:60px;
	margin-top:6px;
	line-height:22px;
	margin-bottom:5px;
	font-size:13px;
}

#main .rank-table{
width:655px;
}

#main .rank-table th{
background-color:#EAD6AA;
padding:2px;
width:130px;
text-align:center;
}

#main .rank-table td{
background-color:#FFFFFF;
text-align:center;
padding:3px;
font-size:13px;
}

#main .bn{
width:130px;
padding:5px;
}

#main .comment{
text-align:left;
width:635px;
padding:5px;
line-height:24px;
font-size:13px;
}

#main .title{
text-align:left;
padding:2px;
}

#list{
width:665px;
margin:0px auto;
}

#list .list-table{
width:655px;
}

#list .list-table th{
height:40px;
}

#list .list-table td{
height:35px;
}

/*------------------------------------------------------------
■ ranking
------------------------------------------------------------*/

.rankings {
	width:830px;
	border:1px solid #CCCCCC;
	padding:0px 3px 0px 3px;
	margin-bottom:5px;
}

table.rdata{
	border:1px solid #FF6C00;
	padding:4px;
	width:830px;

}
.rankings table.rdata th{
	background-image:url(/common/table_mbg.jpg);
	height:28px;
	border-right:1px solid #FFFFFF;
	padding:0 5px 0 5px;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
}

.rankings .rdata td{
	text-align:center;
	height:28px;
	background-color:#FFCC99;
	border-right:1px solid #FFFFFF;
}

#r-1{	background-image: url("/common/rank1.jpg");
	background-repeat: no-repeat;
	width:770px;
	height:71px;
	padding:10px 0px 0px 60px;
	margin:0px;
}

#r-1 H3{
	font-size:26px;
	padding:0px 0px 9px 0px;
	font-family:'ヒラギノ角ゴ Pro W3'‘Hiragino Kaku Gothic Pro';
}

#r-1 b{
	font-size:18px;
	padding:0px 0px 3px 20px;
}

#r-2 {
	background-image: url("/common/rank2.jpg");
	background-repeat: no-repeat;
	width:770px;
	height:71px;
	padding:10px 0px 0px 60px;
	margin:0px;
}

#r-2 H3{
	font-size:26px;
	padding:0px 0px 9px 0px;
	font-family:'ヒラギノ角ゴ Pro W3'‘Hiragino Kaku Gothic Pro';
}

#r-2 b{
	font-size:18px;
	padding:0px 0px 3px 20px;
}

#r-3 {
	background-image: url("/common/rank3.jpg");
	background-repeat: no-repeat;
	width:770px;
	height:71px;
	padding:10px 0px 0px 60px;
	margin:0px;
}

#r-3 H3{
	font-size:26px;
	padding:0px 0px 9px 0px;
	font-family:'ヒラギノ角ゴ Pro W3'‘Hiragino Kaku Gothic Pro';
}

#r-3 b{
	font-size:18px;
	padding:0px 0px 3px 20px;
}

#r-4 {
	background-image: url("/common/rank1.jpg");
	background-repeat: no-repeat;
	width:770px;
	height:71px;
	padding:10px 0px 0px 60px;
	margin:0px;
}

#r-4 H3{
	font-size:26px;
	padding:0px 0px 9px 0px;
	font-family:'ヒラギノ角ゴ Pro W3'‘Hiragino Kaku Gothic Pro';
}

#r-4 b{
	font-size:18px;
	padding:0px 0px 3px 20px;
}


table.rtb{
	width:830px;
}

.rcomment {
	width:560px;
	padding:3px;
}

.rorder {
	text-align:right;
}

/*------------------------------------------------------------
■ sub
------------------------------------------------------------*/
#sub {
	float: left;
	width: 180px;
	margin-top: 10px;
	margin-left: 3px;
	padding-bottom: 1px;
}
#sub img.title{
	display: block;
	margin: 5px;
}
#sub p{
	margin-left: 10px;
	margin-bottom: 2px;
}

#sub a{
	text-decoration:none;
	color: #000000;
}

#sub ul.icon1{
	margin: 0px;
	padding-bottom: 1px;
	background-image: url(/common/menu_bg.gif);
}
#sub ul.icon2 li.rank1{
	background-image: url(/common/rank1.jpg);
	background-repeat: no-repeat;
	height:32px;
	padding:7px 2px 2px 32px;
}

#sub ul.icon2{
	margin: 0px;
	padding-bottom: 1px;
}
#sub ul.icon2 li{
	font-size:15px;
}


/*------------------------------------------------------------
■ footer
------------------------------------------------------------*/
#footer {
	clear: both;
	color: #000000;
	background-color: #EFEFEF;
	text-align: center;
	padding: 3px;
	height:20px;
}

#footer a{
	color:#000000;
	text-decoration: none;
}


/*------------------------------------------------------------
■ 共通要素設定
------------------------------------------------------------*/
h2 {
}

.content{ margin-bottom:20px;}

/**/
.caption {
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
}

/**/
.wi{width: 565px;}
.wi .cen{text-align: center;}