@charset "utf-8";
/*  specialhis ナビ関連CSS */
body {
	font-family:Meiryo, 'Lucida Grande', 'Hiragino Kaku Gothic  ProN', sans-serif;
}

/* タイトル */
#titleArea {
	background: url(https://www.his-j.com/tyo/fair/specialhis/common/images/headfoot/bg_header_01.png) top center repeat-x #fff;
}
#titleArea.tour,
#titleArea.ver02 {
	height:280px;
}
#titleArea .inner {
	width:960px;
	height:230px;
	margin:0 auto;
	position:relative;
}
#titleArea.tour .inner01,
#titleArea.ver02 .inner01 {
	width:100%;
	height:102px;
	background:#144389;
	box-shadow: 0px 6px 3px -3px rgba(153,153,153,0.5);
	-webkit-box-shadow: 0px 6px 3px -3px rgba(153,153,153,0.5);
	-moz-box-shadow: 0px 6px 3px -3px rgba(153,153,153,0.5);
}
#titleArea.tour .inner01 .wrapper,
#titleArea.ver02 .inner01 .wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
}
#titleArea.tour .inner02,
#titleArea.ver02 .inner02 {
	background: url(https://www.his-j.com/tyo/fair/specialhis/common/images/headfoot/tour_bg_header_01.png) top center repeat #fff;
	box-shadow: 0px 6px 3px -3px rgba(153,153,153,0.5) inset;
	-webkit-box-shadow: 0px 6px 3px -3px rgba(153,153,153,0.5) inset;
	-moz-box-shadow: 0px 6px 3px -3px rgba(153,153,153,0.5) inset;
}
#titleArea #logo {
	/*text-align:center;*/
	/*padding-top:15px;*/
	position:absolute;
	top:5px;
	left:365px;
}
#titleArea #logo img {
	transition: 1s ;
	-webkit-transform: rotateY( 0deg ) ;
	-ms-transform: rotateY( 0deg ) ;
	transform: rotateY( 0deg ) ;
	margin: 0 ;
	padding: 0 ;
}
#titleArea #logo:hover img {
	-webkit-transform: rotateY( 360deg ) ;
	-ms-transform: rotateY( 360deg ) ;
	transform: rotateY( 360deg ) ;
}
#titleArea #ttl01 {
	position:absolute;
	top:4px;
	left:0;
}
#titleArea #ttl02 {
	position:absolute;
	bottom:2px;
	right:0;
}
#titleArea #ttlNote {
	width: 400px;
	position:absolute;
	bottom: 10px;
	left: 0;
	font-size:11px;
	color:#f093ae;
}
#titleArea #hitori {
	position:absolute;
	top:98px;
	right:10px;
}
#titleArea #hitori a:hover {
	opacity:0.8;
}
#titleArea.tour .topText,
#titleArea.ver02 .topText {
	padding:3px 0 5px 225px;
}
#titleArea.tour .pointText,
#titleArea.ver02 .pointText {
	width:688px;
	margin:0 auto;
	padding-left:272px;
}
#titleArea.tour .star,
#titleArea.ver02 .star {
	position:absolute;
    top:2px;
    left:-15px;
}



/* ナビ */
#naviArea {
    height:59px;
	background:#0080cc;
	border-bottom:3px solid #0e68a5;
}
#naviArea .inner {
	width:960px;
	margin:0 auto;
	position:relative;
}
#gNavi {
}
#gNavi > li{
    height:59px;
	float:left;
	border-right:2px dotted rgba(255, 255, 255, 0.7);
	margin-bottom:5px;
}
#gNavi > li:first-child {
	border-left:2px dotted rgba(255, 255, 255, 0.7);
}
#gNavi > li.pulldown:hover:before{
	content: "";
	display:block;
	position:absolute;
	height:0;
	width:0;
	top:47px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 10px 15px 10px;
	border-color:transparent transparent #fddee7 transparent;
	z-index:999;
}
#gNavi > li#nav05.pulldown:hover:before{
	left:65%;
}
#gNavi > li#nav07.pulldown:hover:before{
	left:93%;
}
/*#gNavi > li#nav08.pulldown:hover:before{
	left:92.5%;
}*/

/* ナビ プルダウンリスト */
#gNavi > li .subList {
	display:none;
	transition:0.5s ease-out;
}
#gNavi > li:hover .subList {
	position:absolute;
	top:62px;
	left:-1px;
	display:block;
	width:920px;
	padding:20px 27px 10px 13px;
	color:#333;
	background:#fddee7;
	z-index:10;
}
#gNavi > li .subList ul li {
	display:block;
	min-height:inherit;
	font-size:90%;
	text-align:left;
	float:left;
	margin-left:14px;
	margin-bottom:10px;
}

#gNavi > li .subList ul li a {
	display: block;
	width:180px;
	padding:8px 15px;
	text-decoration:none;
	background:#ffffff;
	color:inherit;
	border: 3px solid #fff;
	font-weight: normal;
}
#gNavi > li:hover .subList ul li a:hover {
	border: 3px solid #fff100;
}
#gNavi > li:hover .subList ul li a:before {
	content: "■";
	font-size:120%;
	line-height:1.0;
	padding-right:3px;
	color:#e9639e;
}
#nav05 {/*海外ホテルオプショナル*/}
#gNavi > li#nav05:hover .subList {
	left:0;
}
#gNavi > li#nav05:hover .subList ul li {
	float:right;
}
#nav07 {/*自分スタイルの旅*/}
#gNavi > li#nav07:hover .subList {
	left:0;
}
#nav08 {/*国内旅行*/}
/*#gNavi > li#nav08:hover .subList {
	left:0;
}
#gNavi > li#nav08:hover .subList ul {
	float:right;
}*/
/*170524 sss開催時のみ start*/
#naviArea.borderOnly {
	height:12px;
	background:#0080cc;
	border-bottom:3px solid #0e68a5;
	margin-top: 2px;
}
/*170524 sss開催時のみ end*/