@charset "UTF-8";
html, body {
    min-width: 1280px;
}
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    background-color: #fbfcff;
}
h1, h2, h3, p {
    margin: 0;
    padding: 0;
}

p{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a, a img, th, th:hover {
    color: #000;
    margin: 0;
    padding: 0;
    border: none;
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s;
    text-decoration: none;
}
a:hover img {
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: 0.6;
    zoom: 1;
    transition: 0.8;
    -webkit-transition: all, 0.8s;
    transition-duration: 0.8s;
}
i, em {
    font-style: normal;
}
.pr12 {
    padding-right: 10px;
}
.mb2{
	margin-bottom: 2em;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    content: "";
    display: block;
    clear: both;
}
th:hover {
    transition: 0.8;
    -webkit-transition: all, 0.8s;
    transition-duration: 0.8s;
}
/*===============
Header
===============*/

#header {
    background: #fbfcff;
    border-bottom: 5px solid #1a489c;
}
#header .header-content {
    width: 990px;
    margin: 0 auto;
    padding: 15px 0 6px 0;
}
#header .header-content img.logo {
    padding-right: 56px;
}
/*===============
Slider
===============*/

#slider {
    width: 1280px;
    height: 475px;
    margin: 0 auto;
    position: relative;
}
#slide_Box {
    width: 1280px;
    margin: 0 auto;
}
.slide {
    position: relative;
}
.slide-inner {
    position: absolute;
    top: 64px;
    left: 163px;
    background: url(../images/slide_bg.png) repeat;
    max-width: 410px;
    max-height: 300px;
    padding: 20px 20px 13px 20px;
}
.slide-inner h2 {
    text-align: center;
    padding-bottom: 24px;
}
.slide-inner p {
    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #252f49;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}
/*===============
Pager
===============*/

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: url(../images/dots.png) no-repeat;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url(../images/dots_active.png) no-repeat;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
.bx-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto 5px auto;
    z-index: 9999;
}
#mr-pager1 a {
    float: left;
}
/*===============
Content
===============*/

#mystays-content {
    width: 930px;
    margin: 0 auto;
}
#mystays-content .top-cap h2 {
    padding-top: 19px;
    text-align: center;
}
#mystays-content .top-cap h3 {
    padding: 52px 0 18px 0;
    text-align: center;
}
#mystays-content .top-cap p {
    text-align: justify;
    color: #515a71;
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
}

p.logo_b{
	text-align: center !important;
}

/*===============
New Open
===============*/

#mystays-content .new-open {
    background-color: #ffffff;
    border: 1px solid #b9c5e1;
    margin: 108px 0 0 0;
    padding: 0 20px 20px 20px;
}
#mystays-content .new-open h2 {
    text-align: center;
}
#mystays-content .new-open .new-open-img {
    width: 440px;
    height: 350px;
    float: left;
    padding-right: 18px;
}
#mystays-content .new-open .new-open-text {
    float: left;
    max-width: 430px;
}
#mystays-content .new-open h2 {
    padding-bottom: 28px;
    margin-top: -14px;
}
#mystays-content .new-open .new-open-text h3 {
    padding: 10px 0 22px 0;
    text-align: center;
}
#mystays-content .new-open .new-open-text p {
    color: #515a71;
    font-size: 15px;
    letter-spacing: -0.035em;
    line-height: 28px;
    text-align: justify;
}
#mystays-content .new-open a.new-open-btn {
    padding-top: 20px;
    display: block;
    width: 571px;
    margin: 0 auto;
}
#mystays-content .new-open .new-open-thum {
    padding-top: 47px;
    margin: 0 -12px 0 0;
}
#mystays-content .new-open .new-open-thum a {
    float: left;
}
/*===============
Pick Up
===============*/

#mystays .pick-up {
    background-color: #ffffff;
    border: 1px solid #b9c5e1;
    margin: 92px 0 0 0;
    padding: 0 20px 20px 20px;
}
#mystays .pick-up h2 {
    margin: -14px 0 30px 0;
    text-align: center;
}
#mystays .pick-up h3 {
    text-align: center;
    padding: 21px 0 14px 0;
	    font-size: 1.5em;
	color: #515a71;
}
#mystays .pick-up p {
    color: #515a71;
    text-align: justify;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.5px;
}
#mystays .pick-up a {
    display: block;
    width: 381px;
    margin: 23px auto 0;
    height: 60px;
    font-size: 1.2em;
    padding: 0.7em 0 0 1.7em;
	box-sizing: border-box;
    background: url(../images/pickup_btn_bg.jpg) no-repeat;
	color: #515a71;
}
#mystays .pick-up a:hover{
	opacity: 0.6;
}
#mystays .pick-up .pick-up-left {
    float: left;
    width: 430px;
}
#mystays .pick-up .pick-up-right {
    float: right;
    width: 430px;
}
#mystays .pick-up .pick-up-content {
}
/*===============
Map
===============*/

#map {
    margin: 101px 0 0 0;
}
#map #tab-menu {
    width: 930px;
    margin: 0 auto;
    font-size: 0;
}
#map ul#tab-menu li {
    background-color: #ffffff;
}
#map #tab-box .Content-Box {
    width: 930px;
    height: auto;
    min-height: 456px;
    margin: 0 auto;
}
#map #tab-box {
    background-color: #ffffff;
}
#touhoku .Content-Box {
    background: url(../images/touhoku.png) no-repeat top right;
}
#kanto .Content-Box {
    background: url(../images/kanto.png) no-repeat top right;
}
#tokyo .Content-Box {
    background: url(../images/tokyo.png) no-repeat top right;
}
#toetsu .Content-Box {
    background: url(../images/toetsu.png) no-repeat top right;
}
#kinki .Content-Box {
    background: url(../images/kinki.png) no-repeat top right;
}
#kyushu .Content-Box {
    background: url(../images/kyushu.png) no-repeat top right;
}

#tokyo table{
	margin-bottom: 25px;
}

/*===============
Tab Menu
===============*/

#tab-menu {
    list-style: none;
    overflow: hidden;
    width: 930px;
    margin: 0 auto;
    line-height: 0;
    display: table;
    max-width: 100%;
}
#tab-menu li {
    line-height: 26px;
    font-size: 0;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #b9c5e1;
    border-right: 1px solid #b9c5e1;
    border-left: 1px solid #b9c5e1;
    width: 153px;
    max-width: 153px;
    min-height: 39px;
    margin: 0 0 0 -1px;
    vertical-align: bottom;
    cursor: pointer;
    padding-top: 12px;
    display: inline-block;
 *display: inline;
 *zoom: 1;
}
#tab-menu li:first-child {
    margin-left: 0;
}
#tab-menu li a {
    font-size: 18px;
    font-family: "Yu Gothic";
    font-weight: bold;
    color: #b9c5e1;
}
#tab-menu li.active {
    z-index: 1000;
    position: relative;
    padding-top: 21px;
    min-height: 47px;
    border-top: 2px solid #1a489c;
    border-right: 2px solid #1a489c;
    border-left: 2px solid #1a489c;
}
#tab-menu li.active a {
    color: #1a489c;
}
/*#tohoku, #kanto, #toetsu, #kinki, #kyushu {
    display: none;
}*/
#tab-box .active {
    display: block;
}
.tab-box-content {
    margin-top: -2px;
    z-index: 0;
    position: relative;
    border-top: 2px solid #1a489c;
    border-bottom: 2px solid #1a489c;
}
.tab-box-content .Content-Box {
    overflow: hidden;
    width: 990px;
    height: 456px;
    margin: 0 auto;
    position: relative;
}
.tab-box-content .Content-Box img {
    position: absolute;
    bottom: 0;
    left: 30px;
}
.tab-box-content .Content-Box ul {
    text-align: left;
   /* overflow: hidden;*/
    width: 715px;
    margin: 25px 0;
	
}
.tab-box-content .Content-Box ul li {
	margin-bottom: 15px;
	display: inline-block;
    font-size: 15px;
    color: #1e489d;
    text-align: left;
    font-weight: 500;
    letter-spacing: -0.5px;
    width: 49%;
    vertical-align: top;
}

.tab-box-content .Content-Box ul li  a {
	line-height: 1;
    font-family: "Yu Gothic";
    color: #1e489d;
}
.tab-box-content .Content-Box ul li a:hover {
    opacity: 0.4;
}



@media screen and (max-width: 1280px) {
	#slider,.slide,.slide img{
		width: 100% !important;
	}
	
	.slide h2 img{
		width: auto !important;
	}
	
	
}