@charset "euc-jp";

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

.pl5  {padding-left: 5px !important;}
.pl10  {padding-left: 10px !important;}
.pl15  {padding-left: 15px !important;}
.pl20  {padding-left: 20px !important;}
.pl25  {padding-left: 25px !important;}
.pl30  {padding-left: 30px !important;}
.pl35  {padding-left: 35px !important;}
.pl40  {padding-left: 40px !important;}
.pl45  {padding-left: 45px !important;}
.pl50  {padding-left: 50px !important;}
.pr5  {padding-right: 5px !important;}
.pr10  {padding-right: 10px !important;}
.pr15  {padding-right: 15px !important;}
.pr20  {padding-right: 20px !important;}
.pr25  {padding-right: 25px !important;}
.pr30  {padding-right: 30px !important;}
.pr35  {padding-right: 35px !important;}
.pr40  {padding-right: 40px !important;}
.pr45  {padding-right: 45px !important;}
.pr50  {padding-right: 50px !important;}
.pt0  {padding-top: 0px !important;}
.pt5  {padding-top: 5px !important;}
.pt10  {padding-top: 10px !important;}
.pt15  {padding-top: 15px !important;}
.pt20  {padding-top: 20px !important;}
.pt25  {padding-top: 25px !important;}
.pt30  {padding-top: 30px !important;}
.pt35  {padding-top: 35px !important;}
.pt40  {padding-top: 40px !important;}
.pt45  {padding-top: 45px !important;}
.pt50  {padding-top: 50px !important;}
.pb0  {padding-bottom: 0px !important;}
.pb5  {padding-bottom: 5px !important;}
.pb10  {padding-bottom: 10px !important;}
.pb15  {padding-bottom: 15px !important;}
.pb20  {padding-bottom: 20px !important;}
.pb25  {padding-bottom: 25px !important;}
.pb30  {padding-bottom: 30px !important;}
.pb35  {padding-bottom: 35px !important;}
.pb40  {padding-bottom: 40px !important;}
.pb45  {padding-bottom: 45px !important;}
.pb50  {padding-bottom: 50px !important;}

.ml5  {margin-left: 5px !important;}
.ml10  {margin-left: 10px !important;}
.ml15  {margin-left: 15px !important;}
.ml20  {margin-left: 20px !important;}
.ml25  {margin-left: 25px !important;}
.ml30  {margin-left: 30px !important;}
.ml35  {margin-left: 35px !important;}
.ml40  {margin-left: 40px !important;}
.ml45  {margin-left: 45px !important;}
.ml50  {margin-left: 50px !important;}
.mr5  {margin-right: 5px !important;}
.mr10  {margin-right: 10px !important;}
.mr15  {margin-right: 15px !important;}
.mr20  {margin-right: 20px !important;}
.mr25  {margin-right: 25px !important;}
.mr30  {margin-right: 30px !important;}
.mr35  {margin-right: 35px !important;}
.mr40  {margin-right: 40px !important;}
.mr45  {margin-right: 45px !important;}
.mr50  {margin-right: 50px !important;}
.mt0  {margin-top: 0px !important;}
.mt5  {margin-top: 5px !important;}
.mt10  {margin-top: 10px !important;}
.mt15  {margin-top: 15px !important;}
.mt20  {margin-top: 20px !important;}
.mt25  {margin-top: 25px !important;}
.mt30  {margin-top: 30px !important;}
.mt35  {margin-top: 35px !important;}
.mt40  {margin-top: 40px !important;}
.mt45  {margin-top: 45px !important;}
.mt50  {margin-top: 50px !important;}
.mb0  {margin-bottom: 0px !important;}
.mb5  {margin-bottom: 5px !important;}
.mb10  {margin-bottom: 10px !important;}
.mb15  {margin-bottom: 15px !important;}
.mb20  {margin-bottom: 20px !important;}
.mb25  {margin-bottom: 25px !important;}
.mb30  {margin-bottom: 30px !important;}
.mb35  {margin-bottom: 35px !important;}
.mb40  {margin-bottom: 40px !important;}
.mb45  {margin-bottom: 45px !important;}
.mb50  {margin-bottom: 50px !important;}

.mg5  {margin: 5px !important;}
.mg10  {margin: 10px !important;}
.mg15  {margin: 15px !important;}
.mg20  {margin: 20px !important;}
.mg25  {margin: 25px !important;}
.mg30  {margin: 30px !important;}
.mg35  {margin: 35px !important;}
.mg40  {margin: 40px !important;}
.mg45  {margin: 45px !important;}
.mg50  {margin: 50px !important;}

.pd5  {padding: 5px !important;}
.pd10  {padding: 10px !important;}
.pd15  {padding: 15px !important;}
.pd20  {padding: 20px !important;}
.pd25  {padding: 25px !important;}
.pd30  {padding: 30px !important;}
.pd35  {padding: 35px !important;}
.pd40  {padding: 40px !important;}
.pd45  {padding: 45px !important;}
.pd50  {padding: 50px !important;}

.ma0  {margin: 0 !important;}
.pd0  {padding: 0 !important;}

/*
########################################################
  .align
########################################################
*/

.alignC  {
	text-align: center !important;
}
.alignL  {
	text-align: left !important;
}
.alignR  {
	text-align: right !important;
}

/*
########################################################
  float
########################################################
*/

.floatR {
	float: right;
}

.floatL {
	float: left;
}

.floatN {
	float: none;
}

.clearR {
	clear: right;
}

.clearL {
	clear: left;
}

/*
########################################################
  color
########################################################
*/

.attention {
	color: #880000;
	font-weight: bold;
}


/*
########################################################
  clearfix
########################################################
*/


.clearfix:after { content: url(pixel.gif); display: block; clear: both; height: 0; } 

.clearfix { display: inline-block; } 

.clearfix { display: block; }


/*
########################################################
  table
########################################################
*/

table.table04, table.table04 {
	table-layout: fixed;
}

/*
########################################################
ranking
########################################################
*/

.ranking01,
.ranking02,
.ranking03,
.ranking04,
.ranking05,
.ranking06,
.ranking07,
.ranking08,
.ranking09,
.ranking10 {
width: 562px;
margin-bottom: 30px;
padding: 0 15px;
height: 326px;
}

.catBody .ranking01,
.catBody .ranking02,
.catBody .ranking03,
.catBody .ranking04,
.catBody .ranking05,
.catBody .ranking06,
.catBody .ranking07,
.catBody .ranking08,
.catBody .ranking09,
.catBody .ranking10 {
margin-left: -10px !important; 
}




.ranking01 {
	background: url(/ranking_img/ranking_01_bg.gif) no-repeat;
}


.ranking02 {
	background: url(/ranking_img/ranking_02_bg.gif) no-repeat;
}


.ranking03 {
	background: url(/ranking_img/ranking_03_bg.gif) no-repeat;
}


.ranking04 {
	background: url(/ranking_img/ranking_04_bg.gif) no-repeat;
}


.ranking05 {
	background: url(/ranking_img/ranking_05_bg.gif) no-repeat;
}


.ranking06 {
	background: url(/ranking_img/ranking_06_bg.gif) no-repeat;
}


.ranking07 {
	background: url(/ranking_img/ranking_07_bg.gif) no-repeat;
}


.ranking08 {
	background: url(/ranking_img/ranking_08_bg.gif) no-repeat;
}


.ranking09 {
	background: url(/ranking_img/ranking_09_bg.gif) no-repeat;
}


.ranking10 {
	background: url(/ranking_img/ranking_10_bg.gif) no-repeat;
}





* html .ranking01,
* html .ranking02,
* html .ranking03,
* html .ranking04,
* html .ranking05,
* html .ranking06,
* html .ranking07,
* html .ranking08,
* html .ranking09,
* html .ranking10 {
	width: 592px;
}

.ranking01 h4,
.ranking02 h4,
.ranking03 h4,
.ranking04 h4,
.ranking05 h4,
.ranking06 h4,
.ranking07 h4,
.ranking08 h4,
.ranking09 h4,
.ranking10 h4 {
padding-top: 27px !important;
margin-left: 200px;
font-style: 18px;
font-weight: bold;
background: none !important;
}

.ranking01 .rank_imgarea,
.ranking02 .rank_imgarea,
.ranking03 .rank_imgarea,
.ranking04 .rank_imgarea,
.ranking05 .rank_imgarea,
.ranking06 .rank_imgarea,
.ranking07 .rank_imgarea,
.ranking08 .rank_imgarea,
.ranking09 .rank_imgarea,
.ranking10 .rank_imgarea {
margin-top: 20px !important;
float: left;
margin-right: 5px;
width: 200px;
}

.ranking01 .rank_text,
.ranking02 .rank_text,
.ranking03 .rank_text,
.ranking04 .rank_text,
.ranking05 .rank_text,
.ranking06 .rank_text,
.ranking07 .rank_text,
.ranking08 .rank_text,
.ranking09 .rank_text,
.ranking10 .rank_text {
margin-top: 5px !important;
float: right;
width: 345px;
font-size: 13px;
}

.ranking01 .rank_text ul,
.ranking02 .rank_text ul,
.ranking03 .rank_text ul,
.ranking04 .rank_text ul,
.ranking05 .rank_text ul,
.ranking06 .rank_text ul,
.ranking07 .rank_text ul,
.ranking08 .rank_text ul,
.ranking09 .rank_text ul,
.ranking10 .rank_text ul {
list-style: none;
padding-left: 0px !important;
margin-left: 0px !important;
text-align: left;
}

.ranking01 .rank_text li,
.ranking02 .rank_text li,
.ranking03 .rank_text li,
.ranking04 .rank_text li,
.ranking05 .rank_text li,
.ranking06 .rank_text li,
.ranking07 .rank_text li,
.ranking08 .rank_text li,
.ranking09 .rank_text li,
.ranking10 .rank_text li {
list-style: none;
padding-left: 30px !important;
padding-top: 4px !important;
padding-bottom: 2px !important;
text-align: left;
background: url(/ranking_img/ranking_list.gif) no-repeat left top;
}

#main .ranking01 .rank_text table.rankTBL,
#main .ranking02 .rank_text table.rankTBL,
#main .ranking03 .rank_text table.rankTBL,
#main .ranking04 .rank_text table.rankTBL,
#main .ranking05 .rank_text table.rankTBL,
#main .ranking06 .rank_text table.rankTBL,
#main .ranking07 .rank_text table.rankTBL,
#main .ranking08 .rank_text table.rankTBL,
#main .ranking09 .rank_text table.rankTBL,
#main .ranking10 .rank_text table.rankTBL {
width: 343px !important;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
font-size: 12px;
}

.ranking01 .rank_text table th,
.ranking02 .rank_text table th,
.ranking03 .rank_text table th,
.ranking04 .rank_text table th,
.ranking05 .rank_text table th,
.ranking06 .rank_text table th,
.ranking07 .rank_text table th,
.ranking08 .rank_text table th,
.ranking09 .rank_text table th,
.ranking10 .rank_text table th {
border-bottom: 1px solid #b4b4b4;
border-left: 1px solid #b4b4b4;
font-size: 12px;
text-align: center;
background: #5DABD1;
color: #ffffff;
}

.ranking01 .rank_text table td,
.ranking02 .rank_text table td,
.ranking03 .rank_text table td,
.ranking04 .rank_text table td,
.ranking05 .rank_text table td,
.ranking06 .rank_text table td,
.ranking07 .rank_text table td,
.ranking08 .rank_text table td,
.ranking09 .rank_text table td,
.ranking10 .rank_text table td {
width: 25%;
border-bottom: 1px solid #b4b4b4;
border-left: 1px solid #b4b4b4;
text-align: center;
}

.ranking01 .rank_text table .title,
.ranking02 .rank_text table .title,
.ranking03 .rank_text table .title,
.ranking04 .rank_text table .title,
.ranking05 .rank_text table .title,
.ranking06 .rank_text table .title,
.ranking07 .rank_text table .title,
.ranking08 .rank_text table .title,
.ranking09 .rank_text table .title,
.ranking10 .rank_text table .title {
background: #f2f2f2;
}

.ranking01 .ranking_button a,
.ranking02 .ranking_button a,
.ranking03 .ranking_button a,
.ranking04 .ranking_button a,
.ranking05 .ranking_button a,
.ranking06 .ranking_button a,
.ranking07 .ranking_button a,
.ranking08 .ranking_button a,
.ranking09 .ranking_button a,
.ranking10 .ranking_button a {
display: block;
margin-top: 10px;
margin-left: 40px;
text-indent: -10000px;
background: url(/ranking_img/ranking_button.gif) no-repeat;
height: 30px;
width: 265px;
}

.table_ranking {
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	margin-bottom: 20px;
}

.table_ranking th {
	padding: 10px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	background-color: #EFEFEF;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}

.table_ranking td {
	padding: 10px;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	text-align: left;
}

.table_ranking .td_left {
	background-color: #EFEFEF;
}