@charset "Shift_JIS";

/*-------------------------
 * NR-MZ20 common
--------------------------*/
.fontBlue{
	color:#004f99;
}
.fontGreen{
	color:#007330;
}
.fontRedD{
	color:#b30000!important;
}
.section{
	margin-bottom:2.5em;
}
.leftMg10{
	margin-left:10px;
}
.leftMg20{
	margin-left:20px;
}
.w55{
	width:55px;
}
.w185{
	width:185px;
}
.w190{
	width:190px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w320{
	width:320px;
}
.w380{
	width:380px;
}
.w410{
	width:410px;
}
.w452{
	width:452px;
}
.tp1em{
	margin-top:1em;
}
.grayLine{
	margin-bottom:0.1em;
	padding-bottom:1.8em;
	background:url(../images/bg_h_line.gif) repeat-x left bottom;
}
.topLine{
	border-top:1px solid #ccc;
}
#hImage{
	margin-bottom:20px;
}
.positionRelative{
	position:relative;	
}

/*-------- カラーBG --------*/
.colorBg{
	padding-bottom:20px;
}
.colorBg .wrap{
	padding:20px 20px 0;
}

/*-------------------------
 * NR-MZ20 TOP
--------------------------*/
#mz20Recommend{
	padding-bottom:18px;
	background: url(../images/top/bg_recommend.gif) no-repeat left bottom;
	position:relative;
}

#mz20Recommend .top_new{
	position:absolute;
	left:-7px;
	top:-7px;
}

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


.mz20Top .left{
	margin-right:25px;
}
.mz20Top h4{
	padding:1em 0 0.5em;
	font-weight:bold;
}
.btDetailLine{
	margin:0.7em 0 30px 0;
	border-top:1px solid #e5e5e5;
}
.btDetail{
	margin-top:5px;
	padding:10px 82px 10px 82px;
	background: url(../images/top/bg_detail.gif) no-repeat left bottom;
}
.mapIcon{
	margin:10px 8px 0 0;
	text-align:right;
}

/*-------------------------
 * NR-MZ20 navi
--------------------------*/

/*-------- タブメニュー --------*/
#navi #tabMenu, #navi #tab01 a, #navi #tab02 a, #navi #tab03 a, #navi #tab04 a {
    background: url(../images/navi/tab_set.gif) repeat scroll 0 0;
}
#tabMenu{
	width:620px;
	height:45px;
	margin-bottom:29px;
}
#tabMenu .threeTab li, #tabMenu .threeTab li a {
    width: 145px;
    height: 35px;
}
#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;
}
#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 -55px;
}
#tabMenu .threeTab li#tab01.active a,
#tabMenu .threeTab li#tab01.active a:hover{
	background-position:-9px -100px;
}
#tabMenu .threeTab li#tab02 a{
	background-position:-210px -10px;
}
#tabMenu .threeTab li#tab02 a:hover{
	background-position:-210px -55px;
}
#tabMenu .threeTab li#tab02.active a,
#tabMenu .threeTab li#tab02.active a:hover{
	background-position:-210px -100px;
}
#tabMenu .threeTab li#tab03 a{
	background-position:-411px -10px;
}
#tabMenu .threeTab li#tab03 a:hover{
	background-position:-411px -55px;
}
#tabMenu .threeTab li#tab03.active a,
#tabMenu .threeTab li#tab03.active a:hover{
	background-position:-411px -100px;
}
.threeClm{
	width:190px;
}
.guideThreeClm{
	width:186px;
}
.rightMargin {
    margin-right:31px;
}
.dbThreeClm .left {
    margin-right:25px;
}
#navi .iconSQ{
	padding-left:15px;
	background:url(../../common/images/indent_sq.gif) no-repeat 0 .3em;
}

/*カラー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;
}
#navi .routeList li {
    margin-bottom:0.5em;
    padding-left:8px;
    background:url(../images/navi/icon_list.gif) no-repeat scroll 0 0.4em;
}
.urlIcon{
    padding-left:10px;
    background:url(../images/navi/icon_url.gif) no-repeat scroll 0 0.4em;
}

/*-------------------------
 * NR-MZ20 operation
--------------------------*/
operation3ClmL{
	float:left;	
}
operation3ClmR{
	float:right;	
}

/*-------------------------
 * NR-MZ20 AV
--------------------------*/
.titleBlock{
    position:absolute;
    top:-6px;
 	left:555px;
}
.iconAVSQ{
	padding-left:15px;
	background:url(../images/av/indent_sq.gif) no-repeat scroll 0 0.3em;
}
.operationLeft{
	float:left;	
}
#av .colorBg {
    background:#faeded;
}
#av .colorBg .wrap h4{
	margin-bottom:0.5em;
	padding-bottom:14px;
	background:url(../images/av/bg_color_line.gif) repeat-x left bottom;
}
#av .routeList li {
	margin:0 0 0.5em 1em;
    padding-left: 8px;
    background:url(../images/av/icon_list.gif) no-repeat scroll 0 0.4em;
}

/*-------------------------
 * NR-MZ20 Option
--------------------------*/
.optionFrame{
	margin-top:0.7em;
	padding:0.7em;
	border:solid 1px #cccccc;
}

/*-------------------------
 * NR-MZ20 function spec
--------------------------*/

/*-------- タブメニュー --------*/
#fnc_spec #tabMenu,
#fnc_spec #tab01 a,
#fnc_spec #tab02 a{
	background:url(../images/function_spec/tab_set.gif);
}
#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;
}