@charset "UTF-8";

/* コンテンツ部の基本スタイル */
#contents {
    position:relative;
    width:800px;
    top:5px;
    left:20px;
/*    padding:15px 40px; */
}

/* ツアーのトップバー */
#opt_header {
	position:relative;
	margin-bottom:10px;
	height:20px;
}

#opt_header h2 {
	position:relative;
	text-indent:-9999px;
	z-index:10;
}

#opt_header h2.okinawa {
	background:url("images/opt_okinawa.gif") no-repeat;
}

#opt_header h2.miyakojima {
	background:url("images/opt_miyakojima.gif") no-repeat;
}

#opt_header h2.ishigakijima {
	background:url("images/opt_ishigakijima.gif") no-repeat;
}

#opt_header a {
	position:absolute;
	z-index:20;
}

a#navi_okinawa {
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:473px;
	width:94px;
	height:20px;
/*	background:transparent url("images/area_okinawa_off.gif") no-repeat; */
}

a#navi_okinawa:hover {
	background:transparent url("images/area_okinawa_on.gif") no-repeat;
}

a#navi_miyakojima {
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:567px;
	width:80px;
	height:20px;
/*	background:transparent url("images/area_miyakojima_off.gif") no-repeat; */
}

a#navi_miyakojima:hover {
	background:transparent url("images/area_miyakojima_on.gif") no-repeat;
}

a#navi_ishigakijima {
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:646px;
	width:150px;
	height:20px;
/*	background:transparent url("images/area_miyakojima_off.gif") no-repeat; */
}

a#navi_ishigakijima:hover {
	background:transparent url("images/area_ishigakijima_on.gif") no-repeat;
}


/* ツアーのメニュー */
#left_box {
	position:relative;
	float:left;
	width:225px;
	margin-bottom:10px;
	border:1px solid #0063b2;
	background:transparent url("images/back_opt_info.gif") repeat-y;
}

#left_box img {
	margin-top:20px;
	margin-left:20px;
}

/* ツアー部 */
#midashi {
	margin-left:20px;
	width:180px;
	text-align:left;
	font-size:0.75em;
	line-height:1.5em;
}


/* ツアーメニュー部の見出し */
#midashi em {
	margin-top:15px;
	display:block;
	font-weight:bold;
	font-style:normal;
	font-size:1em;
	height:16px;
	border-bottom:3px solid #cccccc;
}

#midashi a {
	padding-left:8px;
	display:block;
	font-size:0.85em;
	line-height:1.8em;
}


/* ツアー全体 */
#right_box {
	position:relative;
	float:right;
	width:550px;
	padding:0 10px;
}


/* ツアー */
.tour {
	position:relative;
	width:550px;
}


/*  ツアータイトル  */
.tour h3 {

	padding:0;
	font-size:0.9em;
	height:30px;
	line-height:2em;
	text-indent:15px;
	color:#006291;
    font-family:"ＭＳ Ｐゴシック","IPA Pゴシック",sans-serif;
	background:url("images/h2_back.gif") repeat-x;
}


/* ツアー概要文字 */
.tour p {
	font-size:0.70em;
	line-height:1.5em;
}

/* 詳細部分 */
.tour_info {
	width:550px;
}

.tour_info a {
	font-size:1.2em;
}

/* ツアー詳細画像 */
.tour_image {
	float:left;
	width:180px;
	text-align:center;
}


/*  ツアー概要  */
.tour_about {
	float:right;
	width:360px;
	font-size:1em;
	line-height:1.5em;
}


/* 詳細ボタン */
.tour_shosai {
	clear:both;
	width:550px;
	position:relative;
	top:5px;
	text-align:right;
	margin-bottom:10px;
}


/* ボーダー */
.dot_line {
	position:relative;
	padding:7px 0;
    background:transparent url("images/line1.gif") repeat-x;
}