@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      congestion_ranking.css
 Author:         K.Kihara
 Style Info:     混雑率ランキング
----------------------------------------------------------- */

@import url("import.css");

#main {
	margin: 0 130px;
}
#main .boxCommonBorder {
	position: relative;
}
#main #title {
	position: relative;
}
#main #title p {
	position: absolute;
	top: 18px;
	right: 5px;
	font-weight: bold;
	font-size: 16px;
	_right: 135px;
}
#main #rankingList {
	width: 100%;
	background-color: #fff;
}
#main #rankingList th {
	border: 1px solid #325ADC;
	font-family: verdana,Osaka,Sans-Serif;
	vertical-align: middle;
	text-align: center;
}
#main #rankingList th img {
	margin: 7px 0;
}
#main #rankingList td {
	border: 1px solid #325ADC;
	padding: 5px 8px;
	_padding-bottom: 2px;
	font-weight: bold;
}
#main #rankingList tr#item th,
#main #rankingList tr#item td {
}
#main #rankingList tr#item td strong a {
	display: block;
	width: 100%;
	padding: 7px 0;
	text-decoration: none;
}
#main #rankingList tr#item th#item1 {
	border: none;
	width: 10%;
}
#main #rankingList tr#item td#item2 {
	border: none;
	width: 27%;
}
#main #rankingList tr#item td#item3 {
	border: none;
	width: 27%;
}
#main #rankingList tr#item td#item4 {
	border: none;
	width: 26%;
}
#main #rankingList tr#item td#item5 {
	width: 10%;
	border: none;
}
#main #rankingList td h4 {
	line-height: 24px;
}
#main #rankingList tr#rank1st td,
#main #rankingList tr.rank2ndto3th td {
	font-size: 14px;
}
#main #rankingList tr#rank1st td h4,
#main #rankingList tr.rank2ndto3th td h4 {
	line-height: 24px;
}
#main #rankingList tr#rank1st td h4 {
	font-size: 18px;
}
#main #rankingList tr.rank2ndto3th td h4 {
	font-size: 14px;
}


/* 各エリアのリンク、ボタントグル */
#main #btnarea {
	height: 14px;
}
#main #btnarea ul {
	position: absolute;
	left: 11px;
	top: 11px;
}
#main #btnarea ul li {
	display: inline;
	font-weight: bold;
	padding-right: 7px;
}


/* 色分け */

/* 全国 */

#main #colorzenkoku {
	background-color: #EBFFED;
}
#main #colorzenkoku #rankingList th,
#main #colorzenkoku #rankingList td {
	border: 1px solid #08AD08;
}
#main #colorzenkoku #rankingList tr#item td#item3 {
	background: url(/img/congestion_ranking/bg_zenkoku_kukan.gif) no-repeat center 8px;
}
#main #colorzenkoku #rankingList tr#rank1st td,
#main #colorzenkoku #rankingList tr.rank2ndto3th td {
	background: url(/img/congestion_ranking/bg_grazenkoku.gif) repeat-x left top;
}
#main #colorzenkoku #rankingList tr#item th#item1,
#main #colorzenkoku #rankingList tr#item td#item2,
#main #colorzenkoku #rankingList tr#item td#item3,
#main #colorzenkoku #rankingList tr#item td#item4,
#main #colorzenkoku #rankingList tr#item td#item5 {
	background-color: #EBFFED;
}
#main #colorzenkoku #rankingList tr#item td.onpeek {
	background: url(/img/congestion_ranking/bg_zenkoku_peek_on.gif) no-repeat center center;
	border: 1px solid #2DA82D;
}
#main #colorzenkoku #rankingList tr#item td.offpeek {
	background: url(/img/congestion_ranking/bg_zenkoku_peek_off.gif) no-repeat center 8px;
}
#main #colorzenkoku #rankingList tr#item td.onaverage {
	background: url(/img/congestion_ranking/bg_zenkoku_average_on.gif) no-repeat center center;
	border: 1px solid #2DA82D;
}
#main #colorzenkoku #rankingList tr#item td.offaverage {
	background: url(/img/congestion_ranking/bg_zenkoku_average_off.gif) no-repeat center 8px;
}
#main #colorzenkoku #rankingList tr#rank1st td.on,
#main #colorzenkoku #rankingList tr.rank2ndto3th td.on {
	background-color: #60b759;
	background-image: none;
}
#main #colorzenkoku #rankingList td.on {
	background-color: #60b759;
	color: #fff;
}


/* 関東 */

#main #colorkanto {
	background-color: #E9FEFF;
}
#main #colorkanto #rankingList th,
#main #colorkanto #rankingList td {
	border: 1px solid #24CDDD;
}
#main #colorkanto #rankingList tr#item td#item3 {
	background: url(/img/congestion_ranking/bg_kanto_kukan.gif) no-repeat center 8px;
}
#main #colorkanto #rankingList tr#rank1st td,
#main #colorkanto #rankingList tr.rank2ndto3th td {
	background: url(/img/congestion_ranking/bg_grakanto.gif) repeat-x left top;
}
#main #colorkanto #rankingList tr#item th#item1,
#main #colorkanto #rankingList tr#item td#item2,
#main #colorkanto #rankingList tr#item td#item3,
#main #colorkanto #rankingList tr#item td#item4,
#main #colorkanto #rankingList tr#item td#item5 {
	background-color: #E9FEFF;
}
#main #colorkanto #rankingList tr#item td.onpeek {
	background: url(/img/congestion_ranking/bg_kanto_peek_on.gif) no-repeat center center;
	border: 1px solid #24CCDD;
}
#main #colorkanto #rankingList tr#item td.offpeek {
	background: url(/img/congestion_ranking/bg_kanto_peek_off.gif) no-repeat center 8px;
}
#main #colorkanto #rankingList tr#item td.onaverage {
	background: url(/img/congestion_ranking/bg_kanto_average_on.gif) no-repeat center center;
	border: 1px solid #24CCDD;
}
#main #colorkanto #rankingList tr#item td.offaverage {
	background: url(/img/congestion_ranking/bg_kanto_average_off.gif) no-repeat center 8px;
}
#main #colorkanto #rankingList tr#rank1st td.on,
#main #colorkanto #rankingList tr.rank2ndto3th td.on {
	background-color: #59d3d8;
	background-image: none;
}
#main #colorkanto #rankingList td.on {
	background-color: #59d3d8;
	color: #fff;
}


/* 京阪神 */

#main #colorkeihansin {
	background-color: #FFF1F0;
}
#main #colorkeihansin #rankingList th,
#main #colorkeihansin #rankingList td {
	border: 1px solid #EF5E5E;
}
#main #colorkeihansin #rankingList tr#item td#item3 {
	background: url(/img/congestion_ranking/bg_keihansin_kukan.gif) no-repeat center 8px;
}
#main #colorkeihansin #rankingList tr#rank1st td,
#main #colorkeihansin #rankingList tr.rank2ndto3th td {
	background: url(/img/congestion_ranking/bg_grakeihansin.gif) repeat-x left top;
}
#main #colorkeihansin #rankingList tr#item th#item1,
#main #colorkeihansin #rankingList tr#item td#item2,
#main #colorkeihansin #rankingList tr#item td#item3,
#main #colorkeihansin #rankingList tr#item td#item4,
#main #colorkeihansin #rankingList tr#item td#item5 {
	background-color: #FFF1F0;
}
#main #colorkeihansin #rankingList tr#item td.onpeek {
	background: url(/img/congestion_ranking/bg_keihansin_peek_on.gif) no-repeat center center;
	border: 1px solid #EF5E5E;
}
#main #colorkeihansin #rankingList tr#item td.offpeek {
	background: url(/img/congestion_ranking/bg_keihansin_peek_off.gif) no-repeat center 8px;
}
#main #colorkeihansin #rankingList tr#item td.onaverage {
	background: url(/img/congestion_ranking/bg_keihansin_average_on.gif) no-repeat center center;
	border: 1px solid #EF5E5E;
}
#main #colorkeihansin #rankingList tr#item td.offaverage {
	background: url(/img/congestion_ranking/bg_keihansin_average_off.gif) no-repeat center 8px;
}
#main #colorkeihansin #rankingList tr#rank1st td.on,
#main #colorkeihansin #rankingList tr.rank2ndto3th td.on {
	background-color: #ea8185;
	background-image: none;
}
#main #colorkeihansin #rankingList td.on {
	background-color: #ea8185;
	color: #fff;
}