@charset "utf-8";

/* 
　フロント・システム用 common.css
　ヘッダー、フッターなど
------------------------------------------------ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body{
	color:#444;
	font-size:14px;
	line-height:1.6;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	border-top:13px solid #19297b;
	-webkit-text-size-adjust:100%;
	background:#fff url(../img/bg_body.png) repeat-x left 340px;
}
body.domestic{background:url(../img/bg_dom_body.png) repeat-x left 340px!important;}
body.abroad{background:url(../img/bg_abr_body.png) repeat-x left 340px!important;}

a:link,
a:visited{color:#444;text-decoration:underline;}
a:hover,
a:active{color:#888;text-decoration:underline;}

a:hover .ro,
a.ro:hover,
a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
}
strong{font-weight:bold;}

.mb01{margin-bottom:10px;}
.mb02{margin-bottom:20px;}
.mr0{margin-right:0 !important;}
img.left{float:left;margin-right:28px;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header{
	width:970px;
	height:173px;
	margin:0 auto 7px auto;
	position:relative;
}
#header h1,
#header #logo,
#header #nav_sub,#header #nav_member,#header #nav{
	position:absolute;
}
#header h1{
	color:#666;
	font-size:12px;
	left:1px;
	top:18px;
}
#header #logo{
	left:0;
	top:50px;
	font-size: 0;
}
#header a#logo img{
	display: inline-block;
	margin-right: 15px;
}
#header #nav_member{
	right:0;
	top:15px;
}
#header #nav_member li{
	float:left;
	margin-left:7px;
}
#header #nav_sub{
	right:0;
	top:70px;
}
#header #nav_sub li{
	float:left;
	margin-left:7px;
}

/* ナビ */
#header #nav{
	width: 972px;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 112px;
}
#nav dt,
#nav dd{
	float:left;
}
#nav dd{
	margin-right:3px;
	margin-top:5px;
}
#nav dl{
	float:left;
	height:59px;
}
#nav_domestic{
	width:672px;
	background:url(../img/bg_nav_dom.png) no-repeat left top;
	margin-right:8px;
}
#nav_abroad{
	width:292px;
	background:url(../img/bg_nav_abr.png) no-repeat left top;
}
.abroad #nav_domestic{float:right;margin-right:0;}
.abroad #nav_abroad{float:right;margin-right:8px;}


#nav_domestic ul{
	left:152px;
	top:4px;
}
#nav_abroad ul{
	left:158px;
	top:4px;
}

#nav_domestic2{
	left:299px;
	top:0;
}
#nav_abroad2{
	left:0px;
	top:0;
}
#nav_domestic2 ul{
	left:152px;
	top:4px;
}
#nav_abroad2 ul{
	left:158px;
	top:4px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■pankuzu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pankuzu{
	width:966px;
	margin:0 auto 18px auto;
	paddin-left:4px;
	overflow:hidden;
}
#pankuzu li{
	float:left;
	font-size:11px;
	letter-spacing:1px;
}
#pankuzu li a,#pankuzu li span
{
	display:block;
	background:url(../img/icon_pankuzu.png) no-repeat right center;
	padding-right:16px;
	margin-right:6px;
}
#pankuzu li a:link,
#pankuzu li a:visited{
	color:#666;
}
#pankuzu li a:hover,
#pankuzu li a:active{
	color:#999;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■contents
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contents{
	width:970px;
	margin:0 auto;
	padding:0 0 30px 0;
	overflow:hidden;
	clear:both;
}
#main{
	width:760px;
	float:left
}
#side{
	width:186px;
	float:right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■pageback( favorite,rireki )
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#returnprev{
	width:120px;
	text-align:right;
	margin:auto;
	width:970px;
	height:0px;
	position:relative;
}
#returnprev a{
	background:url(../img/icon_returnprev.png) no-repeat left center;
	position:absolute;
	right:4px;
	top:-30px;
	padding-left:24px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■side
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#side a:link,
#side a:visited{color:#19297b;text-decoration:underline;}
#side a:hover,
#side a:active{color:#5060bb;text-decoration:underline;}

#side .hd{
	margin-bottom:14px;
}
#rirekibox,
#favoritebox{
	border:1px solid #c6c9d5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#fff;
	overflow:hidden;
	padding:15px;
	margin-bottom:16px;
}
.side_tourbox img{
	border:1px solid #d0cfcf;
	padding:2px;
	background-color:#fff;
	margin-bottom:3px;
}
.side_tourbox{
	border-bottom:1px dotted #999;
	margin-bottom:10px;
}
.side_tourbox p{
	font-size:12px;
	padding:0 0 4px 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pagetop{
	width:970px;
	margin:0 auto;
	text-align:right;
}
#footer_nav{
	width:100%;
	background-color:#445289;
	padding:19px 0;
}
.abroad #footer_nav{background-color:#30579f;}
.domestic #footer_nav{background-color:#398333;}
#footer_nav dl{
	width:970px;
	margin:5px auto;
	text-align:left;
	clear:both;
	font-size: 0;
}
#footer_nav dt,
#footer_nav dd{
	color:#d5dce7;
	display:inline-block;
	padding-right:8px;
	margin-right: 8px;
}
#footer_nav dt{
	font-weight:bold;
	padding-right:16px;
	font-size: 14px;
}
#footer_nav dd{
	font-size:12px;
	/*background:url(../img/icon_footernav.png) no-repeat right center;*/
	border-right: 1px solid  #fff;
	line-height: 1;
}
#footer_nav dl dd:last-child{
	border-right: 0;
	padding-right: 0;
}
#footer_nav .last{
	margin-right:48px;
	border-right: 0;
}

#footer_nav a:link,
#footer_nav a:visited{
	color:#fff;
	text-decoration:none;
}
#footer_nav a:hover,
#footer_nav a:active{
	color:#e0e0e0;
	text-decoration:none;
}

#footer_bottom{
	background-color:#ececec;
	position:relative;
}
#footer_bottom p{
	width:970px;
	margin:0 auto;
}
#footer_bottom .copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:30px 0 26px 0;
}
#footer_bottom .logo{
	position:absolute;
	left:50%;
	margin-left:-115px;
	top:8px;
}
#footer .sns {
    grid-row: 4 / 5;
    grid-column: 1 / 3;
    padding: 40px 0;
    margin: 0 0 4px 0;
}

#footer .sns dl {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#footer .sns dt {
    margin: 0 64px 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

#footer .sns dd {
    margin: 0 16px 0 0;
    padding: 0;
}

#footer .sns img {
    height: 49px;
width: auto;
}

#footer .sns dd:last-of-type {
    margin: 0;
}