/*======================================================== 1: universal reset 2: base setting 3: base contents 4: area layout 5: clearfix 6: text ========================================================*/ /* 1: universal reset ======================================*/ body,div,dl, dt, dd,ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea,p, blockquote, th, td {margin: 0; padding: 0;} ul,ol,li {list-style: none;} img {margin:0; border:0; padding:0;} /* 2: base setting ======================================*/ body,table {font-size: 13px; color: #333; * font-size: small; * font: x-small;} body {text-align: center;} h1,h2,h3, h4,h5,h6 {font-size:100%; font-weight: lighter; margin: 0; padding: 0;} /* 3: base contents ======================================*/ #wrapper {width: 780px; height: auto; text-align: left; margin: 0 auto;} #container {margin-top: 1em;} #container h2 {margin-top: 2px;} #wrapper h1{color:#969696; height: 18px; font-size: 92%; background: url(/inc/img/bg_head.gif); text-align: right; padding-top: 2px; margin: 5px 0 15px;} #wrapper h1 a{color:#969696; text-decoration: none;} .light {font-weight: lighter;} #header {width: 780px; font-size: 13px; color:#969696; height: 112px; background: url(/inc/img/head-bg.gif) bottom no-repeat;} #headLogo {width: 320px; float: left; padding-top: 4px;} #headR {width: 340px; float: left; text-align: right;} #headR p {margin-top: 5px;} #sitemap {background: url(/inc/img/icon_sitemap.gif) no-repeat; padding: 0 0 2px 20px;} #book {background: url(/inc/img/icon_maybook.gif) no-repeat; padding: 0 0 2px 20px;} #gnavi {margin-left: 3px; clear: both;} #gnavi li{float: left; margin: 6px 2px 0 0; * margin: 8px 2px 0 0;} #lnavi {font-weight: bold; margin-left: 13px; clear: both;} #lnavi li{font-size: 92%; float: left; margin-top: 10px;} #lnavi li a{text-decoration:none; color: #0066cc;} #bookmark {text-align: right; margin-bottom: 1px;} #anchor {width: 780px; text-align: right; margin-top: 1em auto; clear: both;} #info {width: 780px; color:#969696; text-align: center; margin: 2em auto 1em;} #info a {color:#969696; text-decoration:none;} #foot {font-size: 77%; font-size: 10px; line-height: 1.7em; margin-top: 20px; text-align: left; clear: both;} #foot h3,#foot h4 {font-weight: bold; clear: both;} #foot img,#foot ul {clear: both;} #foot li {float: left;} #foot a {text-decoration: none; color: #969696;} #foot,#foot2 {width: 780px; color: #969696; margin: 0 auto;} #foot2 {text-align: center; margin-bottom: 15px;} /* 4: area layout ======================================*/ #areaContents {width: 480px; float: right;} #areaContents h3 {width: 458px; height: 27px; color: #fff; background: url(images/title-bar.png) no-repeat; padding: 5px 0 5px 22px; clear: both;} #areaImg {margin-bottom: 1em;} #areaSide {width:290px; float: left;} #areaTitle {width: 480px; height: 56px; background: url(images/title-fukuoka.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle li {float: left; margin-right: 3px;} #areaTitle-kagosima {width: 480px; height: 56px; background: url(images/title-kagosima.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-kagosima li {float: left; margin-right: 3px;} #areaTitle-saga {width: 480px; height: 56px; background: url(images/title-saga.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-saga li {float: left; margin-right: 3px;} #areaTitle-nagasaki {width: 480px; height: 56px; background: url(images/title-nagasaki.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-nagasaki li {float: left; margin-right: 3px;} #areaTitle-kumamoto {width: 480px; height: 56px; background: url(images/title-kumamoto.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-kumamoto li {float: left; margin-right: 3px;} #areaTitle-ooita {width: 480px; height: 56px; background: url(images/title-ooita.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-ooita li {float: left; margin-right: 3px;} #areaTitle-miyazaki {width: 480px; height: 56px; background: url(images/title-miyazaki.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-miyazaki li {float: left; margin-right: 3px;} #areaTitle-yakusima {width: 480px; height: 56px; background: url(images/title-yakusima.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-yakusima li {float: left; margin-right: 3px;} #areaTitle-yoron {width: 480px; height: 56px; background: url(images/title-yoron.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-yoron li {float: left; margin-right: 3px;} #areaTitle-amami {width: 480px; height: 56px; background: url(images/title-amami.jpg) no-repeat; padding: 128px 0 0 3px;} #areaTitle-amami li {float: left; margin-right: 3px;} #areaBox p {width: 286px; height: 183px; float: left; padding-top: 1px; line-height: 1.8em; background: url(images/border286.gif);} #areaBox img {float: right;} #areaTraffic li {width: 232px; float: left; background-color: #f1f1f1; padding: 3px;} #areaTraffic h4 {font-size: 92%; text-decoration: underline; font-weight: bold; margin: 6px 0 7px;} #areaTraffic li img {float: left; margin-right: 5px;} #areaTraffic-b ul {width: 480px;} #areaTraffic-b h4 {text-decoration: underline; font-weight: bold; margin: 6px 0 7px;} #areaTraffic-b li img {float: left;} #areaTraffic p,#areaTraffic-b p {line-height: 1.3em;} #areaPurpose li {float: left;} #purposeList {height: 37px; background-color: #eee; padding: 7px 0 0 9px;} #purposeList li {width: 117px; height: 44px; float: left;} #purposeList li a {height: 22px; display: block; padding: 8px 0 0 35px;} #purpose01 {background: url(../img/purpose-list01.gif) no-repeat;} #purpose02 {background: url(../img/purpose-list02.gif) no-repeat;} #purpose03 {background: url(../img/purpose-list03.gif) no-repeat;} #purpose04 {background: url(../img/purpose-list04.gif) no-repeat;} #purpose05 {background: url(../img/purpose-list05.gif) no-repeat;} #purpose06 {background: url(../img/purpose-list06.gif) no-repeat;} #purpose07 {background: url(../img/purpose-list07.gif) no-repeat;} #purpose08 {background: url(../img/purpose-list08.gif) no-repeat;} #purpose09 {background: url(../img/purpose-list09.gif) no-repeat;} #areaPrice dt {font-size: 92%; font-weight: bold; float: left; margin: 0 10px 7px 0;} #areaPrice dd {width: 100%; font-size: 92%; float: left; margin: 0 0 7px 0;} #areaPrice table,#areaPrice td {border-collapse: collapse; border: 1px solid #ff8021;} #areaPrice table {width: 480px; background-color: #fffbe2; margin-bottom: 6px;} #areaPrice td {width: 50%; height: 15px; background: url(images/price-list.gif) no-repeat 8px; padding: 5px 24px;} #areaPrice td a:visited {color:#384682;} #areaPrice #priceList {background-color: #fef5b9;} #carCat {width: 470px; line-height: 1.4em;} #areaCar p {margin: 2px 0 8px;} #carBtn {width: 475px; height: 41px; background: url(images/car-bg.png); padding: 9px 0 0 3px;} #carBtn li {float: left; padding-left: 4px;} #carCompany {width: 260px; float: left; margin-right: 0px;} #carCompany h4 {height: 20px; color: #444; font-weight: bold; background: url(images/car-bar.png) no-repeat; padding: 6px 6px; margin-bottom: 8px;} #carCompany li {width: 124px; float: left; margin: 0 6px 7px 0;} #carCompany li img {float: left; margin-right: 5px;} #carCompany li h5{font-size: 92%; font-weight: lighter; margin-top: 3px;} #renCar {width: 186px; float: right; border: 5px solid #f2ede3; padding: 4px 7px 9px 7px;} #renCar p {line-height: 1.2em; margin: 8px auto;} #renCar a {margin-left: 2px;} #areaCar {width: 270px; border: 4px solid #F2EDE3; padding: 2px 6px 10px;} #areaCar p {margin: 2px 0 8px 2px;} #areaMap {padding: 6px;} #areaMap p {margin-top: 3px;} #areaAccess {padding: 12px 0 5px 15px;} #areaAccess h4 {font-weight: bold; margin-bottom: 8px;} #areaAccess dt {color: #cc4915; margin-bottom: 2px;} #areaAccess dd {margin-bottom: 11px;} #textInter {color: #8c0000; font-size: 85%; font-weight: lighter;} #areaHotspring {padding: 4px 8px 23px; margin-bottom: 1em;} #areaHotspring p {line-height: 1.3em; margin-bottom: 16px;} #areaHotspring li {width: 125px; float: left; background: url(images/list-ico.gif) no-repeat; padding-left: 16px; margin: auto 2px 11px auto;} #search {height: auto; min-height: 296px; background: url(../img/search-bottom.gif) no-repeat bottom; padding-bottom: 12px; margin-bottom: 1em;} #search td{text-align: left;} #search-bg {width: 290px; height: auto; min-height: 284px; background: url(../img/search-bg.gif) repeat-y;} #search-main {width: 270px; margin: 4px 0 0 10px;} #search-main td{vertical-align: top;} #search-main p{margin-left: 2px;} #gmap {width: 276px; height: 171px; border: none; overflow: hidden;} #areaMap,#areaAccess {border: 1px solid #ccc; border-top: none;} #areaTitle,#areaTitle-saga, #areaTitle-nagasaki,#areaTitle-kumamoto, #areaTitle-ooita,#areaTitle-miyazaki, #areaTitle-kagosima,#areaTitle-yakusima, #areaTitle-yoron,#areaTitle-amami, #areaBox, #areaTraffic,#areaPurpose, #purposeList,#areaPrice, #areaPrice dl,#carBtn, #areaSearch,#areaMap, #areaAccess,areaHotspring {margin-bottom: 1.1em;} /* 5: clearfix ======================================*/ #container:after, #areaTitle ul:after,#areaBox:after, #areaTraffic:after,#areaPurpose:after, #areaPrice dl:after,#areaCar ul:after, #carBtn:after,#carCompany:after, #areaHotspring ul:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;} #container, #areaTitle ul,#areaBox, #areaTraffic,#areaPurpose, #areaPrice dl,#areaCar, #carBtn,#carCompany, #areaHotspring ul {display: inline-block;} /* MacIE \*/ #headR ul,#container, #areaTitle ul,#areaBox, #areaTraffic,#areaPurpose, #areaPrice dl,#areaCar, #carBtn,#carCompany, #areaHotspring ul {display: block;} /* */ /* 6: text ======================================*/ a:link {color:#384682;} a:visited {color:#6495ed;} a:hover {color:#5088ED;} .text01 {font-size: 122%;} .text02 {font-size: 114%;} .text03 {font-size: 107%;} .text04 {font-size: 100%;} .text05 {font-size: 92%;} .text06 {font-size: 85%;} .text07 {font-size: 77%;} .textRed {color: #990000;}