@charset "UTF-8";


/*____________________________________________________________________

	Wrapper
____________________________________________________________________*/

#wrapper {}

body{}


/*____________________________________________________________________

	Header
____________________________________________________________________*/

#header {
	width: 100%;
	background: transparent url(/files/user/common/img/hd_bg.png) repeat-x left top;
}

/* ========== Header Contents ========== */

#hdWrap {
	width: 980px;
	margin: 0 auto;
}

#hdCont {
	width: 960px;
	margin: 0 10px;
}

#header #top {
	width: 130px;
	float: left;
	margin-right:69px;
}

ul#hdBtn {
	width: 562px;
	float: left;
}

ul#hdBtn li {
	font-size: 0 !important;
	line-height: 0 !important;
	float: left;
}

#hdTel {
	width: 165px;
	float: right;
}

ul#hdLink {
	width: 470px;
	padding: 7px 0;
	float: right;
}

ul#hdLink li {
	margin:3px 0 0 15px;
	padding: 0 0 0 10px;
	text-indent:-10px;
	line-height: 0;
	background: transparent url(/files/user/common/img/com_link_icon02.png) no-repeat left center;
	float: right;
}

ul#hdLink li a {
	padding:0 0 0 10px;
	line-height:1;
	line-height:1.5\9;
	font-size:11px;
}

ul#hdLink li.lang {
	margin:0 0 0 30px;
	padding-left: 0;
	background:none;
}

ul#hdLink li a:link {   color: #333333; text-decoration: none;}
ul#hdLink li a:visited {color: #333333; text-decoration: none;}
ul#hdLink li a:hover {  color: #333333; text-decoration: underline;}
ul#hdLink li a:active { color: #333333; text-decoration: underline;}


/*____________________________________________________________________

	Bread Crumb
____________________________________________________________________*/

ul#breadCrumb {
	width: 470px;
	padding: 11px 0 0 5px;
	float: left
}

ul#breadCrumb li {
	color: #333333;
	font-size: 11px !important;
	line-height: 1.0 !important;
	float: left;
}

ul#breadCrumb li span {
	margin: 0 7px;
}

ul#breadCrumb li a:link {   color: #333333; text-decoration:underline;}
ul#breadCrumb li a:visited {color: #333333; text-decoration:underline;}
ul#breadCrumb li a:hover {  color: #333333; text-decoration:none;}
ul#breadCrumb li a:active { color: #333333; text-decoration:none;}


/*____________________________________________________________________

	contents
____________________________________________________________________*/

#container {
	width: 100%;
	background-color:#FFF;
	padding-bottom:70px;
}

.area_tobira{
	width:960px;
	margin:40px auto 0;
}

.area_syousai{
	width:960px;
	margin:40px auto 0;
}

.area_single{
	width:840px;
	margin:40px auto 0;
	padding-bottom: 70px;
}

.area{
	width:960px;
	margin:0 auto;
}

#side {
	width: 200px;
	float: right;
}

#cont {
	width: 710px;
	text-align: left;
	float: left;
}

.area_single  #cont {
	width: 840px;
	float: none;
}
.area_single  #cont .contInner {
	/*padding: 10px 20px;*/
}

/*____________________________________________________________________

	colum
____________________________________________________________________*/

.com_column2_1 {
	width:350px;
	float:left;
	margin-right:10px;
	background: transparent url(/files/user/common/img/com_350_shadow.png) no-repeat left bottom;
	padding-bottom:10px;
}

.com_column2_2 {
	width:350px;
	float:right;
	background: transparent url(/files/user/common/img/com_350_shadow.png) no-repeat left bottom;
	padding-bottom:10px;
}

.com_column2_1_normal {
	width:350px;
	float:left;
	margin-right:10px;
	padding-bottom:10px;
}

.com_column2_2_normal {
	width:350px;
	float:right;
	padding-bottom:10px;
}

.com_column3_1 {
	width:230px;
	float:left;
	margin-right:10px;
	background: transparent url(/files/user/common/img/com_230_shadow.png) no-repeat left bottom;
	padding-bottom:10px;
}

.com_column3_2 {
	width:230px;
	float:right;
	background: transparent url(/files/user/common/img/com_230_shadow.png) no-repeat left bottom;
	padding-bottom:10px;
}

.com_columnBorder{
	border-top:1px solid #EEEEEE;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	padding:0 0 9px 0;
}

.com_columnBorder02{
	border-top:1px solid #EEEEEE;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
}

.com_columnBorder_heavy{
	border:5px solid #EEEEEE;
}

.com_innner01{
	padding:9px 9px 0 9px;
}

.com_column2_1 ul,.com_column2_2 ul{
	margin:20px 19px 15px 19px;
	font-size:16px;
}

.com_column2_1 ul.com_columnLink02, .com_column2_2 ul.com_columnLink02{
	margin:0;
}

.com_column3_1 ul,.com_column3_2 ul{
	margin:20px 19px 15px 19px;
	font-size:16px;
}

.com_columnLink li{
	display: block;
	background: transparent url(/files/user/common/img/com_link_icon01.png) no-repeat right center;
	line-height:1.2;
}

.com_columnLink li a{
	display:block;
	background: transparent url(/files/user/common/img/com_linedot_vertical.png) repeat-y right top;
	margin-right:30px;
	color:#8C7B4C;
	font-weight:normal;
	zoom:1;
	padding-right:10px;
} 


.com_columnLink02 li{
	background: transparent url(/files/user/common/img/com_linedot_gray.png) repeat-x left top;
	padding:19px 19px 19px 19px;
	font-size:16px;
}

.com_columnLink02 li span{
	display: block;
	background: transparent url(/files/user/common/img/com_link_icon01.png) no-repeat right center;
	line-height:1.2;
}

.com_columnLink02 li a{
	display:block;
	background: transparent url(/files/user/common/img/com_linedot_vertical.png) repeat-y right top;
	margin-right:30px;
	color:#8C7B4C;
	font-weight:bold;
	zoom:1;
}

.com_columnLink02 li:hover{
	background: #FAF1D9 url(/files/user/common/img/com_linedot_gray.png) repeat-x left top;
	text-decoration: none;
}



.com_infoBlock01{
	padding-bottom:10px;
}

.com_infoBlock01 dl{
	background-color:#FAF1D9;
	padding:24px 17px 24px 19px;
	line-height:1.2;
}

.com_infoBlock01 dt{
	color:#8C7B4C;
}

.com_infoBlock01 dt span{
	font-size:16px;
	display:block;
	font-weight:bold;
}

.com_infoBlock01 dd{
	margin-top:10px;
	font-size:13px;
}

.com_infoBlock01 .box01{
	width:100%;
}

.com_infoBlock01 .txt01{
	width:170px;
	float:left;
	margin:15px 0 0 19px;
	display:inline;
}

.com_infoBlock01 .pic01{
	float:right;
	margin:15px 19px 0 0;
	display:inline;
}


/*____________________________________________________________________

	News Table
____________________________________________________________________*/

.newsTbl01 th {
	padding: 0 15px 10px 0;
	text-align: left;
	font-weight: bold;
	white-space:nowrap;
	vertical-align: top;
}

.newsTbl01 td {
	padding: 0 15px 10px 0;
	font-weight: bold;
	vertical-align: top;
}

.newsTbl01 td a:link {   color: #8C7454;}
.newsTbl01 td a:visited {color: #8C7454;}
.newsTbl01 td a:hover {  color: #8C7454;}
.newsTbl01 td a:active { color: #8C7454;}






/*____________________________________________________________________

	Popup Wrapper
____________________________________________________________________*/

#popWrapper01 {
	margin: 10px;
	padding: 0;
	text-align: left;
}



/*____________________________________________________________________

	Popup Header
____________________________________________________________________*/

#popHeader {
	border-bottom: solid 1px #CCCCCC;
}

#popHeader #top {
	margin-bottom: 7px;
}


/*____________________________________________________________________

	Popup Footer
____________________________________________________________________*/

#popFooter {
	margin-top: 30px;
	padding-top: 10px;
	border-top: solid 1px #CCCCCC;
}

#popFtCopy {
	text-align: right;
}





/*____________________________________________________________________





	Reserve




____________________________________________________________________*/


#bottom-bar{
    position: relative;
}
#bottom-bar.fixed-bottom { /* 下層fix用 */
    width:100%;
	position:fixed;
	bottom:0;
	/*z-index:150;*/
	z-index: 10;
}

#bottom-bar.static{
	position:static;
}

#reserveBtnBg {
    position: absolute;
    top: -40px;
	width:100%;
	background: transparent url(/files/user/common/img/com_module_shadow.png) repeat-x left bottom;
	text-align:center;
	cursor: pointer;
}

.reserveBtn {
	width:960px;
	margin:0 auto;
	text-align:right;
}

.reserveBtn img {
	margin-right:40px;
}

#reserve {
	width:100%;
	background-color:#EDEDED;
}
#bottom-bar.fixed-bottom #reserve {
    height: 107px;
}

#resFrm01 {
	width: 960px;
	margin:0 auto;
	padding: 15px 20px ;
    position: relative;
}

#resWp01 {
	float:left;
	width:160px;
	padding-top:8px;
}

#resWp02 {
	float:left;
	width:800px;
}

.resCont01 {}
.resInfo01 {}



/* ========== Reservation Radio ========== */
#resRgo01 {
    width: 960px;
    margin: 0 auto;
/*
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
*/

}
ul#resRgo01 li {
/*	margin-right: 10px;*/
	vertical-align: middle;
	float: left;
	white-space: nowrap;
}
ul#resRgo01 li:last-child { margin-right: 0;}

ul#resRgo01 li input[type=radio] { display: none;}
ul#resRgo01 li label {
    display: block;
    height: 40px;
    cursor: pointer;
}
ul#resRgo01 li input[type=radio]:checked + label { cursor: default}
ul#resRgo01 li input#domResToggler + label {
    background: url(/files/user/common/img/com_module_hotel_o.png) left center no-repeat;
    width: 131px;
}
ul#resRgo01 li input#domDPToggler + label {
    background: url(/files/user/common/img/com_module_pack_o.png) left center no-repeat;
    width: 218px;
}
ul#resRgo01 li input#domResToggler:checked + label {
    background: url(/files/user/common/img/com_module_hotel.png) left center no-repeat;
}
ul#resRgo01 li input#domDPToggler:checked + label {
    background: url(/files/user/common/img/com_module_pack.png) left center no-repeat;
}


/* IE7 */
*+html ul#resRgo01 li { margin-right: 10px;}

/* IE6 */
* html ul#resRgo01 li { margin-right: 10px;}


ul#resRgo01 li.lag {
	margin-right: 40px;
}

/* IE7 */
*+html ul#resRgo01 li.lag { margin-right: 20px;}

/* IE6 */
* html ul#resRgo01 li.lag { margin-right: 20px;}


.resTxt01 {
	margin: 0;
	font-size:13px;
	line-height:1.2;
}

.resTxt02 {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
/*
    font-weight: bold;
    color: #4B86D8;
*/
}

ul#resRgo01 li input[type=radio]:checked + label > span { color: #8B7245;}

.resIcon01 {
	cursor: pointer;
	vertical-align:middle;
	display:inline-block;
	padding-left:5px;
	padding-left:0\9;
}

.domBlock01{
	float:left;
	margin-right:20px;
/*	padding-right:8px;*/
}

.domBlock02{
	float:left;
}

.domBlock01 .clearfix:not(:first-child),
.domBlock02 .clearfix:not(:first-child) {
    margin-top: 5px;
}

.domBlock03{
	float:right;
	width:200px;
/*	margin-top:-12px;*/
	position: relative;
}

.domBox01{
	float:left;
	width:105px;
	font-size:13px;
	padding-top:10px;
}

.domBox02{
	float:left;
	/*width:150px;*/
	width:157px;
}

.domBox03{
	float:left;
	width:105px;
	font-size:13px;
	padding-top:10px;
}

.domBox04{
	float:left;
/*	margin-top:5px;*/
	/*width:150px;*/
	width:157px;
}

.domBox05{
	float:left;
	width:105px;
	font-size:13px;
	padding-top:10px;
}

.domBox06{
	float:left;
/*	margin-top:7px*/
}



.dpBlock01{
	float:left;
	margin-right:5px;
	padding-right:5px;
	/*background: transparent url(/files/user/common/img/com_linedot_vertical.png) repeat-y right top;*/
	margin-top:3px;
}
.dpBlock02{
	float:left;
	margin-right:5px;
	padding-right:5px;
	/*background: transparent url(/files/user/common/img/com_linedot_vertical.png) repeat-y right top;*/
	margin-top:3px;
}
.dpBlock03{
	float:left;
	width:140px;
}
.dpBlock04{
	float:right;
	width:200px;
	margin-top:-25px;
}


.dpBox01{
	float:left;
	width:50px;
	font-size:11px;
	margin-top:2px;
}
.dpBox02{
	float:left;
	width:148px;
	margin-top:2px;	
}
.dpBox03{
	float:left;
	width:80px;
	font-size:11px;
	padding-top:2px;
}
.dpBox04{
	float:left;
	width:150px;
}
.dpBox05{
	float:left;
	width:80px;
	font-size:11px;
	padding-top:7px;
}
.dpBox06{
	float:left;
	width:150px;
	margin-top:5px;
}
.dpBox07{
	font-size:11px;
	padding-top:5px;
}
.dpBox08{
	width:140px;
	margin-top:6px;
}


/* select style */
#reserve select.style01 {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #999;
    border-radius: 0px;
    background-color: #fff;
    background-image: url(https://stg.tour-list.com/TourListGadget/Images/HN657/i-select-arrow.png);
    background-size: 16px;
    background-position: right center;
    background-repeat: no-repeat;
/*    width: 100%;*/
    line-height: 1em;
    padding: 11px 8px;
    outline: none;
    font-size: 12px;
/*    font: 10px/1 sans-serif;*/
}
#reserve select.style01::-ms-expand { display: none;}


/* resCheckBox */
.res_checkBtn { cursor: pointer;}

.res_checkBox {
	position: absolute;
	bottom: -10px;
	right: -26px;
	width: 450px;
	z-index: 9999;
	display: none;
}
.res_checkBox_mid {
	background: url(/files/user/common/img/rescheckbox_mid.png) repeat-y left top;
	width: 390px;
	padding: 10px 30px 10px;
}
.res_checkBox_top { 
	background: url(/files/user/common/img/rescheckbox_top.png) no-repeat left top;
	width:450px;
	height: 28px;
}
.res_checkBox_btm { 
	background: url(/files/user/common/img/rescheckbox_btm.png) no-repeat left bottom;
	width:450px;
	height: 28px;
}

.res_checkBox .res_checkBoxL {
	float: left;
	text-align: left;
	width:290px;
	padding-right: 10px;
	background: url(/files/user/jp/home/img/res_line01.gif) repeat-y right top;
}
.res_checkBox .res_checkBoxR {
	float: right;
	text-align: left;
	width:270px;
}

.res_checkBox p { font-size: 120%; color:#0B2650;}
.res_checkBox ul { margin: 10px 0 0 0;}
.res_checkBox ul li {
	line-height: 1.5em;
	background: url(/files/user/common/img/arrow01.gif) no-repeat left center;
	padding: 0 0 0 10px;
}

.resIcon01 img {
	vertical-align: middle;
	position: relative;
/*	top: -0.3em;*/
}

.resTxt01 {
	margin: 0 3px 0 0;
}

#resIframe01 { height: 77px;}

/*____________________________________________________________________




	Side




____________________________________________________________________*/

/* ========== Side Navigation 01 ========== */

#sideNavi{}

#sideNavi.static {
	position:fixed;
	top:0;
}

#sideNavi h3 {
	width:200px;
	background: #E5F1FF url(/files/user/common/img/side_tit_bg.png) no-repeat right bottom;
}

#sideNavi h3.sideTit {
	width:200px;
	background: #E5F1FF url(/files/user/common/img/com_linedot_blue.png) repeat-x left bottom;
	font-size:16px;
	line-height:1.4;
}

#sideNavi h3.sideTit a {
	display: block;
	background: transparent url(/files/user/common/img/com_link_icon01.png) no-repeat 179px center;
	color:#8C7B4C;
	padding: 19px 0 18px 10px;
}

#sideNavi h3.sideTit strong {
	background: transparent url(/files/user/common/img/com_linedot_blue.png) repeat-x left top;
	display:block;
}

#sideNavi h3.sideTit span {
	font-size:10px;
	display:block;
	font-weight:normal;
}

#sideNavi li {
	width:200px;
	background: transparent url(/files/user/common/img/com_linedot_gray.png) repeat-x left bottom;
}

#sideNavi li.last {
	background: none;
}

#sideNavi li a {
	padding: 10px 15px 10px 10px;
	display: block;
	zoom:1;
}

#sideNavi li span {
	display: block;
	background: transparent url(/files/user/common/img/com_link_icon02.png) no-repeat right center;
}

#sideNavi li a:link {   text-decoration: none;}
#sideNavi li a:visited {text-decoration: none;}
#sideNavi li a:hover {
	background: #FAF1D9 url(/files/user/common/img/com_linedot_gray.png) repeat-x left bottom;
	text-decoration: none;
}
#sideNavi li a:active { text-decoration: none;}

#sideNavi li.last a:hover {
	background: none;
	background-color:#FAF1D9;
	text-decoration: none;
}

#sideNavi h3.sideTit a:link {   text-decoration: none;}
#sideNavi h3.sideTit a:visited {text-decoration: none;}
#sideNavi h3.sideTit a:hover { 
	background: #4B87D9 url(/files/user/common/img/com_link_icon03.png) no-repeat 179px center;
	color:#FFFFFF;
	text-decoration: none;
	}
#sideNavi h3.sideTit a:active { text-decoration: none;}


/*____________________________________________________________________




	Footer



____________________________________________________________________*/

#footer {
	width: 100%;
}


/* ========== Footer Contents ========== */
#ftWp01 {
	width: 100%;
	background-color:#FAF1D9;
	border-top:1px solid #FFFFFF;
}

#ftCont00 {
	width:960px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
}

ul#ftLink01 {
	width: 500px;
	float: left;
}

ul#ftLink01 li {
	margin:3px 0 0 20px;
	padding: 0 0 0 10px;
	text-indent:-10px;
	line-height: 0;
	background: transparent url(/files/user/common/img/com_link_icon02.png) no-repeat left center;
	float: left;
}

ul#ftLink01 li a {
	padding:0 0 0 10px;
	line-height:1;
	line-height:1.5\9;
	font-size:11px;
}

ul#ftLink01 li.first {
	margin:3px 0 0 0;
}

ul#ftLink01 a:link {   color: #333333; text-decoration: none;}
ul#ftLink01 a:visited {color: #333333; text-decoration: none;}
ul#ftLink01 a:hover {  color: #333333; text-decoration: underline;}
ul#ftLink01 a:active { color: #333333; text-decoration: underline;}

#ftCopy01 {
	float: right;
	font-size:11px;
}


/*____________________________________________________________________




	common Footer



____________________________________________________________________*/


/* ========== Footer Contents ========== */
#ftCont01 {
	width: 100%;
}

#ftCont02 {
	width: 100%;
	background: transparent url(/files/user/common/img/ft_bg01.jpg) repeat-x center top;
}

#ftCont03 {
	border-top:1px solid #CCCCCC;
	width: 960px;
	margin: 0 auto;
}


/* ========== Footer Block ========== */
/* Footer Block 01 */
#ftBlk01 {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 14px;
	color: #999999;
	text-align: left;
}

#ftBlk01 ul {
	float: left;
	margin-right: 20px;
}

#ftBlk01 ul li {
	margin-right: 5px;
	padding-right: 5px;
	font-size: 10px !important;
	line-height: 1.5 !important;
	float: left;
	border-right: solid 1px #CCCCCC;
}

#ftBlk01 ul li.last {
	margin: 0;
	padding: 0;
	border: none;
}

#ftBlk01 ul li a:link {   color: #999999; text-decoration:none;}
#ftBlk01 ul li a:visited {color: #999999; text-decoration:none;}
#ftBlk01 ul li a:hover {  color: #999999; text-decoration:underline;}
#ftBlk01 ul li a:active { color: #999999; text-decoration:underline;}


/* Footer Block 02 */
#ftBlk02 {
	width: 960px;
	margin: 0 auto;
	padding: 11px 0 11px 0;
	color: #7F7F7F;
	text-align: left;
}

#ftBlk02 ul li {
	margin-right: 20px;
	padding-right: 20px;
	float: left;
	font-size: 1px !important;
	line-height: 1 !important;
	border-right: solid 1px #CCCCCC;

}

#ftBlk02 ul li.last {
	margin: 0;
	padding: 0;
	border: none;
}


/* Footer Block 02 Sns */

ul#ftLogo01 {
	width: 460px;
	float: left;
}

ul#ftLogo01 li {
	margin-right: 20px;
	padding-right: 20px;
	float: left;
	font-size: 1px !important;
	line-height: 1 !important;
	border-right: solid 1px #CCCCCC;
}

ul#ftLogo01 li.last {
	margin: 0;
	padding: 0;
	border: none;
}

ul#ftSns01 {
	width: 460px;
	margin-top: 13px;
	float: right;
}

ul#ftSns01 li {
	margin-right: 10px;
	padding-right: 0;
	float: right;
	font-size: 1px !important;
	line-height: 1 !important;
	border: none;
}


/* Footer Block 03 */
#ftBlk03 {
	padding: 14px 0 165px 0;
	color: #FFFFFF;
}

#ftBlk03 ul li {
	margin-right: 5px;
	padding-right: 5px;
	font-size: 10px !important;
	float: left;
	border-right: solid 1px #CCCCCC;
}

#ftBlk03 ul li.last {
	margin: 0;
	padding: 0;
	border: none;
}

#ftBlk03 ul li a:link {   color: #999999; text-decoration: none;}
#ftBlk03 ul li a:visited {color: #999999; text-decoration: none;}
#ftBlk03 ul li a:hover {  color: #999999; text-decoration: underline;}
#ftBlk03 ul li a:active { color: #999999; text-decoration: underline;}


#ftCopy02 {
	margin-top: 8px;
}

#backtotop{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:500;
}

/* Footer Module Calender */
#ui-datepicker-div {
	top: auto !important;
	bottom: 40px;
}