*{
	margin : 0;
	padding: 0;
}

div#container{
	width : 989px;
	height: 791px;
	background-image : url("../img/douro_bg.jpg");
	position : relative;
}
ul{
	list-style : none;
}

span.red{
	color : red;
}

#infoboard-pop,
#tunnel,
#uryo,
#romen,
#infoboard-icon{
	position: absolute;
	left	: 0px;
	top		: 0px;
}

div#control-panel{
	position: absolute;
	width	: 240px;
	height	: 165px;
	right	: 5px;
	top		: 80px;
	background-image : url("../img/control-panel.png");
}

div#control-panel div.caption{
	width : 100%;
	height: 14px;
	line-height : 14px;
	text-align : center;
	margin-top : 13px;
	font-weight: bold;
	font-size : 15px;
}

div#control-panel table{
	width : 92%;
	height: 130px;
	margin-left : auto;
	margin-right: auto;
}

div#control-panel table td.border{
	border-bottom : 1px solid silver;
}

div#control-panel div{
	float : left;
	height: 23px;
	font-size : 12px;
	line-height : 23px;
}

div#control-panel div.icon{
	width : 24px;
	margin-left : 2px;
	margin-right : 2px;
	background-repeat : no-repeat;
}

div#control-panel div.label{
	width : 105px;
}

div#control-panel div.newest-date{
	width : 67px;
	overflow : visible;
	white-space: nowrap;
}

div#control-panel div.icon.uryo{
	background-image : url("../img/uryo-spot.gif");
}

div#control-panel div.icon.sitei{
	background-image : url("../img/sitei-spot.gif");
}

div#control-panel div.icon.romen{
	background-image : url("../img/romen-spot.gif");
}

div#control-panel div.icon.tunnel{
	height: 17px;
	margin-top : 3px;
	margin-left: 4px;
	margin-right: 0px;
	background-image : url("../img/tunnel-spot.gif");
}

div#control-panel div.icon.infoboard{
	height: 21px;
	margin-top : 2px;
	margin-left: 5px;
	margin-right: -1px;
	background-image : url("../img/ico_leg1_lt_on.gif");
}


div.group-1{

}

div.group-2{

}

div.group-3{

}

#infoboard-pop div.pop{
	position : absolute;
	width : 170px;
	height: 125px;
	border: 2px solid blue;
	display : none;
	background-color : white;
}
#infoboard-pop div.pop.double{
	height: 210px;
}

div.pop div.caption{
	width : 100%;
	height: 14px;
	font-size : 14px;
	line-height: 14px;
	font-weight: bold;
	text-align:center;
	margin-top : 4px;
}
div.pop div.kilopost,
div.pop div.address{
	text-align : center;
	font-size : 12px;
	width : 100%;
	height: 12px;
	line-height:12px;
	margin-top : 3px;
}
div.pop div.image{
	width : 100%;
	height: 70px;
	line-height : 70px;
	text-align : center;
	vertical-align:middle;
}
div.pop div.image img{
	vertical-align:middle;
}
div.pop div.image.disable{
	width : 80%;
	height: 60px;
	margin: auto;
	margin-top:5px;
	margin-bottom:5px;
	background-color : black;
}

/** 雨量・気温のメンテナンス用の文字サイズ */
.maintenanceFont{
	font-size: 11px;
	padding-top: 1px;
}
/** 道路情報板用メンテナンス画像 */
div.pop div.image.maintenance{
	width : 96px;
	height: 60px;
	margin: auto;
	margin-top:5px;
	margin-bottom:5px;
	background-color : none;
	vertical-align:middle;
	background-image : url("../img/maintenance.gif");
}
/** 保守中の道路情報板は画像を表示しない（メンテナンス画像は背景として表示） */
div.image.maintenance img{
	display: none;
}

/** トンネル非常警報用メンテナンス画像 */
.maintenancePanel{
	background-color : white;
	background-image : url("../img/maintenance.gif");
	background-size  : cover;
}


#infoboard-icon div.icon{
	position : absolute;
	width : 21px;
	height: 21px;
	background-repeat : no-repeat;
}

* html #infoboard-icon div.icon{
	background-image : url("../img/ico_leg1_lt_on.gif");
}

div.icon.left.leg1{
	background-image : url("../img/ico_leg1_lt_on.gif");
}
div.icon.left.leg1.disable{
	background-image : url("../img/ico_leg1_lt_off.gif");
}
div.icon.right.leg1{
	background-image : url("../img/ico_leg1_rt_on.gif");
}
div.icon.right.leg1.disable{
	background-image : url("../img/ico_leg1_rt_off.gif");
}
div.icon.left.leg2{
	background-image : url("../img/ico_leg2_lt_on.gif");
}
div.icon.left.leg2.disable{
	background-image : url("../img/ico_leg2_lt_off.gif");
}
div.icon.right.leg2{
	background-image : url("../img/ico_leg2_rt_on.gif");
}
div.icon.right.leg2.disable{
	background-image : url("../img/ico_leg2_rt_off.gif");
}

div.icon.left.HL1,
div.icon.left.NHL1{
	background-image : url("../img/ico_hl1_nhl1_lt_on.gif");
}
div.icon.left.HL1.disable,
div.icon.left.NHL1.disable{
	background-image : url("../img/ico_hl1_nhl1_lt_off.gif");
}
div.icon.right.HL1,
div.icon.right.NHL1{
	background-image : url("../img/ico_hl1_nhl1_rt_on.gif");
}
div.icon.right.HL1.disable,
div.icon.right.NHL1.disable{
	background-image : url("../img/ico_hl1_nhl1_rt_off.gif");
}

div.icon.left.A,
div.icon.left.HL2{
	background-image : url("../img/ico_a_hl2_lt_on.gif");
}
div.icon.left.A.disable,
div.icon.left.HL2.disable{
	background-image : url("../img/ico_a_hl2_lt_off.gif");
}
div.icon.right.A,
div.icon.right.HL2{
	background-image : url("../img/ico_a_hl2_rt_on.gif");
}
div.icon.right.A.disable,
div.icon.right.HL2.disable{
	background-image : url("../img/ico_a_hl2_rt_off.gif");
}

div.icon.left.HL3{
	background-image : url("../img/ico_hl3_lt_on.gif");
}
div.icon.left.HL3.disable{
	background-image : url("../img/ico_hl3_lt_off.gif");
}
div.icon.right.HL3{
	background-image : url("../img/ico_hl3_rt_on.gif");
}
div.icon.right.HL3.disable{
	background-image : url("../img/ico_hl3_rt_off.gif");
}

div.icon.left.NHL2{
	background-image : url("../img/ico_nhl2_lt_on.gif");
}
div.icon.left.NHL2.disable{
	background-image : url("../img/ico_nhl2_lt_off.gif");
}
div.icon.right.NHL2{
	background-image : url("../img/ico_nhl2_rt_on.gif");
}
div.icon.right.NHL2.disable{
	background-image : url("../img/ico_nhl2_rt_off.gif");
}

div.line{
	position : absolute;
}

div.panel .caption{
	width : 100%;
	height: 14px;
	line-height : 14px;
	font-size : 14px;
	text-align: center;
	font-weight: bold;
	margin-top : 12px;
}

div.tunnel.panel{
	position : absolute;
	width : 209px;
	height: 145px;
	background-image : url("../img/tunnel-panel.png");
	display : none;
}

div.tunnel.panel .kilopost{
	width : 100%;
	height: 12px;
	line-height : 12px;
	font-size : 12px;
	text-align: center;
	margin-top: 5px;
}

div.tunnel.panel .up,
div.tunnel.panel .down{
	position : absolute;
	color : orange;
	width : 65px;
	height : 41px;
}
div.tunnel.panel .up{
	left : 29px;
	top  : 64px;
}
div.tunnel.panel .down{
	left : 114px;
	top  : 72px;
}
div.tunnel.panel ul{
	width : 100%;
	height: 100%;
	font-size : 15px;
	line-height : 19px;
	text-align:center;
}
div.tunnel.panel ul li{
	width : 100%;
	height: 50%;
	/margin-top : -5px;
}

div.tunnel.line{
	position : absolute;
}
div.tunnel.spot{
	position : absolute;
	width : 55px;
	height: 17px;
}

/* 加々鶴 */
div#p26-41-02{
	top	 : 190px;
	left : 40px;
}
div#l26-41-02{
	width: 38px;
	height: 131px;
	background-image : url("../img/line/l264102.gif");
	top : 220px;
	left : 113px;
}
div#s26-41-02{
	top	 : 343px;
	left : 110px;
	background-image : url("../img/tunnel/s264102.png");
}

/* 滝瀬 */
div#p26-41-03{
	top : 240px;
	left : 170px;
}
div#l26-41-03{
	width: 9px;
	height: 256px;
	background-image : url("../img/line/l264103.gif");
	top : 400px;
	left : 257px;
}
div#s26-41-03{
	top	 : 394px;
	left : 250px;
		background-image : url("../img/tunnel/s264103.png");
}

/* 上尾 */
div#p26-41-04{
	top	 : 316px;
	left : 530px;
}
div#l26-41-04{
	width: 142px;
	height: 83px;
	background-image : url("../img/line/l264104.gif");
	top : 476px;
	left : 635px;
}
div#s26-41-04{
	top	 : 467px;
	left : 605px;
	background-image : url("../img/tunnel/s264104.png");
}

/* 古城山 */
div#p26-41-06{
	top	 : 280px;
	left : 540px;
}
div#l26-41-06{
	width: 149px;
	height: 42px;
	background-image : url("../img/line/l264106.gif");
	top : 410px;
	left : 623px;
}
div#s26-41-06{
	top	 : 434px;
	left : 615px;
	background-image : url("../img/tunnel/s264106.png");
}

/* 大部 */
div#p26-41-08{
	top : 210px;
	left: 60px;
}
div#l26-41-08{
	width: 51px;
	height: 181px;
	background-image : url("../img/line/l264108.gif");
	top : 375px;
	left : 125px;
}
div#s26-41-08{
	top	 : 360px;
	left : 136px;
	background-image : url("../img/tunnel/s264108.png");
}

div.romen.panel{
	position : absolute;
	width : 115px;
	height: 78px;
	background-image : url("../img/romen-panel.png");
}
div.romen.spot{
	position : absolute;
	width : 24px;
	height: 23px;
	background-image : url("../img/romen-spot.gif");
}
div.romen.panel .kion,
div.romen.panel .roon,
div.romen.panel .status{
	position : absolute;
	width : 55px;
	height: 14px;
	line-height : 14px;
	text-align : right;
}
div.romen.panel .kion,
div.romen.panel .roon{
	font-size : 14px;
	left : 31px;
}
div.romen.panel .kion{
	top : 31px;
}
div.romen.panel .roon{
	top : 49px;
}
div.romen.panel .status{
	font-size : 12px;
	top : 68px;
	left: 55px;
}
div.romen.panel .status div{
	position : absolute;
	text-align : right;
	width : 100%;
	height: 100%;
	left : 0px;
	top : 0px;
}

/* 立石峠 */
div#p26-33-01{
	top : 82px;
	left: 498px;
}
div#l26-33-01{
	width : 54px;
	height: 54px;
	background-image : url("../img/line/l263301.gif");
	top	: 171px;
	left: 508px;
}
div#s26-33-01{
	top  : 213px;
	left : 500px;
}
/* 赤松峠 */
div#p26-33-02{
	top : 82px;
	left: 620px;
}
div#l26-33-02{
	width: 62px;
	height: 106px;
	background-image : url("../img/line/l263302.gif");
	top	: 165px;
	left: 563px;
}
div#s26-33-02{
	top : 254px;
	left: 544px;
}
/* 水分峠 */
div#p26-33-03{
	left : 200px;
	top	 : 620px;
}
div#l26-33-03{
	width: 123px;
	height: 210px;
	background-image : url("../img/line/l263303.gif");
	top	: 415px;
	left: 284px;
}
div#s26-33-03{
	top	 : 406px;
	left : 386px;
}
/* 天瀬 */
div#p26-33-04{
	left : 5px;
	top	 : 450px;
}
div#l26-33-04{
	width: 81px;
	height:81px;
	background-image : url("../img/line/l263304.gif");
	top	: 382px;
	left: 117px;
}
div#s26-33-04{
	top : 378px;
	left: 180px;
}
/* 下湯平 */
div#p26-33-05{
	left : 450px;
	top	 : 680px;
}
div#l26-33-05{
	width: 63px;
	height:232px;
	background-image : url("../img/line/l263305.gif");
	top	: 450px;
	left: 432px;
}
div#s26-33-05{
	top	 : 445px;
	left : 415px;
}

div.uryo.panel{
	position : absolute;
	width : 109px;
	height: 74px;
	background-image : url("../img/uryo-panel.png");
}
div.uryo.spot{
	position : absolute;
	width : 24px;
	height: 23px;
	background-image : url("../img/uryo-spot.gif");
}

div.uryo.panel .jikan,
div.uryo.panel .ruika{
	position : absolute;
	width : 35px;
	height: 14px;
	font-size : 14px;
	line-height : 14px;
	text-align : right;
	
	left : 32px;
}
div.uryo.panel .jikan{
	top : 30px;
}
div.uryo.panel .ruika{
	top : 50px;
}

/* 立石峠 */
div#p26-21-01{
	top : 82px;
	left: 385px;
}
div#l26-21-01{
	width: 68px;
	height:68px;
	background-image : url("../img/line/l262101.gif");
	top : 155px;
	left: 438px;
}
div#s26-21-01{	
	top  : 220px;
	left : 488px;
}
/* 赤松峠 */
div#p26-21-02{
	top	: 175px;
	left: 630px;
}
div#l26-21-02{
	width : 72px;
	height: 42px;
	background-image : url("../img/line/l262102.gif");
	top	: 232px;
	left: 565px;
}
div#s26-21-02{
	top : 263px;
	left: 553px;
}
/* 水分峠 */
div#p26-21-03{
	left : 87px;
	top	 : 570px;
}
div#l26-21-03{
	width : 249px;
	height: 144px;
	background-image : url("../img/line/l262103.gif");
	top	: 427px;
	left: 148px;
}
div#s26-21-03{
	top	 : 415px;
	left : 380px;
}
/* 天瀬 */
div#p26-21-04{
	left: 5px;
	top : 370px;
}
div#l26-21-04{
	width  : 89px;
	height : 25px;
	background-image : url("../img/line/l262104.gif");
	top	: 375px;
	left: 111px;
}
div#s26-21-04{
	top : 365px;
	left: 190px;
}
/* 大分 */
div#p26-21-05{
	top	 : 300px;
	left : 630px;
}
div#l26-21-05{
	width: 36px;
	height:36px;
	background-image : url("../img/line/l262105.gif");
	top	: 368px;
	left: 628px;
}
div#s26-21-05{
	top	 : 400px;
	left : 617px;
}
/* 日田 */
div#p26-21-06{
	left : 5px;
	top	 : 240px;
}
div#l26-21-06{
	width: 63px;
	height:63px;
	background-image : url("../img/line/l262106.gif");
	left : 110px;
	top	 : 280px;
}
div#s26-21-06{
	top	 : 333px;
	left : 165px;
}
/* 中津 */
div#p26-21-07{
	top : 82px;
	left: 220px;
}
div#l26-21-07{
	width : 22px;
	height: 7px;
	background-image : url("../img/line/l262107.gif");
	left  : 327px;
	top	  : 136px;
}
div#s26-21-07{
	top : 136px;
	left: 340px;
}
/* 上尾 */
div#p26-21-10{
	top : 640px;
	left: 770px;
}
div#l26-21-10{
	width : 141px;
	height: 140px;
	background-image : url("../img/line/l262110.gif");
	top	: 520px;
	left: 640px;
}
div#s26-21-10{
	top : 509px;
	left: 627px;
}
/* 下湯平 */
div#p26-21-11{
	left: 571px;
	top : 680px;
}
div#l26-21-11{
	width	: 140px;
	height	: 241px;
	background-image : url("../img/line/l262111.gif");
	top	: 450px;
	left: 440px;
}
div#s26-21-11{
	top	 : 438px;
	left : 423px;
}

div.sitei.panel{
	position : absolute;
	width : 109px;
	height: 74px;
	background-image : url("../img/sitei-panel.png");
}
div.sitei.panel .sitei{
	position : absolute;
	width : 35px;
	height: 14px;
	font-size : 14px;
	line-height : 14px;
	text-align : right;
	
	top : 48px;
	left: 43px;
}

div.sitei.spot{
	position : absolute;
	width : 24px;
	height: 23px;
	background-image : url("../img/sitei-spot.gif");
}

div.sitei.panel .kilopost{
	width : 100%;
	height: 12px;
	line-height : 12px;
	font-size : 12px;
	text-align: center;
	margin-top: 3px;
}

/* 水分峠 */
div#p26-27-01{
	left : 320px;
	top	 : 680px;
}
div#l26-27-01{
	width	: 12px;
	height	: 277px;
	background-image : url("../img/line/l262701.gif");
	top	: 410px;
	left: 407px;
}
div#s26-27-01{
	top	 : 397px;
	left : 395px;
}

div#newest-panel{
	position : absolute;
	top : 85px;
	left: 10px;
	width : 150px;
	height: 50px;
	background-image : url("../img/newest-panel.png");
}

div#newest-panel div.date-time{
	width : 80%;
	height: 20px;
	margin: auto;
	margin-top : 25px;
	font-size : 13px;
	text-align : center;
}

div.ie6{
	position : relative;
	left : 5px;
	top : 10px;
	color : red;
	background-color : yellow;
	border : 1px solid silver;
	font-size : 11px;
	line-height : 25px;
	width : 345px;
	height: 50px;
}