@charset "utf-8";
@import "layout.css";

div.contWrap {padding: 20px 0 0 17px;}
div.contWrap01 {padding: 30px 0 0 0;}

h2.blank {height: 44px;}

h4.tit02 {position: relative; background: url('../images/common/icon_bullet_01.gif') no-repeat 0 4px; padding-left: 15px; font-weight: bold; font-size: 1.165em;}
h4.tit02 span {position: absolute; right: 0; top: 0; font-size: 0.857em; font-weight: normal;}
h4.tit02 select {width: 185px; height: 20px;}
h4.tit03 {background: url('../images/common/icon_bullet_02.gif') no-repeat 0 4px; padding-left: 15px; margin: 20px 0 5px; font-weight: bold; font-family: 0.916em; letter-spacing: 0;}
div.mapArea {border: 1px solid #eaeaea; text-align: center; margin: 20px 0 13px;}
button.go {background: none; padding: 0; margin: 0; border: 0; font-size: 0; position: relative; top: 6px; #top: 0;}
input.go { position: relative; top: 6px; #top: 5px;}

h5.tit {position: relative; background: url('../images/common/icon_bullet_02.gif') no-repeat 0 4px; padding-left: 15px; font-weight: bold; font-size: 1.165em;}

table.ctable a {color: #4b7ba6}

ul.privacy {margin: 10px 0 30px 10px;}
ul.privacy li {color: #5e5e5e; line-height: 1.8em;}

dl.privacy { width: 600px; overflow: hidden; padding: 5px 0 0 10px;}
dl.privacy dt {float: left; width: 58px; clear: left; padding-bottom: 8px;}
dl.privacy dd {float: left; width: 540px; padding-bottom: 8px;}
dl.privacy dd a {color: #5e5e5e;}

div.viewer {background: url('../images/etc/bg_viewer.jpg') no-repeat right bottom; padding-bottom: 12px;}
div.viewer dl {border-top: 1px solid #e2e2e2; width: 484px; overflow: hidden; padding-top: 23px;}
div.viewer dl.first {border-top: 0; padding: 0;}
div.viewer dl dt {float: left; width: 59px;}
div.viewer dl dd {float: left; width: 425px;}
div.viewer dl dd h4 {position: relative; height: 29px;}
div.viewer dl dd h4 a {position: absolute; right: 0; top: -4px;}
div.viewer dl.first dd h4 a {position: absolute; right: 0; top: 0px;}
div.viewer dl dd p {padding-bottom: 24px;}

div.outlineMap {padding-bottom: 5px;}

div.weatherWrap {width: 650px; height: 650px;}
div.weatherWrap h1 {padding: 19px 0;}
div.weatherMap {position: relative; background: url('../images/etc/weather_map.jpg') no-repeat 0 0; width: 612px; height: 514px; margin: 0 auto;}
div.weatherMap div {position: absolute;}
div.weatherMap div.today {right: 20px; top: 16px; color: #595959; font-weight: bold;}
div.weatherMap ul li {position: absolute; font-size: 0.83em; color: #fff; text-align: center; letter-spacing: 0;}
div.weatherMap ul li.sea {color: #285988;}
div.weatherMap ul li img {vertical-align: middle;}

div.weatherMap ul li#park01 {top: 65px; left: 241px;}
div.weatherMap ul li#park02 {top: 35px; left: 318px;}
div.weatherMap ul li#park03 {top: 78px; left: 362px;}
div.weatherMap ul li#park04 {top: 92px; left: 311px;}
div.weatherMap ul li#park05 {top: 117px; left: 124px;}
div.weatherMap ul li#park06 {top: 136px; left: 279px;}
div.weatherMap ul li#park07 {top: 161px; left: 221px;}
div.weatherMap ul li#park08 {top: 152px; left: 352px;}
div.weatherMap ul li#park09 {top: 182px; left: 297px;}
div.weatherMap ul li#park10 {top: 196px; left: 362px;}
div.weatherMap ul li#park11 {top: 222px; left: 103px;}
div.weatherMap ul li#park12 {top: 227px; left: 282px;}
div.weatherMap ul li#park13 {top: 244px; left: 337px;}
div.weatherMap ul li#park14 {top: 237px; left: 413px;}
div.weatherMap ul li#park15 {top: 248px; left: 222px;}
div.weatherMap ul li#park16 {top: 279px; left: 290px;}
div.weatherMap ul li#park17 {top: 301px; left: 227px;}
div.weatherMap ul li#park18 {top: 332px; left: 361px;}
div.weatherMap ul li#park19 {top: 387px; left: 141px;}
div.weatherMap ul li#park20 {top: 458px; left: 186px;}

div.weatherMap div.btn {right: 16px; bottom: 19px; font-size: 0;}
div.weatherFoot {margin: 10px 0 0 17px; position: relative; font-size: 0;}
div.weatherFoot a {position: absolute; right: 19px; top: 0;}

/* sitemap */
div.mapWrap {overflow: hidden;}
div.mapArea01 {float: left; margin-left: 39px; width: 148px; overflow: hidden;}
div.mapArea01 h4 {background: url('../images/etc/bg_sitemap_01.gif') no-repeat 0 0; width: 142px; height: 24px; padding: 4px 0 0 6px; margin-bottom: 2px; font-weight:bold; font-size: 0.916em; color: #fff;}
div.mapArea01 h4 a {color: #fff;}

div.mapArea01 h4.site01 {background: url('../images/etc/bg_sitemap_01.gif') no-repeat 0 0;}
div.mapArea01 h4.site02 {background: url('../images/etc/bg_sitemap_02.gif') no-repeat 0 0;}
div.mapArea01 h4.site03 {background: url('../images/etc/bg_sitemap_03.gif') no-repeat 0 0;}
div.mapArea01 h4.site04 {background: url('../images/etc/bg_sitemap_04.gif') no-repeat 0 0;}
div.mapArea01 h4.site05 {background: url('../images/etc/bg_sitemap_05.gif') no-repeat 0 0;}
div.mapArea01 h4.site06 {background: url('../images/etc/bg_sitemap_06.gif') no-repeat 0 0;}

div.mapArea01 strong {color: #4b7ba6;}
div.mapArea01 ul li {border-top: 1px solid #b3bec7; padding: 3px 0 7px 0; font-size: 0.916em; line-height: 1.3em;}
div.mapArea01 ul li a {color: #5584ad; display: block; padding-left: 8px;}
div.mapArea01 ul li.first-child {border-top: 0;}
div.mapArea01 ul li ul {border-top: 1px solid #b3bec7; margin-top: 5px;}
div.mapArea01 ul li ul li {border-top: 0; padding: 5px 0;}
div.mapArea01 ul li ul li.activities {letter-spacing: -1px;}
div.mapArea01 ul.doubleline {height: 249px;}

div.mapArea01 ul.info strong {color: #32533e}
div.mapArea01 ul.about strong, div.mapArea01 ul.about a {color: #38694a;}

div.mapAreaFirst {margin-left: 15px;}