@charset "utf-8";
/* CSS Document */


/* --------- リセット --------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}

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

fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}

/* フロート解除 */
.clear {
	clear: both;
}

/* フロートしているナビゲーションのリストアイテムのフロート解除を、
直下のHTML要素の有無に関わらずクリアするための設定（俗に言うclearfix） */
/* .clearfix */
.clearfix {
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */



/* --------- 構成 --------- */

body{
	margin:0; 
	padding:0;
	background: #f1f1f1 url(../images/bg.gif) repeat-y center;
	font-size: 84%;
	line-height: 1.6em;
}


#container{
	width:900px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

#content {
 width:705px;
 float:left;
 text-align: left;
 margin-right: 15px;
}

#side {
 width:180px;
 float:left;
 text-align: left;
}




/* --------- フォント --------- */

.large { font-size: 120%; line-height: 1.4em; }

.count { font-size: 110%; font-weight:bold; }

.red { color:#C00; }


a:link { 
  color: #0066cc;
  text-decoration: underline;
}

a:visited { 
  color: #0066cc;
	text-decoration:underline;
}

a:hover { 
  color: #0066cc;
  text-decoration: none;
}

a:active { 
  color: #0066cc;
	text-decoration:underline;
}


/*しろ色*/
a.wht:link { color: #fff; text-decoration: underline; }
a.wht:visited { color: #fff;	text-decoration:underline; }
a.wht:hover { color: #fff; text-decoration: none; }
a.wht:active { color: #fff; text-decoration:underline; }




/* --------- margin / padding --------- */

/*　マージン指定クラス　*/
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}

.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}

.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.ml05{margin-left:5px; !important;}
.ml10{margin-left:10px; !important;}
.ml15{margin-left:15px; !important;}
.ml20{margin-left:20px; !important;}
.ml30{margin-left:30px; !important;}
.ml40{margin-left:40px; !important;}


/*　パディング指定クラス　*/
.pd05{padding:5px !important;}
.pd10{padding:10px !important;} 
.pd20{padding:20px !important;} 
.pd30{padding:30px !important;} 

.pt10{padding-top:10px !important;} 
.pt20{padding-top:20px !important;} 
.pt30{padding-top:30px !important;} 

.fwb { font-weight: bold; }


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

.update {
	background: url(../images/head_02.jpg) no-repeat;
	width: 170px;
	height: 140px;
	text-align: right;
	padding: 4px 10px;
}


/* --------- point --------- */

.point {
	background: url(../images/point_bg.gif) repeat;
}

.side_point {
	background: url(../images/side_point_bg.gif) repeat-y;
	padding: 8px;
}


/* --------- lead --------- */
.lead_line {
	border-bottom: 2px solid #FC0;
	margin-bottom: 2px;
}


/* rank */
.rank_lead {
	background: #d9edff;
	padding: 5px;
	color: #C00;
	text-align: left;
	margin-bottom: 10px;
}

.ranktitle_bg {
	background: url(../images/ranktitle_bg.gif);
	height: 65px;
}

.ranktitle_bg h2 {
	font-weight: bold;
	font-size: 220%;
	margin-top: 5px;
}

.rank_bg {
	background: url(../images/rank_bg.gif) repeat-y;
	padding: 20px 33px;
}


/* テーブル　セルすべてに線がついたもの(610px) */

table.tbl380 {
  margin-top: 0.2em;
	margin-bottom: 10px;
  width: 380px;
  border-collapse: collapse;
  border: solid 1px #CCC;
}


table.tbl380 th,
table.tbl380 td {
  border: solid 1px #CCC;
  padding: 4px;
	text-align: center;
}

table.tbl380 th {
  background: #ede8c4;
  text-align: center;
  white-space: nowrap;
}


/* graph */
.graph_bg {
	background: url(../images/rankgraph_bg.gif);
}

.graph_note {
	background: url(../images/note_line.gif);
	line-height: 30px;
	margin: 0 10px;
}
	

.icon {
	background: url(../images/arrow.gif) no-repeat;
	padding: 0 0 5px 24px;
	margin-top: 5px;
	margin-left: 6px;
}


/* footer */
.footer {
	background: #FFF url(../images/foot_bg.gif) repeat-x top;
	width: 900px;
	padding: 10px;
	margin: 10px auto;
	text-align: center;
}

/* other */
.pointBG {
	background: #FCFAE5 ;
	padding: 14.5px;
}
	
.pontBG2 {
	background: #f6f1cc;
	padding: 15px;
	color: #C00;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}