@charset "UTF-8";

/* *************************************************************

*   Common CSS
*   Since:2017-02
*   Editor:ricostyle

************************************************************* */


/* ==========================================================================
   Common Styles
   ========================================================================== */
#container{height:auto;height:100%;width:100%;overflow: hidden;}

#footer{background:#E1EFC5;margin:0 auto;text-align:center;padding:2em 0 3em;line-height:1.3em;width:100%;}
#footer #copy{font-size:85%;color:#8CC01F;}


/* a tag
------------------------------------------------------------ */
a {color: #3F6AB2;}
a:hover {color:#7597CE;}


/* Margin
------------------------------------------------------------ */
.m0    { margin: 0 !important;}
.mt10  { margin-top: 10px !important;}
.mt20  { margin-top: 20px !important;}
.mt30  { margin-top: 30px !important;}
.mt40  { margin-top: 40px !important;}

.mb0   { margin-bottom: 0 !important;}
.mb5   { margin-bottom: 5px !important;}
.mb10  { margin-bottom: 10px !important;}
.mb20  { margin-bottom: 20px !important;}
.mb30  { margin-bottom: 30px !important;}
.mb40  { margin-bottom: 40px !important;}
.mb50  { margin-bottom: 50px !important;}
.mb60  { margin-bottom: 60px !important;}


/* Font
------------------------------------------------------------ */
.ftBold{font-weight:bold !important;}
.ftNoml{font-weight:normal !important;}
.ft085{font-size:0.85em !important;}
.ft120{vertical-align:top;font-size:1.2em !important;}
.ft180{vertical-align:top;font-size:1.8em !important;}
.ftGreen{color:#669117 !important;}
.ftRed{color:#990000 !important;}


/* Table
------------------------------------------------------------ */
table.tbl01
{border: 1px solid #FFF;border-collapse: separate;border-spacing: 0;}
table.tbl01 th,table.tbl01 td
{border: 1px solid #FFF;text-align:center;vertical-align:middle;}
table.tbl01 th{color:#FFFFFF;background:#8DC21F;padding:13px 3px;}
table.tbl01 td{color:#689117;background:#E1EFC5;height:48px;padding:auto 3px;line-height:1em;}
table.tbl01 tr:first-child th:first-child
{border-radius: 6px 0 0 0;-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0;}
table.tbl01 tr:first-child th:last-child
{border-radius: 0 6px 0 0;-moz-border-radius: 0 6px 0 0;-webkit-border-radius:0 6px 0 0;}
table.tbl01 tr:last-child td:first-child
{border-radius: 0 0 0 6px;-moz-border-radius: 0 0 0 6px;-webkit-border-radius: 0 0 0 6px;}
table.tbl01 tr:last-child td:last-child
{border-radius: 0 0 6px 0;-moz-border-radius: 0 0 6px 0;-webkit-border-radius: 0 0 6px 0;}

table.tbl02{width:920px;}
table.tbl02 td{padding-bottom:40px;padding-right:40px;line-height:1.3em;}
table.tbl02 td:last-child{padding-right:0px;}
table.tbl02 td img{margin-top:5px;}

table.tbl03
{border: 1px solid #CCC;border-spacing: 0;margin-bottom:30px;}
table.tbl03 th,table.tbl03 td
{border: 1px solid #CCC;text-align:center;vertical-align:middle;padding:10px;}
table.tbl03 th.cate{width:20%;background:#E0EEC4;}
table.tbl03 td.typeD{width:7%;background:#EFD3C9;}
table.tbl03 td.typeC{width:7%;background:#EFEAC9;}
table.tbl03 td.name{width:40%;background:#EDF5DC;text-align:left;}
table.tbl03 td.nameD{width:33%;background:#F7E8E3;text-align:left;}
table.tbl03 td.nameC{width:33%;background:#F7F4E3;text-align:left;}


/* Box
------------------------------------------------------------ */
.box01{
	position:relative;background:#FCFCFC;padding:35px;margin-bottom:40px;border:2px solid #E0D8D1;
	border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}

.box02{
	position:relative;background:#F4F2E8;padding:30px;margin-bottom:60px;color:#655245;line-height:2em;
	border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}


/* List
------------------------------------------------------------ */
.list01 li{display:block;margin-bottom:12px;text-align:left;}
.list01 li:last-child {margin-bottom:0;}
.list01 li span{
	background:url(../img_cmn/bg_beju.jpg) no-repeat left top;display:inline-block;
	padding:5px 10px 5px 32px;color:#72594A;font-size:1em;line-height:1.5em;}

.list02 li{display:block;background:url(../img_cmn/icon_round.png) no-repeat left 5px;margin-left:20px;padding-left:14px;margin-bottom:15px;text-align:left;line-height:1.3em;}
.list01 li:last-child {margin-bottom:0;}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media print,screen and (min-width: 481px) {
/* CONTENTS */
html,body {width: 100%;min-width:1000px;}
#contents{position:relative;padding:40px 20px;margin:0 auto;width:940px;text-align:left;}
#TOPPAGE #contents{padding:30px 0 0;margin:0 auto;width:980px;text-align:left;}


/* Clearfix */
/* .clearfix {overflow:hidden;} */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
	}
.clearfix { display: inline-block; }/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }/* End hide from IE-mac */


/* Float & Clear */
.floatL { float:left !important;}
.floatR { float:right !important; }

img.floatL,p.floatL{margin:0 10px 10px 0;}
img.floatR,p.floatR{margin:0 0 10px 10px;}


/* HEADER */
#header{width:980px;margin:0 auto;position:relative;min-height:155px;}
#header h1{position:absolute;top:50px;left:20px;}
#header h1 img{width:340px;}

#header #summary{color:#AC9E92;text-align:right;font-size:80%;line-height:2em;}
#header #contact{text-align:right;position:absolute;top:45px;right:20px;}
#header p{padding-bottom:7px;}
#header p.text1{color:#8CC11F;font-weight:bold;letter-spacing:2px;font-size:90%;}
#header p.text2{color:#72594A;font-weight:bold;font-size:80%;}
#header p.tel img{width:230px;}
#header p.time img{width:300px;}


/* NAVIGATION */
#Gnav{background:#E1EFC5;padding:13px 5px;}
#Gnav #toggle{visibility:hidden;height:0;}

ul#menu{
	display:block;
	margin:0 auto;
	padding:0;
	width:980px;
	text-align:center;
	background:#FFF;
	border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;
	-webkit-box-shadow: 0px 0 5px 0 #B9D977;-moz-box-shadow: 0px 0 5px 0 #B9D977;box-shadow: 0px 0 5px 0 #B9D977;
	}

ul#menu li{
	display:table-cell;
	*display:inline;
	*zoom:1;
	vertical-align:middle;	
	padding:0;
	}
ul#menu li a{display:block;}

li.gnav1
{min-width:110px;background:url(../img_cmn/btn_home_off.png) no-repeat center center;text-indent:-9999px;cursor: pointer}
li.gnav1:hover
{background:url(../img_cmn/btn_home_on.png) no-repeat center center;}	
li.gnav1 a{padding:20px 0;}


li.gnav2,
li.gnav3,
li.gnav4,
li.gnav5,
li.gnav6,
li.gnav7
{min-width:144px;}
li.gnav2 a,
li.gnav3 a,
li.gnav4 a,
li.gnav5 a,
li.gnav6 a,
li.gnav7 a
{color:#593A24;padding:18px 0 15px;}
li.gnav2 a:hover,
li.gnav3 a:hover,
li.gnav4 a:hover,
li.gnav5 a:hover,
li.gnav6 a:hover,
li.gnav7 a:hover,
#MENU li.gnav2 a,
#INFO li.gnav3 a,
#STAFF li.gnav4 a,
#FEE li.gnav5 a,
#ACCESS li.gnav7 a
{background:#F1EEEC;}

ul#menu li span{display:block;font-size:0.6em;color:#8CC01F;padding-top:5px;}


/* page up */
#page-top {position:fixed;bottom:0px;right:0px;text-align:center;}
#page-top a{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;background:#699117;display:block;padding:20px;}
#page-top a:hover{filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}

}

   


@media only screen and (max-width: 480px) {
/* CONTENTS */
#contents{position:relative;width:98%;margin:20px auto;}


/* HEADER */
#header{width:95%;margin:10px auto 15px;position:relative;line-height:1.3em;}
#header h1{margin-bottom:3px;}
#header h1 img{width:90%;}

#header #summary{color:#AC9E92;font-size:70%;margin-bottom:12px;}
#header #contact{}
#header p{padding-bottom:0;}
#header p.text1{color:#8CC11F;font-weight:bold;font-size:70%;}
#header p.text2{color:#72594A;font-weight:bold;font-size:70%;}
#header p.tel img{width:60%;margin-bottom:5px;}
#header p.time img{width:70%;}


/* NAVIGATION */
#menu{display: none;}
#menu li{width: 100%;display: block;border-bottom:1px solid #E4EBD8;}
#menu li span{visibility:hidden;width:0;display:none;}
  #menu li a{
  display: block;
  padding: 14px 0;
  background: #A5BD74;
  color: #FFF;
  text-align: center;
  text-decoration: none;
}
  #menu li a:hover{background: #699117;}
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background:#A5BD74;
	border-bottom:1px solid #E4EBD8;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 17px 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #E4EBD8;
  }
  #toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	color: #A5BD74;
	left: 10px;
	width: 25px;
	height: 4px;
	background: #A5BD74;
  }
#toggle a:before{margin-top: -6px;}
#toggle a:after{margin-top: 2px;}


/* page up */
#page-top {text-align:center;}
#page-top a{background:#699117;display:block;padding:20px;}
#page-top a:hover{background:#A5BD74;}

}