/*--------距離と時間--------*/
/*--全体--*/
.categoryAll {
 float: right; 
 width: 580px; 
 height: auto; 
 margin: 0px; 
 border: 0px none #000000; 
 padding: 0px; 
 font-size: 12px; 
 font-weight: normal;
 text-align: left;
} 
/*--タイトル部--*/
.imagesTitle {
 width: 580px; 
 height: 29px; 
 margin: 6px 0px 0px 0px; 
 border: 0px solid #000000; 
 padding: 0px;
 font-size: 12px;
 font-weight: normal;
 text-align: left; 
} 
.categoryTitle {
 float: left; 
 width: 190px; 
 height: 29px;
} 
.categoryDetail {
 float: right; 
 width: auto; 
 height: auto; 
 margin: 0px; 
 padding: 11px 0px 0px 0px;
 text-align: right; 
} 
#timedisInput {
 overflow: hidden;
 width: 580px;
 height: 56px; 
 margin: 0px;  
 padding: 0px;   
}
#timedisPort {
 width: 580px;
 height: auto; 
 margin: 3px 0px 0px 0px;
 border-top: 1px dashed #2A94BE; 
 padding: 3px 0px 0px 0px;
 font-size: 12px;
}

/*--------災害情報--------*/
/*--全体--*/
#saigai { 
 width: 100%; 
 height: 29px; 
 margin-top: 6px; 
 padding: 0px; 
 border: 0px solid #000000; 
 text-align: 
 left; 
 font-size: 12px;
}

/*--コンテンツ--*/
#saigaicont { 
 width: 100%; 
 height: auto; 
 margin: 0px; 
 border: 0px solid #006633; 
 padding: 0px; 
 font-size: 12px; 
 font-weight: normal;
}
#bunkatsu {
 width: auto; 
 height: 5px; 
 margin: 0px; 
 padding: 0px; 
 background: url(img/sen2.gif) repeat-x; 
 font-size: 8px;
} 

.cat_01 {
 width: 580px;
 height: 22px; 
 background-color: #FDAA59; 
 border-top: 1px solid #FCD1A8; 
 border-bottom: 1px solid #D37217; 
 text-align: center; 
 margin-top: 4px;
 padding-top: 2px; 
 font-size: 12px;
}
.cat_01a {
 width: 580px; 
 height: 4px; 
 border-top: 1px solid #ABAAAA; 
 margin-bottom: -10px; 
 font-size: 12px;
}
.cat_02 {
 width: 580px; 
 background-color: #FDEBC8; 
 border: 1px solid #FDAA59; 
 padding: 6px 4px 4px 4px; 
 margin-bottom: 4px; 
 text-align: left; 
 font-size: 12px;
}
.cat_02a {
 color: #FF3333; 
 margin: 0em 0.25em 0em 0.5em;
}
.cat_03 {
 width: auto; 
 background-color: #FDEBC8; 
 border: 1px solid #FDAA59; 
 padding: 4px 4px 3px 4px; 
 margin: 0px 0px 0px 0px; 
 text-align: left; 
 font-size: 12px;
}
.img_02 {
 vertical-align: middle; 
 margin-bottom: 2px;
}
/*--北の道ナビ情報--*/
.naviInfoSen {
 display: block;
 margin: 4px 10px 4px 0px; 
 border-color: #666666; 
 border-style: dashed; 
 border-width: 0px 0px 1px 0px;
 }

/*--------フッター--------*/
#privacy {
 width: 100%; 
 height: auto;
 margin: 2px 0px 0px 0px; 
 border: 0px none #999999; 
 padding: 0px; 
 font-size: 12px; 
 text-align: center;
} 
/* map.cssより以下移設*/
/*--------全体--------*/
#mainmap19 {
 display: block;
 position: relative;
 width: 565px; 
 height: 502px; 
 margin: 0px; 
 padding: 0px; 
 border-width: 0px 0px 0px 9px; 
 border-style: solid; 
 border-color:#ffffff; 
 z-index: 0;
 }

/*--------お知らせサイト--------*/
#oshirase {
 position: relative; 
 float: right; 
 width: 580px; 
 height: auto; 
 margin-top: 0px;
 border: 0px solid #339900; 
 padding: 0px;  
 text-align: right;
 }
/*バナー間隔*/
#bannset { 
 margin: 6px 0px 18px 6px;
 }
  
/*--------バナー上--------*/
#mapban a:link {
 position: absolute; top: 5px; left: 420px; 
 width: 140px; 
 height: 40px; 
 margin: 0px;
 border: 1px solid #ffffff; 
 padding: 0px; 
 text-align: right;  
 z-index: 10; 
 }
#mapban a:visited {
 position: absolute; top: 5px; left: 420px; 
 width: 140px; 
 height: 40px; 
 margin: 0px;
 border: 1px solid #ffffff; 
 padding: 0px; 
 text-align: right;  
 z-index: 10; 
 }
#mapban a:hover{
 border: 1px solid #ff0000; 
 }
/*--------バナー下--------*/
#mapban2 a:link {
 position: absolute; top: 48px; left: 420px; 
 width: 140px; 
 height: 40px;  
 margin: 0px;
 border: 1px solid #ffffff; 
 padding: 0px; 
 text-align: right;  
 z-index: 10; 
 }
#mapban2 a:visited {
 position: absolute; top: 48px; left: 420px; 
 width: 140px; 
 height: 40px; 
 margin: 0px;
 border: 1px solid #ffffff; 
 padding: 0px; 
 text-align: right;  
 z-index: 10; 
 }
#mapban2 a:hover{
 border: 1px solid #ff0000; 
 }
 /*--------バナー最下部--------*/
#mapban3 a:link {
 position: absolute; top: 91px; left: 420px; 
 width: 140px; 
 height: 40px;  
 margin: 0px;
 border: 1px solid #ffffff; 
 padding: 0px; 
 text-align: right;  
 z-index: 10; 
 }
#mapban3 a:visited {
 position: absolute; top: 91px; left: 420px; 
 width: 140px; 
 height: 40px; 
 margin: 0px;
 border: 1px solid #ffffff; 
 padding: 0px; 
 text-align: right;  
 z-index: 10; 
 }
#mapban3 a:hover{
 border: 1px solid #ff0000; 
 }
 
/*--------クリッカブルスポット--------*/
/*札幌圏地図*/
#mapsap a:link {
 position: absolute; top: 298px; left: 178px; 
 width: auto; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 3; 
 }
#mapsap a:visited {
 position: absolute; top: 298px; left: 178px; 
 width: auto; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 3;   
 }
#mapsap a:hover{
 border: 1px solid #ff0000; 
 }
 
/*日勝峠*/
#ca01 a:link {
 position: absolute; top: 332px; left: 259px;   
 width: 62px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 4; 
 }
#ca01 a:visited {
 position: absolute; top: 332px; left: 259px;  
 width: 62px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 4; 
 }
#ca01 a:hover{
 border-bottom: 0px solid #4987FF; 
 background: url(img/demo/yajirushi6ac.gif) no-repeat 0px 3px;
 }
/*日勝峠(camera)*/
#ca01a a:link {
 position: absolute; top: 312px; left: 275px;   
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 4; 
 }
#ca01a a:visited {
 position: absolute; top: 312px; left: 275px;   
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 4; 
 }
#ca01a a:hover{
 border-bottom: 0px solid #4987FF; 
 }
 
/*中山峠*/
#ca02 a:link {
 position: absolute; top: 312px; left: 85px; 
 width: 95px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 5; 
 }
#ca02 a:visited {
 position: absolute; top: 312px; left: 85px; 
 width: 95px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 5;   
 }
#ca02 a:hover{
 border-bottom: 0px solid #4987FF; 
 background: url(img/demo/yajirushi6ac.gif) no-repeat 0px 3px;
 }
 
/*石北峠*/
#ca03 a:link {
 position: absolute; top: 246px; left: 313px; 
 width: 60px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 6; 
 }
#ca03 a:visited {
 position: absolute; top: 246px; left: 313px; 
 width: 60px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 6; 
 }
#ca03 a:hover{
 border-bottom: 0px solid #4987FF; 
 background: url(img/demo/yajirushi6ac.gif) no-repeat 0px 3px;
 }
/*石北峠(camera)*/
#ca03a a:link {
 position: absolute; top: 225px; left: 328px; 
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 6; 
 }
#ca03a a:visited {
 position: absolute; top: 225px; left: 328px; 
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 6; 
 }
#ca03a a:hover{
 border-bottom: 0px solid #4987FF; 
 }
 
/*狩勝峠*/
#ca04 a:link {
 position: absolute; top: 286px; left: 262px; 
 width: 95px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 7; 
 }
#ca04 a:visited {
 position: absolute; top: 286px; left: 262px; 
 width: 95px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 7;   
 }
#ca04 a:hover{
 border-bottom: 0px solid #4987FF; 
 background: url(img/demo/yajirushi6ac.gif) no-repeat 0px 3px;
 }
 
/*旭川紋別自動車道*/
#ca05 a:link {
 position: absolute; top: 183px; left: 274px; 
 width: 135px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 8; 
 }
#ca05 a:visited {
 position: absolute; top: 183px; left: 274px; 
 width: 135px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 8;   
 }
#ca05 a:hover{
 border-bottom: 0px solid #4987FF; 
 background: url(img/demo/yajirushi3ac.gif) no-repeat 0px 3px;
 }
/*旭川紋別自動車道(camera)*/
#ca05a a:link {
 position: absolute; top: 202px; left: 315px; 
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 8; 
 }
#ca05a a:visited {
 position: absolute; top: 202px; left: 315px; 
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 8;   
 }
#ca05a a:hover{
 border-bottom: 0px solid #4987FF; 
 }
 
/*日高自動車道*/
#ca06 a:link {
 position: absolute; top: 363px; left: 215px; 
 width: 107px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 9; 
 }
#ca06 a:visited {
 position: absolute; top: 363px; left: 215px; 
 width: 107px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 9;   
 }
#ca06 a:hover{
 border-bottom: 0px solid #4987FF; 
 background: url(img/demo/yajirushi3ac.gif) no-repeat 0px 3px;
 }
 /*日高自動車道(camera)*/
#ca06a a:link {
 position: absolute; top: 341px; left: 210px; 
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 9; 
 }
#ca06a a:visited {
 position: absolute; top: 341px; left: 210px; 
 width: 30px; 
 height: auto; 
 margin: 0px;
 border: 0px solid #ff0000; 
 padding: 0px;
 text-align: right;   
 z-index: 9;   
 }
#ca06a a:hover{
 border-bottom: 0px solid #4987FF; 
 }
 
.newInfoAreaAll {
 width: auto; 
 height: auto; 
 text-align: left; 
 margin: 0px; 
 padding: 0px; 
 font-size: 12px; 
 line-height: 150%; 
 font-weight: normal; 
 background-color: #ffffff;
 }
.newInfoList {
 list-style-type: none; 
 margin: 0px; 
 padding: 0px; 
 overflow: auto; 
 height: auto;
 } 