/*主な道路更新情報ページ用CSS
------------------------------------------------*/
body{
	behavior: url(../js/csshover.htc);
}


*{
	margin: 0;
	padding: 0;
}

#mapcompcontent{
	clear: both;
	width: 670px;
	text-align: left;
	margin: 0 auto;

}


/* -----▼▼▼メインイメージ▼▼▼----- */
/* メインイメージ背景 */
#main2015_img{
	clear: both;
	background: url(../images/main2015_img.jpg) top left no-repeat;
	height: 250px;
	padding: 0;
	}

/* h2メインキャッチ */
#main2015_img h2{
	font-size: 1px;
	text-indent: -99999px;
	}

/* 説明 */
#main2015_img P{
	font-size: 1px;
	text-indent: -99999px;
	}


/* -----▲▲▲メインイメージ▲▲▲----- */

/* -----▼▼▼バナー▼▼▼----- */
#bnr{
	text-align: center;
	margin: 20px 0px 0px 0px;
}
/* -----▲▲▲バナー▲▲▲----- */

/* -----▼▼▼今回はこんな更新箇所が▼▼▼----- */
#jpn_uppoint{
	clear: both;
	margin: 20px 0px 0px 0px;
	padding: 10px 5px;
}
/* -----▲▲▲今回はこんな更新箇所が▲▲▲----- */






/* -----▼▼▼地図比較と地図の素▼▼▼----- */
#compare_box{
	clear: both;
	margin: 40px 0 10px;
}

P#to_realmc{
	float: left;
	margin-right: 3px;
	width: 665px;
	height: 130px;
	margin-left: 2px;
	margin-bottom: 10px;
}

P#to_realmc a{
	display: block;
	height: 130px;
	background: url(../images/tomap_change.gif) top left no-repeat;
	
}

P#to_mapmoto{
	width: 180px;
	float: left;
	font-size: 80%;
	text-align: right;
}

P#to_mapmoto a{
	display: block;
	height: 100px;
	background: url(../images/to_mapmoto_baner.gif) top left no-repeat;
	text-align: left;
}

/* -----▲▲▲地図比較と地図の素▲▲▲----- */


/* --------------▼▼変更画像ボックス部分▼▼--------------  */

div.onearea_compbox{
	display: block;
	padding-bottom: 10px;
	
}

dl.chgbox{
  width: 320px;
  margin: 0px 5px 0px 5px;
  padding: 1px;
  display: block;
  float: left;
  overflow: auto;
}

	dl.chgbox_right{
	  width: 320px;
	  margin: 0px 0px 0px 0px;
	  padding: 1px;
	  display: block;
	  float: left;
	  overflow: auto;
	}


dt.area_point{
	font-family:'Lucida Grande', 'HGPｺﾞｼｯｸE', 'HiraKakuStdN-W6', sans-serif;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	padding: 10px 5px; 
	background-color: #0086DC;
	display: block;
	border: none;
	margin: 0px 5px 10px 0px;
}


dl.chgbox dd.mapimgbox, dl.chgbox_right dd.mapimgbox{
	display: block;
	width:310px;  
	height:145px;
	border: 1px solid #000;
	padding: 0px;
	margin-bottom: 8px;
}

dl.chgbox dd.mapimgbox a, dl.chgbox_right dd a.mapimgbox{
	_display: block;
	_width: 310px;
	_height: 135px;
}

dl.chgbox dd.mapimgbox a:hover, dl.chgbox_right dd.mapimgbox a:hover{
	_filter: alpha( opacity=0 );
} 

dl.chgbox dd.mapimgbox a img, dl.chgbox_right dd.mapimgbox a img{
	border: none;
}

/*dl.chgbox dd.pointtitle, dl.chgbox_right dd.pointtitle{
	font-weight: normal;
	line-height: 1.4;
	margin: 7px 0px 0px 0px;
	padding-bottom: 4px;
	color: #333;
	height: 60px;
	font-family:'Lucida Grande', 'HGPｺﾞｼｯｸE', 'HiraKakuStdN-W6', sans-serif;
}*/

dd.roadname h3{
	font-size: 90%;
	font-family:'Lucida Grande', 'HGPｺﾞｼｯｸMﾒﾃﾞｨｳﾑ', 'HiraKakuStdN-W6', sans-serif;
	line-height: 1.4;
	color: #333;
}

dl.chgbox dd.pointcomm, dl.chgbox_right dd.pointcomm{
	font-size: 90%;
	line-height: 1.3;
	margin: 3px 0px 10px 0px;
}

dd.mroad_exp{
	font-size: 80%;
	line-height: 1.3;
	margin: 3px 0px 10px 0px;
	height: 4em;
}


dl.chgbox dd.othercng, dl.chgbox_right dd.othercng{
	font-size: 90%;
	line-height: 1.3;
	margin: 3px 0px 5px 0px;
	border-top: 2px solid #0086DC;
	padding-top: 10px;
}

	dl.chgbox dd.othercng dl, dl.chgbox_right dd.othercng dl{
	margin: 4px 0px 8px 15px;
	}
	
	
	dl.chgbox dd.othercng dt, dl.chgbox_right dd.othercng dt{
	text-indent: 0px;
	min-height: 1em;
	margin-bottom: 5px;
	background: none;
	}
	
	dl.chgbox dd.othercng dd, dl.chgbox_right dd.othercng dd{
	text-indent: 1em;
	min-height: 2.8em;
	}
	


dl.chgbox dd.to_mcdetail, dl.chgbox_right dd.to_mcdetail{
	text-align: right;
	font-size: 90%;
}

#knt_title{}
#knk_title{}
#chu_title{}
#hok_title{}
#csi_title{}
#kyu_title{}

/* --------------▲▲変更画像ボックス部分▲▲--------------  */


/* カーナビバージョンアップで地元がもっと楽しく！ */
P#to_lfeat{
	margin: 80px 0px 30px 0px;
}

P#to_lfeat a{
	display: block;
	height: 125px;
	_height: 125px;
	background: url(../images/img_banar_tolfeat.gif) top left no-repeat;
}



/* 汎用クラス */
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    _text-indent: -9999px;
    _font-size: 1px%;
}

.clrfix::after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.bold{
	font-weight: bold;
}



/*clearfix
------------------------------------------------------------ */

.clearfix:after   {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
.clearfix {  
    display: inline-block;  
}