@charset "utf-8";
<!--
h1 {
color:#c00;
font-size:16px;
border-bottom:1px dotted #e5e5e5;
margin:5px;
padding:5px;
}

h1 img {
vertical-align:middle;
margin:0 7px;
}
h1 a {
color:#c00;
text-decoration:none;
}
h1 a:hover {
color:#333;
}
.region-1,.region-2,.region-3,.region-4,.region-5 {
border:1px solid #eee;
height:130px;
line-height:20px;
background-repeat:no-repeat;
background-position:left top;
margin:0 15px 10px 20px;
padding:10px;
}

.region-1 {
background-image:url(../images/bg-region-1.jpg);
}

.region-2 {
background-image:url(../images/bg-region-2.jpg);
}

.region-3 {
background-image:url(../images/bg-region-3.jpg);
}

.region-4 {
background-image:url(../images/bg-region-4.jpg);
}

.region-5 {
background-image:url(../images/bg-region-5.jpg);
}
div#region h2 {
color:#36c;
font-size:14px;
margin-bottom:5px;
text-align:right;
}
div#region h2 a{
color:#36c;
text-decoration:none;
}
div#region h2 a:hover{
color:#f60;
text-decoration:underline;
}
div#region ul {
float:right;
width:500px;
list-style:none;
padding:0;
text-align:right;
}

div#region ul li {
display:inline;
margin-left:5px;
}

div#region ul li a{
color:#f60;
text-decoration:none;
}

div#region ul li a:hover {
color:#333;
text-decoration:underline;
}

#province-list ul {
margin:0;
}

* html #province-list ul {
margin-left:30px;
}

#province-list ul li {
display:inline;
width:120px;
float:left;
font-size:11px;
margin:2px 0;
}

#province-list ul li a {
text-decoration:none;
color:#333;
}

#province-list ul li a:hover {
color:#f60;
text-decoration:underline;
font-weight:700;
}

#province-list ul li img {
vertical-align:middle;
margin-right:5px;
}

div#detail {
line-height:20px;
text-align:justify;
clear:both;
margin:10px 0 10px 5px;
padding:5px 0 5px 10px;
}

div#detail h2 {
font-size:14px;
color:#060;
margin:0;
padding:0;
}

div#bg-accommodation {
border:1px solid #36c;
background-color:#edf4fc;
margin:0 0 0 15px;
}
div.acc-province-list {
border-bottom:1px dotted #ddd;
padding:5px;
margin:5px;
clear:both;
}

div.acc-province-list h2 {
font-size:11px;
margin:0;
float:left;
width:110px;
height:14px;
color:#36c;
}
div.acc-province-list h2 a{
color:#36c;
text-decoration:none;
}
div.acc-province-list h2 a:hover{
color:#f60;
text-decoration:underline;
}
div.acc-province-list ul {
list-style:none;
margin:0;
}

div.acc-province-list ul li {
display:inline;
margin-right:6px;
font-size:11px;
}

div.acc-province-list ul li a {
color:#333;
text-decoration:none;
white-space:nowrap;

}
div.acc-province-list ul li a:hover {
color:red;
text-decoration:underline;
}

#province-list{
border-bottom:1px dotted #e5e5e5;
height:auto !important;
min-height:10px;
height:10px;
margin:0 5px;
padding-bottom:7px;
}
html>body #province-list{
overflow:hidden;
}
*:first-child+html #province-list,* html #province-list {
padding-left:30px;
}

*:first-child+html div.acc-province-list ul li,* html div.acc-province-list ul li {
margin-bottom:0;
}

p.left{ float:left; }
p.right{ float:right; }

p.tag{
margin:0 0 5px 0;
padding:5px;
border-bottom:1px dotted #ccc;
width:48%;
line-height:14px;
font-size:11px;
text-align:justify;
color:#333;
height:95px;
}
p.tag strong {
display:block;
}

p.tag strong a {
color:#06c;
text-decoration:underline;
font-size:11px;
}

p.tag strong a:hover {
color:#f60;
text-decoration:underline;
}

p.tag strong a img{
border:none;
float:none;
vertical-align:middle;
margin:0 0 0 5px;
padding:0;
}
p.tag img {
float:left;
background-color:#fff;
border-color:#ccc #888 #888 #ccc;
border-style:solid;
border-width:1px;
margin-right:5px;
padding:2px;
}
p.tag span {
color:#999;
display:block;
}


p.tag span.tag {
color:#060;
}

p.tag span.tag a {
display:inline;
font-weight:400;
color:red;
margin-left:5px;
}
p.tag span.tag a:hover {
color:#333;
}
p.accommodation{
margin:0 0 5px 0;
padding:5px;
border-bottom:1px dotted #ccc;
width:48%;
line-height:14px;
font-size:11px;
text-align:justify;
color:#333;
height:95px;
}
p.accommodation strong {
display:block;
}

p.accommodation strong a {
color:#06c;
text-decoration:underline;
font-size:11px;
}

p.accommodation strong a:hover {
color:#f60;
text-decoration:underline;
}

p.accommodation strong a img{
border:none;
float:none;
vertical-align:middle;
margin:0 0 0 5px;
padding:0;
}
p.accommodation img {
float:left;
background-color:#fff;
border-color:#ccc #888 #888 #ccc;
border-style:solid;
border-width:1px;
margin-right:5px;
padding:2px;
}
p.accommodation span {
color:#999;
display:block;
}
p.accommodation span a {
color:#f60;
}
p.accommodation span a:hover {
color:#999;
text-decoration:underline;
}
p.accommodation span.amenity {
margin-top:3px;
}

p.accommodation span.amenity img {
border:none;
margin:0 2px;
padding:0;
}

p.left{ float:left; }
p.right{ float:right; }

img.left{
float:left;
margin-right:5px;
}
img.right{
float:right;
margin-left:5px;
}
div.center{
text-align:center;
}
strong.blue a{
color:#36c;
text-decoration:none;
}
strong.blue a:hover{
color:#f60;
text-decoration:underline;
}
div#tagcloud{
border:1px solid #36c;
background-color:#edf4fc;
padding:10px;
margin-left:10px;
margin-bottom:-10px;
}
div#tagcloud ul{
list-style:none;
margin:0;
padding:0;
}
div#tagcloud ul li{
display:inline;
margin:0 5px;
}
div#tagcloud ul li a{
white-space:nowrap;
color:#36c;
}
div#tagcloud ul li a:hover{
color:#f60;
}
-->