/* CSS Document */

body {background:#BFDFFF;}
a:link {color:#000066;}
a:visited {color:#663377;}
a:hover, a:active {color:#660033;}
a img {border:none;}

h1 {background:#0066CC url(g/parts/header_blue_gradation.gif); color:#ECECFF; font-size:180%; padding:25px 3px 3px 5px; margin:5px 0 0 0;}
h1 a:link, 
h1 a:visited {color:#ECECFF;}
h2 {font-size:x-large; color:#444466; font-weight:bold;  background:#99CCFF; padding:12px 6px 85px 6px; margin:0 0 15px 0;}
h2.tokyosapporo {background:#99CCFF url(g/parts/banner_721sea.jpg) no-repeat; background-position:105% 80%;}
h2.default {background:#99CCFF url(g/parts/banner_otaru.jpg) no-repeat; background-position:95% 95%;}
h3 {background:#99CCFF; margin:15px 0 10px 0; border-top:6px solid #0066CC; padding:5px; font-size:x-large;}
h3.example, 
h4.plan {background-color:#CBC4E8; border-color:#C280CA;}
h3.railway, 
h4.railway2 {background-color:#99CCDD; border-color:#006677;}
h3.bus, 
h4.bus2 {background-color:#AAB9E2; border-color:#908DC0;}
h3.airplane, 
h4.airplane {background-color:#98CEEF; border-color:#2E9DCD;}
h4 {background-color:#99CCFF; padding:6px; padding-left:10px; margin-left:10px; margin-top:35px; color:#333333; font-weight:normal;}
h4.plan, h4.railway2, h4.bus2, h4.ferry2, h4.airplane {margin-bottom:0;}
h4 a, div#tyo h4, div#info h4, div#bag h4, div#extratrains h4, div#otarumap h4, div#winter h4
{font-weight:bold;}
h4.plan {border:1px solid #C280CA; border-bottom:0;}
h4.railway2 {border:1px solid #006677; border-bottom:0;}
h4.bus2 {border:1px solid #908DC0; border-bottom:0;}
h4.ferry2 {border:1px solid #0066CC; border-bottom:0;}
h4.airplane {border:1px solid #2E9DCD; border-bottom:0;}
h4.example {background-color:#CBC4E8;}
h4.railway {background-color:#99CCDD;}
h4.bus {background-color:#AAB9E2;}
div#transport h4 {font-size:100%; font-weight:bold; padding:6px 0 0 10px; margin:20px 0 0 10px; background:#BFDFFF;}
h5.frame {margin:5px 0;}
div#access h5 {color:#333333; font-weight:bold; font-size:100%; margin:35px 0 10px 20px;}

br.clear {clear:both;}

div.plan, 
div.railway, 
div.ferry, 
div.bus, 
div.airplane {margin:0 0 15px 10px; padding:10px; background-color:#B2D6F8;}
div.plan {border:1px solid #C280CA; border-top:0;}
div.railway {border:1px solid #006677; border-top:0;}
div.ferry {border:1px solid #0066CC; border-top:0;}
div.bus {border:1px solid #908DC0; border-top:0;}
div.airplane {border:1px solid #2E9DCD; border-top:0;}
div.subnav table {padding:0; border-collapse:collapse; width:728px;}
div.subnav table td {margin:0; padding:0; white-space:nowrap;}
div.subnav {margin:0; padding:0; background:#6AB5FF url(g/parts/nav_blue_gradation.gif);}
div#update {font-size:small; padding:0px; margin:0px; text-align:right;}
div.footer {margin:50px 0 0 0; padding:0;}
div.footer .navp {background:#6AB5FF url(g/parts/nav_bottom_blue_gradation.gif); background-position:0% 20%;}
div.footer2 {background:#0066CC url(g/parts/footer_blue_gradation.gif); background-position:0% 60%; color:#FFFFFF; padding:6px 8px; font-size:small; color:#ddd;}
div.footer2 .title {display:block; float:left; font-weight:bold;}
div.footer2 .description {display:block; float:right;}
div.footer2 a, 
div.footer2 a:visited {color:#ddd;}

fieldset.default {margin:10px 10px 10px 20px; padding:10px; background:#B2D6F8;}
fieldset.default a img {margin:5px 4px 5px 0;}
fieldset.item2 {margin:0; padding:10px; background:#B2D6F8;}

img.condition {vertical-align:middle; margin-right:3px;}
img.conditions {vertical-align:middle;}
img.default {margin:0 0 2px 2px; border:1px solid #6995BB;}
img.frame {border:solid #BFDFFF; border-width:0 0 5px 5px;}
img.icon-plus {margin-right:5px;}
img.img-top {width:720px; height:169px; position:absolute; top:0; left:50%; right:50%; padding:0; margin-top:0; margin-bottom:0; margin-left:-360px; z-index:-1;}
img.link-down {vertical-align:middle; margin:0 5px 0 0;}

p {padding-left:20px; padding-right:5px; line-height:130%;}

span.daytime {background-color:#C4E6FF; color:#666666;}
span.night {background-color:#330099; color:#FFFF99;}
span.daytime, 
span.night {border:1px solid #666666; margin:2px; padding:1px; font-size:smaller; font-weight:bold; vertical-align:middle;}
span.onoff a {color:#333333; font-weight:normal;}

table.chklist {margin:0;}
table.chklist td {padding:0; font-size:small; }
table.chklist input {margin:0; padding:0;}
table.column {background-color:#BCC8E7; margin:0 0 15px 20px; border:solid #A6BED6; border-width:0px 4px 4px 0px;}
table.column td {padding:10px;}
table.column p {padding:0;}
table.column h3 {background-color:#AFB7DC; padding:5px; margin:0 0 20px 0; font-weight:bold; border-top: 5px solid; border-color:#666699;}
table.column h4 {background-color:#BCC8E7; padding:0; margin:0 0 10px 0; font-weight:bold;}
table.column ul {margin:0 0 0 1.5em; padding:0;}
table.column-layout {font-size:small;}
table.column-layout td {margin:0; padding:5px;}
table.column table.default {background-color:#AFB7DC;}
table.default {margin-left:20px; border:1px solid #99AABB; border-collapse:collapse; background-color:#B2D6F8;}
table.default th,
table.default td {border:1px solid #99AABB; margin:0; padding:2px;}
table.event {margin-left:20px; border:1px solid #99AABB; border-collapse:collapse; background-color:#B2D6F8;}
table.event th {border:1px solid #99AABB; padding:5px; font-size:85%; white-space:nowrap;}
table.event td {border:1px solid #99AABB; padding:5px; font-size:85%;}
table.event li {margin:10px 0 10px 15px;}
table.frame {font-size:small; border:1px solid #778899; border-collapse:collapse; background-color:#A6D0F1; margin:0 0 20px 20px;}
table.frame th,
table.frame td {border:1px solid #778899; margin:0; padding:4px;}
table.gallery {margin-left:20px; background-color:#B2D6F8; border-collapse:collapse;}
table.gallery td,
table.gallery th {vertical-align:top; font-size:small; border:12px solid #B2D6F8;}
table.gallery td img {padding-bottom:3px;}
table.item {width:728px; margin-left:20px; border-top:1px solid #0066CC; background-color:#B2D6F8; font-size:small;}
table.item td,
table.item th {vertical-align:top; padding:8px; line-height:130%; border-bottom:1px solid #0066CC;}
table.item h4 {background-color:#B2D6F8; margin:0; padding:0; font-weight:bold;}
table.item th {background-color:#9ECDF8;}
table.item-l {width:728px; margin-left:20px; border-top:1px solid #0066CC; background-color:#B2D6F8;}
table.item-l td,
table.item-l th {vertical-align:top; padding:14px; line-height:140%; border-bottom:1px solid #0066CC;}
table.item-l th {text-align:left; background-color:#9ECDF8;}
table.item-l h4 {background-color:#B2D6F8; margin:0; padding:0; font-weight:bold;}
table.layout {margin-left:20px;}
table.layout td {vertical-align:top; line-height:130%;}
table.legend {border:1px solid #A6BED6; font-size:small; margin:0 0 5px 20px; background-color:#C2D0E4; border-collapse:collapse;}
table.legend td {line-height:100%; padding:3px;}
table.liquid {width:240px; height:220px; border:1px solid #95B8E8; margin:0 10px 12px 0; background:#B2D6F8; border-collapse:collapse; float:left; font-size:80%; }
table.liquid td {vertical-align:top; }
table.liquid h4 {margin:0px; weight:bold;}
table.nav td {vertical-align:top;}
table.nav td.item1,
table.nav td.item2 {vertical-align:top;}
table.nav td.item3,
table.nav td.item4, 
table.nav td.item5 {font-size:small;}
table.quote {border:solid #A0C0E6; border-width:1px 0; border-collapse:collapse; background-color:#A6D0F1; margin-bottom:10px;}
table.quote td {padding:2px 4px; font-size:small; vertical-align:top; border-top:1px solid #A0C0E6;}
table.table-th-left th {text-align:left;}
table.table-cell-center td {text-align:center;}
table th {background-color:#9ECDF8;}
table tfoot td {background-color:#9ECDF8;}

dl.default {margin:5px 5px 5px 20px;}
dl.default dt {font-weight:bold; margin:15px 0 0 0;}
dl.default dd {margin:7px 0 7px 20px;}
dl.default ul {margin:0; padding-left:25px;}
ul.default,
ul.others,
ol.default,
div#tyo table.notice-box li,
ul.noicon {line-height:155%;}
ul ul ul {padding-bottom:4px;}
ul ul, ul ol {font-size:90%;}
ul ul ul li {font-size:small; line-height:145% !important;} 
ul ul ul ul li {list-style-type:circle;} 
ul ul ul ul ul li {list-style-type:square;}
ul.link li, 
li.link, 
ul.link-uni li {background-image:url(g/icon/icon_arrow.gif); padding-left:18px; background-repeat:no-repeat; background-position:left 6px; list-style:none;}
ul.link-intl ul {margin:0 15px;}
ul.link-intl li, 
ul.link li.link-intl, 
ul.link-uni li.link-intl, 
li.link-intl {background-image:url(g/icon/icon_arrow_down.gif); padding-left:18px; background-repeat:no-repeat; background-position:left 6px; list-style:none;}
ul.link-uni,
ul.link-uni ul {margin-left:0;}
li.m10 {margin:10px 0;}
ul.noicon {list-style-type:none; margin:0; padding:0;}

ul#pulldown-menu {margin:0; padding:0;} 
ul#pulldown-menu ul {margin-left:0; padding-left:0;}
ul#pulldown-menu a {color:#000066; padding:0 7px; border:solid #99CCFF; border-width:0 0 0 3px; text-decoration:underline;}
ul#pulldown-menu a,
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {background:#6AB5FF url(g/parts/nav_blue_gradation.gif);}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {background:#88C3FF; color:#660033;}
ul#pulldown-menu li {float:left; position:relative; margin:0 /*0.5em*/; width:6.5em; height:2em; font-weight:bold; line-height:2em; list-style-type:none;}
ul#pulldown-menu li a {display:block; width:10.6em; height:2em;}
ul#pulldown-menu li ul {display:none;} /* 下層のメニューを不可視に */
ul#pulldown-menu li:hover ul {display:block; position:relative; margin:0; width:11.8em; border:solid #95B8E8; border-width:0 3px 3px 1px; /*left:0px;*/ z-index:100;}/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li ul li {float:none; /*font-weight:bold;*/}
ul#pulldown-menu li ul a:link, 
ul#pulldown-menu li ul a:visited {background:#88C3FF;}
ul#pulldown-menu li ul a:hover {background:#99CCFF}
ul#pulldown-menu a.dummy:hover {background:#6AB5FF url(g/parts/nav_blue_gradation.gif);}
ul#pulldown-menu a.dummy {width:4.1em;}

ul.navp {background:#6AB5FF url(g/parts/nav_blue_gradation.gif); margin:0; padding:0 7px;}
ul.navp li,
ul.navp ul,
ul.navp li ul li,
ul#pulldown-menu  {display:inline; margin:0; padding:0; font-weight:bold; line-height:2em;}
ul.navp li ul li ul li ul li {font-size:normal}
ul.navp ul li {font-size:100%;}

.area {font-size:small;	font-weight:bold; color:#444444;}
.clear {clear:both;}
.comment {font-size:small; margin-left:15px; margin-top:15px; margin-bottom:15px; padding-left:10px;}
.conditions {font-size:x-small;	font-weight:normal; color:#555;}
.day {background-color:#C8D7F2; border:1px solid #A2B0C4; padding:1px 0 1px 3px; margin-bottom:2px; width:88px; color:#555;}
.font-s {font-size:small;} 
.font-xs {font-size:x-small;}
.font-xxs {font-size:xx-small;}
.font-weight-n {font-weight:normal;}
.font-weight-b {font-weight:bold;}
.link-btn-s {font-size:small; font-weight:bold; background:url(g/parts/nav_bottom_blue_gradation.gif); padding:3px 4px 2px 4px; border:1px solid; border-color:#ECECFF #39658B #39658B #ECECFF;}
.margin-l-default {margin-left:20px;}
.m0 {margin-left:0;}
.markerb {background-color:#6699FF; font-weight:bold; margin:2px; padding:1px 3px; border:1px solid #000000;}
.method {font-size:x-small; letter-spacing:0pt; color:#555555;}
.notice {font-size:small; font-weight:bold; color:#663333;}
.note {color:#CC00FF}
.onoff {border:3px outset; border-color:#A6D3EC; font-size:small; padding:3px;}
.price {font-weight:bold; color:#330066; background-color:#CCCCFF; border:1px dotted; border-color:#AD9EDE; padding:1px 3px; margin-left:2px; line-height:normal;}
.print-frame {border:5px dashed #EEEEEE;}
.print-frame-white {border:5px dashed #FFFFFF;}
.print-p {font-size:x-small; color:#999999; text-align:right; margin:0; padding:0;}
.shadow {color:#666666;}
.time {background-color:#D2E0F4; border:1px solid #C2D0E4; padding:3px;}
.title {font-weight:bold;}
.weather_link {display:none;}

.l-jrhokkaido {background-color:#2cb431;}
.l-jreast {background-color:#0c8c11;}
.l-hakodate1 {background-color:#0072bc;}
.l-hakodate2 {background-color:#ed1c23;}
.l-hakodate3 {background-color:#f7931d;}
.l-sekisho {background-color:#8cc63e;}
.l-nemuro {background-color:#f6989d;}
.l-chitose {background-color:#00b2eb;}
.l-joban,
.l-igr {background-color:blue;}
.l-joetsu {background-color:deepskyblue;}
.l-tohoku,
.l-gono {background-color:green;}
.l-ohu, 
.l-takasaki {background-color:orange;}
.l-uetsu, 
.l-tsugaru {background-color:skyblue;}
.l-hanawa {background-color:red;}
.l-hakushin {background-color:#FF99cc;}
.l-shinetsu {background-color:yellowgreen;}
.l-gray {background-color:#CCCCCC;}

#tab li {list-style-type:none; float:left;}
#tab {overflow:hidden; width:800px; margin-bottom:0;}
#tab li { display:block; border:3px solid #99CCFF; border-bottom:0; width:200px; padding:5px; margin:0 20px 0 0; background-color:#99CCFF; font-size:large; font-weight:bold; text-align:center;}
#tab li.present {border-color:#0066CC;}
#tab2 li {list-style-type:none; float:left;}
#tab2 {overflow:hidden;	width:840px; margin-top:25px; margin-bottom:0;}
ul#tab2 li a {display:block; border:3px solid #99CCFF; border-bottom:0; width:110px; height:38px; padding:0; margin:0 5px 0 0; background-color:#99CCFF; font-size:large; font-weight:bold; text-align:center; line-height:38px;}
#tab2 li a:hover, 
#tab2 li.present a {border-color:#0066CC;}



/*トップ*/
div#top {text-align:center;}
div#top h1.title {color:#007D7F; background:inherit; font-size:medium; font-weight:bold; padding:0;}
div#top div.description {color:#5F4400; margin:15px;}
div#top table.layout {margin:50px auto 0 auto; width:728px; border:0; border-collapse:collapse;}
div#top table.layout td {padding:0;}
div#top table.item1 td {vertical-align:top; padding:5px 0 5px 3px;} 
div#top table.item1 li {margin:5px;}
div#top h2 {font-size:medium; margin:0; padding:5px 0; background:#E0D5C2; width:90%; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:0;}/*データベースリンクタイトル*/
div#top table.item3 {width:90%; line-height:110%; background:#F6ECDA; border:1px solid #E0D5C2;} /*データベースリンク*/
div#top table.item3 td {padding:3px; vertical-align:top; font-size:x-small;} 
div#top table.item3 h3 {font-size:small; margin:3px 0 0 0; padding:0; border:0; background:inherit; border:solid #E0D5C2; border-width:0 0 2px 0;}
div#top table.item3 h4 {font-size:x-small; margin:14px 0 0 0; padding:0; background:inherit;}
div#top table.item3 h5 {font-size:x-small; margin:8px 0 0 0; padding:0; font-weight:bold; }
div#top table.item3 table {margin:0; line-height:104%;}
div#top .square {font-size:x-small; margin-right:1px; color:#6995BB;}
div#top ul.external-site li,
div#top ul.event li {font-size:85%;}
div#top ul.external-site, 
div#top ul.event {margin:0; padding:0 0 0 15px; line-height:100%; }
div#top ul.event {overflow:auto; height:130px; border:1px solid #E0D5C2;}
div#top ul.event li {line-height:100%; margin:8px 0 0 5px;}
div#top ul.event ul {margin:0 0 0 17px;}
div#top ul.event ul li {margin:4px 0 0 0;}

/*小樽の地図*/
p.maps {white-space:nowrap; padding:4px 10px; font-weight:bold; background:#99CCFF url(g/parts/nav_bottom_blue_gradation.gif); background-position:0% 0%; border:1px solid #6AB5FF;}
p.maps a {padding:4px;}
p.maps a:hover {background:#AAD5FF;}
div#otarumap table.map-static, div#otarumap table.map-static td {border:0px; margin:0px; padding:0px;}
div#otarumap img.map-static {width:2000px; height:2000px; border:0px; margin:0px; padding:0px;}
div#otarumap table.item {width:100%; margin:0 0 0 20px;} /* table.item */
div#otarumap th {width:10%;}
div#otarumap td.description {width:38%;}
div#otarumap ul.index {margin:0;}

/*小樽の宿泊施設*/
div#hotels table {border-collapse:collapse; margin:0 0 40px 0;}
div#hotels td {background:#B2D6F8; margin:0; padding:0; line-height:140%; font-size:90%; vertical-align:top;}
div#hotels td.header {background:#99CCFF; width:46%; padding:6px; border:solid #BFDFFF; font-size:100%; border-width:20px 0 0 0;}
div#hotels td.blank {background:#BFDFFF; white-space:nowrap;}
div#hotels td p {margin:8px; padding:0;}
div#hotels img.map {width:320px; height:240px;}

/*地図・ガイド*/
div#maps-and-books th {width:10%;}
div#maps-and-books td.description {width:38%;}

/*心得・持ち物リスト・準備ほか*/
div#basics h5 {margin:0 0 3px 0; padding:0; font-size:medium; border:solid #666666; border-width:0 0 1px 0;}
div#basics dt {margin:0;}
div#basics dd {font-size:small; color:#666666; line-height:110%;margin-bottom:3px;}
div#basics td.layout3 {width:33%; padding-right:15px;}
div#basics table.layout td {background:#B2D6F8; padding:8px; margin:3px;}

/*旅行カバン・バッグについて*/
div#bag table.table-products {margin:3px 0 15px 0px; background-color:#B2D6F8; border-collapse:collapse;}
div#bag table.table-products th {background-color:#FFFFFF; width:140px; border:7px solid #B2D6F8;}
div#bag table.table-products td {font-size:small; vertical-align:top; width:140px; line-height:120%; border:7px solid #B2D6F8;}

/*TVラジオ*/
table.remote-header {background-color:#FFFFFF; width:100%;}
table.remote-header td {text-align:center; padding:1px; background-color:#CCCCCC; font-weight:bold; font-family:"HGS創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","HGS創英角ｺﾞｼｯｸUB","HGP創英角ｺﾞｼｯｸUB","ＤＦ特太ゴシック体"}
table.remote {background-color:#FFFFFF;}
table.remote td {border-spacing:10px; margin:0px; padding:3px; border:2px solid #000000; text-align:center; height:55px; width:80px; vertical-align:top;}
table.remote div.channel {font-size:large; font-weight:bold; font-family:Verdana, Tahoma, Arial;}
table.remote div.tvstation {font-size:14px; font-family:"HGS創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸUB","HGS創英角ｺﾞｼｯｸUB","HGP創英角ｺﾞｼｯｸUB","ＤＦ特太ゴシック体"}
table.remote div.tvstation2 {font-size:xx-small;}

/*小樽のバス*/
div#otarubus table.border0 td {border:0;}
div#otarubus .destination {font-size:110%; font-weight:bold;}
div#otarubus .routenum {font-size:110%; font-weight:bold; width:20px; color:#0F00DD; border:2px solid #0F00DD; padding:1px 0 1px 1px;}
div#otarubus table.default {border:2px solid #778899;}
div#otarubus table.default th,
div#otarubus table.default td {border-color:#778899 #ACBCCF; padding:2px 3px;}
div#otarubus table.default th,
div#otarubus table.default td.border-bottom {border-bottom:2px solid #778899;}

/*東京札幌トップ*/
div#tyo div.notice-box {height:130px; overflow:auto; border:1px solid #999999; background-color:#B2D6F8;}
div#tyo table.notice-box {font-size:small; margin:5px;}
div#tyo table.notice-box td {vertical-align:top;}
div#tyo table.notice-box ul {margin-top:0;} /* padding-left:20px; IE NG*/
div#tyo ul.others {margin:0; margin-left:15px;}
div#tyo #tab2 li a {width:108px;}
div#tyo p.description {font-size:small; margin:0; padding:0;}
div#tyo p.schedule {border:1px solid #A6BED6; font-size:small; margin:10px 0 0 0; padding:0 4px; background-color:#B6CEE6;}
p.legend {width:auto; border:1px solid #A6BED6; font-size:small; padding:4px 4px; background-color:#B6CEE6;}
p.legend img {padding:4px 4px;}

/*駅周辺ガイド*/
div#sta-guide table.layout-guide {margin:0 10px 15px 20px; font-size:smaller; border:1px solid #333333; width:98%;}
div#sta-guide td.layout-guide {padding:0; vertical-align:top;}
div#sta-guide td.layout-guide-end {padding:0; vertical-align:top;}
div#sta-guide table.layout-guide2 {margin:0 0 15px 20px; font-size:smaller; border:0; width:1053px;}
div#sta-guide td.frame-top {margin:0; padding:0; border:1px solid #333333; border-bottom:0; vertical-align:top; width:250px;}
div#sta-guide td.frame-botttom {margin:0; padding:0; border:1px solid #333333; border-top:0;}
div#sta-guide td.blank {width:15px;}
div#sta-guide h4 {margin:0;}
div#sta-guide h4 .title {padding-right:30px;}
div#sta-guide h4 span.map, 
div#sta-guide h4 span.map a {font-size:x-small; margin:3px 0 0 4px; font-weight:normal;}
div#sta-guide ul {padding-left:4px; margin:3px 5px 3px 20px; font-size:small;}
div#sta-guide li {line-height:150%;}
div#sta-guide img.fix {width:256px; height:192px;}
div#sta-guide img.chizumado {width:250px; height:250px; border:0;}
div#sta-guide img.default {border:0; margin:0;}

/*スポットガイド*/
div#spots div {clear:both;}
div#spots h3 {clear:both;}
div#spots h4 {font-weight:bold; padding:5px 8px; margin:10px 0 10px 0; clear:both;}
div#spots table.layout {width:320px; border:1px solid #95B8E8; margin:0 10px 12px 0; background:#B2D6F8; border-collapse:collapse; float:left;}
div#spots #HokkaidoOtaru table.layout  {height:415px;} 
div#spots #HokkaidoSapporo table.layout,
div#spots #HokkaidoDonan table.layout {height:399px;} 
div#spots #TohokuNorth table.layout,
div#spots #TohokuSendai table.layout {height:383px;} 
div#spots #Uetsu table.layout {height:371px;} /*画像有の最小*/
div#spots #Joban table.layout {height:367px;}
div#spots #TohokuSouth table.layout,
div#spots #Takasaki table.layout {height:314px;} /*テキスト2行*/
div#spots table.title {background:#99CCFF; width:100%; margin:0;}
div#spots td.title-l {width:26px;}
div#spots td.title-c {font-size:medium; font-weight:bold; padding:2px;}
div#spots td.title-r {text-align:right; padding:2px;}
div#spots td {vertical-align:top; font-size:small; padding:0;}
div#spots td table td {vertical-align:middle;}
div#spots td.map {vertical-align:bottom; height:240px;}
div#spots table p {margin:0px; padding:4px;}
div#spots table p img {margin:0 0 2px 2px; border:1px solid #6995BB;}
div#spots span.station {font-weight:bold; background:#B6CEE6; padding:1px; border:1px solid #000000; white-space:nowrap;}
div#spots img.icon {vertical-align:middle; margin-left:3px; margin-right:3px;}
div#spots img.fix {border:0;}
div#spots div {zoom:100%;}
div#spots div:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}

/*交通手段比較*/
div#transport td.item3 {background:#FFFFCC;}
div#transport td.item4 {background:#FFCCBB;}
div#transport td.item5 {background:#FF9999;}

/*旅の写真と記録*/
div#photos-and-notes table.layout {border-collapse:collapse;}
div#photos-and-notes table.layout td {padding:0;}
div#photos-and-notes table.layout td.description {background:#B2D6F8;}
div#photos-and-notes h3 {background:#88C3FF; border:0; font-size:100%; margin:0; padding:5px 0 5px 10px;}
div#photos-and-notes table h4 {margin:0;}
div#photos-and-notes table p {padding:5px 10px; margin:0; font-size:small;}

/*旅の写真と記録 ギャラリー*/
div#gallery table {margin-left:35px;}
div#gallery table td, 
div#gallery table th {padding:10px; vertical-align:top;}
div#gallery table td img {padding-bottom:3px;}

/*臨時列車*/
div#extratrains h5 {margin-top:20px; margin-bottom:6px;}

/*カレンダー*/
div#calendar table.legend td {padding:10px; width:100px; border:1px solid #99AABB; border-collapse:collapse; background-color:#B2D6F8; font-weight:bold; text-align:center;}
div#calendar table.default {margin-top:25px;}
div#calendar table.default th {padding:7px;}
div#calendar table.default td {width:14%; height:110px; padding:5px; vertical-align:top; font-size:small;}
div#calendar table.default p {margin:0; padding:0;}
div#calendar table.default .day {line-height:100%; font-size:large; font-weight:bold; font-family:Verdana, sans-serif; background:none; margin:0; padding:0 0 3px 0; border:0;}
div#calendar table.default .day-sun {color:#990033;}
div#calendar table.default .day-sat {color:#000099;}
div#calendar table td.item3 {background:#FFFFCC;}
div#calendar table td.item4 {background:#FFCCBB;}
div#calendar table td.item5 {background:#FF9999;}

/*盛岡駅 JR⇔IGR乗り換えガイド*/
div#morioka h3 {margin:0;}
div#morioka table.noprint2 td {padding:0;}
div#morioka #tab2 li a {margin:0 15px 0 0; width:180px;}
div#morioka div.layout {float:left; margin:10px; padding:10px; background:#B2D6F8;}
div#morioka h5 {margin:0; font-size:100%;}
div#morioka img.morioka1, 
div#morioka img.morioka2, 
div#morioka img.map, 
div#morioka img.img-s {border:3px solid #6995BB; padding:0; margin:0;}
div#morioka table.layout td {margin:0; padding:0;}
div#morioka table.morioka {border:3px solid #6995BB; border-collapse:collapse; margin:20px; background:#B2D6F8;}
div#morioka table.morioka td {border-color:#A0C0E6; border-style:dotted solid; padding:14px; border-width:0 1px 8px 0; width:340px;}
div#morioka table.morioka td.item {border-color:#6995BB; border-style:solid; width:30px; padding:14px 10px; border-width:0 0 0 2px; color:#39658B; background:#9ECDF8; font:bold x-large verdana; text-align:right;}
div#morioka table.morioka th {border:1px solid #6995BB; border-width:1px 1px 1px 0; }
div#morioka a.item {font-size:large;}
div#morioka a.item:hover {background:#BFDFFF;}

/*時刻表について*/
div#timetable table.index-frame {margin-left:20px; background:#FFFFFF; border:5px dashed #CCCCCC;}
div#timetable table.default thead th {padding:6px;}
div#timetable table.default tbody th, 
div#timetable table.default tbody td {font-size:small; text-align:center;}
div#timetable table.default tbody tr.title {font-size:100%; background-color:#9ECDF8;}
div#timetable table.default tbody td.title {font-size:100%; text-align:left; background-color:#9ECDF8;}
div#timetable table.default tfoot td {text-align:center; font-weight:bold;}
div#timetable table.default img {margin:0 0 2px 0;}
div#timetable td.index-cell-route,
div#timetable td.index-cell-route-r,
div#timetable td.index-cell-main,
div#timetable td.index-cell-main-route {text-align:center; padding:3px 0; vertical-align:top;}
div#timetable table.index {border-collapse:collapse; margin:5px;}
div#timetable .border-bottom1 {border-bottom:1px solid #000000;}
div#timetable .border-left1 {border-left:1px solid #000000;}
div#timetable .border-right1 {border-right:1px solid #000000;}
div#timetable .border-top1 {border-top:1px solid #000000;}
div#timetable td.index-cell-route {border-right:1px solid #FFFFFF;}
div#timetable td.index-cell-route-r {border-left:1px solid #FFFFFF;}
div#timetable td.index-line {width:3px;}
div#timetable .index-dot {line-height:4px;}
div#timetable .index-bar {font-size:5px; line-height:4px;}
div#timetable td.index-cell-side2 {width:10px;}
div#timetable td.index-cell-side {width:20px;}
div#timetable td.index-cell-center {width:3px; font-size:1px;}
div#timetable td.index-cell2 {height:3px; font-size:3px;}
div#timetable td.index-cell-route,
div#timetable td.index-cell-route-r {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight:bold; font-size: x-small;}
div#timetable td.index-cell-main {height:90px; font-size:x-small; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; letter-spacing:0;}
div#timetable td.index-cell-main-route {height:90px; font-size:x-small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight:bold; letter-spacing:0;}


/*
p.description {border:1px solid #888888; font-size:small; margin:5px 0; margin-left:20px; padding:0;}
table.description2 {margin-left:40px; font-size:small; background-color:#B2D6F8;}
table.description2 td {vertical-align:top;}
*/