@charset "Shift_JIS";
	
	/* 基本レイアウト・フォント装飾関連 */
	.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
	.f-bold { font-weight: bold}
	.f-b-red { font-weight: bold ; color: #FF0000}
	.f-b-y { font-weight: bold ; color: #FFFFCC}
	.f-b-pink { font-weight: bold ; color: #FF6666}
	.f-b-orange { font-weight: bold ; color: #FF6600}
	.f-b-s-pink { font-weight: bold ; color: #FF3399}
	.f-b-white { font-weight: bold ; color: #FFFFFF}
	.f-b-purple { font-weight: bold; color: #B086B9}
	.f-b-dp { font-weight: bold; color: #663399}
	.f-b-green { font-weight: bold; color: #008888}
	.f-b-blue { font-weight: bold; color: #0066CC}
	.f-dp { color: #663399}
	.f-white { color: #FFFFFF}
	.f-red { color: #a00000}
	
	/* レイアウト */
	.t10b { font-size: 10px; line-height:14px;}
	.t10-r { font-size: 10px ; color: #FF0000}	
	.t10w { font-size: 10px; color: #FFFFFF}
	.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
	.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
	.t16b { font-size: 16px; font-weight: bold; color: #3366CC}
	
	/* CSS初期設定 */
	#bg {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size:12px;
		width:950px;
		overflow:hidden;
	}
	#bg img {
		border:0;
		vertical-align:bottom;
	}
	#bg ul,#bg ol {
		list-style:none;
	}
	#bg a {
		overflow: hidden;
	}
	#bg strong {
		font-weight:bold;
	}
	.clear {
		clear: both;
	}
	.clearFloat:after { 
		content: "."; 
		display: block; 
		clear: both; 
		height: 0; 
		visibility: hidden; 
		line-height: 0; 
	} 
	.clearFloat { 
		display: inline-table; 
		min-height: 1%; 
	} 
	/* for macIE \*/ 
	* html .clearFloat { 
		height: 1%; 
	} 
	.clearFloat { 
		display: block; 
	} 
	/* end of for macIE */
	.clearFloat {
		overflow:hidden;
	}
	
	a.OpaChange:hover *{
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
	}
	
	
	.clearfix:after {
	  content: "";
	  clear: both;
	  display: block;
	}
	
	p.images img{
		width:250px;
		height:auto!important;
	}
	
	h1{
		background:none;
		display:block;
		margin:10px 0;
		font-size:28px;
		font-weight:bold;
	}
	
#explain{
	display:block;
	margin:0 0 15px 0;
	padding:0;
}

#leftBox{
	width:710px;
	float:left;
}

.pcnone{
	display:none;
}


/*****boxIntoro*******************/
#boxIntoro{
	background:#f8f8f5;
	display:block;
	padding:20px;
	overflow:hidden;
	margin-bottom:30px;
}

#boxIntoro p{
	margin:0 20px 0 0;
	padding:0;
	width:250px;
	height:auto;
	display:block;
	float:left;
}

#boxIntoro p img{
	width:100%;
	height:auto;
}

#boxIntoro span{
	font-size:12px;
	line-height:32px;
	margin:0;
	display:block;
	padding:0;
}




/*****boxKokunaiTour*******************/

#boxKokunaiTour{
	margin-bottom:25px;
}

.inner{
	border:10px solid #f8f8f5;
	padding:20px 20px 0 20px;
	line-height:18px;
	display:block;
	margin:0;
}

.innerB{
	background:#f8f8f5;
	padding:15px 0 1px 0;
	margin-bottom:20px;
}

h2.title{
	background-color:#0f83a1;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:18px 25px 18px 40px;
	margin:0;
	border-top:5px solid #00647e;
}


/*title*/
#kokunaiTit{
	background:url(../images/im_osusume.png) no-repeat 12px 42% #0f83a1;
}

#jrTit{
	background:url(../images/im_jr.png) no-repeat 12px 42% #0f83a1;
}

#airTit{
	background:url(../images/im_air.png) no-repeat 6px 42% #0f83a1;
	background-size:30px auto;
}

#tourTit{
	background:url(../images/im_tour.png) no-repeat 12px 42% #0f83a1;
}

#yadoTit{
	background:url(../images/im_yado.png) no-repeat 10px 42% #0f83a1;
}

#kisetsuTit{
	background:url(../images/im_kisetsu.png) no-repeat 12px 42% #0f83a1;
}

#serchTit{
	background:url(../images/im_serch.png) no-repeat 12px 42% #0f83a1;
}

#kankoTit{
	background:url(../images/im_kanko.png) no-repeat 12px 42% #0f83a1;
	background-size:20px auto;
}

#kijiTit{
	background:url(../images/im_kiji.png) no-repeat 12px 42% #0f83a1;
	background-size:20px auto;
}

#boxKokunaiTour dl{
	margin:0 0 15px 0;
	padding:0;
}


#boxKokunaiTour dt {
	clear:left;
	float:left;
	width:95px;
	font-size:12px;
	line-height:18px;
	padding:0px;
	margin:0px 10px 0px 0px;
}

#boxKokunaiTour dd{
	overflow:hidden;
	font-size:14px;
	border-left:1px dotted #dddddd;
	display:block;
	margin:0;
	padding:0 0 0 10px;

}


#boxKokunaiTour dd span{
	display:block;
	overflow:hidden;
}

.jrIcon,.airIcon,.yadoIcon,.tourIcon{
	display:inline-block;
	text-align:center;
	float:left;
	font-size:10px;
	padding:0 5px 0 5px;
	color:#000;
	margin:0 10px 0 0;
	color:#FFF;
	-webkit-border-radius: 5px 5px 5px;
	border-radius: 5px 5px 5px;
}

.jrIcon{
	background:#24A97C;
}

.airIcon{
	background:#3F61C4;
}

.yadoIcon{
	background:#DD335D
}


.tourIcon{
	background:#F90;
}


/*naviBox*/

#naviBox{
	overflow:hidden;
	border-bottom:5px solid #DD335D;
	margin-bottom:20px;
	
}

#naviBox li{
background: #FFD7E1 none repeat scroll 0% 0%;
color: #DD335D;
display: block;
float: left;
width: 96px;
text-align: center;
font-size: 18px;
border-radius: 5px 5px 0px 0px;
margin-left: 2px;
padding:10px;
cursor:pointer;
	
}

#naviBox li a{
	color:#DD335D;
	font-weight:bold;
	font-size:14px;
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
}

#naviBox li a:hover{
	text-decoration:none!important;
}

#naviBox li.select{
	background:#DD335D;
}

#naviBox li.select a{
	color:#FFF;
	width:100%;
	height:100%;
}

/*plan*/
.tourBox {
	padding:10px;
	margin:0px 15px 14px;
	overflow:hidden;
	background:#FFF;
}
.tourBox:hover{
	transition: 0.2s ;
	opacity: 0.6 ;
	cursor:pointer;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

.tourBox p {
	float:left;
	width:130px;
	padding:0px;
	margin:0px 15px 0px 0;
}
.tourBox dl {
	overflow:hidden;
	display:block;
	padding:0px;
	margin:0px;
}
.tourBox dt {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 0px 0px;
}
.tourBox dt img {
	margin:0px 0 3px 3px;
	float:left;
}
.tourBox dd {
	font-size:12px;
	line-height:18px;
	padding:0px;
	margin:5px 0px 0px 0px;
}

.tourBox dd .t14r{
	font-size:14px;
	font-family:"メイリオ","ＭＳ Ｐゴシック";
	color:#F00!important;

}

.tourBox dd .t14r strong,.tourBox dd strong{
		font-weight:bold!important;
}

.tourBox dd.icon{
	display:block;
	overflow:hidden;
	padding:0 0 3px 0;
	min-height:24px;
}

.tourBox dd.icon img{
	margin:0 0 0 2px;
	float:left;
	vertical-align:middle;
	display:block;
}

.tourBox dd.icon .bland{
	padding:3px 0 0 0;
}

.tourBox dd.icon span{
	margin:4px 2px 0 0;
}

.mb15{
	margin-bottom:15px;
}


/*btn*/
.btnAll a {
    width: 419px;
    height: 52px;
    line-height: 52px;
	background:#FFA600;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
    text-shadow: 1px 1px 0px #FF8C00, 0px 1px 0px rgba(255, 140, 0, 0.2);
    clear: both;
	margin:0 auto 30px;
    color: #FFF !important;
    display: block;
    text-align: center;
    text-decoration: none !important;
    font-size: 18px;
    position: relative;
	border-bottom:3px solid rgba(0,0,0,0.1);
}


.btnAll a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}

.btnAll a:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.text{
	margin:0 0 5px 0;
	display:block;
	text-align:center;
}

/*boxkisetsu*/

#boxkisetsu,#boxSerch{
	margin-bottom:30px;
}

#boxkisetsu .inner{
	padding-bottom:20px;
	line-height:28px;
	font-size:14px;
}

.f-item {
	margin:10px 0px 0px 0px;
}
.f-button {
	margin:20px 0px 0px 0px;
}

.serchover{
width:100%!important;
height:32px;
line-height:32px;
border:0;
background:url(../images/im_arrow.png) #ffa600; /* Old browsers */
background:url(../images/im_arrow.png), -moz-linear-gradient(top,  #ffa600 0%, #ff8e00 100%); /* FF3.6+ */
background:url(../images/im_arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa600), color-stop(100%,#ff8e00)); /* Chrome,Safari4+ */
background:url(../images/im_arrow.png), -webkit-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Chrome10+,Safari5.1+ */
background:url(../images/im_arrow.png), -o-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Opera 11.10+ */
background:url(../images/im_arrow.png), -ms-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* IE10+ */
background:url(../images/im_arrow.png), linear-gradient(to bottom,  #ffa600 0%,#ff8e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff8e00',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF!important;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;	font-size:12px;
	position:relative;
	background-repeat: no-repeat;
	background-position:95% 40%
}

.serchover:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}




.yet{
	text-align:center;
	padding:10px;
}

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

/*add20161121*/

/* 簡単プラン検索
------------------------------------------ */
.search_kokunai_map_Bar .serchBox .content_wrap {
    width: 100%;
    padding: 15px 0;
}

.search_kokunai_map_Bar #NTA_JR2_Map {
    float: left;
}

.search_kokunai_map_Bar .serchBox .content_wrap .date {
    width: 680px;
}

.search_kokunai_map_Bar .serchBox .yado .date > div:nth-of-type(2) {
    width: 360px;
	margin-bottom: 3%;
}

.search_kokunai_map_Bar .serchBox dt {
    width: 76px;
}

#togo_wrap .date, #outboundDeparture, #outboundDirection, #return_wrap .date, #returnDeparture, #returnDirection {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

#pax_wrap {
    display: flex;
}
.minus_or_plus_btn {
    padding: 1px 0 0 0;
    font-size: 16px;
}

.NTA_air_popup_calendar_contents .air-calendar__next,
.NTA_air_popup_calendar_contents .air-calendar__prev {
     background: none!important; 
     width: 8px; 
     padding-top: 0; 
     margin: 0; 
}

.NTA_air_popup_calendar_contents .btnbox a {
    background: none;
    top: 5px;
    width: 21px;
    height: 22px;
}

/* 人気のキーワード
------------------------------------------ */
#boxKeyword {
	background-image: url(//www.nta.co.jp/kokunai/hokuriku/common/images/bg_keyword1.gif);
	background-repeat: repeat-y;
	width: 710px;
	margin-bottom:20px;
}	
#boxKeyword h3 {
	background-image: url(//www.nta.co.jp/kokunai/hokuriku/common/images/ti_keyword.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 710px;
	font-family:"メイリオ", Meiryo;
	font-size:12px;
	line-height:45px;
	font-weight:bold;
	text-indent:18px;
	padding:0px;
	margin:0px 0px 0px 0px;
}
#boxKeywordIn {
	background-image: url(//www.nta.co.jp/kokunai/hokuriku/common/images/bg_keyword2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 25px 25px;
}
#boxKeywordIn ul {
	padding:0px;
	margin:0px;
	overflow:hidden;
}
#boxKeywordIn li {
	float:left;
	font-size:14px;
	line-height:18px;
	padding:0px;
	margin:0px 20px 0px 0px;
}


/* 人気ホテルランキング
------------------------------------------ */
#boxRanking {
	background:#f3f9af;
	background-repeat: repeat-y;
	margin-bottom:45px;
	overflow:hidden;
}
#boxRanking h2 {
	background-repeat: no-repeat;
	height: 36px;
	font-family:"メイリオ", Meiryo;
	font-size:18px;
	line-height:20px;
	color:#856400;
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:0px;
	display:block;
	background:url(../images/im_crown.png) no-repeat 20% 50%;
	background-size:30px auto;
}
#boxRankingIn {
	padding:0px 0px 17px 17px;
}
#boxRankingIn ol {
	padding:0px;
	margin:0px;
	overflow:hidden;
}
#boxRankingIn li {
	float:left;
	width:215px;
	background-color:#FFF;
	padding:7px 0px 0;
	margin:0px 15px 0px 0px;
	display:block;
}



#boxRankingIn dl {
	padding:0px;
	margin:0px;
	overflow:hidden;
}
#boxRankingIn dt {
	padding:0px;
	margin:0px;
}
.imgRanking {
	float:left;
	padding:0px;
	margin:0px 7px 0px 7px;
}
.imgRanking img {
	border:1px solid #b0b0b0;
}
.txtRanking {
	float:left;
	width:100px;
	font-size:14px;
	line-height:18px;
	padding:0px;
	margin:0px;
}
.txtRanking strong {
	font-family:"メイリオ", Meiryo;
}

.detailBtn{
	display:block;
	text-align:center;
	padding:8px;
	margin-top:10px;
	background:url(../images/im_arrow.png) no-repeat #FF8800 95% 50%;
	color:#FFF!important;
}

.detailBtn:hover{
	transition: 0.2s ;
	opacity: 0.7 ;
	text-decoration:none!important;
}
.Kanko {
	border-bottom:1px solid #d3d3d3;
	margin:0px 12px 0 10px;
	overflow:hidden;
	background:#FFF;
	padding:15px;
}
.Kanko p {
	float:left;
	width:143px;
	padding:0px;
	margin:0px;
}
.Kanko dl {
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.Kanko dt {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#0F83A1;
	padding:0px;
	margin:0px 0px 0px 0px;
}
.Kanko dd {
	font-size:12px;
	line-height:18px;
	padding:0px;
	margin:7px 0px 0px 0px;
}

.txtKankoTop{
	padding:0 0 10px 10px;
}

#kanko .innerB{
	padding:13px!important;
	padding-bottom:18px!important;
}


/*use*/

.useWrap{
	overflow:hidden;
	display:block;
	padding:0
}

.useWrap ul{
	overflow:hidden;
	margin:0 0 20px 0;
}

.useWrap li{
	float:left;
	text-align:center;
	width:31%;
	margin:0 0 15px 1.7%;
}

.useWrap li img{
	display:block;
	margin:0 0 5px 0;
	width:100%;
	height:auto;
}

.useWrap div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}

.useWrap div:hover{
	transition: 0.2s ;
	opacity: 0.6 ;
	cursor:pointer;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

.useWrap div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}

.useWrap div p img{
	width:100%;
	height:auto;
}

.useWrap div dl{
	overflow:hidden;
	display:block;
}

.useWrap div:last-child{
	border-bottom:none
}


.useWrap div dl dt{
	font-size:16px;
	margin:0 0 10px 0;
}

.useWrap div dl dt a{
	color:#000;
}

.useWrap div dl dd{
	font-size:14px;
	color:#999;
}

.useWrap div dl dd strong{
	font-weight:normal;
}

.useWrap div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}

.useWrap div dl dd > span a{
	color:#CCC;
}

.useWrap div dl dd > span span{
	color:#F69;
	display:inline;
}

.useWrap .commonTit{
	margin:0;
}

.allLink li:hover,.allLink div:hover img{
	transition: 0.2s ;
	opacity: 0.7 ;
	cursor:pointer;
}
.allLink li:hover,.allLink div:hover dt{
	transition: 0.2s ;
	opacity: 0.7 ;
	cursor:pointer;
	text-decoration:underline;
}

#kanko,#tripa{
	margin-bottom:40px;
}

.mb a{
	margin-bottom:20px!important
}

.heightLine-group300{
	height:130px;
}