@charset "utf-8";
/* CSS Document */

/*
@media screen and (max-width: 767px) {
*/




body {background-color: #ffffff;color: #000000;font-family: Verdana,  "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
textarea,input,select {font-family: Verdana,  "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; font-size:1.2em; line-height:1.4em; margin-top:5px; margin-bottom:5px;}

ul,ol,li,dl,dt,dd {list-style: none;}
p {margin: 0;}

a {text-decoration: none;}
a:link {color: #01869f;}
a:visited {color: #64949d;}

a:focus,a:hover,a:active {opacity: .7;}




/* 全体のレイアウト設定スマホ用
------------------------------------------------------------ */

#wrapper {
	min-width:100%;
	width: 100%;
overflow:hidden;
margin:0px;
padding:0px;
}
#mainarea {
	width: 100%;
	float: none;
	margin-top:51px;
}

/* メインコンテンツ_全体5ピクセル内に入れる↓
------------------------------------------------------------ */

#contentarea {
	background-color: #ffffff;
	margin:5px;
	  z-index:10;
}








/* ここからスマホ用メニュ
------------------------------------------------------------ */

#nav-drawer {
  display:inline-block;
  position: absolute;
text-align:left;
  background:#ffffff;
  border:1px solid #55a9ad;
  padding:10px;
  margin:0px;
  right:3px;
  top:3px;
  z-index:200;
  position: fixed;
  box-shadow: 0px 2px 4px gray;

}

#nav-drawer:hover {
  background: #ffffff;
  cursor: pointer;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
      z-index: 201;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    z-index: 202;
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #55a9ad;
  display: block;
  content: '';
  cursor: pointer;

}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 199;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 199;/*最前面に*/
  width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
/*  max-width: 330px;/*最大幅（調整してください）*/
  height: 80%;
/*  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%);/*左に隠しておく*/
}




/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}





/* --ここまでスマホ用メニュ開閉部分＿以下メニュー項目-- */


.smph_menu_bg {
  border:2px solid #55a9ad;

	background-color:#ffffff;
	padding-top:50px;
}

.menutopline {
  border-bottom:1px solid #55a9ad;

}





/* --ここまでスマホ用メニュ-- */







/* ここからヘッダロゴ
------------------------------------------------------------ */
#mainheader {
margin:0px;
padding:0px;
position: fixed;
background-color:#ffffff;
top:0;
width:100%;
height:51px;

}

#headLRSET {
width:100%;
height:51px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/headlogo_bg.gif");
background-repeat:repeat-x;
}

#headL {
width:100%;
display:block;
margin:0 auto;
text-align:center;
}

#headL img {
height:51px;
width:auto;
}


#head_SET2 {
width:100%;
height:34px;
margin:0px auto;
text-align:center;
padding:0px;
background:linear-gradient(to right, #e6b0c7, #ffffff, #83c3c9);

}

#head_2 {
width:100%;
display:block;
margin:0 auto;
text-align:center;
}

#head_SET3 {
width:100%;
height:38px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/head_title2_hoiku_bg.gif");
background-repeat:repeat-x;

}

#head_3 {
width:100%;
display:block;
margin:0 auto;
text-align:center;
}






/* フッタ
------------------------------------------------------------ */



#footerset{
	width: 100%;
	background-color: #d5ffed;
	text-align:center;
		padding-top:10px;
	padding-bottom:10px;
	
}

#footer_sec{
	width: 100%;
	margin:5px;
		display: block;
		vertical-align:top;
	color:#093f49;
	font-size:1.0em;
	line-height:1.2em;
	text-align:center;
	border-bottom:1px solid #a9cebe;
	padding-bottom:20px;
	margin-bottom:15px;
}



/* ここから最下部のコピーライト
------------------------------------------------------------ */



#ftcpy {
	width: 100%;
	padding:5px;
	background-color: #926e5e;
	color:#ffffff;
	font-size:0.8em;
	line-height:1.0em;
	text-align:center;
}




/* ページトップ処理
------------------------------------------------------------ */

#pageTop {
      position: fixed;
      bottom: 50px;
      right: 20px;
    }


#pageTop i {
      padding-top: 6px
    }



#pageTop a {
      display: block;
      z-index: 9999;
      padding: 8px;
      border-radius: 30px;
      width: 30px;
      height: 30px;
      background-color: #9FD6D2;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      font-size:20px;
      border:2px solid #ffffff;
    }



#pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }
    
    
    
/* ここまで　スマホ画面動作をつかさどる　基本の設定
------------------------------------------------------------ */

/* ここから　それぞれの色やレイアウトなどの個別サイトごとの設定クラスを作る
------------------------------------------------------------ */



#SPtitleset {
width:100%;
display:block;
margin:0 auto;
text-align:center;
}



.sqblue {
font-size:1.5em;
color:#1dbbab;
}

.telpink {
font-size:1.2em;
color:#e95377;
}

.faxblue {
font-size:1.2em;
color:#1dbbab;
}




.navmenu_hoiku_01 {
width:100%;
height:57px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_hoiku_01_bg.gif");
background-repeat:repeat-x;
}

.navmenu_ctg01 {
width:100%;
height:74px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_ctg01_bg.gif");
background-repeat:repeat-x;
}

.navmenu_ctg02 {
width:100%;
height:74px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_ctg02_bg.gif");
background-repeat:repeat-x;
}

.navmenu_maintop {
width:100%;
height:70px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_maintop_bg.gif");
background-repeat:repeat-x;
}




