@charset "utf-8";
/* CSS Document */

img{
	border:none;
	vertical-align:bottom;}
	


/*----clearfix設定----*/

.clearfix,ul.internalLinkList,ul.backnumberList,
ul.listStyleArrow03Inline,div.borderStyleXXS dl,
div.borderStyleXS dl,div.borderStyleS dl,div.borderStyleM dl,
div.borderStyleL dl,div.borderStyleXL dl,div.borderStyleXXL dl,
div.groupInfo h5,.planList,.planListTtl,.priceCar,#rsrvArea,.qtOpt,
.shops,.banner_area,.inpt div,.hotels,.hotelDtlImg,.hotelInner,#shop_info_box{
    overflow	: hidden;
    }

.clearfix:after,ul.internalLinkList:after,
ul.backnumberList:after,ul.listStyleArrow03Inline:after,
div.borderStyleXXS dl:after,div.borderStyleXS dl:after,
div.borderStyleS dl:after,div.borderStyleM dl:after,div.borderStyleL dl:after,
div.borderStyleXL dl:after,div.borderStyleXXL dl:after,div.groupInfo h5:after,.planList:after,
.planListTtl:after,.priceCar:after,#rsrvArea:after,.qtOpt:after,
.shops:after;,.banner_area:after,.inpt div:after,.hotels:after,.hotelDtlImg:after,
.hotelInner:after,#shop_info_box:after{
    content		: "";
    display		: block;
    clear		: both;
    height		: 1px;
    overflow	: hidden;
    }

/*\*/
* html .clrfix,* html ul.internalLinkList,* html ul.backnumberList,
* html ul.listStyleArrow03Inline,* html div.borderStyleXXS dl,
* html div.borderStyleXS dl,* html div.borderStyleS dl,* html div.borderStyleM dl,
* html div.borderStyleL dl,* html div.borderStyleXL dl,* html div.borderStyleXXL dl,
* html div.groupInfo h5,* html .planList,* html .planListTtl,
* html .priceCar,* html #rsrvArea,* html .qtOpt,* html .shops,
* html .banner_area,* html .inpt div,* html .hotels,* html .hotelDtlImg,
* html .hotelInner,* html #shop_info_box{
    height		: 1em;
    overflow	: visible;
    }
/**/

/* sub layout
================================== */
/*----sub contents----*/
#subContents{
	width		: 726px;
	float		: right;
	}
.subContInner{
	margin		: 10px 20px;
	padding		: 10px 0;
	}
/*----side menu----*/
#sideMenu{
	float		: left;
	}
	

	
.ttl{
	color:#222222;
	width:726px;
	height:44px;
	line-height:40px;
	background	: url("/img/site/ttl.gif") no-repeat left top;
	font-size	: 16px;
	font-weight	: bold;
	text-indent:25px;
	margin:6px 0 !important;
	padding:0 !important;
	}
	
#newCamp,#sideUse{
	margin-bottom: 15px;
	background	: #FFF;
	}
.sideBnr,#infoService{
	margin-bottom: 15px;
	}
	
.sideTtl{
	background	: url("/img/site/ttl_side.gif") no-repeat left top;
	color		: #FFF;
	font-weight	: bold;
	padding		: 5px 10px 6px;
	}
	
#newCamp dl,#sideUse ul{
	border-left	: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding		: 10px;
	}
	
#newCamp dl dt{
	background	: url("/img/site/arrow.gif") no-repeat left center;
	font-size	: 10px;
	color		: #D11D56;
	padding-left: 13px;
	}
	
#newCamp dl dd{
	border-bottom: 1px dotted #CCC;
	padding-bottom:5px;
	margin-bottom: 5px;
	}
	
.listEnd{
	border		: none;
	}

.sideBnr p{
	margin-bottom: 5px;
	}

#sideUse ul li{
	position	: relative;
	border-bottom: 1px dotted #CCC;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:7px;
	}
	
#sideUse ul li a{
	padding-left	: 35px;
	display		: block;
	}
	
#sideUse ul li img{
	position	: absolute;
	top			: 3px;
	left		: 0;
	}
	
#infoService dl dt{
	position	: relative;
	padding-left:50px;
	}

* html #infoService dl dt{
	width		: 200px;
	}
	
#infoService dl dt a{
	background	: url("/img/site/arrow.gif") no-repeat left 3px;
	padding-left: 8px;
	}
	
#infoService dl dt img{
	border		: 3px solid #CCC;
	position	: absolute;
	top			: 3px;
	left		: 0;
	}
	
#infoService dl dd{
	font-size	: 10px;
	margin-left	: 50px;
	margin-bottom:10px;
	}

#sideMobile{
	margin		: 15px 0;
	background	: #FFF;
	}
#sideMobile dl{
	border	: 1px solid #CCC;
	padding	: 5px;
	}
#sideMobile dl dt{
	width	: auto;
	float		: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
#sideMobile dl dd{
	font-size	: 10px;
	}
	
	



/* reserves
============================================== */
#subRsrvContents{
	width		: 970px;
	float		: left;
	}
.subRsrvInner{
	margin		: 10px 0;
	}

.attention{
	margin		: 15px;
	font-size	: 17px;
	font-weight	: bold;
	text-align	: center;
	background	: #ff0;
	}
	
.noAccept{
	margin		: 15px;
	font-size	: 17px;
	font-weight	: bold;
	text-align	: center;
	}
	
/* car detail
------------------------------------ */
#CarImg{
	width		: 370px;
	float		: left;
	margin-bottom:20px;
	}
	
#CarImg ul{
	text-align	: justify;
	text-justify: distribute-all-lines;
	margin-top	: 10px;
	}
	
#CarImg ul:after{
	content		: url("/img/site/justifly.gif");
	line-height	: 0;
	visibility	: hidden;
	}
	
#CarImg ul li{
	display		: inline;
	}
	
.bigImg img{
	width		: 360px;
	border		: 5px solid #EEE;
	}
	
.smallImg img{
	width		: 110px;
	border		: 5px solid #EEE;
	}
	
#carDtl{
	width		: 341px;
	float		: right;
	margin-bottom:20px;
	}
	
.DtlTbl{
	border		: 1px solid #CCC;
	border-collapse:collapse;
	width		: 341px;
	font-size	: 100%;
	text-align	: left;
	margin		: 10px 0;
	}
	
.DtlTbl th{
	color:#333333;
	background	: #d7eefc;
	padding		: 3px 5px;
	width		: 150px;
	border		: 1px solid #CCC;
	text-align	: left;
	}
.DtlTbl td{
	padding		: 3px 5px;
	border		: 1px solid #CCC;
	}
	
.trnotes{
	font-size	: 10px;
	font-weight	: normal;
	}
	
/* reserve area
------------------------------------ */
#rsrvArea{
	clear		: both;
	padding		: 0 0 70px;
	margin		: 15px 0;
	background	: #EDEDED;
	}
	
.rsrvAreaTtl{
	color		: #e5001a;
	width:726px;
	height:40px;
	line-height:40px;
	background	: url("/img/site/ttl.gif") no-repeat left top;
	font-size	: 16px;
	font-weight	: bold;
	text-indent:20px;
	margin:6px 0 !important;
	padding:0 !important;

	}
	

	
	
.inpt{
	margin		: 5px 15px 30px;
	}
	
.outpt{
	margin		: 5px 15px 10px;
	background	: #FFF;
	border		: 1px solid #CCC;
	position	: relative;
	}

/* inpt
--------------------------- */
.inpt div{
	background	: #FFF;
	border		: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.inpt h4{
	background:url("/img/site/ttl_icon_bg1.gif") no-repeat 5px center;
	background-color	: #666666;
	font-size	: 14px;
	text-indent:25px;
	font-weight	: bold;
	color		: #FFF;
	padding		: 3px 5px;
	margin-bottom: 8px;
	}
	
	
	
.inpt p{
	margin		: 15px 10px 10px;
	}
	
.inpt dl{
	padding		: 0 10px 15px;
	}
.inpt dt{
	background	: url("/img/site/arrow.gif") no-repeat left center;
	padding-left	: 13px;
	margin-top	: 10px;
	font-weight	: bold;
	}
	
.qtShop dl{
	width		: 230px;
	float		: left;
	}
	
.qtShop dl dt{
	float		: left;
	clear		: left;
	margin-right: 10px;
	}
.qtShop dl dd{
	padding-top: 10px;
	}
	
.qtDay dl{
	width:320px;
	float		: left;
	}
	
.qtDay dl dd img{
	margin-top:5px;}

	
* html .qtDay dl{
	width		: 355px;
	}
	
.qtDay dd{
	display		: inline;
	padding-bottom: 10px;
	}
.qtDay dd select{
	}
	
.qtOpt ul{
	margin		: 10px;
	}
	
.qtOpt ul li{
	background	: url("/img/site/arrow.gif") no-repeat left center;
	display		: inline;
	padding-left	: 13px;
	margin-right: 15px;
	white-space: nowrap;
	margin-bottom: 5px;
	font-weight: bold;
	}
*:first-child + html .qtOpt ul li{
	float		: left;
	} 
* html .qtOpt ul li{
	float		: left;
	}
	
.qtOpt ul li.Opnormal{
	background-color: #FFEBF0;
	background-image: none;
	padding		: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	display		: block;
	}
/* outpt
--------------------------- */
.outpt h3{
	background	: #e5001a;
	font-size	: 18px;
	font-weight	: bold;
	text-align	: center;
	color		: #FFF;
	padding		: 3px 5px;
	border-top:1px solid #ffffff;
	border-bottom:2px solid #999999;
	margin-bottom: 10px;
	}
	
.outpt table{
	border-collapse: collapse;
	margin		: 0 10px 10px;
	width		: 671px;
	font-size	: 100%;
	}
	
.outpt table th,.outpt table td{
	border		: 1px solid #CCC;
	padding		: 3px 5px;
	text-algin	: left;
	}

.outpt table th{
	width		: 150px;
	background	: #FFEBF0;
	}
	
.outpt h4{
	background	: url("/img/site/arrow.gif") no-repeat left center;
	padding-left	: 13px;
	margin		: 0 10px 0;
	font-weight	: bold;
	color		: #e60012;
	}
	
.PRICE{
	color		: #e5001a;
	font-weight	: bold;
	text-align	: right;
	}
	
.notice{
	font-size	: 10px;
	color		: #E60012;
	margin		: 0 10px 0;
	}

.goukei{
	border		: 3px solid #e5001a;
	padding		: 10px 10px;
	text-align	: right;
	margin		: 10px;
	font-weight	: bold;
	color		: #e5001a;
	background:#fbffd0;
	}
	
.goukei span{
	font-size	: 24px;
	}
	
.BtnRsv{
	position	: relative;
	text-align	: center;
	}
	
.BtnRsv a{
	position	: absolute;
	top			: 10px;
	left		: 180px;
	}

/* error-message
------------------------------------ */
.error-message-top {
	background	: url(/img/site/alert.gif) no-repeat left;
	padding		: 0 0 0 20px;
	margin		: 6px 15px;
	color		: #FF0000;
	text-align:left;
	font-size:17px;
	font-weight:bold;
}

.error-message {
	background	: url(/img/site/alert.gif) no-repeat left;
	padding		: 0 0 0 20px;
	margin		: 5px 0 0 0;
	color		: #FF0000;
}

/* calender
------------------------------------ */
#calendar{
	}

/* step
------------------------------------ */
.ttlStep01{
	background	: url("/img/site/ttl_step_01.gif") no-repeat left top;
	font-size	: 14px;
	font-weight	: bold;
	padding		: 23px 10px 12px 80px;
	}
	
.ttlStep02{
	background	: url("/img/site/ttl_step_02.gif") no-repeat left top;
	font-size	: 14px;
	font-weight	: bold;
	padding		: 23px 10px 12px 80px;
	}
	
.ttlStep03{
	background	: url("/img/site/ttl_step_03.gif") no-repeat left top;
	font-size	: 14px;
	font-weight	: bold;
	padding		: 23px 10px 12px 80px;
	}
	
.quoteFix{
	width		: 300px;
	float		: right;
	background	: #EAEAEA;
	margin-top	: 10px;
	}
	
.qrFx01 h3{
	background	: #D11D56;
	font-size	: 16px;
	font-weight	: bold;
	text-align	: center;
	color		: #FFF;
	padding		: 3px 5px;
	border-bottom:2px solid #333;
	margin-bottom: 10px;
	}
	
.quoteFix table{
	border-collapse: collapse;
	margin		: 0 10px 10px;
	width		: 280px;
	background	: #FFF;
	}
	
.quoteFix table th,.quoteFix table td{
	border		: 1px solid #CCC;
	padding		: 3px 5px;
	}

.quoteFix table th{
	width		: 110px;
	background	: #FFEBF0;
	}
	
.quoteFix h4{
	background	: url("/img/site/arrow.gif") no-repeat left center;
	padding-left	: 13px;
	margin		: 0 10px 0;
	font-weight	: bold;
	color		: #e60012;
	}

.customerTbl{
	width		: 600px;
	margin		: 10px 0;
	}

.customerTbl table{
	width		: 650px;
	margin		: 0 auto;
	border		: 1px solid #CCC;
	border-collapse: collapse;
	}

.customerTbl table th{
	width		: 150px;
	background	: #EEE;
	border		: 1px solid #CCC;
	text-align	: left;
	padding		: 5px 10px;
	}

.customerTbl table td{
	border		: 1px solid #CCC;
	text-align	: left;
	padding		: 5px 10px;
	}
	
.rsvBtn{
	text-align	: center;
	margin		: 20px 0;
	}

.rsvBtn img{
	vertical-align: top;
	}
	
.need{
	color		: #E60012;
	font-size	: 10px;
	}

/* fixed
------------------------------------ */
.thnaks{
	padding		: 10px;
	text-align	: center;
	}
	
.Fixed{
	}
	
.Fixed h3,.FixedCust h3{
	background	: #e5001a;
	font-size	: 18px;
	font-weight	: bold;
	text-align	: center;
	color		: #FFF;
	padding		: 3px 5px;
	border-top:1px solid #ffffff;
	border-bottom:2px solid #999999;
	margin-bottom: 10px;
	}
	
.Fixed table{
	border		: 1px solid #CCC;
	border-collapse: collapse;
	font-size	: 100%;
	width		: 900px;
	margin		: 10px auto;
	}
	
.Fixed table caption{
	border		: 1px solid #CCC;
	background	: #FFEBF0;
	margin		: 0;
	padding		: 5px;
	font-weight	: bold;
	}
	
	
.Fixed table th,.Fixed table td{
	border		: 1px solid #CCC;
	padding		: 5px 10px;
	}
	
.Fixed table th{
	width		: 200px;
	background	: #FFEBF0;
	}
	
.FixedCust table{
	width		: 900px;
	border		: 1px solid #CCC;
	border-collapse: collapse;
	font-size	: 100%;
	margin		: 10px auto;
	}
	
.FixedCust table th,.FixedCust table td{
	width		: 200px;
	border		: 1px solid #CCC;
	padding		: 5px 10px;
	}
	
.FixedCust table th{
	background	: #FFEBF0;
	}

/* campaign
============================================== */
.campDetail{
	}
	
.campDt{
	border	: 2px solid #e60012;
	padding	: 10px;
	}
	
.carImg02{
	width	: auto;
	float	: left;
	margin-right: 10px;
	}
	
.campDt dl{
	overflow:hidden;
	margin-bottom:10px;
	}
	
.campDt dl dt{
	width	: 100px;
	float	: left;
	clear	: left;
	font-weight: bold;
	padding	: 5px 0;
	}
	
.campDt dl dd{
	border-bottom:1px dotted #CCC;
	padding	: 5px 0;
	}
	
.campTxt{
	overflow:hidden;
	}
	
#campCarDtl{
	}
	
.campDtlTbl{
	border		: 1px solid #CCC;
	border-collapse:collapse;
	margin	: 10px 0;
	width	: 726px;
	}
	
.campDtlTbl th{
	color:#333333;
	background	: #d7eefc;
	padding		: 3px 5px;
	width		: 230px;
	border		: 1px solid #CCC;
	}
.campDtlTbl td{
	padding		: 3px 5px;
	border		: 1px solid #CCC;
	}
