@charset "Shift_JIS";

/*-------------------------
 * NR-MZ50 common
--------------------------*/
.fontBlue{
	color:#004f99;
}
.fontGreen{
	color:#007330;
}
.fontRedD{
	color:#b30000!important;
}
.catchImg{
	margin-bottom:15px;
}
.section{
	margin-bottom:2.5em;
}
.topMg20{
	margin-top:20px;
}
.leftMg10{
	margin-left:10px;
}
.leftMg20{
	margin-left:20px;
}
.leftMg28{
	margin-left:28px;
}
.imgCaption{
	margin-top:0.3em;
	text-align:right;
}
.w55{
	width:55px;
}
.w140{
	width:140px;
}
.w174{
	width:174px;
}
.w176{
	width:176px;
}
.w190{
	width:190px;
}
.w210{
	width:210px;
}
.w270{
	width:270px;
}
.w300{
	width:300px;
}
.w320{
	width:320px;
}
.w345{
	width:345px;
}
.w355{
	width:355px;
}
.w380{
	width:380px;
}
.w390{
	width:390px;
}
.w395{
	width:395px;
}
.w410{
	width:410px;
}
.w419{
	width:419px;
}
.w475{
	width:475px;
}
.mr10{
	margin-right:10px;
}
.grayLine{
	margin-bottom:0.1em;
	padding-bottom:1.8em;
	background:url(../images/bg_h_line.gif) repeat-x left bottom;
}
.bgGray{
	padding:15px;
	background:#ededed;
	text-align:center;
}
.cautionWrap{
	padding:12px;
	border:1px solid #ccc;
}
.cautionWrap div{
	float:left;
	padding:0.6em 20px 0 30px;
}
.relative{
	position:relative;
}

/*-------------------------
 * NR-MZ40 TOP
--------------------------*/
#index #recommend{
	position:relative;
	background:url(../images/top/bg_recommend.gif) no-repeat left 292px;
}
#index #recommend .top_new{
	position:absolute;
	left:-7px;
	top:-7px;
}
#index #recommend h2{
	margin-bottom:0px;
}
#index .mapIcon{
	margin:15px 0 30px;
}
#index .mapIcon .left{
	margin:0;
}
#index .threeClm{
	width:190px;
	margin:25px 0 20px;
}
#index .threeClm.left{
	margin-right:25px;
}#index h3{
	margin-bottom:10px;
}
#index h4{
	padding:1em 0 0.5em;
	font-weight:bold;
}
#index .btDetail{
	margin-top:0.7em;
	padding-top:7px;
	border-top:1px solid #e5e5e5;
}



/*-------------------------
 * NR-MZ50 3つの要素
--------------------------*/

/*-------- タブメニュー --------*/
#tabMenu{
	width:620px;
	height:45px;
	margin-bottom:29px;
}
#tabMenu ul{
	padding-left:9px;
}
#tabMenu li{
	float:left;
	margin-top:10px;
	padding-right:1px;
	outline:0;
	text-indent:-9999px;
}
#tabMenu li a{
	display:block;
}
/*タブメニュー4つ*/
#tabMenu .fourTab li,
#tabMenu .fourTab li a{
	width:145px;
	height:35px;
}
#tabMenu .fourTab li#tab03,
#tabMenu .fourTab li#tab03 a{
	width:165px;
}
#tabMenu .fourTab li#tab01 a{
	background-position:-9px -10px;
}
#tabMenu .fourTab li#tab01 a:hover{
	background-position:-9px -60px;
}
#tabMenu .fourTab li#tab01.active a,
#tabMenu .fourTab li#tab01.active a:hover{
	background-position:-9px -110px;
}
#tabMenu .fourTab li#tab02 a{
	background-position:-155px -10px;
}
#tabMenu .fourTab li#tab02 a:hover{
	background-position:-155px -60px;
}
#tabMenu .fourTab li#tab02.active a,
#tabMenu .fourTab li#tab02.active a:hover{
	background-position:-155px -110px;
}
#tabMenu .fourTab li#tab03 a{
	background-position:-301px -10px;
}
#tabMenu .fourTab li#tab03 a:hover{
	background-position:-301px -60px;
}
#tabMenu .fourTab li#tab03.active a,
#tabMenu .fourTab li#tab03.active a:hover{
	background-position:-301px -110px;
}
#tabMenu .fourTab li#tab04 a{
	background-position:-467px -10px;
}
#tabMenu .fourTab li#tab04 a:hover{
	background-position:-467px -60px;
}
#tabMenu .fourTab li#tab04.active a,
#tabMenu .fourTab li#tab04.active a:hover{
	background-position:-467px -110px;
}
/*タブメニュー3つ*/
#tabMenu .threeTab li,
#tabMenu .threeTab li a{
	width:200px;
	height:35px;
}
#tabMenu .threeTab li#tab01 a{
	background-position:-9px -10px;
}
#tabMenu .threeTab li#tab01 a:hover{
	background-position:-9px -60px;
}
#tabMenu .threeTab li#tab01.active a,
#tabMenu .threeTab li#tab01.active a:hover{
	background-position:-9px -110px;
}
#tabMenu .threeTab li#tab02 a{
	background-position:-210px -10px;
}
#tabMenu .threeTab li#tab02 a:hover{
	background-position:-210px -60px;
}
#tabMenu .threeTab li#tab02.active a,
#tabMenu .threeTab li#tab02.active a:hover{
	background-position:-210px -110px;
}
#tabMenu .threeTab li#tab03 a{
	background-position:-411px -10px;
}
#tabMenu .threeTab li#tab03 a:hover{
	background-position:-411px -60px;
}
#tabMenu .threeTab li#tab03.active a,
#tabMenu .threeTab li#tab03.active a:hover{
	background-position:-411px -110px;
}
/*タブメニュー2つ*/
#tabMenu .twoTab li,
#tabMenu .twoTab li a{
	width:301px;
	height:35px;
}
#tabMenu .twoTab li#tab01 a{
	background-position:-9px -10px;
}
#tabMenu .twoTab li#tab01 a:hover{
	background-position:-9px -60px;
}
#tabMenu .twoTab li#tab01.active a,
#tabMenu .twoTab li#tab01.active a:hover{
	background-position:-9px -110px;
}
#tabMenu .twoTab li#tab02 a{
	background-position:-311px -10px;
}
#tabMenu .twoTab li#tab02 a:hover{
	background-position:-311px -60px;
}
#tabMenu .twoTab li#tab02.active a,
#tabMenu .twoTab li#tab02.active a:hover{
	background-position:-311px -110px;
}

/*タブメニューNAVI*/
#navi #tabMenu,
#navi #tab01 a,
#navi #tab02 a,
#navi #tab03 a,
#navi #tab04 a{
	background:url(../images/navi/tab_set.gif);
}
/*タブメニューSUPPORT*/
#support #tabMenu,
#support #tab01 a,
#support #tab02 a,
#support #tab03 a,
#support #tab04 a{
	background:url(../images/support/tab_set.gif);
}
/*タブメニューAV*/
#av #tabMenu,
#av #tab01 a,
#av #tab02 a,
#av #tab03 a{
	background:url(../images/av/tab_set.gif);
}
/*タブメニューFUNC/SPEC*/
#fnc_spec #tabMenu,
#fnc_spec #tab01 a,
#fnc_spec #tab02 a{
	background:url(../images/function_spec/tab_set.gif);
}

/*-------- カラーBG --------*/
.colorBg{
	padding-bottom:20px;
}
.colorBg .wrap{
	padding:20px 20px 0;
}
#navi .colorBg .wrap h5{
	margin-bottom:0.5em;
	padding-bottom:0.4em;
	border-bottom:1px solid #ccc;
}

/*カラーNAVI*/
#navi .colorBg{
	background:url(../images/navi/bg_color.gif) #e9f1f9 no-repeat left bottom;
}
#navi .colorBg .wrap{
	background:url(../images/navi/bg_color_in.gif) no-repeat left top;
}
#navi .colorBg .wrap h4{
	margin-bottom:0.5em;
	padding-bottom:14px;
	background:url(../images/navi/bg_color_line.gif) repeat-x left bottom;
}
/*カラーSUPPORT*/
#support .colorBg{
	background:url(../images/support/bg_color.gif) #edf5f0 no-repeat left bottom;
}
#support .colorBg.supIts{
    padding-bottom: 3px;
}
#support .colorBg .wrap{
	background:url(../images/support/bg_color_in.gif) no-repeat left top;
}
#support .colorBg.supIts .wrap{
	padding: 25px 25px 13px;
}
#support .colorBg .wrap h4{
	margin-bottom:0.5em;
	padding-bottom:14px;
	background:url(../images/support/bg_color_line.gif) repeat-x left bottom;
}
#support .colorBg.supIts .wrap h4{
	margin-bottom:0.8em;
	padding-bottom:1.1em;
}

#support .borderGray{
    border-bottom: 1px solid #DFDFDF;
}

/*カラーAV*/
#av .colorBg{
	background:url(../images/av/bg_color.gif) #faeded no-repeat left bottom;
}
#av .colorBg .wrap{
	background:url(../images/av/bg_color_in.gif) no-repeat left top;
}
#av .colorBg .wrap h4{
	margin-bottom:0.5em;
	padding-bottom:14px;
	background:url(../images/av/bg_color_line.gif) repeat-x left bottom;
}

/*-------- NAVI --------*/
#navi .imgMiddle{
	padding:0 15px;
}
#navi .iconSQ{
	padding-left:15px;
	background:url(../../common/images/indent_sq.gif) no-repeat 0 .3em;
}
#mapAnchor{
	position:relative;
	margin-bottom:40px;
}
#mapAnchor li{
	position:absolute;
}
#mapAnchor li a{
	position:absolute;
	display:block;
	height:25px;
	outline:0;
	text-indent:-9999px;
	background:url(../images/navi/bt_map_anchor.gif) no-repeat;
}
#mapAnchor li#mapAnchor01 a{
	width:184px;
	top:67px;
	background-position:0 -67px;
}
#mapAnchor li#mapAnchor01 a:hover{
	background-position:0 -421px;
}
#mapAnchor li#mapAnchor02 a{
	width:162px;
	left:199px;
	background-position:-199px 0;
}
#mapAnchor li#mapAnchor02 a:hover{
	background-position:-199px -354px;
}
#mapAnchor li#mapAnchor03 a{
	width:90px;
	top:19px;
	left:463px;
	background-position:-463px -19px;
}
#mapAnchor li#mapAnchor03 a:hover{
	background-position:-463px -373px;
}
#mapAnchor li#mapAnchor04 a{
	width:88px;
	top:329px;
	left:56px;
	background-position:-56px -329px;
}
#mapAnchor li#mapAnchor04 a:hover{
	background-position:-56px -683px;
}
#mapAnchor li#mapAnchor05 a{
	width:186px;
	top:329px;
	left:266px;
	background-position:-266px -329px;
}
#mapAnchor li#mapAnchor05 a:hover{
	background-position:-266px -683px;
}
#mapAnchor li#mapAnchor06 a{
	width:118px;
	top:255px;
	left:500px;
	background-position:-500px -255px;
}
#mapAnchor li#mapAnchor06 a:hover{
	background-position:-500px -609px;
}

/*-------- SUPPORT --------*/
#support .imgMiddle{
	padding:0 10px;
}
#support .iconSQ{
	padding-left:15px;
	background:url(../images/support/indent_sq.gif) no-repeat 0 .3em;
}
.itsLogo{
	position:absolute;
	left:530px;
	top:-3px;
}
.dsrcLogo{
	position:absolute;
	left:455px;
	top:-3px;
}
#support .supportList li{
	margin-bottom:0.5em;
	padding-left:8px;
	background:url(../images/support/icon_list.gif) no-repeat 0 .4em;
}
.supportTable{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.supportTable th,
.supportTable td{
	padding:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.supportTable th{
	background:#cae2d3;
	text-align:center;
	white-space:nowrap;
}
.supportTable .leftCel{
    width: 274px;
}
.arrcomments{
	display:inline-block;
	padding-left:10px;
	background:url(../../common/images/arrow_blue.gif) no-repeat 0 .45em;
}
#support_its .snaviBg{
 background: url(../images/support/bg_snavi_btm.gif) no-repeat scroll left bottom;
 margin-top:20px;
    padding-bottom: 3px;
}
#support_its .snaviBg .wrap{
	 padding: 25px 25px 13px;
     background: url(../images/support/bg_snavi.gif) no-repeat scroll left top;
}
#support_its .grayLine02{
	margin-bottom:0.1em;
	padding-bottom:1.8em;
	background:url(../images/support/bg_h_gray_line.gif) repeat-x left bottom;
}
#support_its .ecoR{
	position:relative;
}
#support_its .itsLogo {
    left: 519px;
    position: absolute;
    top: -5px;
}
#support_its .dsrcLogo {
    left: 444px;
    position: absolute;
    top: -5px;
}
#support_its .etcLogo {
    left: 381px;
    position: absolute;
    top: -5px;
}
.extraRed{
	color:#D90000;
	border:solid 1px #D90000;
	padding:10px 13px;
}
.extraRed02{
	color:#D90000;
	border:solid 1px #D90000;
	margin-bottom:1em;
	padding:10px 13px;
	text-align:center;
}

/*-------- AV --------*/
#av .bgGray{
	padding:15px 10px;
}
#av .blLogo{
	position:absolute;
	left:450px;
	top:-3px;
}

/*-------------------------
 * NR-MZ40 others
--------------------------*/
#hImage{
	margin-bottom:20px;
}
dl.numberList{
	position:relative;
}
dl.numberList dt{
	position:absolute;
}
dl.numberList dd{
	padding-left:2em;
}
dl.numberLong dd{
	padding-left:2.5em;
}
.bgHead{
	background-color:#6c72a0;
	color:#ffffff;
	font-weight:bold;
}
.bgTableBlue {
    background-color: #F4F5F8;
}
.urlIcon {
    background: url(../images/option/icon_url.gif) no-repeat scroll 0 0.4em;
    padding-left: 10px;
}
#option .blockLine{
	padding:10px;
	border:solid 1px #ccc;
}

/*-------------------------
 * navi_openifo common
--------------------------*/
.openinfoPopBtn{
	position: relative;
	height:64px;
	margin:10px 0 30px;
	padding: 10px;
	background: url(../images/navi/bg_traffic_congestion.gif) no-repeat;
}
.openinfoPopBtn a{
	position: absolute;
	top:-7px;
}
/*-------------------------
 * road_ev
--------------------------*/
.road_ev_wrap_t{
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
	padding-bottom:2px;
}
.road_ev_wrap{
	padding:20px;
	border:solid 1px #ccc;
}
.road_ev_wrap .road_ev_title{
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:solid 1px #ccc;
}