@charset "shift_jis";

/* ---------------------------------------- *

    name     ：style.css
    contents ：
    data     ：08/10/14 e.adachi
    file     ：all

 * ---------------------------------------- */



/* ------------------------------ *
    text style
 * ------------------------------ */

/* --- font --- */

body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    color: #333;
}
table {
    font-size:inherit;
    font:100%;
}

/* --- link --- */
a:link { color: #0574E3; }
a:visited { color: #0574E3; }
a:active { color: #ff6666; }
a:hover { color: #ff6666; }




/* ------------------------------ *
    base style
 * ------------------------------ */

html {
}
body {
	/* background: #f5f5f5 url("../img/bg_dot.gif") repeat center top; */
}
div#pagewrap {
	text-align: center;
	background: url("../img/bg_tagline.jpg") repeat-x center top;
}
	div#page {
		width: 968px;
		margin: 0 auto;
		text-align: left;
	}

		/* --- ヘッダ --- */
		div#head {
			width: 100%;
			
			position: relative;
		}
			div#head h1 { /* タグライン */
				position: absolute; top: 2px; left: 0px;
				color: #fff;
				font-size: 13px;
				font-weight: normal;
			}
			div#head .link { /* リンク */
				position: absolute; top: 2px; right: 0px;
				font-size: 13px;
				font-weight: normal;
			}
				div#head .link a {
					color: #fff;
				}
			div#head .mapplerogo { /* MAPPLEロゴ */
			/*	position: absolute; top: 35px; left: 0;*/
			margin-top: 30px;
			}
			div#head .subtitle { /* サブタイトル */
				position: absolute; top: 75px; left: 20px;
			}
			div#head .title { /* タイトル */
				position: absolute; top: 40px; left: 270px;
			}
			div#head .beta { /* β */
				position: absolute; top: 33px; left: 438px;
			}
			div#head .rss { /* RSS */
				position: absolute; top: 80px; left: 428px;
			}
			div#head .banner { /* バナーエリア */
				position: absolute; top: 35px; right: 0px;
			}
		
		/* --- インデックス --- */
		div#index {
			width: 100%;
			margin-bottom: 15px;
			background: url("../img/tab_line.gif") no-repeat bottom center;
		}
			div#index ul {
				height: 44px;
			}
			div#index ul li {
				width: 150px;
				height: 35px;
				float: left;
				margin-right: 10px;
				text-indent: -9999px;
			}
				div#index ul li a {
					display: block;
					width: 150px;
					height: 35px;
				}
				
				div#index ul li.airline {
					background: url("../img/tab_airline.jpg") no-repeat;
				}
				div#index ul li.rent {
					background: url("../img/tab_rent.jpg") no-repeat;
				}
				
				div#index ul li.stay_off {
					background: url("../img/tab_stay_off.jpg") no-repeat;
				}
					div#index ul li.stay_off a:hover {
						background: url("../img/tab_stay_on.jpg") no-repeat;
					}
				div#index ul li.airline_off {
					background: url("../img/tab_airline_off.jpg") no-repeat;
				}
					div#index ul li.airline_off a:hover {
						background: url("../img/tab_airline_on.jpg") no-repeat;
					}
				div#index ul li.rent_off {
					background: url("../img/tab_rent_off.jpg") no-repeat;
				}
					div#index ul li.rent_off a:hover {
						background: url("../img/tab_rent_on.jpg") no-repeat;
					}
				div#index ul li.present_off {
					background: url("../img/tab_present_off.jpg") no-repeat;
				}
					div#index ul li.present_off a:hover {
						background: url("../img/tab_present_on.jpg") no-repeat;
					}
				

		/* --- コンテンツ --- */
		div#main { /* メインコンテンツ */
			width: 100%;
			float: left;
			/* background: #f5f5f5;
			border: 1px solid #ccc; */
		}
			/* Valcom
			div#main h3 {
				height: 31px;
				line-height: 31px;
				text-indent: 10px;
				font-size: 14px;
				background: url("../img/h3.jpg") no-repeat;
			}
				div#main h3 p.h3_in {
					font-weight: bold;
					height: 31px;
					line-height: 31px;
					text-indent: 10px;
					text-align: left;
					font-size: 14px;
					background: url("../img/h3_in.jpg") no-repeat right top;
				}
		*/
		/* --- フッタ --- */
		div#foot {
			clear: both;
			width: 100%;
			padding: 20px 0 10px 0;
			text-align: left;
			background: url("../img/bg_fotterbar.jpg") repeat-x center top;
		}
			p.menu_foot { /* フッタメニュー */
				width: 790px;
				margin-bottom: 10px;
				float: left;
			}
			p.copyright { /* コピーライト */
				width: 750px;
				margin-bottom: 15px;
			}
		div#foot img {
			width: 141px;
			height: 51px;
			float: right;
		}
			
			


/* ------------------------------ *
    parts style
 * ------------------------------ */

/* --- 内包用 --- */
.section { /* 背景色なし部品内包用 */
	clear: both;
	max-width: 100%;
	margin-bottom: 15px;
	line-height: 1.2em;
	zoom: 100%; /*IE6*/
	/* overflow: auto;*/ /*IE7 and Firefox*/
}
	/*\*/
	* html .section {
		overflow: visible;
	}
	/**/
.contbox { /* 背景色あり部品内包用 */
	max-width: 100%;
	padding: 10px;
	vertical-align: top;
	line-height: 1.2em;
	text-align: left;
	background: #fff;
	border: 1px solid #ccc;
	zoom: 100%; /*IE6*/
	overflow: auto; /*IE7 and Firefox*/
}
	/*\*/
	* html .contbox {
		overflow: visible;
	}
	/**/
	.line_dashed {
		border-bottom: 0;
		background: url("../img/line_dashed.gif") repeat-x left bottom;
	}
	.contbox strong {
	}
	.contbox .data {
		width: 530px;
		float: left;
	}
		.contbox .data strong span {
			font-weight: normal;
		}
		.contbox .data .place {
			padding: 10px 0;
			background: url("../img/line_dashed.gif") repeat-x left bottom;
		}
			.contbox .data .place span {
				display: block;
			}
		.contbox .data .text {
			padding: 10px 0;
		}
		.details {
			padding: 10px;
			background: #EBF6FD;
			border: 1px solid #BEE2EF;
		}
	.contbox .photo {
		width: 400px;
		float: right;
	}
		.contbox .photo .caption {
			margin-bottom: 5px;
		}
		.contbox .photo .img {
			width: 400px;
			height: 300px;
			overflow: hidden;
		}

/* ------------------------------ *
    list style
 * ------------------------------ */
 
.arrow_top {
	padding-left: 17px;
	background: url("../img/arrow_top.gif") no-repeat left center;
}
.arrow_bottom {
	padding-left: 17px;
	background: url("../img/arrow_bottom.gif") no-repeat left center;
}
.arrow_right {
	padding-left: 15px;
	background: url("../img/arrow_right.gif") no-repeat left center;
}


.tbl_rent {
	width: 100%;
}
.tbl_rent thead tr {
	height: 31px;
	background: url("../img/h3.jpg") no-repeat center top;
}
.tbl_rent thead th {
	vertical-align: middle;
	border-right: 1px solid #FAD200;
}
.tbl_rent thead tr th.service {
	width: 25%;
	background: url("../img/h3.jpg") no-repeat center left;
}
.tbl_rent thead tr th.coupon {
	width: 20%;
}
.tbl_rent thead tr th.type {
}
.tbl_rent thead tr th.reserve {
	width: 10%;
	background: url("../img/h3.jpg") no-repeat center right;
	border-right: none;
}
.tbl_rent tbody td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #CFD7D9;
	border-bottom: 3px double #CFD7D9;
	border-top: none;
}
	.tbl_rent tbody td p {
		width: 100%;
		text-align: center;
	}
	.tbl_rent tbody td p.red {
		color: #f00;
	}
	.tbl_rent tbody td.type p {
		width: 25%;
		float: left;
	}
	
	
	
.box_start {
	width: 117px;
	float: left;
	padding-right: 9px;
	margin-right: 9px;
	border-right: 1px dashed #aaa;
}
	*html .box_start {
		width: 127px;
		float: left;
		padding-right: 9px;
		margin-right: 9px;
		border-right: 1px dashed #aaa;
	}
	.contbox .end {
		padding-right: 9px;
		margin-right: 0;
		border-right: none;
	}
.box_start strong {
	display: block;
	font-size: 108%;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
.box_start p {
}
.box_start span {
	display: block;
}
.searchwrap {
	background: url("../img/bg_search.gif") repeat-x top left;
}
table.search {
	width: 100%;
	margin-bottom: 15px;
}
table.search th {
}
table.search td {
	width: 48.8%;
}
table.search td strong {
	display: block;
	background: url("../img/title_searchsub.gif") no-repeat top left;
	border-bottom: 1px solid #a3a3a3;
	color: #fff;
	padding: 3px 0 0 10px;
	font-size: 108%;
	margin-bottom: 10px;
}
table.search td p {
	margin-bottom: 10px;
}
table.search td span {
	display: block;
	background: url("../img/arrow_bottom.gif") no-repeat center left;
	padding-left: 13px;
	margin-bottom: 2px;
}


.btn_search {
	height: 104px;
	height: 26px;
	font-weight: bold;
}
.btn_clear {
	width: 73px;
	height: 26px;
	font-weight: bold;
}




.howto {
}
.howto li {
	width: 12%;
	height: 190px;
	float: left;
	padding: 5px 3px 0 3px;
	text-align: center;
	border: 1px solid #ADDEFC;
}
*html .howto li {
	padding: 5px 3px 0 3px;
	width: 14.5%;
}
.howto li.allow {
	width: 24px;
	border: none;
	background: url("../img/howto_allow.gif") no-repeat center center;
}
*html .howto li.allow {
	width: 30px;
}
.howto li.howto_01 {
	background: url("../img/howto_01.jpg") no-repeat center center;
}
.howto li.howto_02 {
	background: url("../img/howto_02.jpg") no-repeat center center;
}
.howto li.howto_03 {
	background: url("../img/howto_03.jpg") no-repeat center center;
}
.howto li.howto_04 {
	background: url("../img/howto_04.jpg") no-repeat center center;
}
.howto li.howto_05 {
	background: url("../img/howto_05.jpg") no-repeat center center;
}


.allow_right {
	padding-left: 13px;
	background: url("../img/arrow_right.gif") no-repeat center left;
}

select.airport {
	width: 150px;
}
option.mark {
	background: #000;
	color: #fff;
}

.footbtn span {
	display: block;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}
.footbtn a {
	color: #555018;
	text-decoration: none;
	font-weight: bold;
	width: 79px;
	height: 38px;
	padding: 8px 5px 5px 5px;
	display: block;
	text-align: center;
	background: url("../img/bg_btn.gif") no-repeat center left;
}
*html .footbtn a {
	width: 89px;
	height: 48px;
	padding: 5px 5px 5px 5px;
}

.footbtn a:link { color: #555018; }
.footbtn a:visited { color: #555018; }
.footbtn a:active { color: #555018; }
.footbtn a:hover { color: #555018; }



.btn_clear{
	background:url(../img/btn_clear.gif) no-repeat left top;
	width: 73px;
	height: 26x;
	border: none;
	overflow: hidden;
	margin-left: 32px;
	text-indent: -9999px;
	cursor: pointer;　/* カーソルを指マークに Opera用 */
	text-align: center;
	display: block; /* IE用 */
}
*html .btn_clear {
	margin-left: 0;
}


/* Valcom */
div#head .left{
	clear:both;
	float:left;
	width:500px;

}

div#head .right{
	float:right;
	width:400px;
	padding-top:50px;
	padding-right:80px;
	text-align:left;
}


#ag_main{
	width:800px;
	margin:0px auto 0px auto;
}