body {
 color             : #000000;
 /*background-color  : #f9f4d4;*/
}

#right_main {
 background-color  : #ffffff;
 padding           : 8px 0px;
 margin            : 0px;
 color             : #000000;
}

#right_main hr {
 clear             : both;
}

#right_main img {
 border            : none;
}

#right_main a img {
 border            : none;
}

#right_info {
 font-size         : 20px;
 text-align        : center;
 color             : #000099;
 font-weight       : bold;
}

.la {
 font-size         : 30px;
 color             : #ff0000;
 font-family       : "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}
.red {
 color             : #ff0000;
}
 
#map_area {
 text-align        : center;
 font-size         : 12px;
 color             : #222222;
 font-weight       : bold;
}

#mat_control {
 width             : 50%;
 padding           : auto;
 margin            : auto;
 border            : 0;
 text-align        : center;
 height            : 35px;
}

#mat_control_l {
 float             : left; 
 text-align        : right;
 height            : 30px;
}

#mat_control_l a:link {
 text-decoration   : none;
 font-weight       : bold;
}

#mat_control_r {
 float             : right;
 text-align        : left;
 height            : 30px;
}

#mat_control_r a:link {
 text-decoration  : none;
 font-weight      : bold;
}

#mat_control_r a:hover {
 color            : #76d7eb;
 text-decoration  : none;
 font-weight      : bold;
}

/* テーブル部 -------------------------------------------------------------- */
#tb_name { /* テーブル名 */
 font-size         : medium;
 text-align        : center;
 color             : #000000;
 clear             : both;
}

#tb_block {  /* テーブル */
 width             : 95%
 padding-left      : auto;
 padding-top       : auto;
 border            : 0;
 text-align        : center;
 clear             : both;
}

#tb_block table.road {
			min-width: 800px;
			border: 2px;
			border-collapse: collapse;
			margin-left : auto;
			margin-right: auto; }

#tb_block table.road th td{	border: 2px;
					padding: 1px 0px 1px 0px;
					border-width: 1px;
					border-style: solid;
					border-color: #CCCCD1; }

#tb_block table.road th { border: 1px;
				border-color: #BBBBBB;
				background-color: #CCFF99; 
				border-style: solid;
				padding: 0.2em; 
				font-size: 12px;
				text-align: center; }

#tb_block table.road td { border: 1px;
				border-color: #BBBBBB;
				border-style: solid;
				padding: 0.2em;
				font-size: 12px;
				text-align: center; }

.gusu { background-color: #DFFFDB; }
.kisu { background-color: #FFFFFF; }

#thead0  { width: auto; }
#thead1  { width: auto; }
#thead2  { width: auto; }
#thead3  { width: auto; }
#thead4  { width: auto; }
#thead5  { width: auto; }
#thead6  { width: auto; }
#thead7  { width: auto; }
#thead8  { width: auto; }
#thead9  { width: auto; }
#thead10 { width: auto; }

#td0   { padding: auto; min-width:100px;
         width: expression(document.body.clientWidth < 602? "100px" : "auto");
}/* 道路名 */
#td1   { padding: auto; width: 65px;}	/* 月日 */
#td2   { padding: auto; width: 58px;}	/* 地域図・時間別推移 */
#td3   { padding: auto; width: 40px;}	/* 方向 */
#td4   { padding: auto; width: 85px;}	/* ボトルネック */
#td5   { padding: auto; width: 32px;}	/* ＫＰ */
#td6   { padding: auto; width: 94px;}	/* 時間帯 */
#td7   { padding: auto; width: 42px; table-layout: fixed;}	/* ピーク時刻 */
#td8   { padding: auto; width: 66px;}	/* ピーク渋滞長 */
#td9   { padding: auto; width: 86px;}	/* 区間（自）・区間（至） */
#td10  { padding: auto; width: 32px;}	/* 所要時間 */

/* ポップアップ処理 -------------------------------------------------------- */
#bubble_tooltip {
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_middle { 
	background-image: url('images/bubble_middle.gif');
	background-repeat:repeat-y;
	background-position:bottom left;
}