/*   ryokoujyouhou   okinawa css  09/06/24 */

body{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
width: 800px;
background-color: #ffffff;
color: #333333;
padding: 0;
margin: auto;
}

img{
border:none;
}
a, a:link, a:visited{
color: #ff3300;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1{
display: inline;
font-size: 10px;
padding: 0 10px 0 0;
}

h2{
display: inline;
font-size: 16px;
color: #202020;
margin: 15px 0 5px 10px;
}

h3{
display: inline;
font-size: 16px;
color: #202020;
margin: 8px 0 5px 0;
}
#wrapper{
width: 800px;
}
#title{
width: 800px;
margin: 0;
}
#title .top{
width: 800px;
height:76px;
background: url(img/title_bg.gif) top right;
}
#title .locate{
border: 0;
margin: 18px 0 15px 30px;
}
#title img{
margin: 0;
}
#cont{
width: 800px;
font-size: 12px;
margin: 5px 0 0 0;
line-height: 1.250;
}

/*---------------左------------------*/
#cont .col_l{
float: left;
width: 250px;
margin: 0 5px 0 0;
padding: 0 0 10px 0;
}

#cont .col_l .title_hotel{
font-size: 75%;
line-height: 19px;
padding: 10px 0 9px 170px;
margin: 0 0 5px 0;
background: url(img/oki_hotel.gif) no-repeat left top;
}
#cont .col_l .txt_osusume{
font-size: 90%;
color: #ff6f4b;
text-align: center;
font-weight: bold;
}
#cont .col_l .title_hotel a{
/*color: #ffffff;*/
text-decoration: underline;
}
#cont .col_l .hotel{
background: url(img/oki_hotel_bg.gif) repeat-y left;
}
#cont .col_l .oki_img{
margin: 0 0 10px 0;
}

/*--プルダウン--*/
#cont .col_l .pulldown01{
padding: 25px 0 0 0;
background: url(img/pulldown_bg01.gif) no-repeat left top;
}
#cont .col_l .pulldown02{
padding: 25px 0 0 0;
background: url(img/pulldown_bg02.gif) no-repeat left top;
}
#cont .col_l .title_pulldown{
font-size: 75%;
line-height: 19px;
padding: 20px 0 9px 10px;
margin: 0 0 5px 0;
background: url(img/0.gif) no-repeat left top;
}


#cont .col_l table{
width: 250px;
}
#cont .col_l .sight{
padding: 0 0 5px 15px;
}
#cont .col_l .sight{
color: #016457;
}
#cont .col_l .right{
text-align: right;
}

/* バナー1 */
.col_l .bn_area{
width: 250px;
margin: 10px 0 0 0;
text-align: center;
}
.col_l .bn_area img{
margin: 0 0 10px 8px;
}

/* 枠リンク色 */
a img.borderlink {
border: 1px solid #ffffff;
margin: 0;
}
a:hover img.borderlink ,
a:active img.borderlink {
border: 1px solid #ff3300;
}

/*------------------右------------------*/
#cont .col_r{
float: left;
width: 540px;
margin: 0;
}
#cont .col_r .tour{
width: 540px;
background: url(img/oki_tour_bg.gif) repeat-y left top;
}
#cont .col_r .title_tour{
width: 195px;
/*color: #ffffff;*/
font-size: 75%;
line-height: 19px;
padding: 10px 0 10px 350px;
margin: 0 0 5px 0;
background: url(img/oki_tour.gif) no-repeat left top;
}
#cont .col_r .txt{
display: inline;
color: #ff6f4b;
font-weight: bold;
font-size: 120%;
margin : 0 0 0 30px;

}
#cont .col_r .tour_01{
clear: both;
width: 510px;
margin: 5px 0 5px 20px;
}
#cont .col_r .tour_01 a{
color: #3e3e3e;
}
#cont .col_r .tour_name{
display: block;
width: 475px;
height: 33px;
color: #ff3300;
font-size: 160%;
font-weight: bold;
margin: 0 0 6px 0;
padding: 7px 0 0 35px;
background: url(img/tour_name_bg.gif) no-repeat left top;
}
#cont .col_r .tour_01 table{
width: 500px;
padding: 0;
cell-spacing: 0;
margin: 0 0 3px 0;
}
#cont .col_r .from_tyo{
background: #00a0f0 url(img/from_tyo.gif) repeat-y left top;;
vertical-align: top;
text-align: right;
}
#cont .col_r .from_osk{
background: #39e639 url(img/from_osk.gif) repeat-y left top;
vertical-align: top;
text-align: right;
}
#cont .col_r .from_ngy{
background: #f8cc03 url(img/from_ngy.gif) repeat-y left top;;
vertical-align: top;
text-align: right;
}
#cont .col_r ul{
margin: 10px 0 10px 5px;
padding: 0; 
}
#cont .col_r li{
font-size: 120%;
line-height: 20px;
white-space: nowrap;
padding:0 0 0 13px;
vertical-align: middle;
list-style-type: none;
background: url(img/arrow_or.gif) no-repeat left;
}
#cont .col_r .tour_hikaku{
}
#cont .col_r .tour_hikaku table{
width: 540px;
padding: 0;
margin: 0 0 3px 5px;
}

/*------------------下------------------*/
#cont .com_list{
width: 800px;
}
#cont .com_list .title_com{
width: 160px;
font-size: 85%;
padding: 10px 0 10px 640px;
margin: 0 0 10px 0;
background: url(img/title_com.gif) no-repeat left top;
}
#cont .com_list .com_l{
width: 395px;
float: left;
margin: 0 10px 5px 0;
background: #f3f3f3;
}
#cont .com_list .com_r{
width: 395px;
float: left;
margin: 0 0 5px 0;
background: #f3f3f3;
}
#cont .com_list .ban{
float: left;
margin: 3px 10px 3px 10px;
}
#cont .com_list .com_name{
/*display :inline;*/
margin: 5px 0 0 0
}
#cont .com_list .com_name a{
font-weight: bold;
}
#cont .com_list .txt{
margin: 0;
}

/*---リンク---*/
#cont_link{
clear: both;
width: 800px;
font-size: 12px;
margin: 0 0 5px 0;
line-height: 1.250;
/*	overflow:hidden;*/
}
/* バナー 2*/
#cont_link .cont_bnr{
width: 234px;
height: 60px;
margin: 0 10px 0 0;
float: left;
}
#cont_link .cont_txt{
width: 556px;
margin: 0 0 10px 0;
float: left;
}

/* ガイド */
#guide{
width: 800px;
font-size: 12px;
margin: 5px 0 0 0;
line-height: 1.250;
}
#guide ul{
margin: 0 0 0 25px;
}
#guide li{
background: url(img/arrow.gif) no-repeat left center;
padding: 0 0 0 15px;
list-style-type: none;
}

.blueback{
background-color: #ccffff;
padding: 2px 2px 2px 2px;
}

.whiteback{
background-color: #ffffff;
padding: 2px 2px 2px 2px;
}

#dombox{
font-size: 12px;
padding: 5px 10px 5px 5px;
margin: 3px 0px 5px 0px;
/*background-color: #ff0000;*/
}

#intbox{
font-size: 12px;
padding: 5px 10px 5px 5px;
margin: 5px 0 5px 0;
}

#side{
font-size: 12px;
padding: 5px 5px 5px 5px;
margin: 0;
}

#bread{
font-size: 12px;
color: #8c8c8c;
padding: 0;
margin: 0;
}

.info{
width: 790px;
font-size: 10px;
margin: 0 0 0 3px;
}

.ranking{
font-size: 12px;
color: #000000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}


.nextpage{
font-size: 16px;
color: #000000;
padding: 0;
margin: 30px 0px 20px 0px;
text-align:center;
}

.space{
padding: 0;
margin: 0px 0px 30px 0px;
}

.down{
padding: 0;
margin: 0px 0px 15px 0px;
}


.mini{
font-size: 12px;
}

#guide .mini-ok{
font-size: 12px;
padding: 0 0 0 5px;
border-left: #ff3300 solid 5px;
}

/*.mini-b{
font-size: 12px;
border-top: 1px solid #8c8c8c;
border-right: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
border-left: 1px solid #8c8c8c;
}*/

.news{
padding: 15px 0 15px 0;
margin: 0;
}

.newshead{
padding: 5px 0 5px 15px;
margin: 0;
}

/*フッタ*/
#foot{
font-size: 12px;
text-align:center;
color: #8c8c8c;
border-top: 1px solid #8c8c8c;
margin: 0 0 50px 0;
}

.secondpulldown {
display: none;
margin: 0 0 0 0;
padding: 0;
}
.pulldownbox {
margin: 0;
padding: 0 0 0 25px;
}
form.firstpulldown {
margin: 0 0 0 0;
padding: 0;
}