@charset "UTF-8";

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

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

/* 右サイド */
#rightside {
	width:98%;
}

/* 仕切線 */
.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 {
/*	background:transparent url("image/mtop/phot/b01.jpg") no-repeat; */
}

ul {
	list-style:none;
}


#ranking_sp {
	
}

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

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

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

/* ランキングリスト共通 */
#ranking_sp ul li {
	padding-left:35px;
	list-style-type:none;
}

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

#ranking_sp ul li a {
	outline:none;
	font-size:1.0em;
	position:relative;
   text-decoration:none;
   color:black;
}

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

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

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

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

#ranking_sp 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;
}


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

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

label#l_dpt_m {
	top:72px;
	left:100px;
}

label#l_dpt_d {
	top:72px;
	left:155px;
}

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

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 {
	border-style: none;
  border-color: inherit;
  border-width: medium;
	}

/* エリアから選択 */
#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 h4 {
	background:transparent url("../images/s10.gif") no-repeat;
}

/* おすすめ(ボディ) */
#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 h5 {
	background:transparent url("../images/s11.gif") no-repeat;
}

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

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

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

/* 新着(ボディ) */
#whatnews_sp ul {
}

#whatnews_sp ul li {
	font-size:1.0em;
}


#whatnews_sp ul li a {
	color:black;
   text-decoration:none;
}

/* 左バナー共通 */
.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;
}

.search td
{
    font-family:"ＭＳ Ｐゴシック","IPA Pゴシック",sans-serif;
    font-size:12px;
    padding-left:10px;
}