@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size: 13px;
color: #666666;
}
input {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
サイト共通
------------------------------ */

html{
}

body{
  min-width : 816px;
  background-image: url(../img/loop_bg.gif);
  background-position: 0 50%;
	margin:0;
	padding:0;
}

body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

h1{
	text-indent:-10000px;
	overflow:hidden;
}

a{
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: underline;}
a:active {color: #666666; text-decoration: none;}

a:hover img.alphaOver {
  opacity: 0.50;
  filter: alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}

p{
	color:#6a6a6a;
	line-height:180%;
}

strong{
	font-weight:bold;
}

div.inside{
	width:816px;
	margin:0 auto;
	position:relative;	
}

#topcontrol {
  z-index: 100;
}

/* ------------------------------
HEADER & MENU
------------------------------ */

#header{
	height:60px;
	width:100%;
	background:url("../img/loop_bg.gif") repeat center;
  border-bottom: solid 1px #dadada;
	z-index:1000;
	text-align: center;
  position: fixed;
}

#header #menu{
	width:800px;
	margin:0 auto;
}

div#menu ul#navigation{
	width:800px;
	height:60px;
	margin:0 auto;
	position:relative;
	float:right;
}

div#menu ul#navigation li{
	position:relative;
	float:left;
	display:block;
	height:60px;
	text-indent:-10000px;
	overflow:hidden;
}

div#menu ul#navigation li a{
	display:block;
	height:60px;
	text-indent:-10000px;
	overflow:hidden;
}

div#menu ul#navigation li#menu_logo{
	width:145px;
	height:30px;
  margin: 15px 270px 15px 0;
}

div#menu ul#navigation li#menu_logo a{
	background:url(../img/logo.gif) no-repeat;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

div#menu ul#navigation li#menu_logo a:hover{
	opacity: 0.5;
}

div#menu ul#navigation li#menu_bt01{
  height: 30px;
  width: 60px;
  margin: 15px 0;
}

div#menu ul#navigation li#menu_bt01 a{
  background:url(../img/menu_bt00off.gif) no-repeat;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

div#menu ul#navigation li#menu_bt01 a:hover{
  background:url(../img/menu_bt00on.gif) no-repeat;
}

div#menu ul#navigation li#menu_bt02{
  height: 30px;
  width: 70px;
  margin: 15px 0;
}

div#menu ul#navigation li#menu_bt02 a{
  background:url(../img/menu_bt01off.gif) no-repeat;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

div#menu ul#navigation li#menu_bt02 a:hover{
  background:url(../img/menu_bt01on.gif) no-repeat;
}

div#menu ul#navigation li#menu_bt03{
  height: 30px;
  width: 70px;
  margin: 15px 0;
}

div#menu ul#navigation li#menu_bt03 a{
  background:url(../img/menu_bt02off.gif) no-repeat;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

div#menu ul#navigation li#menu_bt03 a:hover{
  background:url(../img/menu_bt02on.gif) no-repeat;
}

div#menu ul#navigation li#menu_bt04{
  height: 30px;
  width: 95px;
  margin: 15px 0;
}

div#menu ul#navigation li#menu_bt04 a{
  background:url(../img/menu_bt03off.gif) no-repeat;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

div#menu ul#navigation li#menu_bt04 a:hover{
  background:url(../img/menu_bt03on.gif) no-repeat;
}

div#menu ul#navigation li#menu_bt05{
  height: 30px;
  width: 90px;
  margin: 15px 0;
}

div#menu ul#navigation li#menu_bt05 a{
  background:url(../img/menu_bt04off.gif) no-repeat;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

div#menu ul#navigation li#menu_bt05 a:hover{
  background:url(../img/menu_bt04on.gif) no-repeat;
}

/* ------------------------------
FOOTER
------------------------------ */
#footer{
	background-color: #fff;
	padding: 15px 0;
	height: 20px;
	border-top:  solid 1px #dadada;
	text-align:center;
	margin-top: auto;
}

#footer p.copy{
	color:#a5a5a5;
	font-size:100%;
	text-align:center;
	margin:0px auto 20px;
}

/* ------------------------------
modal
------------------------------ */

.image_modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1010;
}
.image_modal_bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.image_modal_content{
  position: absolute;
  width: 960px;
  height: 540px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-size: cover;
  background-color: #f0f0f0;
  border: 5px solid #fff;
  border-radius: 3px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
}

.image_modal_close {
  z-index: 1015;
  display: block;
  position: fixed;
  width: 30px;
  height: 30px;
  top: 25px;
  right: 25px;
  background-image: url(../img/modal_close.png);
  -webkit-transition: 0.2s ease opacity;
  -moz-transition: 0.2s ease opacity;
  -o-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
}

.image_modal_close:hover {
  opacity: 0.5;
}


.sbn_modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1010;
}
.sbn_modal_bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.sbn_modal_content{
  position: absolute;
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-size: cover;
  text-align: center;
}

.sbn_modal_content img{
  max-height: 100vh;
  max-width: 100vw;
}

.sbn_modal_close {
  z-index: 1015;
  display: block;
  position: fixed;
  width: 30px;
  height: 30px;
  top: 25px;
  right: 25px;
  background-image: url(../img/modal_close.png);
  -webkit-transition: 0.2s ease opacity;
  -moz-transition: 0.2s ease opacity;
  -o-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
}

.sbn_modal_close:hover {
  opacity: 0.5;
}


#modal-content{
width:80%;
margin:0;
padding:0;
background:#fff;
position:fixed;
display:none ;
z-index:99999;
}

#modal-content .inner{
position:relative;
}

#modal-content .inner{
position:relative;
width:100%;
padding-top:56.25%;
overflow:hidden;
}

#modal-content .inner #player{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

#modal-overlay{
z-index:9999;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba( 0,0,0, 0.75 );
}

/* ------------------------------
TOP
------------------------------ */

#home div#main{
  padding-top: 60px;
  text-align: center;
}

#home #jumbotron {
  position: relative;
  width: 100%;
  height: 284px;
  background-image: url(../img/top.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-color: #eaebee;
  border-bottom: solid 1px #dadada;
  margin: 0 auto;
  overflow: hidden;
}


#home #jumbotron .inner {
  position: relative;
  width: 188px;
  margin: 0 auto;
  padding: 150px 0 0 612px;
  z-index: 5;
  text-align: left;
}

#home #jumbotron .inner .news {
  width: 188px;
  margin: 0;
  text-align: left;
  padding-bottom: 6px;
  border-bottom: dotted 1px #fb9519;  
}

#home #jumbotron .inner .news h2{
  width: 188px;
  height: 32px;
  background: url(../img/top_history.gif);
  font-size: 0;
}

#home #jumbotron .inner .news dt{
  font-size: 13px;
  font-weight: bold;
  color: #ff6600;
}

#home .container{
  width: 816px;
  height: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

#home .container ul{
  display: flex;
  flex-wrap:wrap;
  padding: 0;
}

#home .container .contents{
  width: 188px;
  margin: 0 10px 20px;
  padding: 0;
}

#home .container .contents a{
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#home .container .contents a:hover{
  opacity: 0.5;
}

#home .container .contents p{
  margin: 0;
}

#home .container .inside{
  height: 50px;
  padding: 0;
  text-align: left;
}

#home .container .inside .text{
  color: #473535;
  line-height: 20px;
  font-size: 11px;
}

#home .container .contents a:hover{
  color: #fff; text-decoration: none;
}

#home .container .contents .top_bt{
  width: 80px;
  height: 20px;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  background-color: #fb9519;
  margin: 0 0 0 auto;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#home .container .contents .top_bt:hover{
  opacity: 0.5;
}

#home .container .contents{
  width: 188px;
  height: 240px;
  margin: 0 8px;
  float: left;
}

#home .contents_item01 h2{
  width: 188px;
  height: 43px;
  background: url(../img/top_contents_01.gif);
  font-size: 0;
}

#home .contents_item02 h2{
  width: 188px;
  height: 43px;
  background: url(../img/top_contents_02.gif);
  font-size: 0;
}

#home .contents_item03 h2{
  width: 188px;
  height: 43px;
  background: url(../img/top_contents_03.gif);
  font-size: 0;
}

#home .contents_item04 h2{
  width: 188px;
  height: 43px;
  background: url(../img/top_contents_04.gif);
  font-size: 0;
}

#home .contents_item06 h2{
  width: 188px;
  height: 43px;
  background: url(../img/top_contents_06.png);
  font-size: 0;
}

/* ------------------------------
massage
------------------------------ */

#message div#main{
  padding-top: 60px;
  text-align: center;
}

#message .container{
  width: 800px;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

#message .container img{
  float: left;
  margin: 0;
}

#message .container .text {
  width: 500px;
  float: right;
  text-align: left;
  font-size: 12px;
  line-height: 180%;
  padding-bottom: 6px;
  border-bottom: dotted 1px #fb9519;
}

#message .container .text h2 {
  width: 500px;
  height: 32px;
  background-image: url(../img/contents_01.gif);
  font-size: 0;
  margin-bottom: 8px;
}

#message .container .text h3 {
  color: #ff6600;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-bottom: 14px;
}

#message .container .text h4 {
  text-align: right;
}

/* ------------------------------
profile
------------------------------ */

#profile div#main{
  padding-top: 60px;
  text-align: center;
}

#profile .container{
  width: 800px;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

#profile .container img{
  float: left;
  margin: 0;
}

#profile .container .text {
  width: 500px;
  float: right;
  text-align: left;
  font-size: 12px;
  padding-bottom: 6px;
  display:flex;
  flex-wrap:wrap;
}

#profile .container .text h2 {
  width: 500px;
  height: 32px;
  background-image: url(../img/contents_02.gif);
  font-size: 0;
  margin-bottom: 8px;
}

#profile .container ul{
  margin: 0 ;
}

#profile .container li{
  margin: 0 0 12px 0;
  width: 500px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #fb9519;  
}

#profile .container dt.list_title{
  font-size: 13px;
  padding-bottom: 0;
  margin: 0 auto 0 0;
  line-height: 180%;
  font-weight: bold;
  float: left;
  color: #ff6600;
}

#profile .container dd.list_name{
  font-size: 13px;
  margin-left: 100px;
  line-height: 20px;
}

/* ------------------------------
access
------------------------------ */

#access div#main{
  padding-top: 60px;
  text-align: center;
}

#access .container{
  width: 800px;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

#access .container .map{
  width: 400px;
  height: 400px;
  padding: 10px;
  background-color: #cdcdcd;
  float: left;
  margin: 0;
}

#access .container .text {
  width: 360px;
  float: right;
  text-align: left;
  font-size: 12px;
}

#access .container h2 {
  width: 800px;
  height: 32px;
  background-image: url(../img/contents_03.gif);
  font-size: 0;
  margin-bottom: 8px;
}

#access .container ul{
  margin: 0 ;
}

#access .container li{
  margin: 0 0 12px 0;
  width: 500px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #fb9519;  
}

#access .container dt.list_title{
  font-size: 13px;
  padding-bottom: 0;
  margin: 0 auto 0 0;
  line-height: 180%;
  font-weight: bold;
  color: #ff6600;
}

#access .container dd.list_name{
  font-size: 13px;
  line-height: 180%;
}

#access .container hr{
  border-bottom: dotted 1px #fb9519;  
}

#access .container .address01{
  height: 410px;
  margin-bottom: 30px;
}

#access .container .address02{
  height: 410px;
  margin-bottom: 30px;
}

#access .container .address01 h3{
  width: 360px;
  height: 32px;
  background-image: url(../img/access_honsha.gif);
  font-size: 0;
  margin-bottom: 8px;
}

#access .container .address02 h3{
  width: 360px;
  height: 32px;
  background-image: url(../img/access_kanto.gif);
  font-size: 0;
  margin-bottom: 8px;
}


/* ------------------------------
contact
------------------------------ */

#contact div#main{
  padding-top: 60px;
  text-align: center;
}

#contact .container{
  width: 800px;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

#contact .container img{
  float: left;
  margin: 0;
}

#contact .container .text {
  width: 500px;
  float: right;
  text-align: left;
  font-size: 12px;
}

#contact .container h2 {
  width: 800px;
  height: 32px;
  background-image: url(../img/contents_03.gif);
  font-size: 0;
  margin-bottom: 8px;
}

#contact .container ul{
  margin: 0 ;
}

#contact .container li{
  margin: 0 0 12px 0;
  width: 500px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #fb9519;  
}

#contact .container dt.list_title{
  font-size: 13px;
  padding-bottom: 0;
  margin: 0 auto 0 0;
  line-height: 180%;
  font-weight: bold;
  color: #ff6600;
}

#contact .container dd.list_name{
  font-size: 13px;
  line-height: 180%;
}

#contact .container hr{
  border-bottom: dotted 1px #fb9519;  
}

#contact .container .text h2 {
  width: 500px;
  height: 32px;
  background-image: url(../img/contents_05.gif);
  font-size: 0;
  margin-bottom: 8px;
}

#contact .container .text a:link {color: #fb9519; text-decoration: underline;}
#contact .container .text a:visited {color: #fb9519; text-decoration: underline;}
#contact .container .text a:hover {opacity: 0.5;}
#contact .container .text a:active {color: #fb9519; text-decoration: underline;}


/* ------------------------------
kenkoukeiei
------------------------------ */

#kenkoukeiei div#main{
  padding-top: 60px;
  text-align: center;
}

#kenkoukeiei .container{
  width: 800px;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

#kenkoukeiei .container img{
  float: left;
  margin: 0;
}

#kenkoukeiei .container .text {
  width: 500px;
  float: right;
  text-align: left;
  font-size: 12px;
  line-height: 180%;
  padding-bottom: 6px;
  border-bottom: dotted 1px #fb9519;  
}

#kenkoukeiei .container .text h2 {
  width: 500px;
  height: 32px;
  background-image: url(../img/contents_09.png);
  font-size: 0;
  margin-bottom: 8px;
}

#kenkoukeiei .container .text h3 {
  color: #ff6600;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-bottom: 14px;
}

#kenkoukeiei .container .text h4 {
  text-align: right;
}

#kenkoukeiei .container .text a:link {color: #6a6a6a; text-decoration: none;}
#kenkoukeiei .container .text a:visited {color: #6a6a6a; text-decoration: none;}
#kenkoukeiei .container .text a:hover {color: #fb9519; text-decoration: underline;}
#kenkoukeiei .container .text a:active {color: #6a6a6a; text-decoration: none;}