/****************************************/
/* 便利な移動交通情報 */
/****************************************/

/* ヘッダメニュー */
/****************************************/
div#menu li#hd-link5 a{background:url(../img/common/menu-over5.jpg);}

/* コンテンツタイトル */
/****************************************/
div#traffic_index_title{width:880px;height:60px;margin-bottom:35px;background:url(../img/traffic/traffic_title.jpg) no-repeat;}
div#traffic_index_title h2{display:none;}

/* 交通手段 */
/****************************************/
div#vhcl1 li#mn-vhcl1 a{background:none;}
div#vhcl2 li#mn-vhcl2 a{background:none;}
div#vhcl3 li#mn-vhcl3 a{background:none;}
div#vhcl3 li#mn-vhcl3 a{background:none;}
div#vhcl4 li#mn-vhcl4 a{background:none;}

/* 交通手段メニュー */
/****************************************/
div#mn-vhcl{margin-bottom:10px;}
div#mn-vhcl ul{width:880px;overflow:hidden;}
div#mn-vhcl li{width:217px;height:40px;margin-right:4px;float:left;}
div#mn-vhcl a{width:217px;height:40px;display:block;}
div#mn-vhcl a:hover{background:none;}
div#mn-vhcl span{display:none;}
div#mn-vhcl li#mn-vhcl3{margin-right:0;float:left;}
div#mn-vhcl li#mn-vhcl4{margin-right:0;float:right;}

/* オーバー時 */
li#mn-vhcl1{background:url(../img/traffic/mnov-vhcl1.gif) no-repeat;}
li#mn-vhcl2{background:url(../img/traffic/mnov-vhcl2.gif) no-repeat;}
li#mn-vhcl3{background:url(../img/traffic/mnov-vhcl3.gif) no-repeat;}
li#mn-vhcl4{background:url(../img/traffic/mnov-vhcl4.gif) no-repeat;}

/* 通常時 */
li#mn-vhcl1 a{background:url(../img/traffic/mn-vhcl1.gif) no-repeat;}
li#mn-vhcl2 a{background:url(../img/traffic/mn-vhcl2.gif) no-repeat;}
li#mn-vhcl3 a{background:url(../img/traffic/mn-vhcl3.gif) no-repeat;}
li#mn-vhcl4 a{background:url(../img/traffic/mn-vhcl4.gif) no-repeat;}

/* マウスオーバーで通常時を消す */
li#mn-vhcl1 a:hover{background:none;}
li#mn-vhcl2 a:hover{background:none;}
li#mn-vhcl3 a:hover{background:none;}
li#mn-vhcl4 a:hover{background:none;}

/* 地域 */
/****************************************/
div#area1 li#mn-area1 a{background:none;}
div#area2 li#mn-area2 a{background:none;}
div#area3 li#mn-area3 a{background:none;}
div#area4 li#mn-area4 a{background:none;}
div#area5 li#mn-area5 a{background:none;}
div#area6 li#mn-area6 a{background:none;}
div#area7 li#mn-area7 a{background:none;}

/* 地域メニュー */
/****************************************/
div#mn-area{margin-bottom:28px;border-bottom:2px solid #099;}
div#mn-area ul{width:880px;overflow:hidden;}
div#mn-area li{width:124px;height:26px;margin-right:2px;float:left;}
div#mn-area a{width:124px;height:26px;display:block;}
div#mn-area a:hover{background:none;}
div#mn-area span{display:none;}
div#mn-area li#mn-area6{margin-right:0;float:left;}
div#mn-area li#mn-area7{margin-right:0;float:right;}

/* オーバー時 */
li#mn-area1{background:url(../img/traffic/mnov-area1.gif) no-repeat;}
li#mn-area2{background:url(../img/traffic/mnov-area2.gif) no-repeat;}
li#mn-area3{background:url(../img/traffic/mnov-area3.gif) no-repeat;}
li#mn-area4{background:url(../img/traffic/mnov-area4.gif) no-repeat;}
li#mn-area5{background:url(../img/traffic/mnov-area5.gif) no-repeat;}
li#mn-area6{background:url(../img/traffic/mnov-area6.gif) no-repeat;}
li#mn-area7{background:url(../img/traffic/mnov-area7.gif) no-repeat;}

/* 通常時 */
li#mn-area1 a{background:url(../img/traffic/mn-area1.gif) no-repeat;}
li#mn-area2 a{background:url(../img/traffic/mn-area2.gif) no-repeat;}
li#mn-area3 a{background:url(../img/traffic/mn-area3.gif) no-repeat;}
li#mn-area4 a{background:url(../img/traffic/mn-area4.gif) no-repeat;}
li#mn-area5 a{background:url(../img/traffic/mn-area5.gif) no-repeat;}
li#mn-area6 a{background:url(../img/traffic/mn-area6.gif) no-repeat;}
li#mn-area7 a{background:url(../img/traffic/mn-area7.gif) no-repeat;}

/* マウスオーバーで通常時を消す */
li#mn-area1 a:hover{background:none;}
li#mn-area2 a:hover{background:none;}
li#mn-area3 a:hover{background:none;}
li#mn-area4 a:hover{background:none;}
li#mn-area5 a:hover{background:none;}
li#mn-area6 a:hover{background:none;}
li#mn-area7 a:hover{background:none;}

/* 空路・海路はエリアが少ない */
div#vhcl3 div#mn-area li{width:172px;margin-right:4px;}
div#vhcl3 div#mn-area li#mn-area4{margin-right:0;float:left;}
div#vhcl3 div#mn-area li#mn-area5{margin-right:0;float:right;}
div#vhcl3 div#mn-area a{width:172px;}

/* オーバー時 */
div#vhcl3 li#mn-area1{background:url(../img/traffic/mnov-v3area1.gif) no-repeat;}
div#vhcl3 li#mn-area2{background:url(../img/traffic/mnov-v3area2.gif) no-repeat;}
div#vhcl3 li#mn-area3{background:url(../img/traffic/mnov-v3area3.gif) no-repeat;}
div#vhcl3 li#mn-area4{background:url(../img/traffic/mnov-v3area4.gif) no-repeat;}
div#vhcl3 li#mn-area5{background:url(../img/traffic/mnov-v3area5.gif) no-repeat;}
div#vhcl3 li#mn-area6{background:url(../img/traffic/mnov-v3area6.gif) no-repeat;}
div#vhcl3 li#mn-area7{background:url(../img/traffic/mnov-v3area7.gif) no-repeat;}

/* 通常時 */
div#vhcl3 li#mn-area1 a{background:url(../img/traffic/mn-v3area1.gif) no-repeat;}
div#vhcl3 li#mn-area2 a{background:url(../img/traffic/mn-v3area2.gif) no-repeat;}
div#vhcl3 li#mn-area3 a{background:url(../img/traffic/mn-v3area3.gif) no-repeat;}
div#vhcl3 li#mn-area4 a{background:url(../img/traffic/mn-v3area4.gif) no-repeat;}
div#vhcl3 li#mn-area5 a{background:url(../img/traffic/mn-v3area5.gif) no-repeat;}
div#vhcl3 li#mn-area6 a{background:url(../img/traffic/mn-v3area6.gif) no-repeat;}
div#vhcl3 li#mn-area7 a{background:url(../img/traffic/mn-v3area7.gif) no-repeat;}

/* マウスオーバーで通常時を消す */
div#vhcl3 li#mn-area1 a:hover{background:none;}
div#vhcl3 li#mn-area2 a:hover{background:none;}
div#vhcl3 li#mn-area3 a:hover{background:none;}
div#vhcl3 li#mn-area4 a:hover{background:none;}
div#vhcl3 li#mn-area5 a:hover{background:none;}
div#vhcl3 li#mn-area6 a:hover{background:none;}
div#vhcl3 li#mn-area7 a:hover{background:none;}

/* 地域 */
/****************************************/
div#vhcl3 div#area1 li#mn-area1 a{background:none;}
div#vhcl3 div#area2 li#mn-area2 a{background:none;}
div#vhcl3 div#area3 li#mn-area3 a{background:none;}
div#vhcl3 div#area4 li#mn-area4 a{background:none;}
div#vhcl3 div#area5 li#mn-area5 a{background:none;}


/* アクセス情報 */
/****************************************/
div.traffic-box{margin-bottom:30px;}
div.traffic-box h3 img{display:block;}
div.traffic-box p.img img{display:block;}
div.traffic-box div.lo{width:880px;overflow:hidden;}
div.traffic-box div.lo-lf{width:440px;float:left;}
div.traffic-box div.lo-rt{width:420px;float:right;}

/* テーブル（共通） */
/****************************************/
div.traffic-box table{width:880px;}
div.traffic-box div.lo-lf table{width:438px;}
div.traffic-box div.lo-rt table{width:418px;}

div.traffic-box table p{text-align:left;padding:0 5px 5px;}
div.traffic-box table p.f-white{color:#FFF;font-weight:bold;}

div.border-1px{margin-top:5px;padding:0 1px 1px;background:#999;font-size:88%;}
div.border-1px td{padding-top:5px;vertical-align:top;border-left:1px solid #999;border-top:1px solid #999;background:#FFF;}

/* 項目 */
div.border-1px td.a1st{background:url(../img/traffic/gray-bg.gif) repeat;border-left:none;}
div.border-1px td.a2nd{/* 特になし */}
div.border-1px td.a3rd{/* 特になし */}
div.border-1px td.a4th{/* 特になし */}
div.border-1px td.a5th{/* 特になし */}
div.border-1px td.a6th{/* 特になし */}

/* エリアカラー */
div.border-1px td.area1{background:#8DC33E;border-left:none;}
div.border-1px td.area2{background:#0099D9;border-left:none;}
div.border-1px td.area3{background:#00ADA9;border-left:none;}
div.border-1px td.area4{background:#2D4198;border-left:none;}
div.border-1px td.area5{background:#A64A97;border-left:none;}
div.border-1px td.area6{background:#E9546B;border-left:none;}
div.border-1px td.area7{background:#F39700;border-left:none;}

/* 項目タイトル */
div.traffic-box table.title td{vertical-align:middle;background:#DDEFCB;}
div.traffic-box table.title td.a1st{background:#FFF none;}

/* ブロックAの場合 */
/****************************************/
div#block-a{width:440px;}
div#block-a p{text-align:left;}
div#block-a table.title p{text-align:center;}
div#block-a div.caption p{margin-top:5px;font-size:88%;}

/* 画像 */
div#block-a p.img{background:#CCC;padding:0 1px 1px;}

/* ブロックBの場合 */
/****************************************/
div#block-b{width:420px;}

/* ブロックCの場合 */
/****************************************/
div#block-c{width:440px;}
div#block-c p{text-align:left;}
div#block-c table.title p{text-align:center;}
div#block-c div.caption p{margin-top:5px;font-size:88%;}

/* ブロックDの場合 */
/****************************************/
div#block-d{width:420px;}
div#block-d iframe{width:420px;}

/* フレーム内環境 */
body#area-frame{background:#FFF;}
body#area-frame div{width:420px;}
body#area-frame h1{text-align:left;padding:10px 5px;}
body#area-frame h2{text-align:left;padding:5px 5px 5px;padding-left:25px;background:url(../img/traffic/d-arrow.gif) no-repeat 5px 0.3em;}
body#area-frame dl{padding:0 5px 5px;}
body#area-frame dt{text-align:left;margin-left:15px;padding:5px;background:#DFF;}
body#area-frame dd{text-align:left;margin-left:15px;padding:5px;}

/* フレーム内テーブル */
body#area-frame div.border-1px{width:auto;margin-top:0;}
body#area-frame table{width:418px;}
body#area-frame td{border-left:none;background:#FFF;}

/* ブロックEの場合 */
/****************************************/
div#block-e{width:880px;margin-bottom:10px;}

/* グーグルマップ枠 */
div#block-e div.border-1px{padding:0 1px 1px;background:#CCC;}
div#block-e div.border-1px{width:auto;margin-top:0;}
div#block-e div.border-1px p{background:#FFF;}

/* ブロックEの場合 */
/****************************************/
div#google-map p{text-align:left;}
div#google-map a:hover img{background:#FFF;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}


/****************************************/
/* 交通手段別 */
/****************************************/

/* 鉄道 */
div#vhcl1 div#block-c td.a1st{width:70px;}
div#vhcl1 div#block-c td.a2nd{width:75px;}
div#vhcl1 div#block-c td.a3rd{width:auto;}

/* バス */
div#vhcl2 div#block-a td.a1st{width:auto;background:#FBB4D9;}
div#vhcl2 div#block-a td.a2nd{width:90px;}
div#vhcl2 div#block-a td.a3rd{width:70px;}
div#vhcl2 div#block-a td.a4th{width:70px;}
div#vhcl2 div#block-a td.a5th{width:70px;}
div#vhcl2 div#block-a td.a6th{width:70px;}
div#vhcl2 div#block-a table.title td.a1st{background:#DDEFCB;}

div#vhcl2 div#block-c td.a1st{width:auto;}
div#vhcl2 div#block-c td.a2nd{width:90px;}
div#vhcl2 div#block-c td.a3rd{width:70px;}
div#vhcl2 div#block-c td.a4th{width:70px;}
div#vhcl2 div#block-c td.a5th{width:70px;}
div#vhcl2 div#block-c td.a6th{width:70px;}
div#vhcl2 div#block-c table.title td.a1st{;background:#DDEFCB;}

/* 空路・海路 */
div#vhcl3 div#block-a table.title1 p{text-align:center;}
div#vhcl3 div#block-a table.title1 td{vertical-align:middle;background:#DDEFCB;}
div#vhcl3 div#block-a table.title1 td.a1st{width:auto;background:#DDEFCB;}
div#vhcl3 div#block-a table.title1 td.a3rd{width:100px;}
div#vhcl3 div#block-a table.title1 td.a4th{width:60px;}
div#vhcl3 div#block-a table.title1 td.a5th{width:80px;}

div#vhcl3 div#block-a table.type1 td.a1st{width:auto;background:#F66;}
div#vhcl3 div#block-a table.type1 td.a2nd{width:110px;}
div#vhcl3 div#block-a table.type1 td.a3rd{width:100px;}
div#vhcl3 div#block-a table.type1 td.a4th{width:60px;}
div#vhcl3 div#block-a table.type1 td.a5th{width:80px;}

div#vhcl3 div#block-c table.title1 p{text-align:center;}
div#vhcl3 div#block-c table.title1 td{vertical-align:middle;background:#DDEFCB;}
div#vhcl3 div#block-c table.title1 td.a1st{width:auto;background:#FFF;}
div#vhcl3 div#block-c table.title1 td.a2nd{width:100px;}
div#vhcl3 div#block-c table.title1 td.a3rd{width:60px;}
div#vhcl3 div#block-c table.title1 td.a4th{width:200px;}

div#vhcl3 div#block-c table.type1 td.a2nd{width:100px;}
div#vhcl3 div#block-c table.type1 td.a3rd{width:60px;}
div#vhcl3 div#block-c table.type1 td.a4th{width:200px;}

div#vhcl3 div#block-a table.title2 p{text-align:center;}
div#vhcl3 div#block-a table.title2 td{vertical-align:middle;background:#DDEFCB;}
div#vhcl3 div#block-a table.title2 td.a1st{width:auto;background:#DDEFCB;}
div#vhcl3 div#block-a table.title2 td.a3rd{width:70px;}
div#vhcl3 div#block-a table.title2 td.a4th{width:70px;}
div#vhcl3 div#block-a table.title2 td.a5th{width:70px;}
div#vhcl3 div#block-a table.title2 td.a6th{width:70px;}

div#vhcl3 div#block-a table.type2 td.a2nd{width:100px;}
div#vhcl3 div#block-a table.type2 td.a3rd{width:70px;}
div#vhcl3 div#block-a table.type2 td.a4th{width:70px;}
div#vhcl3 div#block-a table.type2 td.a5th{width:70px;}
div#vhcl3 div#block-a table.type2 td.a6th{width:70px;}

div#vhcl3 div#block-c table.title2 p{text-align:center;}
div#vhcl3 div#block-c table.title2 td{vertical-align:middle;background:#DDEFCB;}
div#vhcl3 div#block-c table.title2 td.a1st{width:auto;background:#FFF;}
div#vhcl3 div#block-c table.title2 td.a2nd{width:120px;}
div#vhcl3 div#block-c table.title2 td.a3rd{width:160px;}
div#vhcl3 div#block-c table.title2 td.a4th{width:80px;}

div#vhcl3 div#block-c table.type2 td.a2nd{width:120px;}
div#vhcl3 div#block-c table.type2 td.a3rd{width:160px;}
div#vhcl3 div#block-c table.type2 td.a4th{width:80px;}

/* 車 */
div#vhcl4 div#block-c td.a1st{width:70px;}
div#vhcl4 div#block-c td.a2nd{width:70px;}
div#vhcl4 div#block-c td.a3rd{width:60px;}
div#vhcl4 div#block-c td.a4th{width:auto;}

/****************************************/
/* エリア別 */
/****************************************/

/* 村上・新発田 */
/****************************************/
div#area1 div#block-d iframe{height:360px;}
div#vhcl3 div#area4 div#block-d iframe{height:360px;}

/* 新潟・阿賀 */
/****************************************/
div#area2 div#block-d iframe{height:1320px;}
div#vhcl3 div#area1 div#block-d iframe{height:1320px;}

/* 弥彦・三条 */
/****************************************/
div#area3 div#block-d iframe{height:600px;}

/* 長岡・柏崎 */
/****************************************/
div#area4 div#block-d iframe{height:630px;}

/* 湯沢・魚沼 */
/****************************************/
div#area5 div#block-d iframe{height:1515px;}

/* 妙高・上越 */
/****************************************/
div#area6 div#block-d iframe{height:785px;}

/* 庄内 */
/****************************************/
div#area7 div#block-d iframe{height:1390px;}
div#vhcl3 div#area2 div#block-d iframe{height:1390px;}
div#vhcl3 div#area5 div#block-d iframe{height:1390px;}

/* 佐渡 */
/****************************************/
div#vhcl3 div#area3 div#block-d iframe{height:680px;}



/****************************************/