/* CSS Document */
body{
margin:0;
background:url(../img/common/bg_sidettl.gif) repeat-y top right;
text-align:left}

*{
font-weight:normal;
font:xx-small/120% arial,helvetica,verdana,geneva;
font:x-small/140% arial,helvetica,verdana,geneva,;
font:small/140% arial,helvetica,verdana,geneva,;
margin:0;
padding:0;}

p{margin:10px 0 0 0}

strong{
color:#444;
font-weight:bold}

a img{
border:none}

a:link,a:visited,a:active {
color:#096}

a:hover{
color:#06f}

#page{
margin:0 0 0 0;
width:100%;
}

#sidettl{
margin:0 0 0 0;
background:url(../img/common/ttl_side.gif) no-repeat top right;
width:100%;
}

#wrap{
background-color:#fff;
margin:0;
padding:0;
width:774px;
float:left}

#title{
background:#000;
height:70px;
margin:0;
padding:10px 10px 0 10px}

#title #logo{
float:left;
margin:0;
padding:0;}

#title #topbanner{
float:left;
margin:10px 0 0 0;
padding:0;
text-align:right;
width:300px}

#title ul li{
display:inline;
list-style:none;
margin:0;
padding:0 0 0 3px}

#topmenu{
clear:both;
height:50px;
margin:0 0 0 0;
padding:0}

#topmenu ul{
display:inline;
margin:0 0 0 0;
list-style:none;
padding:0 0 0 0}

#topmenu li{
display:inline;
float:left;
margin:0;
padding:0}

#topmenu a#current:active,
#topmenu a#current:link,
#topmenu a#current:visited{
border-bottom:5px solid #600;
display:block;
float:left;
}

#topmenu a:active,
#topmenu a:link,
#topmenu a:visited{
border-bottom:2px solid #600;
border-left:1px solid #B31A00;
border-right:1px solid #400;
border-top:2px solid #860202;
display:block;
float:left;}

#topmenu a:hover{
border-bottom:2px solid #000;
border-left:1px solid #B31A00;
border-right:1px solid #400;
border-top:2px solid #ddd;
display:block;
float:left;}

#path{
clear:both;
margin:0;
text-align:right;}

#path p,
#path a{
font-size:x-small;
margin:0;
padding:0}

#tab {
background:url(../img/common/bg_body1.gif) no-repeat bottom left;
height:30px;}

#tab h1{
display:inline;
padding:0 0 0 0;
margin:0 0 0 0;
height:30px}

#main{
background:url(../img/common/bg_footer.jpg) no-repeat bottom left;
clear:both;
float:none;
margin:10px 0 0 0;
padding:10px 0 0 0;
width:784px;
}

#main #container{
background:url(../img/common/bg_body3.gif) repeat-y top right;
margin:0;
padding:20px 20px 30px 100px;
}

#main .container2{
border-right:1px solid #666;
margin:0 0 20px 0;
padding:15px 0 20px 0;
width:640px;
}

#main .container3{
background:url(../img/book/hr01.gif) repeat-x top left;
clear:both;
padding-top:20px;
margin:10px 0 20px 0}

#main #container h2{
background:url(../img/common/h2bg.gif) no-repeat top left;
clear:both;
height:24px;
margin: 10px 0 0 0;
padding:0;
width:640px}

#main .container2 p{
margin:10px 20px 0 0}

#main .container2 .photo{
color:#888;
float:right;
font-size:x-small;
margin:2px 10px 0 10px;
text-align:right}

#main .container2 .photo2{
float:none;
margin:2px 10px 0 0;
padding:4px;
text-align:left}

#main .container2 .photo img,
#main .container2 .photo2 img{
display:block;
background:#e0e0e0;
margin:0 0 2px 0;
padding:4px}

#main .container2 ul li{
list-style:none;
background:url(../img/common/dot1.gif) no-repeat 7px left;
margin:8px 0 0 45px;
padding:0 0 0 25px;}

/* misc ----------------------- */

#main .container2 .banner{
margin:20px 0 0 0;
padding:0;
text-align:right}

#main .backlink{
background:url(../img/common/icon1.gif) no-repeat right top;
clear:both;
padding:0 20px 0 0;
margin:20px 20px 0 0;
text-align:right}

/* footer ----------------------- */

#footer{
background:url(../img/common/bg_footer.gif) no-repeat top left;
clear:both;
color:#aaa;
display:block;
margin:0;
padding:0;
width:784px;
}

#footbanner{
float:right;
text-align:right}

#footer img{
text-align:right;
margin:10px}

#footer p{
font:xx-small/160% verdana,geneva,arial;
padding:10px 0;
text-align:right}

/* sidettl ----------------------- */

#profile #page{
background:url(../img/profile/ttl_side.gif) no-repeat 194px right}

#about #page{
background:url(../img/about/ttl_side.gif) no-repeat 194px right}

#book #page{
background:url(../img/book/ttl_side.gif) no-repeat 194px right}

#inside #page{
background:url(../img/book/ttl_side.gif) no-repeat 194px right}

#accommodation #page{
background:url(../img/accommodation/ttl_side.gif) no-repeat 194px right}

#link #page{
background:url(../img/link/ttl_side.gif) no-repeat 194px right}

#update #page{
background:url(../img/updates/ttl_side.gif) no-repeat 194px right}

#home #page{
background:url(../img/top/ttl_side.gif) no-repeat 194px right}


/* link, accommocation ----------------------- */

#link #main .container2 ul li,
#accommodation #main .container2 ul li{
list-style:none;
background:url(../img/common/dot2.gif) no-repeat 6px left;
margin:8px 0 0 45px;
padding:0 0 0 25px;}



/* book  ----------------------- */

#book #main dl{
margin:10px 0}

#book #main dt{
background:url(../img/common/icon_ryukyu.gif) no-repeat 5px 0px;
font-weight:bold;
margin:0 0 0 0;
padding:5px 0 5px 40px}

#book #main dd{
color:#999;
font:x-small/160% verdana,geneva,arial;
margin:0 0 0 40px;}

#book #main .container2 .photo img{
padding:1px}

#book #main #container h3,
#accommodation #main #container h3,
{
background:url(../img/common/icon_ryukyu.gif) no-repeat 5px 0px;
border-left:0;
clear:both;
color:#036;
font-weight:bold;
height:24px;
margin: 20px 20px 0 0;
padding:7px 0 0 45px}

#main #container p.header{
color:#900;


padding-left:45px;}

/* contact  ----------------------- */

#contact dl{
margin:20px 0;
padding:0;
}

#contact dt{
background:#eee;
border-bottom:1px solid #ccc;
clear:both;
display:block;
float:left;
margin-bottom:5px;
padding:5px;
width:160px;
}

#contact dd{
border-bottom:1px dashed #ccc;
float:left;
display:block;
margin-bottom:5px;
padding:5px;}

#contact dd.end{
border-bottom:0px dashed #ccc;}

/* profile ----------------------- */

#profile #main #container h3{
background:url(../img/common/h3bg1.gif) repeat-x top left;
border-left:4px solid #069;
clear:both;
color:#036;
font-weight:bold;
height:24px;
margin: 20px 20px 0 0;
padding:0 0 0 8px;}

#accommodation #main #container h4{
background:url(../img/common/h4bg1.gif) repeat-x top left;
border-left:4px solid #333;
font-weight:bold;
padding:0 0 0 10px;
margin:20px 30px 0 45px;
}

#accommodation #main #container h4{
background:url(../img/common/h4bg1.gif) repeat-x top left;
border-left:4px solid #333;
font-weight:bold;
padding:0 0 0 10px;
margin:20px 30px 0 45px;
}

#accommodation #main .container2 dt{
background:url(../img/common/h4bg1.gif) repeat-x top left;
border-left:4px solid #444;
list-style:none;
margin:20px 30px 0 45px;
padding:0 0 0 10px;}

#accommodation #main .container2 dd{
background:url(../img/common/dot2.gif) no-repeat 6px left;
margin:4px 0 0 45px;
padding:0 0 0 20px;
}

/* whats inside ----------------------- */

#inside #main #container{
background:url(../img/common/bg_body3.gif) repeat-y top right;
margin:0;
padding:0;
text-align:right;
}

#inside #main .container2{
border-right:1px solid #000;
margin:0 0 20px 0;
padding:15px 0 20px 0;
}

#inside #main table{
margin:0 10px 0 0;
padding:0}

#inside #main tr{
vertical-align:top}

#inside #main th{
background:#eee;
padding:20px 0 0 10px;
text-align:center;
width:190px;
}

#inside #main td{
width:584px;
text-align:center}

#inside #main #bookmenu ul li{
display:block;
float:left;
list-style:none;
margin:0 5px 0 0;
padding:10px 0 0 0;
width:80px;
text-align:center;
background:url(../img/book/hr01.gif) repeat-x bottom left;
height:130px
}

#bookmenu img{
border:1px solid #ccc;
margin:0 0 2px 0;
display:block;
padding:0}


#bookmenu img#currentimg{
border:1px solid #039;}

#inside #main #bookmenu a{
font-size:x-small;
line-height:100%;
margin:0;
padding:0}

#updates #main #container{
background:url(../img/common/bg_body3.gif) repeat-y top right;
margin:0;
padding:20px 20px 30px 0px;
}

/* update ----------------------- */


#update #main dl{
margin:10px 0}

#update #main dt{
background:url(../img/common/h4bg1.gif) repeat-x top left;
border-left:4px solid #444;
list-style:none;
margin:20px 30px 0 45px;
padding:0 0 0 10px;}

#update #main dd{
margin:0 40px;
padding:0 0 0 20px}