@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */
#error_explanation{
font-size:134%;
font-weight:bold;
	color: #FF3366;
text-align: center;
margin: 0 0 30px 0;
}

.waku{
color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
margin: 30px 0;
}

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

.content p span.br{
	display: block;
}
/* common modules
------------------------------------------------ */

em        { color:#e57e7d; font-style:normal;  }

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }
.keyword{ color:#e57e7d; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }
.middle{ vertical-align:middle; }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { maring:0; padding:0; border:none; background:none; }

.mt10{ margin-top:10px !important; }

.title{
	font-size:20px;
	font-weight:bold;
}

.hr{
	height:1px;
	border-bottom:1px solid #ccc;
	margin:50px 0 0;
}

.hr hr{
	display:none;
}

/* --- anchor --- */

.anchor{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.4em;
	padding-left:11px;
}

.anchor-ex {
	background:url(../images/icon_window01.png) no-repeat right 0.2em;
	padding-right:15px;
}

/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../images/fileicon/xls.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../images/fileicon/doc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../images/fileicon/pdf.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='ppt']{
	background: url(../images/fileicon/ppt.png) no-repeat 100% 50%;
	padding-right: 25px;
}


/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {	
	background:url(../images/icon_arrow_pagetop.png) no-repeat 0 0.4em;
	padding-left: 15px;
	font-size: 92%;
}

/* --- blockquote --- */

blockquote, 
.acms-entry blockquote{
	background:url(../images/bg_blockquote.png) top 0 left 0 no-repeat #fff;
	border-bottom:1px solid #ddd;
	border-left:none;
	margin-top:40px;
	padding:40px 20px 30px 150px;
}

.content p.mt40{
	margin: 40px 0 0 0;
}

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

.content h2, 
.content .wysiwyg h1{
	clear:both;
	margin: 50px 0 25px 0;
	font-size:180%;
	font-weight:normal;
	color: #fff;
	background: #0f9265;
	padding: 5px 20px;
line-height: 1.8;
}
.content h2.frast{
	margin: 0 0 25px 0;
}
.content h2 a:link          { color:#333; text-decoration:none; }
.content h2 a:visited       { color:#333; text-decoration:none; }
.content h2 a:hover,a:active{ color:#333; text-decoration:underline; }

.content h3, 
.content .wysiwyg h2{
	clear:both;
	margin: 40px 0 20px 0;
	padding: 0;
	font-size:160%;
	font-weight:bold;
	color: #0f9265;
}
.content h3 span.underline,
.content .wysiwyg h2 span.underline{
	padding: 0 0 5px 0; 
	border-bottom:1px solid #0f9265;
}
.content h3 span.icon,
.content .wysiwyg h2 span.icon{
	padding: 0 42px 20px 0; 
	background: url(../images/bg_h3.png) no-repeat right bottom;
}
.content h4,
.content .wysiwyg h3{
	clear:both;
	font-size:134%;
	margin: 30px 0 15px 0;
	font-weight:bold;
	background: url(../images/bg_h4.png) no-repeat left center;
	background-size: 15px 18px;
	padding: 0 0 0 20px;
	color: #0f9265;
}

.content h5, 
.content .wysiwyg h4{
	clear:both;
	font-weight:bold;
	margin: 20px 0 10px 0;
	padding: 5px 10px;
	font-size:120%;
	background: #D4D4D4;
}


/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li{
	background:url(../images/icon_list.png) no-repeat 0 0.5em;
	background-size: 10px 10px;
	padding-left: 15px;
	margin-bottom: 5px;
}

/* --- link list --- */

.link li{
	background:url(../images/icon_arrow.png) no-repeat 0 0.4em;
	background-size: 16px 14px;
	padding-left: 20px;
	margin-bottom: 5px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding: 8px;
	border: 1px solid #ddd;
}

.within li{
	padding: 5px 0 5px 35px;
	background:url(../images/icon_within.png) no-repeat 0 0.4em;
}
.compact.within li{
	display:inline;
	margin-right:30px;
}

.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}



/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 700px */
.grid-1 { width: 40px; }
.grid-2 { width:100px; }
.grid-3 { width:160px; }
.grid-4 { width:220px; }
.grid-5 { width:280px; }
.grid-6 { width:340px; }
.grid-7 { width:400px; }
.grid-8 { width:460px; }
.grid-9 { width:520px; }
.grid-10{ width:580px; }
.grid-11{ width:640px; }

/* 980px */
.grid-1-w { width:180px; }
.grid-2-w { width:240px; }
.grid-3-w { width:200px; }
.grid-4-w { width:360px; }
.grid-5-w { width:420px; }
.grid-6-w { width:480px; }
.grid-7-w { width:540px; }
.grid-8-w { width:600px; }
.grid-9-w { width:660px; }
.grid-10-w{ width:720px; }
.grid-11-w{ width:780px; }

.grid-12-w{ width:460px; }
.grid-13-w{ width:300px; }
.grid-14-w{ width:320px; }
.grid-15-w{ width:660px; }

.grid-3col{ width:313px; }
.grid-4col{ width:230px; }



/* ------ social media ------------------------- */

.social{
	margin-top:20px;
}

.social ul li{
	float:left;
	margin-right:10px;
	vertical-align:top;
	width:80px;
	display:inline-table;
}

.social ul li.twitter, 
.social ul li.google{
	padding-top:5px;
}

.social ul li *{
	margin:0;
	padding:0;
}

.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */



/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	border:1px solid #168c62;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table th,
table td{
	padding:10px;
	vertical-align:top;
	border:1px solid #168c62;
	background:#fff;
	word-wrap:break-word;
}

table th{
	color: #168c62;
	background:#b9dcd0;
	font-weight:bold;
	font-size: 120%;
}

table thead th,
th.head {
	color: #fff;
	background:#0f9265;
	text-align:center;
	border: #124911 solid 1px;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 350px;
	background: #eee;
}

.index dt {
	padding: 7px;
	background:#ddd;
}

.index dt a {
	text-decoration:none;
}

.index dd {
	padding: 7px;
}


/* cms
------------------------------------------------ */

.acms-entry{
	margin:0 0 50px;
	border-bottom:1px solid #ddd;
	padding:0 0 50px;
}


/* --- entry-date --- */

p.entry-date {
	text-align: left;
	font-size: 87%;
	margin:0;
	padding:0;
}

p.personal-data{
	font-size:18px;
	padding:0;
}


/* --- personal --- */

p.personal {
	text-align: left;
	font-size: 87%;
	margin:0;
	padding:0;
}

p.personal{
	font-size:18px;
	padding:0;
}


/* --- entry-navigation / pager-navigation --- */

.entry-navigation, 
.pager-navigation{
	font-size:87%;
	margin:50px 0 0;
}

.entry-navigation a:link, .entry-navigation a:visited, .entry-navigation a:hover, .entry-navigation a:active, 
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
	text-decoration:none;
}

.entry-navigation ul, 
.pager-navigation ul{
	margin:0;
}

/* entry-navigation */

.entry-navigation{
	background:#eee;
	padding:10px;
}

.entry-navigation li{
	width:300px;
}

.entry-navigation .entry-old{
	float:left;
}

.entry-navigation .entry-new{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-20px;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation ul li{
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:1;
}

.pager-navigation ul li span.cur{
	background:#f6f6f6;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:link, 
.pager-navigation ul li a:visited{
	background:#fff;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:hover, 
.pager-navigation ul li a:active{
	background:#CECECE;
}

/* 続きを読むリンク */
.search.entry p.continue {
	margin: 0;
	padding: 0;
}

.search.entry p.continue a {
	display: block;
	margin: 0;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #E8E8E8;
	background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
}

.search.entry p.continue a:hover {
	background-color: #F0F0F0;
}


/* button
------------------------------------------------ */
.content p.button{
	width: 450px;
	margin: 30px auto 0 auto;
}
.facility .content p.button{
	width: 300px;
	margin: 20px auto 0 auto;
}
.content p.button a,
.content p.button input{
	display: block;
    width: 100%;
	color: #fff;
	font-size: 120%;
	padding: 15px 50px 12px 0;
	text-align: center;
	font-weight: bold;
	background: url(../images/bg_button_off.png) no-repeat 96% center, #0f9265;
	text-decoration: none;
	border: #0f9265 solid 1px;
	-webkit-transition: 0.3s ease-in-out; 
    -moz-transition: 0.3s ease-in-out; 
    -o-transition: 0.3s ease-in-out; 
    transition: 0.3s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.facility .content p.button a{
	font-size: 100%;
	padding: 10px 50px 7px 0;
}
.content p.button a:hover,
.content p.button input:hover{
	color: #0f9265;
	background: url(../images/bg_button_on.png) no-repeat 96% center, #fff;
}

.content p.button.kids_white a{
	display: block;
	color: #daa921;
	font-size: 120%;
	padding: 15px 50px 12px 0;
	text-align: center;
	font-weight: bold;
	background: url(../kids/images/img_details002.png) no-repeat 96% center, #fff;
	background-size: 39px 30px;
	text-decoration: none;
	border: #daa921 solid 1px;
	-webkit-transition: 0.3s ease-in-out; 
    -moz-transition: 0.3s ease-in-out; 
    -o-transition: 0.3s ease-in-out; 
    transition: 0.3s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.content p.button.kids_white a:hover{
	color: #fff;
	background: url(../kids/images/img_details002.png) no-repeat 96% center, #daa921;
	background-size: 39px 30px;
}
.content p.button.kids_orange a{
	display: block;
	font-size: 120%;
	padding: 15px 50px 12px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: url(../kids/images/img_details002.png) no-repeat 96% center, #daa921;
	background-size: 39px 30px;
	text-decoration: none;
	border: #daa921 solid 1px;
	-webkit-transition: 0.3s ease-in-out; 
    -moz-transition: 0.3s ease-in-out; 
    -o-transition: 0.3s ease-in-out; 
    transition: 0.3s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.content p.button.kids_orange a:hover{
	color: #daa921;
	background: url(../kids/images/img_details002.png) no-repeat 96% center, #fff;
	background-size: 39px 30px;
}


@media (max-width: 740px) {
.content h3, .content .wysiwyg h2 {
    font-size: 134%;
}
.content p.button {
    width: 100%;
    margin: 20px auto 0 auto;
}
.content p.button a,
.content p.button input {
    font-size: 100%;
    padding: 10px 50px 7px 0;
}
}