@charset "UTF-8";


/* PLUGIN CSS */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');


/* CSS Document */
/* -----------------------------------
    汎用クラス
   ----------------------------------- */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html { background-color: #FFFFFF;}
body, td, th, h1, h2, h3, h4, h5, h6 { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body { font-size: 16px; color: #333333; line-height: 1.45; background-color: #FFFFFF; background-repeat: repeat-x; -webkit-text-size-adjust : 100%; margin: 0;}


a { text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-tap-highlight-color: rgba(131,249,255,0.8); }
a:link { color: #00F; }
a:visited { color: #800080; }
a.linkBlue:visited, .linkBlue a:visited { color: #00F; }
a:hover, a.linkBlue:hover, .linkBlue a:hover { color: #E6012F; }
a:active { color: #F00; }
a img { transition: all 0.3s linear; }
a:hover img { opacity: 0.5; }

a.underLine { text-decoration: underline; }

.inlineBlock { display: inline-block !important; }
.block { display: block !important; }
.clear { clear: both; display: block; }
.none { display: none; }
.hidden { visibility: hidden; }
.floatRight { float: right; }
.floatLeft { float: left; }

.textSmall { font-size: 85%; }
.textLarge { font-size: 20px; }
.textCenter { text-align: center !important; }
.textRight { text-align: right !important; }
.textLeft { text-align: left !important; }
.textSuper { font-size: 10px; vertical-align: text-top; text-align: center; }

.textTop { vertical-align: top !important; }
.textMiddle { vertical-align: middle !important; }
.textBottom { vertical-align: bottom !important; }
.textNowrap { white-space: nowrap; }
.textIndent1em { margin-left: 1em; }
.textIndent1emHead0em { margin-left: 1em; text-indent: -1em; }

.textWhite { color: #FFF; }
.textRed { color: #F00; }
.textBlue { color: #00F; }
.textLightBlue { color: #0FF; }
.textYellow { color: #FF0; }
.textDarkYellow { color: #990; }
.textPink { color: #F0F; }
.textOrange { color: #F60; }
.textGreen { color: #0F0; }
.textGray { color: #898989; }
/*2014.8.19 追加*/
.textRedStrong { color: #d61518; font-weight: bold; font-size: 120%; }


.marginTop0px { margin-top: 0px !important; }
.marginTop3px { margin-top: 3px !important; }
.marginTop5px { margin-top: 5px !important; }
.marginTop10px { margin-top: 10px !important; }
.marginTop15px { margin-top: 15px !important; }
.marginTop20px { margin-top: 20px !important; }
.marginTop30px { margin-top: 30px !important; }
.marginTop50px { margin-top: 50px !important; }
.marginTop100px { margin-top: 100px !important; }
.marginBottom0px { margin-bottom: 0px !important; }
.marginBottom3px { margin-bottom: 3px !important; }
.marginBottom5px { margin-bottom: 5px !important; }
.marginBottom10px { margin-bottom: 10px !important; }
.marginBottom15px { margin-bottom: 15px !important; }
.marginBottom20px { margin-bottom: 20px !important; }
.marginBottom30px { margin-bottom: 30px !important; }
.marginBottom40px { margin-bottom: 40px !important; }
.marginBottom50px { margin-bottom: 50px !important; }
.marginBottom80px { margin-bottom: 80px !important; }
.marginBottom100px { margin-bottom: 100px !important; }
.marginTopBottom5px { margin-top: 5px !important; margin-bottom: 5px !important; }
.marginTopBottom10px { margin-top: 10px !important; margin-bottom: 10px !important; }
.marginLeft0px { margin-left: 0px !important; }
.marginLeft5px { margin-left: 5px !important; }
.marginLeft10px { margin-left: 10px !important; }
.marginRight30px { margin-right: 30px !important; }
.marginRight50px { margin-right: 50px !important; }
.paddingLeft5px { padding-left: 5px !important; }
.paddingLeft10px { padding-left: 10px !important; }
.paddingLeft20px { padding-left: 20px !important; }
.paddingLeft30px { padding-left: 30px !important; }
.paddingRight10px { padding-right: 10px !important; }
.paddingRight20px { padding-right: 20px !important; }
.paddingRight30px { padding-right: 30px !important; }

.width1em { width: 1em !important; }
.width2em { width: 2em !important; }
.width3em { width: 3em !important; }
.width4em { width: 4em !important; }
.width5em { width: 5em !important; }
.width6em { width: 6em !important; }
.width7em { width: 7em !important; }
.width8em { width: 8em !important; }
.width10em { width: 10em !important; }
.width12em { width: 12em !important; }
.width15em { width: 15em !important; }
.width20em { width: 20em !important; }
.width25em { width: 25em !important; }
.width30em { width: 30em !important; }
.width40em { width: 40em !important; }
.width50em { width: 50em !important; }

.widthHalf { width: 50% !important; }

.bgRed { background-color: #F00 !important; }
.bgOrange { background-color: #F90 !important; }
.bgYellow { background-color: #FF0 !important; }
.bgYellowLight { background-color: #FFC !important; }
.bgPink { background-color: #F0F !important; }
.bgPinkLight { background-color: #FCF !important; }
.bgBlueLight { background-color: #CFF !important; }

/* --- Clear Fix ------------- */
/*
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	overflow: hidden;
}
*/
/* --- Clear Fix ------------- */

.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }


img { -ms-interpolation-mode: bicubic; } 

/* PAGE MODULES */
body{
	background-color: #FFFFFF ;
  text-align: justify;
  text-justify: inter-ideograph;
}
h2, .h2{
	font-size: 150%;
}
p {
	margin: 0 0 15px;
}
a:hover, a:focus { text-decoration:none; }
@media screen and (max-width: 739px) {
img {
  width:100% !important;
	margin-bottom:5px;
}
}

.br-pc{display: inline !important}
.br-sp{display: none !important}
@media screen and (max-width: 640px) {
.br-pc{display: none !important}
.br-sp{display: inline !important}	
}

/* LOLLYTIN CSS */

.row{margin-left:0;margin-right:0}
.navbar{min-height:0;margin-bottom:0}
.navbar-default{background:0 0;border:none}
.navbar-collapse{padding-right:0;padding-left:0;box-shadow:none}
.navbar-nav>li{float:none;width:1%;display:table-cell}
.navbar-nav>li>a{padding:0;white-space:nowrap;text-align:center}



/* /////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
			
			contents
			
////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////// */

/* CSS Document */

.allWraper {
	overflow:hidden;
  position:relative;
}

/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      header 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */
#main-header{
  position:relative;
}
.siteNameArea {
	text-align:left;
	position:relative;
}
/* ----------------- site read ---------------------- */
.siteRead {
  padding:38px 0px 0px 10px;
  color:#999999;
  line-height:1.2em;
	font-size:80%;
}
.siteRead > br {
	display:none;
}

.siteRead.img {
  float:left;
}

/* ----------------- ロゴ ---------------------- */
#logo{
  padding:10px 0 20px;
}
#logo > a{
  display:inline-block;
  vertical-align:middle;
}
#logo > a > img{
  width:250px;
}

#logo.lower {
	float:left;
	margin:15px 10px 10px 0px;
}

.info_head {
	position:absolute;
	top: 0;
	right:15px;
}


@media screen and (max-width: 739px) {

.info_head {
	display:none;
}
#main-header{
  position:relative;
  z-index:0;
  box-shadow:none;
}
.siteNameArea {
  margin:0px 0px 10px;
	padding:0 0px 0px 10px;
}
/* ----------------- site read ---------------------- */
.siteRead {
  padding:5px 0px 0px 0px;
}
.siteRead.img {
	display:block;
	width:150px;
	float:left;
	padding:27px 0px 0px 0px;
}
.siteRead.img img{
  width:auto !important;
}

/* ----------------- ロゴ ---------------------- */
#logo{
  padding:0px 0px 0px 0px;
  text-align:center;
	display:block;
	width:250px;
	float:left;
}
#logo > a{
  display:inline-block;
}
#logo > a > img{
  display:inline-block;
  width:100%;
}
#logo.lower {
	margin:5px 10px 10px 0px;
}
}
@media screen and (max-width: 500px) {
.siteRead.img {
	display:block;
	width:100%;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:-10px 0px 0px;
}
#logo{
  padding:0px 0px 0px 0px;
  text-align:center;
	display:block;
	width:80%;
	float:none;
}
}

@media screen and (max-width: 350px) {
#logo > a > img{
  width:80% !important;
}
}

/* ----------------- メニュー ---------------------- */
.menuOuter {
  background-color:#FFFFFF;
  position:relative;
}
.menuOuter .container {
  padding:0px;
}
#globalMenu{
  margin:0px;
	padding:10px 0px;
}
#globalMenu > li{
  padding:0px 5px;
	border-right:solid 1px #CCCCCC;
}
#globalMenu > li:first-child{
	border-left:solid 1px #CCCCCC;
}
#globalMenu > li > a{
	display:block;
  color:#999999;
	padding:12px 10px 10px;
	border-radius:3px;
	transition: all 0.3s linear;
	z-index: 100;
}


#globalMenu > li > a:hover ,
#globalMenu .navbar-default .navbar-nav > .open > a {
	opacity:.7;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
  opacity:.7;
}

.nav-justified > .dropdown .dropdown-menu {
  background-color: #4AA31B;
  border-top:solid 1px #36820E;
  border:none;
  width:100%;
  z-index: 100;
  padding:0px;
  margin-top:2px;
}
#globalMenu .dropdown-menu > li > a ,
#globalMenu .open .dropdown-menu > li > a {
  color:#FFFFFF;
  border-bottom:solid 1px #36820E;
  padding:15px 10px 12px;
  transition: all 0.3s linear;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus ,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #45931C;
}
.nav-justified > .dropdown {
  position:relative;
}
.nav-justified > .dropdown .caret {
  position:absolute;
  top:50%;
  right:20px;
}

@keyframes menuAnime {
  0% { background: transparent; }
  20% { background: #E2CFA2; }
  100% { background: #E2CFA2; }
}

@media screen and (min-width: 740px) {
#globalMenu > li > a.selected ,
#globalMenu > li > a:hover {
	background-color:#E2CFA2;
	color: #FFFFFF;
}
#globalMenu > li.active > a,
#globalMenu > li.active > a:focus {
	background-color: #E2CFA2;
	color: #FFFFFF;
	position:relative;
	animation: menuAnime 1s forwards;
  -webkit-animation: menuAnime 1s forwards;
}
#globalMenu > li.active > a:after,
#globalMenu > li.active > a:focus:after {
	content:"";
	display:block;
	background-color: #E2CFA2;
	width:30px;
	height:30px;
	border-radius:15px;
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-15px;
	z-index:0;
	animation: menuAnime 1s forwards;
  -webkit-animation: menuAnime 1s forwards;
}
#globalMenu > li.active > a:before,
#globalMenu > li.active > a:focus:before {
	content:"";
	border-left:solid 6px transparent;
	border-right:solid 6px transparent;
	border-top:solid 8px transparent;
	border-bottom:solid 8px transparent;
	border-top-color:#FFFFFF;
	position:absolute;
	bottom:-16px;
	left:50%;
	margin-left:-6px;
	z-index:1;
}
.dropdown:hover > .dropdown-menu{
  display: block;
}
}
@media screen and (max-width: 739px) {
.menuOuter {
  position:absolute;
  top:0px;
  left:50;
  width:100%;
  z-index:10;
	background-color:transparent;
}
.navbar-header {
  text-align:center;
}
/* toggle */
.navbar-toggle{
	position:relative;
	float:right;
	margin-right:0;
	padding:10px 10px;
	margin-top:5px;
	margin-right:5px;
	background:0 0;
	background-image:none;
	border:0;
	border-radius:0;
	background-color:#AFC59D;
}
.navbar-toggle .icon-bar{
	display:block;
	width:25px;
	height:4px;
	border-radius:0;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff;
}
.navbar-collapse {
  position: absolute;
  width: 100%;
  height:auto !important;
  max-height:none;
}


.contact {
  display:none;
}

#globalMenu{
  margin:0px 0px 0px 0px;
  padding:0px;
  z-index:1000;
}
#globalMenu > li{
  display:block;
  width:100%;
  float:none;
  margin:0px;
  padding:0px 0px 0px;
  border-radius:0px;
}
#globalMenu > li > a{
  color:#FFFFFF;
  background-color:#AFC59D ;
  border-bottom:solid 1px #7FA65F;
  padding:15px 10px 12px;
  border-radius:0px;
  margin:0px;
  height:auto;
  line-height:normal;
}
#globalMenu > li.active > a ,
#globalMenu > li > a:hover {
  background-color:#9DB887;
  border-radius:0px;
  position:relative;
  color:#FFFFFF;
}
#globalMenu > li.open > a{
  background-color:#00693E;
}
.nav-justified > .dropdown .dropdown-menu {
  background-color: #45931C;
  margin-top:0px;
}
#globalMenu .open .dropdown-menu > li > a {
  font-size:90%;
  color:#FFFFFF;
}
}
@media screen and (max-width: 500px) {
.menuOuter {
  top:0px;
}
}

/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     footer 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */
.footerSection_Menu {
	background-color:#F4EFE6;
	margin-top:50px;
}

.footerMenu{
	display:table;
	width:100%;
}
.footerMenu > li {
	display:table-cell;
	padding:10px 0px;
}
.footerMenu > li > a {
  padding:3px;
  color:#666666;
  display: block;
	border-left:solid 1px #CCCCCC;
	text-align:center;
}
.footerMenu > li:first-child > a {
	border-left:none;
}


.footer-block{
  border-top:solid 1px #EFEDD8;
	background: url(../img/users/stripe_bg.png) repeat-y top center;
	padding: 30px 0px 0px;
	position:relative;
}

.footerSiteName {
  text-align:right;
	padding-right:20px;
}
.footerSiteName img {
  width:260px;
}

#footerLogo {
  padding-bottom:5px;
}
.footerRead {
  color:#666666;
  font-size:small;
}

.footerInfo {
	text-align:left;
	padding-left:20px;
}
.footerInfo img {
	width:auto;
}

.copyright-block{
	margin-top:30px;
	height:40px;
	line-height:40px;
	color:#666666;
	font-size:80%;
}



@media screen and (max-width: 739px) {
.footer-block{
	padding: 20px 0px 30px;
}
.footerSiteName {
  text-align:center;
}
.footerRead {
  padding:5px 20px 5px ;
  text-align:center;
}
.footerSiteName ,
.footerInfo {
  text-align:center;
	padding:0px;
}
.footerSiteName img {
  width:75% !important;
}
.footerInfo a {
	display:block;
	margin:20px auto 0px;
	width:75%;
}
.footerMenu{
	display:none;
}
.footerMenu > li {
  display:block;
  position:relative;
  margin:0px;
	padding:0px;
}
.footerMenu > li > a {
  display:block;
  padding:15px 1em;
  border-top:solid 1px #CCCCCC;
}
.footerMenu > li:first-child > a {
  border-top:none;
}


}


/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      pageTop

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

a.pageTop {
	display:inline-block;
	text-align:center;
  position:fixed;
  right:20px;
  bottom:20px;
  cursor:pointer;
  font-size:1rem;
  background:#AFC59D;
  padding:10px 15px;
  color:#fff;
  z-index:100;
}
.pageTop:hover{
  opacity:.7;
}



/* /////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
			
			contents
			
////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////// */


.lowerTopImage_pageName {
	background-repeat:no-repeat;
	background-position:top center;
}
#dummy .lowerTopImage_pageName {
	background-image: url(../img/users/dummy_lowerPageImage.jpg);
}
#goaisatsu .lowerTopImage_pageName {
	background-image: url(../img/users/lowerPageImage_1.jpg);
}
#about .lowerTopImage_pageName {
	background-image: url(../img/users/lowerPageImage_2.jpg);
}
#tokucho .lowerTopImage_pageName {
	background-image: url(../img/users/lowerPageImage_3.jpg);
}
#staff .lowerTopImage_pageName {
	background-image: url(../img/users/lowerPageImage_4.jpg);
}
#access .lowerTopImage_pageName {
	background-image: url(../img/users/lowerPageImage_5.jpg);
}
#contact .lowerTopImage_pageName {
	background-image: url(../img/users/lowerPageImage_6.jpg);
}
#newsList .lowerTopImage_pageName ,
#newsContent .lowerTopImage_pageName {
	background-image: url(../img/users/lowerPageImage_7.jpg);
}

@media screen and (min-width: 960px) {
.lowerTopImage_pageName {
	padding-top:250px;
}
#imageNone .lowerTopImage_pageName {
	background-image:none;
	padding-top:0px;
}
}
@media screen and (max-width: 739px) {
.lowerTopImage_pageName {
	background-size:120%;
	padding-top:25%;
}
#imageNone .lowerTopImage_pageName {
	padding-top:0px;
}
}

/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      common parts 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

.row.pageContents > div {
	padding:0px 10px;
}
.row.pageContents > div:first-child {
	padding:0px 15px 0px 0px;
}
.row.pageContents > div:nth-last-of-type(1) {
	padding:0px 0px 0px 15px;
}
@media screen and (max-width: 739px) {
.lowerContentArea {
	margin:0px 10px;
}

.row.pageContents > div {
	padding:0px 5px 15px 5px;
}
.row.pageContents > div:first-child {
	padding:0px 5px 15px 5px;
}
.row.pageContents > div:nth-last-of-type(1) {
	padding:0px 5px 15px 5px;
}
}


a.linkBtn {
  display:inline-block;
  background-color:#4CA722;
  border:solid 1px #4CA722;
  padding:10px;
  border-radius:3px;
  margin-bottom:10px;
  color:#FFFFFF;
}
a.linkBtn:hover {
  opacity:.7;
  text-decoration:none;
}


.caption {
	font-size:85%;
}

/* ----------------- title ---------------------- */

.pageTitleArea {
	background-color:#F4EFE6;
  margin:0px 0px 40px;
}
h2.pageTitle {
	display:block;
  color: #555555;
	padding:0px ;
  font-size:150%;
	position:relative;
}
h2.pageTitle > span {
	display:inline-block;
	height:50px;
	line-height:50px;
	padding-left:35px;
}
h2.pageTitle:before ,
h2.pageTitle > span:before {
	content:"";
	display:inline-block;
	height:50px;
	position:absolute;
	top:0;
}
h2.pageTitle:before {
	border-left:solid 5px #AFC59D;
	left:0;
}
h2.pageTitle > span:before {
	border-left:solid 5px #E2CFA2;
	left:10px;
}

h3 {
  display:block;
  color: #D8893A;
  margin:30px 0px 15px;
  font-size:130%;
}
h3:first-child {
  margin:0px 0px 15px;
}

h4 {
  display:block;
  color: #666666;
  margin:30px 0px 10px;
	padding:10px 10px 7px;
	border-top:solid 2px #EDE3CE;
	border-bottom:solid 2px #EDE3CE;
	font-size:110%;
}
h3 + h4 {
  margin-top:10px;
}
.pageContents h4{
	margin-top:10px;
}
.txt-red{color: #FF0000!important}

@media screen and (max-width: 739px) {
.pageTitleArea {
  margin:0px 0px 20px;
}
h2.pageTitle {
  font-size:130%;
}
h2.pageTitle > span {
	height:45px;
	line-height:42px;
	padding-top:3px;
}
h2.pageTitle:before ,
h2.pageTitle > span:before {
	height:45px;
}
h3 {
  padding:0px 0px 7px;
  margin:10px 0px 10px;
}

.topSchedule >h2 > img ,
.topAccess >h2 > img {
	width:auto !important;
}
}

/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      lower common part 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */


/* ----------------- text ---------------------- */
.lowerContentArea p {
  display:block;
  margin:0px 0px 1em;
}

/* ----------------- image set or image ---------------------- */

.leftImage {
  float:left;
  margin: 0px 1.5em 1em 0px;
}
.rightImage {
  float:right;
  margin: 0px 0px 1em 1.5em;
}

.imageText {
	overflow:auto;
	zoom:1;
	padding-bottom:1px;
}

.centerImage {
	text-align:center;
	margin-bottom:10px;
}

@media screen and (max-width: 739px) {
img.leftImage {
  float:none;
  margin: 1em 0px 1em 0px;
}
img.rightImage {
  float:none;
  margin: 1em 0px 1em 0px;
}

}

/* ----------------- text decoration ---------------------- */
.attention {
  font-size:80%;
  color:#DD0003;
  position:relative;
  bottom:3px;
}

/* ----------------- list ---------------------- */
.textList {
  margin:15px;
}
.textList li {
  padding:8px 10px 5px 30px;
  position:relative;
  border-bottom: dotted 1px #4CA722;
}
.textList > li:before {
  content: "";
  display: inline-block;
  border: 4px solid #4CA722;
  position: absolute;
  left:15px;
  top:1.5em;
}
.textList li > a {
  text-decoration:underline;
}
/* ----------------- text links ---------------------- */
.link_pdf ,
.link_site {
  display: inline-block;
}
.link_pdf:after ,
.link_site:after {
  display: inline-block;
  vertical-align:middle;
  padding:5px 5px 0px;
}
.link_pdf:after  {
  content: url(../img/users/link_pdf.png);
}
.link_site:after  {
  content: url(../img/users/link_site.png);
}

/* ----------------- column ---------------------- */
.pickup {
  display:block;
  margin:30px 30px 0px;
  padding:15px;
  border:solid 1px #4CA722;
  background-color:#FDFCF5;
  color:#666666;
  font-size:90%;
  border-radius:3px;
}
@media screen and (max-width: 739px) {
.pickup {
  margin:30px 10px 0px;
  padding:10px;
}  
}

/* ----------------- table ---------------------- */
.normalTable {
  margin:15px 10px 30px;
  border-collapse: separate;
  border-spacing: 1px;
  background-color:#E0DCB4;
}
.normalTable th ,
.normalTable td {
  padding:5px 10px 3px;
  text-align:center;
}
.normalTable th {
  background-color:#EFEDD8;
}
.normalTable th.subTitle {
  background-color:#ECF2CC;
}
.normalTable td {
  background-color:#FCFCFA;
}

.tableCenter {
  margin:15px auto;
}


/* responsive table */
.table_resp {
}
.table_resp > li {
}
.table_resp > li > dl {
  overflow:hidden;
  display:table;
  width:100%;
  border-bottom: dotted 1px #D3CFA6;
  margin-bottom:1px;
}
.table_resp > li > dl > dt ,
.table_resp > li > dl > dd {
  display:table-cell;
  padding:10px 10px 7px;
  font-size:110%;
  vertical-align:middle;
}
.table_resp > li > dl > dt {
  width:160px;
  background-color:#EFEDD8;
}
.table_resp > li > dl > dd {
}
.table_resp input ,
.table_resp input ,
.table_resp textarea {
  width:80%;
}
.table_resp .attention {
  display:block;
  position:inherit;
  margin:5px 0px 0px;
}


@media screen and (max-width: 739px) {
.feeTable {
  width:100%;
}

/* responsive table */
.table_resp > li > dl {
  position:relative;
  border-bottom: dotted 1px #CCCCCC;
}
.table_resp > li > dl > dt {
  display:block;
  width:100%;
  position:static;
  background-color:#EFEDD8;
}
.table_resp > li > dl > dd {
  display:block;
  margin-left:0;
  width:100%;
}

}


.formMainBtn{
	display: inline-block;
	padding: 7px 10px 3px;
	background-color: #4CA722;
	text-align: center;
	color: #FFFFFF;
	margin: 10px 10px;
  border:solid 1px #4CA722;
	border-radius: 4px;
  font-size:130%;
}
.formSubBtn {
	display: inline-block;
	padding: 7px 10px 3px;
	background-color: #efefef;
	text-align: center;
	color: #999999;
	margin: 10px 10px;
  border:solid 1px #cccccc;
	border-radius: 4px;
}
.formMainBtn:hover ,
.formSubBtn:hover {
  opacity:.7;
  text-decoration:none;
}
.required {
  padding-bottom:20px;
  color:#D70407;
}


.windowCloseBtn {
	display: block;
  width:80%;
	padding: 7px 10px 3px;
	background-color: #efefef;
	text-align: center;
	color: #999999;
  border:solid 1px #cccccc;
	margin: 10px auto;
	border-radius: 4px;
  font-size:100%;
}
.windowCloseBtn:hover {
  opacity:.7;
  text-decoration:none;
}

/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     lower content part 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

table.scheduleTable {
	width:100%;
	margin-bottom:5px;
}
table.scheduleTable th ,
table.scheduleTable td {
	text-align:center;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}
table.scheduleTable th:first-child ,
table.scheduleTable td:first-child {
	border-left:none;
}
table.scheduleTable th {
	padding:5px 3px;
}
/*table.scheduleTable th > br {
	display:none;
}
table.scheduleTable th > br:first-child {
	display:inline;
}*/
table.scheduleTable td {
	padding:10px 3px;
}


.topSchedule table.scheduleTable th {
	padding:10px 3px;
}
.topSchedule table.scheduleTable td {
	padding:15px 3px;
}
@media screen and (max-width: 739px) {
table.scheduleTable th > br {
	display:inline;
}
}

/* ----------------- Q&A ---------------------- */
.qaBox {
	display:block;
	padding:10px 0px;
	border-bottom:dotted 1px #CCCCCC;
  text-align:left;
	counter-increment: QNomber;
}
.qaBox > dt.question {
	display:block;
	position:relative;
	cursor: pointer;
}
.qaBox > dt.question:before {
  content: "Q" counter(QNomber);
	display: inline-block;
	width:7rem;
	padding:2px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#AFC59D;
  color:#FFFFFF;
	font-size:130%;
  text-align: center;
  font-weight: bold;
	border-radius:3px;
}
.qaBox > dd.answer {
	display: none;
	margin:10px 0px 0px;
	padding:10px 10px 10px 8rem;
	position:relative;
	background-color:#F4EFE6;
}
.qaBox dt.question:after,
.qaBox dt.question.active:after{
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:130%;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-8px;
	color:#AFC59D;
}
.qaBox dt.question:after{
	content:"\f078";
}
.qaBox dt.question.active:after{ content:"\f077"; }

.contactInfo {
	width:70%;
	margin:60px auto 20px;
	text-align:center;
	font-size:120%;
}
.contactInfo .caption {
	display:inline-block;
	color:#666666;
	border-radius:3px;
}
@media screen and (max-width: 739px) {
.qaBox > dt.question {
	padding:0px 5rem 0px 0px;
}
.qaBox > dd.answer {
	padding:10px 10px 10px 10px;
}
.qaBox > dt.question:before {
	width:4.5rem;
  color:#FFFFFF;
	font-size:110%;
}
}

/* ----------------- kiki ---------------------- */
.galleryBox img {
	width:100%;
	height:auto;
}
@media screen and (max-width: 739px) {
.galleryBox > div {
	width:50%;
	float:left;
}
}

/* ----------------- staff ---------------------- */
.staffBox {
	margin-top:20px;
}
@media screen and (max-width: 739px) {
.staffBox {
	margin-top:-10px;
}
}


/* ----------------- staff ---------------------- */
.mailForm {
	width:80%;
	margin:10px auto;
}
.mailForm .row {
	padding:10px 0px;
	border-top:dotted 1px #CCCCCC;
}
.mailForm .row:first-child {
	border-top:none;
}
.mailForm .th ,
.mailForm .td {
	float:left;
}
.mailForm .th {
	width:30%;
}
.mailForm .td {
	width:70%;
}
.mailForm .td > input ,
.mailForm .td > textarea {
	width:100%;
}
.formSubmitButton{
	margin:0 20px 20px;
	text-align:center;
	padding:20px;
	background:#f4f4f5;
	border:1px solid #e0e0e4;
}
.formSubmitButton > input{
	padding:5px 10px;
	border:solid 1px #999999;
	border-radius:3px;
	background-color:#FFFFFF;
}
.formSubmitButton > input:hover{
	opacity:.7;
}
@media screen and (max-width: 739px) {
.mailForm {
	width:95%;
}
.mailForm .th ,
.mailForm .td {
	float:none;
	width:100%;
}
}

/* ----------------- news ---------------------- */
.blogContentArea {
	margin:20px 0px 15px;
}
.media.blog-entry {
	border-bottom:dotted 1px #999999;
}
.media.blog-entry > a {
	display:block;
	padding:5px ;
	margin:10px 0px;
}
.media.blog-entry > a:hover {
  background-color:#EDF2E7;
  color:#333333;
}
.media.blog-entry > a > span > p {
	color:#333333;
}

/* ----------------- news list page ---------------------- */
/* ページネーションリンクをリストで構成。
　 リストのマークを消す設定、左の空間を消す設定。 */
.pagination ul {
     list-style-type: none;
     padding-left: 0;
}
/* 各ページリンクを横並べにし、間隔を開ける */
.pagination li {
    float: left;
		margin-bottom:6px;
}
/* 「前へ」のリンクが「すぐ使えるCGI」の機能で削除された時に、幅を保つ */
.keepwidth {
    width: 24px;
    height: 24px;
}
/* 各ページへのリンクタグに幅と囲みを設定する。こうする事により、「前へ」「次へ」が
　「すぐ使えるCGI」の機能で削除された時に、枠も消える。 (li に付けると残ってしまう。)  */
.pagination a {
    display: inline-block;
		padding:5px;
		margin-right:6px;
    text-decoration: none;
		background-color:#efefef;
		border:solid 1px #666666;
		color:#666666;
}
/* ページへのリンクにマウスオーバーした時に色を変える。
　 フォントの変更等を足したいときはここに足して下さい。 */
.pagination a:hover {
		background-color:#afc59d;
		border:solid 1px #afc59d;
		color:#FFFFFF;
}
/* 現在いるページ番号の表示設定 */
.pagination .active > a {
		background-color:#afc59d;
		border:solid 1px #afc59d;
		color:#FFFFFF;
}
/* 枠内でスペースを取るためのラッパー。
　 フォントの指定などもここに設定。 */
.pagination a span {
	padding:2px 10px 0px;
    display: inline-block;
    margin: 0px;
}

.block-flex{
	display: flex;
	justify-content: space-around;
	margin-top: 35px;
}
.block-photo{width: 20%;}
.list-prof{width: 75%;}
.list-prof li{
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 3px;
	padding-left: 3em;
	text-indent: -3em
}
.list-prof li.name{
	font-size: 16px;
	border-bottom: 1px solid #000000;
	margin-bottom: 5px
}
.list-prof li.comment {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #000000;
	padding-left: 0em;
	text-indent: 0em
}
@media screen and (max-width: 739px) {
.block-flex{
	width: 100% !important
}
}
@media screen and (max-width: 640px) {
.block-photo{width: 30%;}
.list-prof{width: 65%;}
}
@media screen and (max-width: 480px) {
	.block-flex{display: block}	
.block-photo{
	width: 60%;
	margin: 0px auto 10px;
}
.list-prof{width: 100%;}
}


@media screen and (min-width: 768px) {
a[href^="tel:"] {
    pointer-events: none;
}
}