@charset "utf-8";

/* bacic layout
----------------------------------------------------------------------------------------------- */
html{ font-family: sans-serif; font-size:100%; /*16px相当*/ }
body{ line-height:1.6; color:#333333; text-align:left; 
font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,Osaka,"MS PGothic",arial,helvetica,sans-serif;
    font-size: 16px;}
html, body{	/*LightBox用の設定*/ height:100%; margin:0; padding:0; }

p{ text-decoration:none;}
ul#menu li{float:left;font-size:22px; margin-right:20px;}
ul#menu li a{text-decoration:none; color:#333333; padding:5px;}
ul#menu li:hover{border-bottom:solid 2px #0f7578;}
.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.clearfix{ display: inline-block;}
.mt10{margin-top:10px;}
div#headWrap h1#logo{ margin-top:0;}
ul#menu{ height:90px; padding-top:25px;}
#contentWrap{ margin:0 auto; padding-top:0px; }
#content{position:relative; width:100%; clear:both; }
#headWrap{ margin:0 auto; vertical-align:middle;  padding-top:12px; padding-botoom:10px;}
p.notice{border:solid 1px #0f7578; padding:10px;}
h2{line-height:1.6}
h3{font-size:22px; margin-top:12px;}
/* footer
----------------------------------------------------------------------------------------------- */
footer#foot{padding-bottom:60px;background-color:#f0f0f0; padding-top:20px; background:#f0f0f0 url(../img/bg_foot.png) bottom left repeat-x; }
#foot{padding:20px;}
#copyright{text-align:center; background-color:#0f7578; color:#ffffff; margin:0; width:100%;}
#menu {
  display: none;
}
ul.li_normal{margin-left:30px;}
ul.li_normal li{list-style-type:decimal; margin-bottom:15px; border-bottom:dotted 1px #0f7578;}

.txt_red{color:red;}
/*周辺アクセス*/
dl.dl_float dd{ text-align:left; line-height:1.6;}
dl.dl_float dt{ max-width:310px; margin-bottom:10px;}
dl.dl_float dt img:hover{opacity:0.8;}
dl.dl_float{ margin-bottom:30px;}
/*設備*/
p.img_map{text-align:center;}

ul.liEquipment_02 li{margin-bottom:20px;}
ul.liEquipment_02 li img{text-align:center;}
/*table*/
table.tb_01{width:95%;}
table.tb_01,table.tb_01 td{border:solid 1px #ccc; border-collapse: collapse;}
table.tb_01 th{background-color:#f2f2f2; padding:5px; border:solid 1px #ccc; text-align:center;}
table.tb_01 td{padding:5px;}

table.tb_01 th.tb_left{width:10%;}
table.tb_01 th.room{width:10%;}
table.tb_01 th.room img{width:100%;}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color:#0f7578; 
    text-align: center;
    color:#ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    opacity:0.8;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}
/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

#contentWrap{ width:1024px;}
body section{ width:960px; margin:0 auto;}

/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }
/* End Hack */ 

/* header
----------------------------------------------------------------------------------------------- */
header#head{width:1024px;}
#headWrap{ width:1024px; margin:0 auto; height:110px; display:table; vertical-align:middle;  padding-top:12px; padding-botoom:10px; padding-right:40px;}
div#headWrap h1#logo{width:140px; float:left;}
/* 上下中央揃えIE用ハック
----------------------------------------------------------------------------------------------- */
 /* IE 6 */
* html #headWrap h1, ul.btnArea li{ display: inline; zoom: 1;}

/* IE 7 */
*:first-child+html #headWrap h1, ul.btnArea li { display: inline; zoom: 1;}
    /*\*//*/
    * html #headWrap h1, ul.btnArea li{
        display: inline-block;
    }
    /**/

ul#menu{float:right;}
/* content
----------------------------------------------------------------------------------------------- */
/*----common-----*/
a {color: #333333;}
a.t_blank{ background:url(../img/icn_target_blank.gif)top right no-repeat;	padding-right:16px; }
ul.dot { margin-left:1em; }
ul.dot li{ padding-left:1em; background:url(../img/icn_list.gif)0em 0.4em no-repeat; border-bottom:solid 1px #e0e0e0;/*#a61f3e;*/ padding-bottom:3px; }
.align_c{ text-align:center; }
span.bgListTitle{ /*background-color:#e0e0e0;*//*#a61f3e;*/ color:#000000; height:100px;}
.fl_l{ float:left;}
article img { margin:10px;}

/* mainvl
----------------------------------------------------------------------------------------------- */
#mainVl{ width:1024px; height:350px;	position:relative; overflow:hidden;}
#worksLeft{	width:620px; position:relative; float:left; height:100%;}
#worksRight{ width:300px; position:relative; float:left; height:100%; padding-left:20px;}
.harlfBox{ width:450px;	position:relative; float:left; height:100%;	padding-left:20px;}
#worksRight h3, article h3{	border-bottom:solid 1px #a61f3e; padding-bottom:5px; }
p#carouselPrev{	margin:0; position:absolute; cursor:pointer;}
p#carouselNext{	margin:0; position:absolute; cursor:pointer; top:0;	left:910px;}
#carouse{ width:100%; height:100%; overflow:hidden; }
#carouselInner ul.column{ width:1024px; height:350px; padding:0; list-style-type:none; float:left; }
#carouselInner ul.column li{ float:left; display:inline; }
#carouselInner ul.column li img{ border:none; }


/* single page用
----------------------------------------------------------------------------------------------- */
#worksRight { float:right;}
#worksRight ul{	marign-top:10px; list-style-type:none; }
#worksRight ul li{ margin-bottom:10px; }
#worksRight ul.worksRightTham li{ margin-right:10px; float:left; background:url(../img/works_tham_frame.gif)no-repeat; width:136px;	height:102px; text-align:center; padding-top:5px;}
#worksRight ul.worksRightTham li{ opacity: 1; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear;}
#worksRight ul.worksRightTham li:hover{ display:block; z-index:50; opacity: 0.6;}
#worksLeft {float:left; display:block; width:620px; height:100%;}

.above{display:block; height:1200px;}
.above2{display:block; height:750px;}
.above3{display:block; height:500px;}

#worksLeft img{ position:absolute;}

div#content{clear:both; padding-bottom:60px;}

/* google map
------------------------------------------------------------------------------------------------*/
.google-maps {
position: relative;
padding: 0 0 56%; // これが縦横比

overflow: hidden;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/* lightbox用
----------------------------------------------------------------------------------------------- */
#glayLayer{ display:none; position:fixed; top:0; left:0; height:100%; width:100%; background:black; opacity: 0.60; filter:alpha(opacity=60);}
#overLayer{ display:none; position:fixed; top:50%; left:50%; /*width:890px;*/ background-color:#ffffff; /*padding:90px;*/ margin-top:-214px; margin-left:-325px; }
/*IE6用のスターハック（position:fixedに対応していないため）*/
* html #glayLayer{ position:absolute; }
* html #overLayer{ position:absolute; }

/* php開発日誌　LightBox
----------------------------------------------------------------------------------------------- */
.overlay { position: absolute; display: none; top: 0;  width: 100%; z-index: 1; background: url(images/black.png);}
.overlay img { display: inline-block; position: absolute; width: 800px; -webkit-box-shadow: 0px 0px 20px 0px #333; -moz-box-shadow: 0px 0px 20px 0px #333; box-shadow: 0px 0px 20px 0px #333; }
#cursol { position: absolute; padding: 5px; color: #fff; background: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 5px 0px #333;  -moz-box-shadow: 2px 2px 5px 0px #333; box-shadow: 2px 2px 5px 0px #333; }


/*menu*/
  #menu {
    display: block;
  }
  .slicknav_menu {
    display: none;
  }

/*周辺アクセス*/
dl.dl_float dd{ text-align:left;}
dl.dl_float dt{ max-width:310px; float:left; clear:left; margin-bottom:10px; margin-right:20px;}
dl.dl_float dt img:hover{opacity:0.8;}
dl.dl_float{ margin-bottom:30px;}

ul.liEquipment_02 li{float:left; margin-right:10px; width:255px;}

body#setsubi h4{text-align:center; background-color:#f2f2f2;}
ul.liEquipment_02 {width:800px; margin: 0 auto;}
section.col2{width:100%; margin: 0 auto; }

ul.nav_setsubi li.activ{float:left; padding:10px; background-color:#e2ffc2; border-bottom:2px solid #609c20; margin-right:10px; text-decoration:none;}
ul.nav_setsubi li a{float:left; padding:10px; background-color:#f2f2f2;  margin-right:10px; }

table.tb_01{width:100%;}
table.tb_01 th.tb_left{width:10%;}
table.tb_01 th.room{width:10%;}
table.tb_01 th.room img{width:100%;}
}

@media screen and (max-width: 768px){
div#headWrap{margin:0 auto; width:90%;}
div#headWrap h1#logo {margin:0 auto; text-align:center; width:140px;}
/* google map
------------------------------------------------------------------------------------------------*/
.google-maps {

position: relative;
padding: 0 0 56%; // これが縦横比

overflow: hidden;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
margin:0 auto;
}

/* mainvl
----------------------------------------------------------------------------------------------- */
#mainVl{ width:100%; height:350px;	position:relative; }
#worksLeft{	width:620px; position:relative; float:left; height:100%;}
#worksRight{ width:300px; position:relative; float:left; height:100%; padding-left:20px;}
.harlfBox{ width:450px;	position:relative; float:left; height:100%;	padding-left:20px;}
#worksRight h3, article h3{	border-bottom:solid 1px #a61f3e; padding-bottom:5px; }
/*
p#carouselPrev{	margin:0; position:absolute; cursor:pointer;}
p#carouselNext{	margin:0; position:absolute; cursor:pointer; top:0;	left:910px;}
#carouse{ width:100%; height:100%; overflow:hidden; }
#carouselInner ul.column{ width:1024px; height:350px; padding:0; list-style-type:none; float:left; }
#carouselInner ul.column li{ float:left; display:inline; }
#carouselInner ul.column li img{ border:none; }
*/

/*周辺アクセス*/
dl.dl_float dd{ max-width:310px; margin:0 auto;}
dl.dl_float dt{ max-width:310px; margin-bottom:10px;  margin-right:20px; margin:0 auto; margin-top:20px;}
dl.dl_float dt img:hover{opacity:0.8;}
dl.dl_float{ margin-bottom:30px;   width:100%; text-align:center;}

h4{border-bottom:dotted 1px #333333; font-size:22px;}

/*設備*/
section.col2{width:100%; margin: 0 auto; text-align:center; }
ul.liEquipment_02 li{ margin-top:20px;}
ul.liEquipment_02{width:auto; margin:0 auto; }
p.img_map img{width:90%;}

ul.nav_setsubi li.activ{padding:10px; background-color:#e2ffc2; border-bottom:2px solid #609c20; text-decoration:none; }
ul.nav_setsubi li a{padding:10px; background-color:#f2f2f2;  margin-bottom:20px; }
ul.nav_setsubi li{margin-bottom:20px; margin-bottom:30px;}

/*table*/
table.tb_01 th.tb_left{width:10%;}
table.tb_01 th.room{width:10%;}
table.tb_01 th.room img{display:none;}
}

.slicknav_menu{
width:100%;}