@charset "UTF-8"



html {
  　　overflow-y: scroll;
}

body, ul, li, p, h4 {
  padding: 0;
  margin: 0;
}

a, img {
  border: none;
}

.cl {
  zoom: 1;
}

.cl:after {
  content: "";
  display: block;
  clear: both;
}

body {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.6;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: -moz-linear-gradient(top, white, #aaaaaa);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #aaaaaa), color-stop(1, white));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#AAAAAA');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#AAAAAA')";
}

#frame {
  width: 940px;
  margin: 0 auto;
}

#header {
  width: 940px;
  height: 112px;
  margin: 0 auto;
  background: url(header_bg.gif);
}

#main {
  width: 940px;
  background-color: #002F7C;
}

#left {
  display: inline;
  float: left;
  width: 180px;
}

#right {
  display: inline;
  float: left;
  width: 720px;
  padding: 20px 20px 0 20px;
  background-color: white;
}

#reserve {
  width: 180px;
  height: 98px;
  overflow: hidden;
  
}

#reserve a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(re.gif);
  text-indent: -9999px;
}

#reserve a:hover,#body6 #reserve a:hover {
  background-position: bottom center;
}

#menu {
  list-style: none;
  width: 180px;
  height: 494px;
}

#menu li {
  width: 100%;
  height: 72px;
  line-height: 72px;
  overflow: hidden;
}

#menu li a, #his_link a, #jtb_link a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

#menu li a {
  background: url(menu.gif);
}

#menu li.menu1 a {
  background-position: 0 0;
}

#menu li.menu1 a:hover {
  background-position: 0 -72px;
}

#menu li.menu1 a:active, #body1 #menu li.menu1 a {
  background-position: 0 -144px;
}

#menu li.menu2 a {
  background-position: -180px 0;
}

#menu li.menu2 a:hover {
  background-position: -180px -72px;
}

#menu li.menu2 a:active, #body2 #menu li.menu2 a {
  background-position: -180px -144px;
}

#menu li.menu3 a {
  background-position: -360px 0;
}

#menu li.menu3 a:hover {
  background-position: -360px -72px;
}

#menu li.menu3 a:active, #body3 #menu li.menu3 a {
  background-position: -360px -144px;
}

#menu li.menu4 a {
  background-position: -540px 0;
}

#menu li.menu4 a:hover {
  background-position: -540px -72px;
}

#menu li.menu4 a:active, #body4 #menu li.menu4 a {
  background-position: -540px -144px;
}

#menu li.menu5 a {
  background-position: -720px 0;
}

#menu li.menu5 a:hover {
  background-position: -720px -72px;
}

#menu li.menu5 a:active {
  background-position: -720px -144px;
}

#menu li.menu6 a {
  background-position: -900px 0;
}

#menu li.menu6 a:hover {
  background-position: -900px -72px;
}

#menu li.menu6 a:active {
  background-position: -900px -144px;
}

#menu li.menu7 a {
  background-position: -1080px 0;
}
#menu li.menu7 a:hover {
  background-position: -1080px -72px;
}
#menu li.menu7 a:active, #body7 #menu li.menu7 a {
  background-position: -1080px -144px;
}


#to_home {
  display: block;
  width: 130px;
  margin: 25px auto;
}

#link {
  width: 130px;
  margin: 25px auto;
}

#his_link, #jtb_link {
  width: 100%;
  height: 66px;
  overflow: hidden;
}

#his_link {
  margin: 0 0 5px 0;
}

#his_link a {
  background: url(his_link.gif);
}

#jtb_link a {
  background: url(jtb_link.gif);
}

#his_link a:hover, #jtb_link a:hover {
  background-position: 0 -66px;
}

#header #title {
  display: inline;
  float: left;
  width: 457px;
  margin: 0 0 0 20px;
}

#header #contact {
  display: inline;
  float: right;
  margin: 0 20px 0 0;
}

#footer {
  margin: 40px 0 10px 0;
  height: 100%;
  font-size: 10px;
  color: #666666;
}

#footer_list {
  border-bottom: 1px solid #002F7C;
  background: url(footer_bg.gif) bottom right no-repeat;
}

#footer_list li {
  float: left;
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0 0 0 10px;
  line-height: 20px;
  background: url(arrow.gif) center left no-repeat;
}

#footer_list li a {
  color: #666666;
  text-decoration: none;
}

#footer_list li a:visited {
  color: none;
}

#footer_list li a:hover {
  color: #AAAAAA;
}

h1,
#tptx {
	margin: 0 0 0 0;
	padding: 5px 20px;
	font-size: 10px;
	font-weight: normal;
	color: #9FA3C7;	/*color: #7F84B4;*/
}

#tptx h1 ,#tptx p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px;
	font-weight: normal;
	color: #9FA3C7;	/*color: #7F84B4;*/
	display:inline;
}

#top_slide {
	margin: 0 0 15px 0;
}
.top_banner {
	margin: 0 0 15px 0;
}

.top_left {
  display: block;
  float: left;
  width: 355px;
}

.top_right {
  display: block;
  float: left;
  margin: 0 0 0 15px;
  width: 350px;
}

#news {
  height: 226px;
}

h2 {
	margin-bottom: 30px;
}

.top_left h2 {
  margin: 0 0 10px 0;
}

h3 {
  margin: 0 0 20px 0;
  padding: 0;
}

.caption h3 {
  margin: 30px 0 10px 0;
}


.faq h4 {
  padding: 30px 0 10px 0;
  border-bottom: 1px dashed #002F7C;
}

.faq h4 img {
  padding: 0 0 0 15px;
}

.flow h4 {
  padding: 0 0 10px 0;
}

strong {
  font-size: 16px;
  line-height: 1.6;
  font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  color: #C49718;
}

.img_copy {
  text-align: right;
  margin: 0 0 10px 0;
  font-size: 12px;
  font-family: 'ＭＳ Ｐ明朝', '細明朝体', 'ヒラギノ明朝 Pro W3';
  line-height: 20px;
}

#news {
	height: 100px;
}

#news table {
  width: 100%;
  font-size: 12px;
}

#news th, #news td {
  border-bottom: 1px dotted #002F7C;
}

#news th {
  width: 80px;
  text-align: left;
  line-height: 31px;
  background: url(../images/news_icon.gif) center left no-repeat;
  padding: 0 0 0 40px;
}

#news td {
  background: url(arrow.gif) center left no-repeat;
  padding: 0 0 0 10px;
}

.service1, .service2, .service3, .service4, .service5,
.service6, .service7, .service8, .service9, .service10, .service11, .service12 {
  margin: 0 0 20px 0;
  padding: 20px 0 0 123px;
  overflow: hidden;
  width: 597px;
  height: 130px;
  border-top: 1px solid #002F7C;
  border-bottom: 1px solid #002F7C;
}


.service1 {
  background: url(../images/service/service_01.jpg) no-repeat;
}

.service2 {
  background: url(../images/service/service_02.jpg) no-repeat;
}

.service3 {
  background: url(../images/service/service_03.jpg) no-repeat;
}

.service4 {
  background: url(../images/service/service_04.jpg) no-repeat;
}

.service5 {
  background: url(../images/service/service_05.jpg) no-repeat;
}

.service6 {
  background: url(../images/service/service_06.jpg) no-repeat;
}

.service7 {
  background: url(../images/service/service_07.jpg) no-repeat;
}

.service8 {
	background: url(../images/service/service_08.jpg) no-repeat;
	height: 140px;
}
.service8 .price {
	color: #002f7c;
	font-size: 20px;
	font-weight: bold;
}



.service9 {
  background: url(../images/service/service_09.jpg) no-repeat;
}

.service10 {
	position: relative;
	background: url(../images/service/service_10.jpg) no-repeat;
	height: 160px;
}
.service10 .price {
	position: absolute;
	bottom: 7px;
	left: 120px;
}
.service10 .price img {
	width: 130px;
}
.service11 {
	background: url(../images/service/service_11.jpg) no-repeat;
	height: 150px;
}
.service11 .price {
	color: #002f7c;
	font-size: 20px;
	font-weight: bold;
}


.service12 {
	background: url(../images/service/service_12.jpg) no-repeat;
	height: 170px;
}
.service12 .price {
	color: #002f7c;
	font-size: 20px;
	font-weight: bold;
}



.copy {
  display: block;
  width: 342px;
  margin: 0;
  padding: 10px 0 0 0;
}

.notes {
  display: block;
  margin: 10px 0 0 0;
  width: 100%;
  text-align: right;
}

.faq1, .faq2, .faq3, .faq4, .faq5, .faq6, .faq7 {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  border-top: 1px solid #002F7C;
  border-left: 2px solid #002F7C;
}

.faq1 {
  background: url(../images/service/question1.gif) top left no-repeat;
}

.faq2 {
  background: url(../images/service/question2.gif) top left no-repeat;
}

.faq3 {
  background: url(../images/service/question3.gif) top left no-repeat;
}

.faq4 {
  background: url(../images/service/question4.gif) top left no-repeat;
}

.faq5 {
  background: url(../images/service/question5.gif) top left no-repeat;
}

.faq6 {
  background: url(../images/service/question6.gif) top left no-repeat;
}

.faq7 {
  background: url(../images/service/question7.gif) top left no-repeat;
}

.faq p {
  display: block;
  margin: 10px 15px 0 15px;
  padding: 0 0 0 15px;
  width: 650px;
  background: url(arrow.gif) 5px 5px no-repeat;
}

.faq .link {
  margin: 10px 0 0 0;
  text-align: right;
}

p.btn {
  float: left;
  width: 500px;
  font-size: 12px;
  font-weight: bold;
  color: #002F7C;
  margin: 0;
}

#body2 p.btn {
  color: #000000;
  font-weight: normal;
  margin: 0;
  width: 400px;
}

#body1 .cl img.link, #body2 img.tel {
  float: right;
  margin: 0 20px 0 0;
}

.caption {
  text-align: center;
  margin: 0 0 30px 0;
}

.caption p {
  padding: 0;
  margin: 10px 0 20px 0;
  color: #002F7C;
  font-size: 12px;
}

.top_up,
.top_up2 {
  text-align: right;
  margin: 30px 0 50px 0;
}
.top_up {
  margin: 30px 0 50px 0;
}
.top_up2 {
  margin: 20px 0 25px 0;
}
.top_up a,
.top_up2 a {
  color: #FFFFFF;
  background: #002F7C;
  padding: 5px;
  text-decoration: none;
}

.top_up a:hover,
.top_up2 a:hover {
  color: #FFFFFF;
  background: #7f97bd;
}

#flow1, #flow2, #flow3, #flow4 {
  border: 1px solid #002F7C;
  margin: 0 0 10px 0;
  background: url(down_arrow.gif) 680px 100px no-repeat;
}

#flow4 {
  background: none;
}

.img_float {
  float: left;
}

#flow1 div, #flow2 div, #flow3 div, #flow4 div {
  display: inline;
  float: left;
  padding: 38px 20px 16px 20px;
}

#flow1 div {
  background: url(../images/flow/flow1.gif) top left no-repeat;
}

#flow2 div {
  background: url(../images/flow/flow2.gif) top left no-repeat;
}

#flow3 div {
  background: url(../images/flow/flow3.gif) top left no-repeat;
}

#flow4 div {
  background: url(../images/flow/flow4.gif) top left no-repeat;
}

.reserve {
  width: 365px;
  margin: 20px auto 0 auto;
  padding: 20px 0 0 0;
  background: url(down_arrow.gif) top center no-repeat;
}

.access ul {
  margin: 0 0 10px 0;
}

.access li {
  list-style: none;
  background: url(arrow.gif) center left no-repeat;
  padding: 0 0 0 10px;
  margin: 0 10px 0 0;
  font-size: 14px;
  line-height: 22px;
}

.howto {
  width: 320px;
  margin: 0 10px 10px 0;
  float: left;
}

.howto span {
  background: url(arrow.gif) center left no-repeat;
  padding: 0 0 0 10px;
  letter-spacing: 3px;
  color: #002F7C;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
}

.howto p {
  padding: 0 0 0 10px;
}

span.access h3 {
  margin: 15px 0 7px 0;
}


/*
layerBoard.js
==============================================*/
html,body {
	height: 100%;
}
* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	font-size: 14px;
	background: #fff;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2000;
}
.layer_board h1 {
	width: 580px;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 15px 0;
	background: #002f7c;
	color: #fff;
}
.layer_board h2 {
	font-size: 22px;
	line-height: 1.3em;
	font-weight: bold;
	margin: 10px 0;
	color: #ff0000;
}
.layer_board h3 {
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	margin: 10px 0;
}
.layer_board h2 span {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
}
.layer_board p {
	margin: 20px 0 30px;
}
.layer_board p a {
	background: #002f7c;
	color: #fff;
	font-size: 12px;
	padding: 10px 40px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.layer_board .banner {
	padding: 15px 15px 5px 15px;
}



#body7 h2 {
	margin-bottom: 0;
}
#body7 .month-bg {
	color: #FFFFFF;
	background-color: #004098;
}

#body7 ul.month {
	text-align: center;
}
#body7 ul.month li {
	display: inline-block;
	padding: 35px 15px;
}
#body7 ul.month li a {
	display: block;
	width: 220px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#body7 ul.month li.bt-ippan a {
	background: url(../images/monthly/bt-ippan.png) no-repeat center center;
}
#body7 ul.month li.bt-ippan a {
	background-position: 0 0;
}
#body7 ul.month li.bt-ippan a:hover {
	background-position: 0 -60px;
}
#body7 ul.month li.bt-ippan a:active {
	background-position: 0 -120px;
}

#body7 ul.month li.bt-kukou a {
	background: url(../images/monthly/bt-kukou.png) no-repeat center center;
}
#body7 ul.month li.bt-kukou a {
	background-position: 0 0;
}
#body7 ul.month li.bt-kukou a:hover {
	background-position: 0 -60px;
}
#body7 ul.month li.bt-kukou a:active {
	background-position: 0 -120px;
}

#body7 #ippan,
#body7 #kukou {
	position: relative;
}
#body7 #ippan .inner,
#body7 #kukou .inner {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#body7 #ippan .inner {
	top: 255px;
}
#body7 #kukou .inner {
	top: 200px;
}
#body7 .access a {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 93px;
	height: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/monthly/access.png) no-repeat center center;
}
#body7 .access a {
	background-position: 0 0;
}
#body7 .access a:hover {
	background-position: 0 -80px;
}
#body7 .access a:active {
	background-position: 0 -160px;
}


/*
colorbox-min.js
==============================================*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent{position:relative; border: 10px solid #ffffff;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; display: none;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay {background: #000; opacity: 0.5;}
#colorbox {outline: 0;}
	#cboxContent{overflow:visible; background:#fff;}
		.cboxIframe{background:#fff;}
		#cboxError{padding:50px; border:1px solid #ccc;}
		#cboxLoadedContent{background:#fff; padding:1px;}
		#cboxLoadingOverlay{background:#fff;}
		#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
		#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}