@charset "Shift_JIS";

/*-------------------------
 * NR-MZ80 common
--------------------------*/

.w55{
	width:55px;
}
.w149{
	width:149px;
}
.w190{
	width:190px;
}
.w210 {
    width:210px;
}
.w255{
	width:255px;
}
.w268{
	width:268px;
}
.w270{
	width:270px;
}
.w295{
	width:295px;
}
.w345 {
    width: 345px;
}
.w350{
	width:350px;
}
.w360 {
    width: 360px;
}
.w375{
	width:375px;
}
.w380 {
    width: 380px;
}
.w385 {
    width: 385px;
}
.w400{
	width:400px;
}
.w410{
	width:410px;
}
.w470 {
    width: 470px;
}
.mt25 {
    margin-top: 25px;
}
.mb3{
	margin-bottom:3px;
}
.mb5{
	margin-bottom:5px;
}
.mb6{
	margin-bottom:6px;
}
.mb7{
	margin-bottom:7px;
}
.mb9{
	margin-bottom:9px;
}
.mb10{
	margin-bottom:10px;
}
.mb11{
	margin-bottom:11px;
}
.mb12 {
    margin-bottom: 12px;
}
.mb18 {
    margin-bottom: 18px;
}
.mb25{
	margin-bottom:25px;
}
.mb35 {
    margin-bottom: 35px;
}
.mb40 {
    margin-bottom: 40px;
}
.ml20 {
    margin-left: 20px;
}
.mr8 {
    margin-right: 8px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr25{
	margin-right:25px;
}
.sectionMb0{
	margin-bottom:0;
}
.halfText{
	width:285px;
}
.leftBlock{
	float:left;
	width:320px;
}
.grayLine02{
	margin-bottom:0.1em;
	padding-bottom:1.8em;
	background:url(../images/common/bg_h_gray_line.gif) repeat-x left bottom;
}
.snaviBg{
 background: url(../images/common/bg_snavi_btm.gif) no-repeat scroll left bottom;
 margin-top:20px;
    padding-bottom: 3px;
}
.snaviBg .wrap{
     background: url(../images/common/bg_snavi.gif) no-repeat scroll left top;
}
.snaviBg .wrap{
    padding: 25px 25px 13px;
}
.arrcomments{
	display:inline-block;
	padding-left:10px;
	background:url(../../common/images/arrow_blue.gif) no-repeat 0 .45em;
}
.borderGray{
	border-bottom:1px solid #dfdfdf;
}
.openinfoPopBtn{
	height:60px;
	margin-bottom:30px;
	padding:10px;
	background:url(../images/common/bg_traffic_congestion.gif) no-repeat;
}
.diatoneMovie{
	margin:30px 0 0;
}
.diatoneMovie .btArea{
	margin-top:15px;
}
.diatoneMovie .btArea li{
	float:left;
	width:143px;
	margin-right:16px;
}
.diatoneMovie .btArea li p{
	margin-top:3px;
	text-align:center;
}
.diatoneMovie .btArea .last{
	margin-right:0;
}
.facebox_content {
	display: none;
}
.movieArea{
	width:486px;
	height:328px;
}

/*-------------------------
 * NR-MZ90 Top
--------------------------*/
#mz90Recommend{
	position:relative;
}
#mz90Recommend .top_new{
	position:absolute;
	left:-7px;
	top:-7px;
}
.mapIcon{
	margin:30px 0 20px;
}
.diatoneBlock{
	margin-bottom:20px;
}
.diatoneBlock .left{
	margin-right:10px;
}

.threeClm{
	width:190px;
}
.btDetail {
    border-top: 1px solid #E5E5E5;
    margin-top: 0.7em;
    padding-top: 7px;
}

/*soundnavi*/
.dspText{
	float:left;
	width:197px;
	margin:7px 24px 0 0;
}
.isoratedWrap{
	position:relative;
}
.isoratedText{
	position:absolute;
	bottom:0;
	width:420px;
	text-align:right;
}

/*navicon*/
.naviconLink{
	margin:20px 0 30px;
	padding:10px;
	background:url(../images/navicon/bg_link.gif) no-repeat;
}
.appWrap{
	padding-bottom:25px;
	background:url(../images/navicon/bg_app_btm.gif) no-repeat left bottom;
}
.appWrapIn{
	padding:25px 25px 0;
	background:url(../images/navicon/bg_app_top.gif) no-repeat left top;
}
.appWrapIn .leadText{
	padding:20px 0 12px;
}
.appTitle01{
	padding:5px 8px;
	background:#6f94cd;
	color:#fff;
}
.appTitle02{
	margin-top:25px;
	padding:5px 8px;
	background:#6cbb5a;
	color:#fff;
}
.appTitle03{
	margin-top:25px;
	padding:5px 8px;
	background:#e94f51;
	color:#fff;
}
.appBlock{
	width:275px;
	margin-top:15px;
}
.appBlockText{
	float:left;
	width:195px;
	padding-left:10px;
}
.naviconBtn{
	float:right;
	width:186px;
	height:46px;
	padding:7px;
	background:#e1e4ef;
}
.naviconBtn02{
	width:590px;
	height:46px;
	margin-top:25px;
	padding:15px;
	background:#e1e4ef;
}

/*safety_support*/
.cautionWrap{
	padding:12px;
	border:1px solid #ccc;
}
.cautionWrap div{
	float:left;
	padding:0.6em 20px 0 30px;
}
/*eco*/
.borderGray{
	border-bottom:1px solid #dfdfdf;
}
.bgWhite{
	background-color:#ffffff;
}
.bgEcoGray{
	background-color:#e6e6e6;
}
.relative{
	position:relative;
}
.ecoEtcLogo{
	position:absolute;
	right:0;
	top:-3px;
}
/*easy*/
.easyImg{
	height:724px;
	background:url(../images/easy/bg_easy_01.jpg) no-repeat scroll left top;
	position:relative;
}
.easyPosition01{
	position:absolute;
	top:8px;
	left:10px;
}
.easyPosition02{
	position:absolute;
	top:8px;
	left:229px;
}
.easyPosition03{
	position:absolute;
	top:8px;
	left:446px;
}
.easyPosition04{
	position:absolute;
	top:532px;
	left:10px;
}
.easyPosition05{
	position:absolute;
	top:494px;
	left:229px;
}
.easyPosition06{
	position:absolute;
	top:425px;
	left:446px;
}
.bgHead{
	background-color:#6c72a0;
	color:#ffffff;
	font-weight:bold;
}
.bgTableBlue{
	background-color: #F4F5F8;
}

/*option*/
.urlIcon {
    background: url("../images/option/icon_url.gif") no-repeat scroll 0 0.4em;
    padding-left: 10px;
}

/*its*/
.ecoR{
	position:relative;
}
.itsLogo {
    left: 519px;
    position: absolute;
    top: -5px;
}
.dsrcLogo {
    left: 444px;
    position: absolute;
    top: -5px;
}
.etcLogo {
    left: 381px;
    position: absolute;
    top: -5px;
}

/*others*/
#hImage{
	margin-bottom:20px;
}

/*product*/
.bgTableBlue{
	background-color: #F4F5F8;
}
.bgHead{
	background-color:#6c72a0;
	color:#ffffff;
	font-weight:bold;
}

.iconTopImage {
	position: absolute;
	right: 530px;
	top: 13px;
}

/*-------------------------
 * 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 .usually .popLine1_1 {
	background-image:url(../images/simple_usually/img_fm_local01.gif);
}
#popup.trafficInfo .usually .popLine1_2 {
	background-image:url(../images/simple_usually/img_fm_local02.gif);
}
#popup.trafficInfo .usually .popLine1_3 {
	background-image:url(../images/simple_usually/img_fm_local03.gif);
}
#popup.trafficInfo .usually .popLine1_4 {
	background-image:url(../images/simple_usually/img_fm_local04.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .usually .popLine1_5 {
	background-image:url(../images/simple_usually/img_fm_local05.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .usually .popLine2_1 {
	background-image:url(../images/simple_usually/img_fm_highway01.gif);
}
#popup.trafficInfo .usually .popLine2_2 {
	background-image:url(../images/simple_usually/img_fm_highway02.gif);
}
#popup.trafficInfo .usually .popLine2_3 {
	background-image:url(../images/simple_usually/img_fm_highway03.gif);
}
#popup.trafficInfo .usually .popLine2_4 {
	background-image:url(../images/simple_usually/img_fm_highway04.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .usually .popLine2_5 {
	background-image:url(../images/simple_usually/img_fm_highway05.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .usually .popLine3_1 {
	background-image:url(../images/simple_usually/img_ondemand_local01.gif);
}
#popup.trafficInfo .usually .popLine3_2 {
	background-image:url(../images/simple_usually/img_ondemand_local02.gif);
	background-position:0 2em;
}
#popup.trafficInfo .usually .popLine4_1 {
	background-image:url(../images/simple_usually/img_ondemand_highway01.gif);
}
#popup.trafficInfo .usually .popLine4_2 {
	background-image:url(../images/simple_usually/img_ondemand_highway02.gif);
	background-position:0 2em;
}
#popup.trafficInfo .usually .popLine5_1 {
	background-image:url(../images/simple_usually/img_smart_local01.gif);
}
#popup.trafficInfo .usually .popLine5_2 {
	background-image:url(../images/simple_usually/img_smart_local02.gif);
}
#popup.trafficInfo .usually .popLine6_1 {
	background-image:url(../images/simple_usually/img_smart_highway01.gif);
}
#popup.trafficInfo .usually .popLine6_2 {
	background-image:url(../images/simple_usually/img_smart_highway02.gif);
}

#popup.trafficInfo .simple .popLine1_1 {
	background-image:url(../images/simple_simple/img_fm_local01.gif);
}
#popup.trafficInfo .simple .popLine1_2 {
	background-image:url(../images/simple_simple/img_fm_local02.gif);
}
#popup.trafficInfo .simple .popLine1_3 {
	background-image:url(../images/simple_simple/img_fm_local03.gif);
}
#popup.trafficInfo .simple .popLine1_4 {
	background-image:url(../images/simple_simple/img_fm_local04.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .simple .popLine1_5 {
	background-image:url(../images/simple_simple/img_fm_local05.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .simple .popLine2_1 {
	background-image:url(../images/simple_simple/img_fm_highway01.gif);
}
#popup.trafficInfo .simple .popLine2_2 {
	background-image:url(../images/simple_simple/img_fm_highway02.gif);
}
#popup.trafficInfo .simple .popLine2_3 {
	background-image:url(../images/simple_simple/img_fm_highway03.gif);
}
#popup.trafficInfo .simple .popLine2_4 {
	background-image:url(../images/simple_simple/img_fm_highway04.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .simple .popLine2_5 {
	background-image:url(../images/simple_simple/img_fm_highway05.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .simple .popLine3_1 {
	background-image:url(../images/simple_simple/img_ondemand_local01.gif);
}
#popup.trafficInfo .simple .popLine3_2 {
	background-image:url(../images/simple_simple/img_ondemand_local02.gif);
	background-position:0 2em;
}
#popup.trafficInfo .simple .popLine4_1 {
	background-image:url(../images/simple_simple/img_ondemand_highway01.gif);
}
#popup.trafficInfo .simple .popLine4_2 {
	background-image:url(../images/simple_simple/img_ondemand_highway02.gif);
	background-position:0 2em;
}
#popup.trafficInfo .simple .popLine5_1 {
	background-image:url(../images/simple_simple/img_smart_local01.gif);
}
#popup.trafficInfo .simple .popLine5_2 {
	background-image:url(../images/simple_simple/img_smart_local02.gif);
	background-position: 0 2em;
}
#popup.trafficInfo .simple .popLine6_1 {
	background-image:url(../images/simple_simple/img_smart_highway01.gif);
}
#popup.trafficInfo .simple .popLine6_2 {
	background-image:url(../images/simple_simple/img_smart_highway02.gif);
	background-position: 0 2em;
}

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

/*-------------------------
 * NR-MZ90 others
--------------------------*/
.column{
	margin-left:10px;
	padding:0px 20px 10px;
	border-bottom: 1px solid #231815;
	border-left: 1px solid #231815;
	border-right: 1px solid #231815;
}


dl.noteList .sub{
	position: relative;
}
dl.noteList .sub dt {
	position: absolute;
}
dl.noteList .sub dd {
	padding-left: 15em;
}

.lineTop{
	border-top: 1px solid #231815;
	padding-top: 1.5em;	
}


.letter{
	letter-spacing:-0.3em;
}


/* 重要なお知らせ20151028
---------------------------------------------- */

#update_news { margin: 0 auto; max-width: 954px; padding-top: 30px; position: relative; z-index: 2; }
#update_news .link { margin-bottom: 15px; }
#update_news .link a { display: block; background-color: #cc0000; color: #fff; font-weight: bold; padding: 12px 25px; }
#update_news .link a:hover { opacity: 0.8; filter: alpha(opacity=80); }
#update_news .link a span { display: block; background: url("/carele/carnavi/img/arr_update.png") no-repeat left center; padding-left: 35px; text-align: center; min-height: 26px;padding-top:10px;}