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

*{
margin:0px;
padding:0px;
}
img{
  border:none;
pointer-events: none;
}

#schedule #bt_list img,
#schedule .bn_otemachi img,
#sns_area img,
#system img{
pointer-events: auto;
}
body {
  background: #000000;
  color: #CCCCCC;
  text-align:center;
  -webkit-text-size-adjust: none;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
ul,ol{
  list-style-type:none;
}
h1{
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(top,  #333333 12%, #000000 93%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#333333), color-stop(93%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #333333 12%,#000000 93%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #333333 12%,#000000 93%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #333333 12%,#000000 93%); /* IE10+ */
  background: linear-gradient(to bottom,  #333333 12%,#000000 93%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

  background-color: #C20602;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
  font-size: 10px;
  padding: 1px;
}

h2 img{
  margin:auto;
  max-width:100%;
}

header p a:link,
header p a:visited,
header p a:hover{
  color:#FFF;
  text-decoration:underline;
}

.open_sub{
	color:#FFF;
	font-size:0.77rem;
	background-color: #000;
	font-weight:bold;
	margin-top:-5px;
}

p{
  font-family: HiraKakuProN-W3;
  font-size:14px;
}

nav ul{
  border-top: 1px solid #626060 ;
  border-bottom: 1px solid #232323;
  background-color: #FD7B59;
  background: #DC0900; /* Old browsers */
  background: -moz-linear-gradient(top,  #FD7B59 12%, #DC0900 93%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#DC0900), color-stop(93%,#DC0900)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FD7B59 12%,#DC0900 93%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FD7B59 12%,#DC0900 93%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FD7B59 12%,#DC0900 93%); /* IE10+ */
  background: linear-gradient(to bottom,  #FD7B59 12%,#DC0900 93%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD7B59', endColorstr='#DC0900',GradientType=0 ); /* IE6-9 */


  font-family: HiraKakuProN-W6;
  font-size: 14px;
  color: #9A8743;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align:left;
  margin:0 auto;
}

nav li{
  border: none;
  padding:0px;
  padding-top:2px;
  text-align:center;
  overflow: hidden;
  text-overflow: ellipsis;
  width:20%;
  height:60px;
  float:left;
  font-size:10px;
  border-left:1px solid #DC0900;
  border-right:1px solid #FD7B59;
	-webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */
    -moz-box-sizing: border-box;　/* Firefox用 */
    -ms-box-sizing: border-box;　/* Internet Explorer 8用 */
    box-sizing: border-box;　/* Opera用 */
}

nav li a:link,nav li a:visited,nav li  a:hover {
    color: #000000;
    text-decoration: none;
}

nav span{
  display:block;
}

div.open{
    color: #FFFFFF;
    font-size: 14px;
    padding: 0;
}

div.telbox{
    margin: 0 auto;
    position: relative;
    width: 96%;
}

.header_tel{
	background:#000;
	height:0;
	overflow:hidden;
}

.header_tel a{
	display:block;
    /*グラデ*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 20%, #CCCCCC 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(60%,#CCCCCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 20%,#CCCCCC 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 20%,#CCCCCC 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 20%,#CCCCCC 60%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 20%,#CCCCCC 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */
    border-radius:3px;
    width:75%;
    height:30px;
    line-height:30px;
    margin:5px auto;
}

.header_tel a:link,.header_tel a:visited,.header_tel a:visited{
	color:#252525;
}

.btn_tel{
    width:94%;
    padding: 2% 0 0.5%;
    margin:5px auto;
    text-align:center;
    /*グラデ*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    /*角丸*/
    border-radius: 4px;
    border: 1px solid 1px solid #FFFFFF;

}

.tel_icon{
width:30px;
display: inline-block;
line-height: 16px;
vertical-align: top;
}

.tel_icon img {
width:100%;
}

.tel_block{
display: inline-block;
text-align: left;
}

.tel_txt{
font-weight:bold;
font-size: 14px;
line-height: 17px;
}

.tel_number{
font-size: 12px;
line-height: 12px;
font-weight: normal;
}

.btn_tel a:link,
.btn_tel a:visited,
.btn_tel a:hover,
.btn_mail a:link,
.btn_mail a:visited,
.btn_mail a:hover{
  color:#000000;
  display:block;
}

h3 {
  background: #DD0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #DD0000 12%, #8E0B0B 93%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#DD0000), color-stop(93%,#8E0B0B)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #DD0000 12%,#8E0B0B 93%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #DD0000 12%,#8E0B0B 93%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #DD0000 12%,#8E0B0B 93%); /* IE10+ */
  background: linear-gradient(to bottom,  #DD0000 12%,#8E0B0B 93%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD0000', endColorstr='#8E0B0B',GradientType=0 ); /* IE6-9 */

  font-family: HiraKakuProN-W3;
  font-size: 15px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
	padding:8px;
	margin-bottom:4px;
	font-weight: bold;
  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
  text-shadow: 1px 1px 1px #FDC2C2;
  position: relative;
}

ul#navi{
list-style-type:none;
/*width:100%;*/
margin:0px;
}
ul#navi li {
    border-bottom: 1px solid #555555;
    border-right: 1px dotted #000000;
    float: left;
    font-family: HiraKakuProN-W3;
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    padding: 2%;
    text-align: left;
    text-overflow: ellipsis;
    width: 45%;

  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(top,  #333333 12%, #000000 93%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#333333), color-stop(93%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #333333 12%,#000000 93%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #333333 12%,#000000 93%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #333333 12%,#000000 93%); /* IE10+ */
  background: linear-gradient(to bottom,  #333333 12%,#000000 93%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

ul#navi li.telbt{
background-image:none;
text-align:center;
font-size:24px;
border: solid 1px #555555;
-webkit-border-radius: 8px;
padding:15px;
margin:4px;
}
ul#navi li span{
color:#666666;
display:inline;
margin:0 10px 0 0;
vertical-align:top;
}
ul#navi li img{
display:inline;
}
li a{
display:block;
}
a:link, a:visited, a:hover{
color:#FFFFFF;
text-decoration:none;
}

#spswitch {
    background-color: #000000;
    color: #FFFFFF;
    font-family: HiraKakuProN-W3;
    font-size: 16px;

  background: #191919; /* Old browsers */
  background: -moz-linear-gradient(top,  #191919 12%, #000000 93%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#191919), color-stop(93%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #191919 12%,#000000 93%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #191919 12%,#000000 93%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #191919 12%,#000000 93%); /* IE10+ */
  background: linear-gradient(to bottom,  #191919 12%,#000000 93%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


}

#spswitch　a:link,#spswitch a:visited,#spswitch a:hover{
color:#FFFFFF;
text-decoration:none;
}

#spswitch ul{
list-style-type:none;
padding:10px;
}
#spswitch li{
display:inline-block;
color:#999999;
background-image:none;
}
#spswitch li:first-child{
color:#222222;
}
#spswitch li.last:before{
content:" | ";
}
#spswitch li{
}
#spswitch li a{
color:#fff;
display:inline;
}

address a:link,
address a:visited,
address a:hover{
text-decoration:underline;
color:#FFFFFF;
}

#spswitch li a {
text-decoration:underline;
}

address {
  background: #999999; /* Old browsers */
  background: -moz-linear-gradient(top,  #999999 12%, #666666 93%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#999999), color-stop(93%,#666666)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #999999 12%,#666666 93%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #999999 12%,#666666 93%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #999999 12%,#666666 93%); /* IE10+ */
  background: linear-gradient(to bottom,  #999999 12%,#666666 93%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #999999;
  border-top: 1px solid #CCCCCC;
  background-color: #b0bccd;
  /*text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
  font-family: HiraKakuProN-W6;
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding:5px 5px 50px;
  font-style:normal;
  color:#FFFFFF;
}

div.foot_add {
    background: none repeat scroll 0 0 #333333;
    border-top: 1px dotted #666666;
    font-size: 12px;
    line-height: 1.2em;
    padding: 4px;
}

div#pagetop{
    background: linear-gradient(to bottom, #FFFFFF 12%, #B6B6B6 93%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    height: auto;
    margin: 5px auto;
    padding: 5px 5px 5px 8px;
    position: relative;
    width: 96%;
}

div#pagetop p{
  background: -moz-linear-gradient(top,#999999 0%,#666666 50%,#333333 50%,#161616);
  background: -webkit-gradient(linear, left top, left bottom,from(#999999), color-stop(0.5,#666666), color-stop(0.5,#333333),  to(#161616));
  background: #161616; /* Old browsers */
  background: -moz-linear-gradient(top,#999999 0%,#666666 50%,#333333 50%,#161616); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(0.5,#666666), color-stop(0.5,#333333),  to(#161616)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,#999999 0%,#666666 50%,#333333 50%,#161616); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,#999999 0%,#666666 50%,#333333 50%,#161616); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,#999999 0%,#666666 50%,#333333 50%,#161616); /* IE10+ */
  background: linear-gradient(top,#999999 0%,#666666 50%,#333333 50%,#161616); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#161616',GradientType=0 ); /* IE6-9 */

    display: block;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 90%;

    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 

    box-shadow: 1px 1px 2px #666666;
    -moz-box-shadow: 1px 1px 2px #666666;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 2px #666666;　/* Safari,Google Chrome用 */
}

/*回り込み解除用*/
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

.btn_tel2,
.btn_recruit,
.btn_recruitmen{
    width:43%;
    height: 30px;
    padding: 8px;
    margin:5px auto;
    text-align:center;
    font-size:18px;
    /*グラデ*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 20%, #CCCCCC 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(60%,#CCCCCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 20%,#CCCCCC 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 20%,#CCCCCC 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 20%,#CCCCCC 60%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 20%,#CCCCCC 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */
    /*角丸*/
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 1px solid 1px solid #FFFFFF;

}

 
 .nav {
    margin: 0 auto;
    width: 100%;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;    
}
 

#page-top {
   background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 989;
}

#page-top a:link, #page-top a:visited, #page-top a:hover {
    color: #000000;
    text-decoration: none;
}



#page-top a:hover {

}



#page-top a.btn_tel2 {
    float: left;
    font-size: 19px;
    height: 27px;
    margin: 1%;
    padding: 4px 1px;
    text-align: center;
    width: 31%;
}

#page-top a.btn_recruit {
    float: left;
    font-size: 16px;
    height: 27px;
    line-height: 27px;
    margin: 1%;
    padding: 4px 1px;
    text-align: center;
    width: 47%;
}

#page-top a.btn_recruit:link, #page-top a.btn_recruit:visited, #page-top a.btn_recruit:hover {
    color: #E1017E;
    text-decoration: none;
}
#page-top a.btn_recruitmen:link, #page-top a.btn_recruitmen:visited, #page-top a.btn_recruitmen:hover {
    color: #0924CD;
    text-decoration: none;
}


#page-top a.btn_recruitmen {
    display: inline-block;
    font-size: 16px;
    height: 27px;
    line-height: 27px;
    margin: 1%;
    padding: 4px 1px;
    text-align: center;
    width: 47%;
}

#page-top a.btn_recruitmen:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}