@charset "Shift_JIS";

/*-------------------------
 * pass common
--------------------------*/
#mz50Recommend{
	padding-bottom:15px;
	background:url(../images/top/bg_recommend.gif) no-repeat left bottom;
}
#mz50Recommend h2{
	margin-bottom:25px;
}
#mz50Top .threeClm{
	width:190px;
}
#mz50Top .left{
	margin-right:25px;
}
#mz50Top h4{
	padding:1em 0 0.5em;
	font-weight:bold;
}
#mz50Top .btDetail{
	margin-top:0.7em;
	padding-top:7px;
	border-top:1px solid #e5e5e5;
}
.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;
}
.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;
}
.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-MZ03 TOP
--------------------------*/
.mapIcon{
	float:right;
	margin-right:8px;
	text-align:right;
}

/*-------------------------
 * 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;
}

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

/*-------------------------
 * NR-MZ50 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;
}

/*-------------------------
 * navi_openifo common
--------------------------*/
.openinfoPopBtn{
	position: relative;
	height:64px;
	margin-bottom: 30px;
	padding: 10px;
	background: url(../images/navi/bg_traffic_congestion.gif) no-repeat;
}
.openinfoPopBtn a{
	position: absolute;
	top:-7px;
}

/*-------------------------
 * navi_openifo_pop common
--------------------------*/
#popup.trafficInfo #popContents{
	padding:30px 0 0 0;
}
#popup.trafficInfo #popContentsHeader{
	width:620px;
	margin:30px auto 10px;
}
#popup.trafficInfo #popContentsOut{
	background-color:#6c72a0;
}
#popup.trafficInfo #popSection{
	color:#fff;
}
#popup.trafficInfo .popTitle{
	width:290px;
	padding:10px 0px 10px 10px;
	background-color:#fff;
	color:#2e3678;
	font-weight:bold;
}
#popup.trafficInfo .popBlockLeft{
	float:left;
	width:300px;
	margin-bottom:30px;
}
#popup.trafficInfo .popBlockRight{
	float:right;
	width:300px;
	margin-bottom:30px;
}
#popup.trafficInfo .popLine{
	width:300px;
}
#popup.trafficInfo .popLine li{
	padding:10px 0 5px 90px;
	background-repeat:no-repeat;
	background-position:0px 1.3em;
	border-bottom:1px solid #9c9fb6;
}
#popup.trafficInfo #btClose{
	width:620px;
	margin:20px auto 0;
}
#popup.trafficInfo .popLine1_1 {
	background-image:url(../images/navi/img_fm_local01.gif);
}
#popup.trafficInfo .popLine1_2 {
	background-image:url(../images/navi/img_fm_local02.gif);
}
#popup.trafficInfo .popLine1_3 {
	background-image:url(../images/navi/img_fm_local03.gif);
}
#popup.trafficInfo .popLine1_4 {
	background-image:url(../images/navi/img_fm_local04.gif);
}
#popup.trafficInfo .popLine1_5 {
	background-image:url(../images/navi/img_fm_local05.gif);
}
#popup.trafficInfo .popLine2_1 {
	background-image:url(../images/navi/img_fm_highway01.gif);
}
#popup.trafficInfo .popLine2_2 {
	background-image:url(../images/navi/img_fm_highway02.gif);
}
#popup.trafficInfo .popLine2_3 {
	background-image:url(../images/navi/img_fm_highway03.gif);
}
#popup.trafficInfo .popLine2_4 {
	background-image:url(../images/navi/img_fm_highway04.gif);
}
#popup.trafficInfo .popLine2_5 {
	background-image:url(../images/navi/img_fm_highway05.gif);
}
#popup.trafficInfo .popLine3_1 {
	background-image:url(../images/navi/img_ondemand_local01.gif);
}
#popup.trafficInfo #container .popLine3_2 {
	background-image:url(../images/navi/img_ondemand_local02.gif);
	background-position:0 2em;
}
#popup.trafficInfo .popLine4_1 {
	background-image:url(../images/navi/img_ondemand_highway01.gif);
}
#popup.trafficInfo #container .popLine4_2 {
	background-image:url(../images/navi/img_ondemand_highway02.gif);
	background-position:0 2em;
}
#popup.trafficInfo .popLine5_1 {
	background-image:url(../images/navi/img_smart_local01.gif);
}
#popup.trafficInfo .popLine5_2 {
	background-image:url(../images/navi/img_smart_local02.gif);
}
#popup.trafficInfo .popLine6_1 {
	background-image:url(../images/navi/img_smart_highway01.gif);
}
#popup.trafficInfo .popLine6_2 {
	background-image:url(../images/navi/img_smart_highway02.gif);
}