@charset "utf-8";


/*-----------------------------------------
	メイン
-------------------------------------------*/

#main-title, #main-title_e, #main-title_y{
	height:55px;
	color:#B33400;
	background:url(../images/mtit_icon.gif) no-repeat 170px 29px;
	padding:44px 0 0 255px;
}

#main-title_e{
	background-position:120px 29px;
	padding-left:205px;
}

#main-title_y{
	background-position:145px 29px;
	padding-left:230px;
}


#showcase{
	margin-top:-8px;
}


/*-------------*/

table th{
	color:#333333;
}

table.top4 th{
	padding-top:13px;
	padding-bottom:11px;
}

table.top4 td.no{
	background-color:#C74000;
	font-size: 22px;
	color: #fff;
}

table.rank td{
	text-align:center;
}

table td.de-tit, table td.de-tit_e, table td.de-tit_y{
	background-color:#C74000;
	padding-left:100px;
	text-align:inherit;
}

table td.de-tit_e{
	padding-left:75px;
	background-position:20px 25px;
}

table td.de-tit_y{
	padding-left:95px;
	background-position:30px 25px;
}


table.rank td.no{
	color:#C63F00;
}

table.rank td.rate{
	/*text-align:left;
	padding-left:10px;*/
	text-align:right;
	padding-right:10px;
}

table.rank td.rate span{
	font-size:13px;
}

.atten{
	font-size:12px;
	color:#555555;
	margin-top:30px;
}
	
.atten li{
	margin-bottom:5px;
}


/*-- tab --*/

.tab_light_unit{
	margin:25px auto 5px;
	display:table;
}

.tab_light_unit_low{
	margin:25px auto 40px;
	display:table;
}

.tab_light{
	color:#111;
	text-align: center;
	vertical-align:middle;
	display:table-cell;
	border-collapse:collapse;
	background:url(../images/arrow_cnav.png) no-repeat 10px 50%;
	border-top:#DDD 1px solid;
	border-bottom:#DDD 1px solid;
	border-right:#DDD 1px solid;
}

.tab_light_on{
	color:#111;
	text-align: center;
	vertical-align:middle;
	display:table-cell;
	border-collapse:collapse;
	background:url(../images/arrow_cnav_on.png) no-repeat 10px 50%;
	font-weight:bold;
	position:relative;
}

.tab_light_unit a, .tab_light_unit_low a {
	color:#111;
}

.bo-left{
	border-left:#DDD 1px solid;
}

.tab_light_size_sp_rankfee{
	width: 260px;
	height: 35px;
}

.tab_light_on--v1, .tab_light_on--v1_low{
	background-color:#FFA67B;
	border:#FFA67B 1px solid;
}
	
.tab_light_on--v1:before{
	content: "";
	position: absolute;
	bottom: -20px;
	right: 50%;
	border-top: 10px solid #FFA67B;
	border-right: 6px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 6px solid transparent;
}

.tab_light_on--v1_low:after{
	content: "";
	position: absolute;
	top: -20px;
	right: 50%;
	border-top: 10px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #FFA67B;
	border-left: 6px solid transparent;
}



/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

@media screen and (max-width: 768px){


.tab_light_size_sp_rankfee{
	width: 50%;
	height: 35px;
}


#main-title, #main-title_e, #main-title_y{
	/*height:55px;
	color:#B33400;*/
	background:url(../images/mtit_icon.gif) no-repeat 170px 29px;
	/*padding:44px 0 0 255px;*/
	background-position:10px 25px;
	background-size:12%;
	padding: 20px 0 15px 65px;
}

/*#main-title_e{
	background-position:10px 10px;
	padding: 20px 0 15px 60px;
}*/

#main-title_e h3{
	font-size: 22px;

}

#main-title_y h3{
	font-size: 22px;

}


/*#main-title_y, #main-title_y{
	background-position:145px 29px;
	padding-left:230px;
}*/

table.top4 td.no{
	color:#fff;
	font-size:16px;
}


.tab_light_unit, .tab_light_unit_low{
	width: 90%;
}

.tab_light_unit_low{
	margin-bottom:10px;
}


.tab_light_size_sp_rankfee{
	padding: 10px 10px 10px 23px;
}


.atten{
    width: 90%;
    margin: 0 auto;
}


}