@charset "utf-8";
<!--
h1 {
color:#c00;
font-size:16px;
display:inline;
margin:0 5px;
padding:5px;
}

h1 img {
vertical-align:middle;
margin:2px 7px 0;
}
h1 a{
color:#c00;
text-decoration:none;
}
h1 a:hover{
color:#333;
}

h2 {
color:#c00;
font-size:16px;
display:inline;
margin:5px 5px 0;
}
h2 a{
color:#c00;
text-decoration:none;
}
h2 a:hover{
color:#333;
}

#submenu {
height:20px;
background:url(../images/bg-submenu.gif) no-repeat left top;
font-size:11px;
font-weight:700;
margin:10px 5px;
padding:6px 0 0 15px;
}

#submenu ul {
margin:0;
padding:0;
}

#submenu ul li {
display:inline;
border-right:1px solid #fff;
padding:0 8px 0 10px;
}

#submenu ul li a {
color:#fff;
text-decoration:none;
}

#submenu ul li a:hover {
color:#ff0;
text-decoration:underline;
}
.banner{
text-align:right;
margin-top:-10px;
margin-bottom:5px;
}
#detail {
padding-left:10px;
margin-bottom:10px;
}
* html #detail {
padding-right:10px;
}
span.clear-left{
clear:left;
}
#detail span.tag {
color:#060;
}
#detail span.tag a {
display:inline;
font-weight:400;
color:red;
margin-left:5px;
}

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.amenity {
margin-top:2px;
}

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

p.left{ float:left; }
p.right{ float:right; }
p.attraction {
border-bottom:1px dotted #ccc;
width:475px;
height:75px;
font-size:11px;
line-height:14px;
text-align:justify;
color:#333;
margin:0;
padding:10px 5px;
}

p.attraction img {
float:left;
margin-right:5px;
border-color:#ccc #888 #888 #ccc;
border-style:solid;
border-width:1px;
padding:2px;
}

p.attraction a {
display:block;
font-weight:700;
color:#36c;
}

p.attraction span {
display:block;
color:#999;
}

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

p.attraction span.tag a {
display:inline;
font-weight:400;
color:red;
margin-left:5px;
}

#photo-slide {
width:485px;
text-align:center;
padding-top:7px;
background:url(../images/bg-photo-slide.gif) no-repeat top center;
margin:0 0 10px;
}

ul#photo-slide-nav {
list-style-type:none;
width:auto;
display:block;
margin:0;
padding:0;
}

ul#photo-slide-nav li {
display:block;
float:left;
margin:0;
padding:0;
}
html>/**/body ul#photo-slide-nav li {
margin-bottom:10px;
}
ul#photo-slide-nav li img {
border:none;
}

ul#photo-slide-nav li a {
display:block;
float:left;
border:1px solid #fc0;
margin:2px;
padding:3px;
}

* html ul#photo-slide-nav li a {
margin:1px;
}

ul#photo-slide-nav li a:hover {
border:1px solid #f60;
}

ul#photo-slide-nav li a.active,ul#photo-slide-nav li a.active:hover {
border:1px solid #36c;
padding:3px;
}

div#photo-slide .tab {
width:460px;
height:380px;
text-align:center;
margin:auto auto 5px;
padding:5px;
}

div#photo-slide .tab span {
display:block;
color:#666;
text-align:left;
height:27px;
overflow:hidden;
margin:5px 0;
}

div#photo-slide .tab a {
color:#333;
text-decoration:none;
display:block;
}

div#photo-slide .tab a:hover {
color:red;
text-decoration:underline;
display:block;
}
dl.accommodation-detail {
display:block;
width:730px;
clear:left;
font-size:13px;
line-height:18px;
margin:0;
}

dl.accommodation-detail dt {
font-size:16px;
color:#f60;
border-top:1px dotted #ccc;
clear:left;
margin:0;
padding:5px 5px 2px;
}

dl.accommodation-detail dd {
color:#666;
text-align:justify;
margin:0 0 10px;
padding:0 5px;
}

dl.accommodation-detail dd strong {
font-size:14px;
color:#36c;
}

dl.accommodation-detail dd a {
color:#36f;
text-decoration:underline;
}

dl.accommodation-detail dd a.tags {
color:#060;
text-decoration:underline;
margin-right:15px;
}

ul.amenity {
color:#333;
font-size:11px;
margin:5px 10px;
padding:0;
}

ul.amenity li {
display:inline;
float:left;
width:150px;
margin:5px 0;
}

ul.amenity li img {
vertical-align:middle;
}
p.attraction a:hover {
color:#f60;
}
p.attraction span.tag a:hover,#detail span.tag a:hover {
color:#333;
}

dl.accommodation-detail dd a:hover,dl.accommodation-detail dd a.tags:hover {
color:red;
text-decoration:underline;
}
div#action{
text-align:right;
border-top:1px dotted #ccc;
margin-top:5px;
padding-top:5px;
font-size:11px;
color:#666;
}
div#action a{
color:#36c;
text-decoration:underline;
}
div#action a:hover{
color:#f00;
text-decoration:underline;
}
div#book{
}
div#book .frm {
font-size:12px;
display:block;
color:#666;
margin:15px 0 0 0;
text-align:center;
}
div#book .frm fieldset {
border:1px solid #ddd;
margin-bottom:10px;
}
div#book .frm legend {
color:#03c;
font-size:13px;
text-align:left;
}
div#book .frm p {
width:100%;
float:right;
text-align:left;
margin:0 0 10px;
}
div#book .frm p label {
width:120px;
float:left;
text-align:right;
font-size:12px;
font-weight:700;
color:#333;
margin:3px 10px 0 0;
}
div#book .frm p .text {
width:250px;
}

-->