@charset "UTF-8";

/* コンテンツ */
#contents {
	position:relative;
	top:0;
	left:16px;
	width:798px;
}

/* 左サイド */
#leftside {
	float:left;
	width:223px;
}

/* 右サイド */
#rightside {
	float:right;
	width:563px;
}

/* 仕切線 */
.separator {
	height:5px;
	background:transparent url("images/line2.gif") repeat;
}

/* 各ボックスのコンテンツ */
.frameborder {
	position:relative;
	border:1px solid #4180c3;
	background:transparent url("images/back_opt_info.gif") repeat-y;
}

/* トップ画像 */
#top_img {
	width:565px;
	height:252px;
/*	background:transparent url("image/mtop/phot/b01.jpg") no-repeat; */
}

ul {
	list-style:none;
}

/* ヘッダ */

h2,h3,h4,h5,h6 
{
    font-size:12px;
	height:28px;
	text-indent:-9999px;
}

/* ランキング(ヘッダ) */
#ranking h2 {
	background:transparent url("obj2/tag_ranking.gif") no-repeat;
}

/* おすすめ(ヘッダ) */
#osusume h3 {
	background:transparent url("obj2/tag_osusume.gif") no-repeat;
}

/* お知らせ(ヘッダ) */
#osirase h3 {
	background:transparent url("obj2/tag_oshirase.gif") no-repeat;
}

#osirasetr  {
    font-size:5px;ont-size:8px;
}

/* 新着(ヘッダ) */
#whatnews h2 {
	background:transparent url("obj2/b01.gif") no-repeat;
	height:36px;
}

/* オプショナルツアー（ヘッダ） */
#optionaltour h2 {
	background:transparent url("obj2/b02.gif") no-repeat;
}


/* お勧め観光（ヘッダ） */
#kanko h2 {
	background:transparent url("obj2/b03.gif") no-repeat;
}





/* ランキング */
#ranking .frameborder {
	height:227px;
}

#ranking ul {
	padding:0 7px;
	padding-left:7px;
	padding-right:5px;
}

/* ランキングリスト共通 */
#ranking ul li {
	height:44px;
	padding-left:35px;
	list-style-type:none;
	border-top:1px dotted #aaaaaa;
}

#ranking ul li.rank1 {
	border-top:none;
}

#ranking ul li a {
	outline:none;
	display:block;
	height:33px;
	color:black;
	font-size:0.75em;
	position:relative;
	top:10px;
}

#ranking ul li.rank1 {
	background:transparent url("images/rank1.gif") -7px center no-repeat;
}

#ranking ul li.rank2 {
	background:transparent url("images/rank2.gif") -7px center no-repeat;
}

#ranking ul li.rank3 {
	background:transparent url("images/rank3.gif") -7px center no-repeat;
}

#ranking ul li.rank4 {
	background:transparent url("images/rank4.gif") -7px center no-repeat;
}

#ranking ul li.rank5 {
	background:transparent url("images/rank5.gif") -7px center no-repeat;
}

#search_tour .frameborder {
	height:225px;
}

#search_tour h3 {
	background:transparent url("images/tag_search.gif") no-repeat;
}

/* 検索 */
#search_tour {
	margin-top:8px;
}

#search_tour h3 {
	background:transparent url("images/tag_search.gif") no-repeat;
}

#search_tour .frameborder {
	height:225px;
}

#search_tour .frameborder label {
	position:absolute;
	font-size:0.75em;
}

label#l_from {
	top:10px;
	left:4px;
}

label#l_ymd {
	top:72px;
	left:4px;
}

label#l_days {
	top:108px;
	left:80px;
}

label#l_term {
	top:36px;
	left:4px;
}

label#l_heyawari {
	top:120px;
	left:7px;
}


label#l_sort {
	top:181px;
	left:7px;
}

label#l_words {
	top:147px;
	left:7px;
}

label#l_words input {
	width:150px;
}

.message 
{
	position:absolute;
	top:205px;
	left:7px;
	font-size:0.7em;
	color: Red;
	width:auto;
}

#search_btn {
	position:absolute;
	top:180px;
	left:160px;
	border:none;
}

/* エリアから選択 */
#choice_area {
	position:relative;
	height:340px;
	margin-top:8px;
}

#choice_area h4 {
	background:transparent url("images/tag_choice_area.gif") no-repeat;
}

#choice_area .frameborder {
	height:160px;
}

#choice_area .frameborder li input {
	outline:none;
	position:relative;
	top:10px;
	left:10px;
	display:block;
	width:200px;
	height:25px;
	text-indent:-9999px;
	margin-bottom:0px;
}

#choice_area li.okinawa1 a {
	background:transparent url("images/choice_okinawa1.gif") no-repeat;
}

#choice_area li.okinawa2 a {
	background:transparent url("images/choice_okinawa2.gif") no-repeat;
}

#choice_area li.miyakojima a {
	background:transparent url("images/choice_miyako.gif") no-repeat;
}

#choice_area li.ishigakijima a {
	background:transparent url("images/choice_ishigaki.gif") no-repeat;
}

#choice_area li.kumejima a {
	background:transparent url("images/choice_kumejima.gif") no-repeat;
}

#choice_area .links {
	margin-left:3px;
	height:120px;
}

#choice_area .links a {
	float:left;
	display:block;
	line-height:2em;
	font-size:0.7em;
	padding-left:20px;
	background:transparent url("images/arrow1.gif") left center no-repeat;
}


/* おすすめ */
#osusume {
	margin-top:8px;
}


/* おすすめ(ボディ) */
#osusume .frameborder {
	width:203px;
	padding:10px;
	background-color:red;
}


#osusume li img {
	float:left;
}

#osusume li p {
	margin-top:0px;
	margin-left:65px;
	font-size:11px;
	line-height:14px;
	width:135px;
}

/* IE用 */
* html #osusume li p {
	margin-top:-10px;
}

/* 仕切線(ドット) */
.sep {
	clear:both;
	height:10px;
	background:transparent url("images/s09.gif") left center no-repeat;
}


/* お知らせ */
#information {
	margin-top:8px;
}

/* お知らせ(ボディ) */
#information .frameborder {
	width:203px;
	padding:10px;
}

/* 新着 */
#whatnews {
	margin-top:8px;
}

/* 新着(ボディ) */
#whatnews ul {
	padding:0 15px;
}

#whatnews ul li {
	font-size:0.8em;
	height:30px;
	line-height:30px;
	padding-left:20px;
	background:transparent url("images/arrow1.gif") left center no-repeat;
	border-bottom:1px dotted #999999;
}


#whatnews ul li a {
	margin-left:10px;
	color:black;
}

/* 左バナー共通 */
.left_banner {
	width:223px;
/*	border:1px solid #cccccc; */
	margin-top:6px;
}

.left_banner img {
	
}

/* 右バナー共通 */
.right_banner1 
{
	margin-top:0px;
}

.right_banner1 img {
	border:0px solid #cccccc;	
}

.right_banner2 {
	margin-top:0px;
}

.right_banner2 img {
	border:0px solid #cccccc;	
}

.links {
	width:223px;
	margin-left:3px;
	height:120px;
}

.links a {
	float:left;
	display:block;
	line-height:2em;
	font-size:0.7em;
	padding-left:20px;
	background:transparent url("images/s12.gif") left center no-repeat;
}