@charset "Shift_JIS";
/* ======= ▼Nav ======= */
#frm #container #layout #content #area_nav{
	border: #dfe7e9 5px solid;
	font-size: 12px;}

#frm #container #layout #content #area_nav ul{
	border: #fff 1px solid;
	background: #fff;
	padding: 4px 0 3px 5px;}

#frm #container #layout #content #area_nav ul li{
	padding: 0 0 0 5px;
	margin: 0 1px 0 0;
	float: left;
	font-weight: bold;}
	
#frm #container #layout #content #area_nav ul li span a{
	padding-right: 5px;
	height: 19px;
	line-height: 19px;
	white-space: nowrap;
	word-break: keep-all;
	/*display: block;*/
	zoom: 1;
	font-weight: bold;
	float: left;}

#frm #container #layout #content #area_nav ul li.on{background: #dbf8fe url("/mb/shared/img/v09b/service_area/map/bg_pref_on_l.gif") no-repeat top left;}
#frm #container #layout #content #area_nav ul li.on span a{background:url("/mb/shared/img/v09b/service_area/map/bg_pref_on_r.gif") no-repeat top right;}

#frm #container #layout #content #area_nav ul li span{
	background:url(/mb/shared/img/v09b/bullet/icn_arrow_mid-gray.gif) no-repeat 0 center;
	padding-left: 16px;
	height: 19px;
	float: left;}
	
/*=============================================================
    banner
===============================================================*/
body#frm #nav #banner {
    margin: 20px 0px 0px;
}
body#frm #nav #banner dd {
    display: block;
    border: #bfbfbf 1px solid;
    padding: 0;
    margin-bottom: 10px;
}
body#frm #nav #banner a {
    display: block;
    border: #ffffff 1px solid;
    background: #f5f5f5;
    padding: 13px 5px 13px 8px;
    text-decoration: none;
    color: #333;
}
body#frm #nav #banner a span{
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 16px;
    text-indent: 0;
    display: block;
    background:url(/mb/shared/img/v09b/bullet/icn_arrow_navy.gif) no-repeat 0 3px;

}
body#frm #nav #banner a:link span {
    color:#006699;
    text-decoration:underline;
}
body#frm #nav #banner a:visited span {
    color:#800080;
    text-decoration:underline;
}
body#frm #nav #banner a:hover span,
body#frm #nav #banner a:active span {
    color:#800080;
    text-decoration:none;
}

/* ======= ▼Map ======= */
div#map{
    background: url("/mb/shared/img/v09b/service_area/map/icon_loading.gif") no-repeat 326px 139px;
	width: 680px;
    height: 320px;
	margin:0 auto 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
	
div#mapControl{
	position: relative;
    top: -330px;
    left: 0px;
    z-index: 2;
}
div#mapControl span{
    position: relative;
    z-index: 2;}
div#mapControl span {
	background: url("/mb/shared/img/v09b/service_area/map/bg_map_control.png");
    background-position: 0 0;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    position: absolute;
    display: block;
}
div#mapControl span#mapControlT{background-position: 0px 0px; left:339px; top:10px;}
div#mapControl span#mapControlB{background-position: 0px 90px; left: 339px; top:284px;}
div#mapControl span#mapControlR{background-position: 0px 60px; left: 659px; top:149px;}
div#mapControl span#mapControlL{background-position: 0px 30px; left: 15px; top:149px;}


div#map #mapImg{
    position: absolute;
    cursor: move;
}

div#map.hokkaido #mapImg{
	left: -750px;
	top: -850px;
	width: 2503px;
	height: 1603px;
}
div#map.tohoku #mapImg{
	left: -1050px;
	top: -1400px;
    width: 1752px;
    height: 2352px;
}
div#map.kanto #mapImg{
	left: -1244px;
	top: -965px;
    width: 2502px;
    height: 1603px;
}
div#map.tokai #mapImg{
	left: -769px;
	top: -800px;
    width: 2503px;
    height: 1603px;
}
div#map.hokuriku #mapImg{
	left: -820px;
	top: -780px;
    width: 1752px;
    height: 2352px;
}
div#map.kansai #mapImg{
	left: -830px;
	top: -1100px;
	width: 1752px;
	height: 2352px;
}
div#map.chugoku #mapImg{
	left: -995px;
	top: -957px;
	width: 2503px;
	height: 1603px;
}
div#map.shikoku #mapImg{
	left: -1047px;
	top: -830px;
    width: 2503px;
    height: 1706px;
}
div#map.kyushu #mapImg{
	left: -838px;
	top: -232px;
    width: 1752px;
    height: 2352px;
}


/* ======= ▼Sub-Style ======= */

#box_h1 {background: url("/mb/shared/img/v09b/general/bg_h1.gif") repeat-x scroll left top transparent;}

#box_h1 h1 {background: url("/mb/shared/img/v09b/service_area/icn_bullet_h1_blue.gif") no-repeat scroll left top transparent;
    border-bottom: 1px solid #9A9B9A;
    font-size: 22px;
    font-weight: bold;
    line-height: 60px;
    margin: 0 0 17px;
    padding: 0 0 1px 20px;}
body#frm div#sidenav h4 a {background: url("/mb/shared/img/v09b/service_area/h4.gif") no-repeat scroll 0 0 transparent;
    height: 63px;
    margin-left: 0;}
body#frm div#sidenav h4 a:hover {background: url("/mb/shared/img/v09b/service_area/h4.gif") no-repeat scroll 0 0 transparent;
    height: 63px;
    margin-left: 0;}

.inner{width:703px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;}

body#frm div#container-bottom {background-image: url("/mb/shared/img/v09b/service_area/map/bg_container-bottom.png");
    height: 3px;
    width: 960px;}

/* ======= ▼Tab ======= */
body#frm ul#tabs a {
	background: url("/mb/shared/img/v09b/service_area/map/btn_3g.png") no-repeat scroll 0 0 transparent;
    width:172px;
    height:40px;
    display: block;
    text-indent: -9999px;
	margin:6px 0 10px 0;
	_margin:10px 0 10px 0;
	padding:0;
}

body#frm ul#tabs .us a {background: url("/mb/shared/img/v09b/service_area/map/btn_us.png") no-repeat scroll 0 0 transparent;}
body#frm ul#tabs .sub a {background: url("/mb/shared/img/v09b/service_area/map/btn_sub.png") no-repeat scroll 0 0 transparent;}
body#frm ul#tabs a.on, body#frm ul#tabs a:hover {background-position: 0 -50px;}
body#frm ul#tabs {
	background: url("/mb/shared/img/v09b/service_area/map/tabs.png") no-repeat 0 0 transparent;
	width:685px;
	height:60px;
	margin-top:20px;
}
	
body#frm div#content div.content {
	background-image:none;
	margin:0;
	padding:0;}

/* ======= ▼Notes ======= */

h3{font-size:12px;
	font-weight:bold;}
	
h4{font-size:12px;}

#frm #container #layout #content .map_notes_l_214{
	width:214px;
	float:left;
	font-size: 12px;
}

#frm #container #layout #content .map_notes_l{
	width:310px;
	float:left;
	font-size: 12px;
}

#frm #container #layout #content .map_notes_r{
	width:310px;
	float:right;
	font-size: 12px;
}

#frm #container #layout #content ul.fc_0 li {
	color: #000 !important;
}

.border_ccc{
	width:693px;
	border:#CCC 1px solid;
	padding:10px 0 10px 10px;}