@charset "utf-8";
/* CSS Document*/
body{
	margin: 0;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	background: #fff;
	word-wrap: break-word;

}


/* for chrome font-size */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#footer .box-copyright,
	p,
	dt,dd,
	li,
	ul,ol,
	td,
	h1,h2,h3,h4
	{
		max-height: 999999px;
	}
}




html {  
    overflow-y: scroll;  
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;  
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;  
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	/*text-align: left;*/
}

th {
	font-weight:bold;
	padding:10px;
	border:1px solid #CCC;
}

td {
	padding:10px;
	border:1px solid #CCC;
}



/*q:before ,q:after   {
    content: '';
}*/

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none;
}

h1, h2, h2, h3, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img, abbr, acronym, fieldset {
	border: 0;
}

li {
	list-style-type: none;  
}









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

          top page

 ---------------------------------*/
#top-header{
	height: 90px;
	width:1000px;
	margin:0 auto;
	position: relative;
	z-index:1;
	background-image:url(../img/bg_header.png);
}
#slider-box{
	position:absolute;
	top: 0;
	left:50%;
	margin-left:-600px;
	width:1200px;
	
}
/* slide no padding and no border*/

.bxslider{
	margin: 0;
}

#top-wrap{
	width: 1000px;
	margin: 0 auto;
	position:relative;
	top:400px;

	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}


.banner3{
	padding-bottom: 20px;
}
.banner3 img{
	display: block;
	float: left;
}
			/* ---------------------------------			
								top page map			
			 ---------------------------------*/
#box-map-select .map_base{
top: 0px;
padding: 0px;
z-index: 1;
width: 680px;
height: 390px;
}

#box-map-select .map_over{
position: relative;
top: -390px;
margin-bottom: -380px;
z-index: 2;
width: 680px;
height: 390px;
-moz-opacity:.75;/* もう少ないだろうけどNN用 */
filter:alpha(opacity=75);/* IE用 */
opacity:.75;/* Firefox,Safari,Opera用 */

}







			/* ---------------------------------			
								end of top page menu			
			 ---------------------------------*/

#box-map-select{
	margin-bottom: 20px;
}
.banner-craft-l{
	margin-bottom: 20px;
}



			/* ---------------------------------			
								top search form			
			 ---------------------------------*/

.submit-search{
	background-image:url(../img/submit_search.gif);
	width: 199px;
	height: 36px;
	display: block;
	margin: 0 auto !important;
	text-indent: -9999px;
	border: solid 0px;
	cursor: pointer;
}
.submit-search:hover{
  opacity: .8;
  filter: alpha(opacity=80);
}
.submit-search:active{
  opacity: 1;
  filter: alpha(opacity=100);
}
select.w-small{
	width: 4.5em;
}
select.w-mid{
	width: 4.5em;
}
select.w-large{
	width: 236px;
}


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

          common

 ---------------------------------*/
#wrap{
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;

	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}


#header{
	height: 90px;
	background-color: white;
	background-image:url(../img/bg_header.gif);
	background-repeat: repeat-x;
}



			/* ---------------------------------			
								menu			
			 ---------------------------------*/



#menu{
	width:100%;
	min-width:1000px;
	margin: 0 auto;
	paWdding: 0;
	list-style: none;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
/*
	background:#FFFFFF;
*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+49,e0e0e0+50,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #e0e0e0 50%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#e0e0e0 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#e0e0e0 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.top{
}

#menu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;

	width:1000px;
	margin: 0 auto;
	
}


#menu {
	text-align:center;
	width:100%;
/*
	float: left;
*/
}

#menu a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	justify-content: center;

	width:100%;
	box-sizing: border-box;

	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;

	min-height: 60px;
	padding:10px 10px;
	border-left:1px solid #CCC;
/*
	display: block;
	text-shadow:0 0 10px #edf8ff, 0 0 5px #edf8ff, 0 0 0.25px #edf8ff;
*/
}
#menu a:last-child {
	border-right:1px solid #CCC;
}




			/* ---------------------------------			
								pan-navi			
			 ---------------------------------*/
#pan-navi{
	font-size: 14px;
	height: 30px;
	background-color: #f0f0f0;
	padding-left: 25px;
}
#pan-navi li{
	float:left;
	line-height: 30px;
	background-image: url(../img/pan_navi_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 17px 0 5px;
}

#pan-navi li.current {
	background-image:none;
}



#contents {
	padding:20px 20px 30px 20px;
	background: white;
}
#contents-main {
	float: left;
	width: 660px;
	padding-right: 40px;
}

#contents-sub {
	float: left;
	width: 260px;
}

.header-title {
	margin: 20px 0 0 26px;
	float:left;
}




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

          sub contents
					box-banner

 ---------------------------------*/
.banner-tour-paranoia{
	margin: 20px 0;
}
.box-banner{
	background-color: #f0f0f0;
	padding: 10px;
	margin: 20px 0px;
	zoom:1;  /* for top page ie6 */
}
.box-banner .banner{

}
.box-banner p{
	font-size: 12px;
	line-height: 150%;
	margin: .3em 0 1em 0;
}


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

         footer

 ---------------------------------*/
#footer{
	zoom: 1;
}

#footer .box-footer-navi{
	background-color: #ccc;
	margin-bottom: 1px;
	font-size:14px;
}

#footer .box-footer-navi a{
	color: black;
	text-decoration: none;
}

#footer .box-copyright a{
	text-decoration: none;
}

#footer .box-footer-navi a:hover,
#footer .box-copyright a:hover{
	text-decoration:underline;
}

#footer .box-copyright{
	background-color: #eee8aa;
	text-align: center;
	padding:25px 0px 15px 0px;
	line-height:150%;
}

#footer .box-copyright p{
	margin:20px 0px;
}


#footer .fa{
	color: #666;
	padding-left: 3px;
}

#footer dl{
	width: 830px;
	margin:0 auto;
	padding:25px 0 15px 0;
}

#footer dl dt {
  float: left;
  clear: left;
  width: 11em;
	line-height: 150%;
	font-weight: bold;
	background-image:url(../img/bg_colon.gif);
	background-repeat: no-repeat;
	background-position:right;
	
}

#footer dl dd {
  padding-left: 13em;
	line-height: 150%;
	margin-bottom: 10px;
}

.footer-navi{
	text-align: center;
	height: 42px;
	line-height:42px;
	width: 40em;
	margin: 0 auto;
	background-image:url(../img/bg_footer_navi.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}


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

          clear fix

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

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

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

          box-top-search

 ---------------------------------*/
#box-top-search {
	width:260px;
	margin:0 auto;
	background:#fff;
	position: relative;
	border:1px solid #bbb;
	border-radius: 3px 3px 0 0;
	box-shadow:0px 5px 5px #777;
}

.inner-box-top-search{
	border-top:solid 1px #ececec;
	margin-top:1px;
	padding: 12px;
	width:236px;
}

.section-title{
  height: 28px;
  line-height:31px;
  font-size: 16px;
  color: #006;
  font-weight: bold;
  position: relative;
  padding-left: 8px;
	margin-bottom: 1px;
	_padding-top: 6px;
	_height: 22px;
	/*_line-height: 1.1em;*/
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#f2f2f2));
	background: -webkit-linear-gradient(#FFF, #f2f2f2);
	background: -moz-linear-gradient(#FFF, #f2f2f2);
	background: -ms-linear-gradient(#FFF, #f2f2f2);
	background: -o-linear-gradient(#FFF, #f2f2f2);
	background: linear-gradient(#FFF, #f2f2f2);
}


/*  ie7～ie8 */
.section-title {
	line-height: 28px\9;
}
/*  ie6 */
.section-title {
	_line-height: 1.1em;
}

.section-title.euro-search{
	border-width:0 0 1px 0;
}
i{
	padding-right: 6px;
}
dl.basic-form,
dl.option-form{
	font-size: 13px;
}

dl.basic-form dt{
  float: left;
  clear: left;
  width: 6em;
	line-height: 150%;
}

dl.basic-form dd{
  padding-left: 6.5em;
	line-height: 150%;
	margin-bottom: 10px;
}

.toggle-option-form{
	margin-bottom:10px;
}
dl.option-form{
	display:none;
}

dl.option-form dt{
  float: left;
  clear: left;
  width: 3.5em;
	line-height: 150%;
}
dl.option-form dd{
  padding-left: 4em;
	line-height: 150%;
	margin-bottom: 10px;
}
dl.option-form dt.mid{
  width: 5em;
}
dl.option-form dd.mid{
  padding-left: 5.5em;
}
dl.option-form dt.wide{
  width: 6em;
}
dl.option-form dd.wide{
  padding-left: 6.5em;
}
dl.option-form dt.nofloat{
	width: 236px;
  float:none;
	line-height: 150%;
}
dl.option-form dd.nofloat{
	width: 236px;
	line-height: 150%;
	margin-bottom: 10px;
	padding-left:0;
}
select#tupcn{
	width:10.5em;
}
/* ---------------------------------

          カルーセル
					IE6で表示が不完全
					
 ---------------------------------*/
#box-carousel{
	position:relative;
	background:white;
	padding-bottom:30px;
}

.bx-next{
	display:block;
	width:32px;
	height:32px;
	background-image:url(../img/btn_next.png);
	text-indent: -9999px;
	position:absolute;
	top:59px;
	right:10px;
}
.bx-next:hover,.bx-prev:hover{
	opacity:.5;
	filter: alpha(opacity=50);
}
.bx-prev{
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	top:59px;
	left:10px;
	background-image:url(../img/btn_prev.png);
	text-indent: -9999px;
}


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

          advanced search
					
 ---------------------------------*/

#box-advance-search{
	width:680px;
	font-size:12px;
	margin-bottom:20px;
}
#box-advance-search input{
	margin:3px;
}
#box-advance-search dl{
	margin:0;
	background-color:#ebebff;

}
#box-advance-search dt{
	background-color:#ebebff;
	width:60px;
	float:left;
	clear:left;
	padding:5px;
	
}
#box-advance-search dd{
	background-color:#fff;
	padding:5px;
}

.widthAuto{
	width:auto !important;
}

#box-advance-search .row0,
#box-advance-search .row1,
#box-advance-search .row2,
#box-advance-search .row3,
#box-advance-search .row4,
#box-advance-search .row5,
#box-advance-search .row6{
	border:solid 1px #ccc;
	border-bottom:none;
	zoom:1;
}
#box-advance-search .row6{
	border-bottom: solid 1px #CCC;
}
/*----------------------
      row0,row2,row5,row6
------------------------*/
#box-advance-search .row0 dd,
#box-advance-search .row2 dd,
#box-advance-search .row5 dd,
#box-advance-search .row6 dd{
	margin-left:70px;
	padding:5px;
}

/*----------------------
      row1,row3
------------------------*/
#box-advance-search .row0 dt{
	line-height:44px;
}
#box-advance-search .row1 dl,
#box-advance-search .row3 dl{
	width:330px;
	overflow:hidden; /*floatしたので高さ確保*/
	background:#blue;
	float:left;
}
#box-advance-search .row1 dt,
#box-advance-search .row3 dt{
	_width:57px !important;
	float:left;
	clear:left;
	padding:5px;
}
#box-advance-search .row1 dd,
#box-advance-search .row3 dd{
	width:245px;
	margin-left:70px;
	_margin-left:67px !important;
}
/*----------------------
      row4
------------------------*/

#box-advance-search .row4 dl{
	float:left;
}
#box-advance-search .row4 dt{

}
#box-advance-search .row4 dd{
	margin-left:70px;
	background:#fff;
	padding:0.5em 5px !important;
	height:3.2em;
	line-height:40px;
}
/*  air  */
#box-advance-search .row4 dl.air{
	width:260px;
}
#box-advance-search .row4 dl.air dt{
	_width:57px !important;
}
#box-advance-search .row4 dl.air dd{
	_margin-left:67px !important;
	width:180px;
}
/*  seat  */
#box-advance-search .row4 dl.seat{
	width:180px;
}
#box-advance-search .row4 dl.seat dt{
	 line-height:40px;
}
#box-advance-search .row4 dl.seat dd{
	width:97px;
}
/*  hotel  */
#box-advance-search .row4 dl.hotel{
	/*width:258px;*/
}
#box-advance-search .row4 dl.hotel dt{
	width:70px !important;
	line-height:40px;
}
#box-advance-search .row4 dl.hotel dd{
	margin-left:80px;
	width:auto;
}
/*----------------------
      row5
------------------------*/

#box-advance-search .row5 dt{
	line-height:40px;
}
/*----------------------
      row6
------------------------*/
#box-advance-search .row6 dd{
	/*height:2em;*/
	line-height:40px;
}
#box-advance-search .row6{
	margin-bottom:10px;
}

/*----------------------
      modal etc
------------------------*/

#modal-dp h3,
#modal-special h3{
	font-weight:bold;
	margin-bottom:1em;
}
#modal-dp label{
	display:block;
	width:130px;
	float:left;
}
#modal-special label{
	display:block;
	width:155px;
	float:left;
}
.show-other-dp,
.show-other-special{
	padding:0 .5em;
}

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#modal-dp,
#modal-special{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }


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

          page top
					
 ---------------------------------*/

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
	float: right;
}

#page-top a {
    display: block;
		width: 32px;
		height: 32px;
		background-image: url(../img/pagetop.png);
		_background-image: url(../img/pagetop.gif);
		background-repeat: no-repeat;
		text-indent: -9999px;
}
#page-top a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}






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

          事務的ページ
					
----------------------------------*/

#wrap.clerical h2 {
	margin-top:20px;
}

ul.category-menu{
}

ul.category-menu li a{
	display: block;
	line-height: 30px;
	height: 30px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ccc;
	color: #000;
	text-decoration: none;
	padding-left: 1.5em;
	font-size:13px;
}
ul.category-menu li a.multi-row{
	height: auto; line-height: 150%;
}


ul.category-menu li a.current,
ul.category-menu li a:hover{
	background-color: #f8f8f8;
	background-image: url(../img/pan_navi_bullet_r.gif);
	background-position: 5px;
	background-repeat: no-repeat;
	font-size:13px;
}





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

          table style
					
----------------------------------*/
/*----------------------
      basic table
------------------------*/
table.basic{
	border-collapse:collapse;
	width:90%;
	margin: 30px auto;
}

table.basic td, table.basic th{
	padding:5px 1em;
	border:solid 1px #ddd;
	line-height:150%;
}
table.basic th{
	font-weight:normal;
	vertical-align:top;
	/*text-align:left;*/
	background-color:#fafafa;
	padding:5px 3em 5px 1.5em;
}