@charset "utf-8";
* {
	margin:0px;
	padding:0px;
	-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, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: none;
	background: transparent;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
}
body {
text-align: center;
	background: #FFFFFF;
	color: #333;
	line-height: 1;
}
a:link, a:visited {
	color: #006CD8;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
img {
	border:none;
}
ul li {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.6em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
.catch, .catchSub {
	color: #3399FF;
}
#hrCLEAR {
	clear: both;
	border-top: 1px solid #C8C8C8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
}
#gMAP {
	border: none;
}
footer {
	clear: both;
	line-height: 1.6em;
}

footer a{text-decoration: none;
}

footer a:hover{
text-decoration: underline;
color: #ccc;
}

#Copyright {
	clear: both;
	background: #228C00;
	color: #FFF;
	font-size: 0.75em;
	text-align: center;
	line-height: 1.5em;
}
table {
	border:none;
	border-collapse:collapse;
}
.aRIGHT {
	text-align: right;
}
.aCENTER {
	text-align: center;
}
.capCo {
	text-align: center;
}
.capCo img {
	margin-bottom: 5px;
	vertical-align: bottom;
}
.red {
	color: #FF6666;
}
.redB {
	color: #D9354E;
	font-weight: 900;
}
.txtBLUE {
	color: #3693E7;
}
.txtVL {
	color: #6F59B7;
}
.fltR, .boxR {
	float: right;
}
.fltL, .boxL {
	float: left;
}
.pctL {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.pctR {
	float: right;
	margin-left: 1em;
	margin-bottom: 2em;
}
.boxW {
	background:#FFFFFF;
}
.boxB {
	background: #0B1437;
	color: #FFFFFF;
}
.boxG {
	background: #F6F6F6;
}
.overFH {
	overflow: hidden;
}
.clearBT {
	clear: both;
}

.noWRAP{
white-space: nowrap;
}

hr.lineDotted {
	clear: both;
	height: 1px;
	border-top: 1px dotted #C8C8C8;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
hr.clearBT {
	visibility: hidden;
	height: 1px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
}
.ss {
	font-size: 0.8em;
}
img.mgnBNo {
	margin-bottom: 0px;
}
.boxLine {
	border: 5px solid #EFEFEF;
	background: #FFFFFF;
}
.bgY {
	background: #FFFF00;
}
/* ---------------------------------{ clearfix }--------------------------------- */




#Contents:after,footer:after,#listLang:after,section:after,#Navigation ul:after, #miryokuINDEX ul:after, .Inner:after,#pageCommon:after,.clearfix:after,.boxHlf:after,header:after,.boxS:after,.Cover:after,dl:after,p.txtNum:after,.twoColumn:after,.threeColumn:after,#eventINDEX:after,#snsINDEX ul:after,#linkF ul:after,.box:after,.boxG:after,.listFAQ ul:after,.qaA:after,#spotINDEX:after, #pageCommon #memberCo ul:after,#pageCommon #galleryCo .boxL:after,#pageCommon .btnLink:after, #pageCommon .boxPhoto:after, #pageCommon ul.listAnkQA:after, .boxDL:after, .boxDL ul:after
{ content: ""; display: block; clear: both;}


/* --------- header --------- */


ul.listSite li {
font-size: 14px;

}
ul.listSite li a {
	background: #E76A5C;
	display: block;
	text-align: center;
	color: #FFFFFF;
	width: 160px;
	border-radius: 6px;
	padding: 2px 0 2px 20px;

	line-height: 26px;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
}
ul.listSite li a:hover {
	background: #ccc;
}
ul.listSite li a::before, ul.listSite li a::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
 ul.listSite li a::before {
 content:"●";
 font-size: 18px;
 color: #FFF;
 left: 8px;
 top: 2px;

}
 ul.listSite li a::after {
 content:"？";
 color: #E76A5C;
 font-weight: 900;
 left: 10px;
 top: 2px;
}



/* -------------- main ------------ */



#mainK h1 {
	color: #FFFFFF;
	text-shadow: 0px 0px 6px #000;
	text-align: center;
}
/* -------------- btn -------------- */

.btnMore a, .btnShosai {
	background: #54A91B url(../images/arrow_ss.gif) no-repeat 5% 50%;
	display: block;
	text-align: center;
	color: #FFFFFF;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
	padding-left: 8px;
	margin: auto;
}
#pageCommon #galleryCo.miryokuINDEX a.boxL{
text-decoration: none;
color: #333;
}


#pageCommon #galleryCo.miryokuINDEX a.boxL:hover{
color: #CCC;
text-decoration: underline;
}

#pageCommon #galleryCo.miryokuINDEX a.boxL .btnShosai{
color: #FFFFFF;
text-decoration: none;
}


#pageCommon .btnMore a{
	text-decoration: none;
}
.btnMore a:hover {
	background: #86D55B;
}
.btnMore a::before, .btnMore a::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
 btnMore a::before {
left: 8px;
width: 4px;
height: 4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* --------------- event ---------------- */



#eventINDEX {
	-webkit-background-size: 8px 8px;
	-moz-background-size: 8px 8px;
	background-size: 8px 8px;
	background-color: #ededed;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,  color-stop(.25, #f6f6f6), color-stop(.25, transparent),  color-stop(.5, transparent), color-stop(.5, #f6f6f6),  color-stop(.75, #f6f6f6), color-stop(.75, transparent),  to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f6f6f6 25%, transparent 25%,  transparent 50%, #f6f6f6 50%, #f6f6f6 75%,  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f6f6f6 25%, transparent 25%,  transparent 50%, #f6f6f6 50%, #f6f6f6 75%,  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f6f6f6 25%, transparent 25%,  transparent 50%, #f6f6f6 50%, #f6f6f6 75%,  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f6f6f6 25%, transparent 25%,  transparent 50%, #f6f6f6 50%, #f6f6f6 75%,  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f6f6f6 25%, transparent 25%,  transparent 50%, #f6f6f6 50%, #f6f6f6 75%,  transparent 75%, transparent);
}
#eventL {
	background: #FFFFFF;
}
#eventL p {
	line-height: 1.6em;
}
/* -------------- calendar -------------- */



#calendarBox, #eventR .eventToday {
	border: 1px solid #DCDCDC;
}
#calendarBox {
	background: #FFFFFF;
}
#calendarBox .linkNext img {
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 3px;
}
#calendarBox .linkNext a {
	text-decoration: none;
}
#calendarBox h3 {
	line-height: 1.5em;
	color: #000000;
	text-align: center;
	background: #E7E7E7;
}
#calendarBox h4 {
	float: left;
	font-weight: 100;
}
#calendarBox h4 .bb {
	font-weight: 900;
	color: #0066FF;
}
#calendarBox table {
	clear: both;
	border-collapse: separate;
	border-spacing: 6px;
}
#calendarBox th, #calendarBox td {
	width: calc(100% / 7);
	border-radius: 50%;
}
#calendarBox td a {
	color: #FFFFFF;
}
#calendarBox th {
	text-align: center;
	color: #333300;
	background: #E7E7E7;
}
#calendarBox td {
	text-align: center;
	background: #f6f6f6;
}
#calendarBox td.today {
	background: #F791AF;
	color: #FFFFFF;
}
#calendarBox a.dataon {
	color: #2200C1;
}
#calendarBox .red {
	color: #F791AF;
	width: 1.2em;
}
#calendarBox p.aRIGHT {
}
/* ------------------- event today ----------------------- */

#eventR .eventToday {
	background: url(../images/bg_green.gif) repeat;
}
#eventR .eventToday h3 {
	font-size: 0.938em;
	line-height: 1.5em;
	padding: 10px 0px 5px;
	margin: 0px;
	text-align: center;
	color: #003300;
}
#eventR .eventToday h3 img {
	vertical-align: middle;
	margin-left: 5px;
}
#eventR .eventToday dl {
	background: #FFFFFF;
	padding: 6px 10px;
	margin: 5px;
	font-size: 0.75em;
	line-height: 1.4em;
}
#eventR .eventToday dt {
	padding-top: 3px;
	color: #009900;
}
#eventR .eventToday dd {
	padding-bottom: 3px;
	line-height: 1.6em;
}
#eventR td {
	position: relative;
}
/* Tooltip text */
#eventR td span {
	display: none;
	width: 150px;
	background-color: black;
	color: #fff;
	text-align: left;
	padding: 8px;
	border-radius: 6px;
	position: absolute;
	font-size:12px;
	z-index: 1;
	margin-top:10px;
	line-height: 1.4em;
	letter-spacing: 0.04em;
	left: -38px;
	top: 18px;
}
#eventR td span::after {
 content: "";
 position: absolute;
 bottom: 100%;
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;
}

#eventR td {
  cursor: pointer;
}

/*
#eventR td:hover span, #eventR td:active span {
	visibility: visible;
}
#eventR td:hover span::after, #eventR td:active span::after {
 content: "";
 position: absolute;
 bottom: 100%;
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;
}
#eventR td span {
	opacity: 0;
	transition: opacity 1s;
}
#eventR td:hover span, #eventR td:active span {
	opacity: 1;
}
*/

/* -------------- sns ------------ */

#snsINDEX h2 {
	font-family: serif;
	position: relative;
}
#snsINDEX h2:before {
	content: '';
	position: absolute;
	bottom: -5px;
	display: inline-block;
	height: 3px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #418200;
}
#snsINDEX li a {
	display: block;
	width: 100%;
	text-decoration: none;
}
#tabSNS ul {
	background: #3E58A4;
}
#tabSNS #tab01 {
	background: #3E58A4;
}
#tabSNS #tab02 {
	background: #54C2E1;
}

#tabNEWS ul li {
	background: #F1F1F1;
	color: #D6D6D6;
}
#tabNEWS ul li.select {
	background: #3E58A4;
	color: #FFFFFF;
}
.fb_iframe_widget,  .fb_iframe_widget span,  .fb_iframe_widget iframe[style] {
	width: 100% !important;
}

.boxSNS, .boxNEWS{
	border: 2px solid #EFEFEF;
	}

.boxNEWS .btnMore, .btnBack{
clear: both;
text-align: center;
}
.boxNEWS .btnMore a, .btnBack.news a{
display: block;
color: #FFF;
text-decoration: none!important;
background: #000;
border-radius: 50px;
}

#tabSNS ul li {
width: 50%;opacity: .5;
}
#tabSNS ul li.select{
opacity: 1;
}
	
/* ------------ miryoku ------------- */

#miryokuINDEX {
	clear: both;
	color: #FFFFFF;
	text-align: center;
background-color:#418200;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #468C00), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #468C00),color-stop(.75, #468C00), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;


}

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



#linkF h2 {
	position: relative;
	text-align: center;
}
#linkF h2:before {
	content: '';
	position: absolute;
	bottom: -5px;
	display: inline-block;
	height: 2px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #54A91B;
}
#linkF li a {
	text-decoration: none;
}
#linkF .boxOtoku {
	clear: both;
	background: #EEEEEE;
}

#pageCommon p.txtLL {
	font-size: 3em;
}
#pageCommon .boxLine h5 {
	background: #EFEFEF;
	color: #147CE4;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#pageCommon a {
	text-decoration:underline;
}
.tblNormal table {
	background: #FFFFFF;
}
.tblNormal th, .tblNormal td {
	border: 1px solid #C8C8C8;
	vertical-align: middle;
}
.tblNormal th {
	background: #F6F7FA;
}
.tblNormal th.thClr {
	background: #FFFFCC;
}
.tblNormal th.thDrk {
	background: #DFE3EA;
}
#pageCommon .bgY {
	background: #FFFFCC;
}
#pageCommon .tbl table {
	background: #FFFFFF;
	border-top: 1px solid #C8C8C8;
}
#pageCommon .tbl th, #pageCommon .tbl td {
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #C8C8C8;
}

.tblNormal th.aCENTER, .tblNormal td.aCENTER,
#pageCommon .tbl th.aCENTER, #pageCommon .tbl td.aCENTER {
text-align: center;
}

#pageCommon .tbl.tblPK td.tel{text-align: center;
}
#pageCommon .tbl th.thClr{
background:  #006600;
color: #FFFFFF;
}

 #pageCommon .tbl tr:nth-child(odd) {
 background: #E9F8E9;
}
#pageCommon .aCENTER th, #pageCommon .aCENTER td {
	text-align: center;
}
#pageCommon .aCENTER td.aRIGHT {
	text-align: right;
}
#pageCommon ol ul li {
	list-style: disc;
}
#pageCommon .listNormal td ul {
}
#pageCommon .listNormal td ul li {
	padding: 5px 0px 5px 15px;
	text-indent: -10px;
}


#pageCommon td.tel{
white-space: nowrap!important;
}

/* ---------- note ------- */


ul.listNote {
}
ul.listNote li {
	padding-left: 2em;
	text-indent: -1em;
	line-height: 1.5em;
	text-align: left;
}
/* ---------- dl ----------- */


dt {
	font-weight: 900;
}


/* ---------- spot ----------- */

#pageCommon #spotINDEX .midashi{
color: #000;
clear: both;
font-weight: 900;
}

#pageCommon #spotINDEX .midashi img{
vertical-align: middle;
}

#pageCommon #spotINDEX .photo img{
width: 100%;
}

#pageCommon #spotINDEX .boxL{
background: #F3F3F3;
text-align: center;
}


#pageCommon #spotINDEX h4{
clear: both;
}

#pageCommon #spotINDEX #mapShosai{
clear: both;
}

#pageCommon #spotINDEX #mapShosai .pin img{
vertical-align: middle;
}

/* ------ common style ------- */


#pageCommon h2, #eventArticle h2{
	color: #000000;
	margin-bottom: 1em;
	clear: both;
	font-weight: 600;
	border-bottom: 3px solid #009900;
}

#pageCommon h4 {
	background: #499811;
	color: #FFFFFF;
}

#pageCommon h4 a{
color: #FFFFFF;
}
#pageCommon #spotINDEX {
	background: #FFFFFF;
}

#pageCommon #spotINDEX h4{
color: #FFFFFF;
	webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;


}


/* --------- event ------ */

#pageCommon.eventCo h2 {
	margin-bottom: 0px;
	border-bottom: 3px solid #F8C005;
}

#pageCommon.eventCo #mapShosai h4{
background: #F8C005;
}

#pageCommon.eventCo #spotINDEX {
	border-color:  #ffffbf;
}


/* --------- miru -------- */



#pageCommon.miruCo h2 {
	border-bottom: 3px solid #3D4DE7;
}

#pageCommon.sysTop h2{
margin-bottom: 0!important;

}
#pageCommon.miruCo #mapShosai h4{
background: #3D4DE7;
}

#pageCommon.miruCo #spotINDEX {
	border-color: #E4E7FC;
}


/* -------- taiken --------- */


#pageCommon.taikenCo h2 {
	border-bottom: 3px solid #E86184;
}

#pageCommon.taikenCo #mapShosai h4{
background: #E86184;
}

#pageCommon.taikenCo #spotINDEX {
	border-color:  #FCEBEF;
}

/* ------ taberu ---------- */

#pageCommon.taberuCo h2 {
	border-bottom: 3px solid #F67E06;

}

#pageCommon.taberuCo #mapShosai h4{
background: #F67E06;
}

#pageCommon.taberuCo #spotINDEX {
	border-color: #FBEAAE;
}

/* -------- stay ----------- */


#pageCommon.stayCo h2 {
	border-bottom: 3px solid #9C92E2;
}
#pageCommon.stayCo #spotINDEX {

}
#pageCommon.stayCo #mapShosai h4{
	background: #9C92E2;
}

#pageCommon.stayCo #spotINDEX {
	border-color:  #EAE8F9;
}

/* ------- shopping -------- */


#pageCommon.shoppingCo h2 {
	border-bottom: 3px solid #60D1EB;
}
#pageCommon.shoppingCo #mapShosai h4{
background: #60D1EB;
}

#pageCommon.shoppingCo #spotINDEX {
	border-color:  #E9F9FC;
}


/* --------- accesxs ------------ */


#pageCommon.accessCo h2 {
	border-bottom: 3px solid #ADB403;
}
#pageCommon.accessCo #spotINDEX {

}

/* ----------- shosai ------------ */


#pageCommon.shosaiCommon .boxIntro{

}
#pageCommon.shosaiCommon  h3{
	color: #FFFFFF;
	webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	clear: both;
}

#pageCommon.miruCo.shosaiCommon h3{
background: #3D4DE7;
}


#pageCommon.taikenCo.shosaiCommon h3{
background: #E86184;
}

#pageCommon.taberuCo.shosaiCommon h3{
background: #F67E06;
}

#pageCommon.stayCo.shosaiCommon h3{
	background: #9C92E2;
}

#pageCommon.shoppingCo.shosaiCommon h3{
background: #60D1EB;
}

#pageCommon.shosaiCommon .tblNormal td{
word-break: break-all;

}


#pageCommon.shosaiCommon #routeBox h4{
margin: 0px;
}

#pageCommon.shosaiCommon #routeBox .box{
background: #FFFFFF;

}


#pageCommon.shosaiCommon #routeBox h5{
margin-left: 1em;
  position: relative;
  margin-bottom: 5px;
}
#pageCommon.shosaiCommon #routeBox h5::after,
#pageCommon.shosaiCommon #routeBox h5::before {
  display: block;
  content: '';
  position: absolute;
}
#pageCommon.shosaiCommon #routeBox h5::after {
  top: .35em;
  left: -1.2em;
  width: 14px;
  height: 14px;
  background-color: #ccc;
  border-radius: 100%;
}
#pageCommon.shosaiCommon #routeBox h5::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#pageCommon.shosaiCommon #routeBox h6{
color: #339900;
padding: 0px;
margin-bottom: 5px;
}

#pageCommon.shosaiCommon #routeBox select,
#pageCommon.shosaiCommon #routeBox input{
padding: 8px;
font-size: 16px;
}

#pageCommon.shosaiCommon #routeBox input#kensaku{
background: #333;
color: #FFFFFF;
border: none;	border-radius: 50px;
	box-sizing: border-box;
}


#pageCommon.shosaiCommon #routeBox #directionsPanel{
border: 1px solid #C8C8C8;

}

/* ------------ list ----------- */
#pageCommon #memberCo ul li{
float: left; text-align: center;
}

#pageCommon #memberCo ul li a {
	background: #54A91B url(../images/arrow_ss.gif)  no-repeat 5% 50%;
	display: block;
	color: #FFFFFF;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
	padding-left: 8px;

}
#pageCommon #memberCo ul li a:hover {
	background: #86D55B url(../images/arrow_ss.gif)  no-repeat 5% 50%;
}


/* ------------ gallery ------------ */

#pageCommon #galleryCo h3{
	background: #499811;
	color: #FFFFFF;
	text-align: center;
}

#pageCommon #galleryCo h4{
text-align: center;
color: #333;
background: #FFFFFF;
}

#pageCommon #galleryCo .boxL{

}
#pageCommon #galleryCo a.boxL.noShosai:hover{
text-decoration: none;
color: #333;
}

#pageCommon #galleryCo a.boxL.noShosai:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


#pageCommon #galleryCo a.boxL.noShosai .btnShosai{
background: #ccc url(../images/arrow_ss.gif) no-repeat 5% 50%;
}
#pageCommon .btnLink{
text-align: center;
margin: auto;
}

#pageCommon .btnLink a{
display: block;
float: left;
color: #000;
font-weight: 900;
border: 3px solid #006600;
border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-decoration: none;
}
#pageCommon .btnLink a.ov,
#pageCommon .btnLink a:hover{
color: #006600;
background: #FFFF99;
}

/* -------- miryoku setsumei ------- */

#pageCommon .boxSetsumei h5{
	color: #DC508B;
	margin-bottom: 0.5em;
}

/* ------- nation -------- */

#pageCommon .nation ul {
	text-align:center
}
#pageCommon .nation ul:after {
	content:"";
	display:block;
	clear:both
}
#pageCommon .nation ul li {
	display:inline;
	margin:0 5px;
	padding:0
}
#pageCommon .nation ul li a, #pageCommon .nation ul li span {
	display:inline-block;
	background:#eeeff7;
	text-decoration:none;
	vertical-align:middle;
	color:#333
}
#pageCommon .nation ul li span.disabled {
	color:#ccc
}
#pageCommon .nation ul li a:hover, #pageCommon .nation ul li span.current {
	background:#009900;
	color:#fff
}


/* --------- news detail --------- */

.date{
color: #009900;

}

#pageCommon #sysINDEX dt,
#pageCommon #sysINDEX dd{
}


#pageCommon #boxArchive{
border: 3px solid #009900;
}
#pageCommon #boxArchive ul{

}

#pageCommon #boxArchive ul li{
line-height: 1.5em;
}
#pageCommon #boxArchive ul li a{
display: block;
background: url(../images/arrow_gr.png) no-repeat;
}


#pageCommon #boxArchive h3{
text-align: center;
color: #FFF;
background: #009900;
line-height: 1.5em;
margin: 0;
}

#eventArticle .boxArticle *,
#pageCommon .boxArticle *{
margin: 0!important;
padding: 0!important;
}
#eventArticle .boxArticle table{
margin: 1.5em 0!important;
}

#eventArticle .boxArticle h3{
	color: #FFF;
	border-radius: 4px;
	background: #009900;
}
#eventArticle .boxArticle iframe{
width: 100%!important;
}
#eventArticle .boxArticle .tblNormal th{
white-space: nowrap;
}



/* ----------- faq ------------- */

#pageCommon .listFAQ {
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #F6F6F6), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #F6F6F6), color-stop(0.75, #F6F6F6), color-stop(0.75, transparent), to(transparent));
	-webkit-background-size: 5px 5px;
	padding: 10px;
}
#pageCommon .listFAQ ul {
padding-top: 1em;
	background: #FFFFFF;
}
#pageCommon .listFAQ ul li a:before {
	color: #009900;
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	margin-right: .5em;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#pageCommon #faqCo h3 {
}
#pageCommon #faqCo h3:before {
	color: #ffc926;
	font-family: "Font Awesome 5 Free";
	content: '\f059';
	font-weight: 900;
	margin-right: .3em;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#pageCommon #faqCo .qaA {
	background: #F3F3F3;
}
#pageCommon #faqCo .qaA p {
	margin: 0.5em 0;
}
#pageCommon #faqCo .qaA p+p {
	margin-top: 1em;
}
#pageCommon #faqCo .tblNormal {
	font-size: 0.875em;
}
#pageCommon #faqCo .tblNormal th {
	text-align: center;
}


/* ------------ fAQ link common -------------- */


#pageCommon ul.listAnkQA{

}

#pageCommon ul.listAnkQA li{
float: left;
width: 20%;
text-align: center;
}@media screen and (max-width: 599px) { 
#pageCommon ul.listAnkQA li a{
font-size: 0.75em;
}
}
#pageCommon ul.listAnkQA li a{
display: block;
margin: 0 1px;
padding: 0.4em 0;
color: #FFF;
background: #009900;
text-decoration: none!important;
}

#pageCommon ul.listAnkQA li a:nth-child(1){
margin-left: 0;
}
#pageCommon ul.listAnkQA li a:nth-child(5){
margin-right: 0;
}
#pageCommon ul.listAnkQA li a:hover,
#pageCommon ul.listAnkQA li.ov a{
background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #F6F6F6), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #F6F6F6), color-stop(0.75, #F6F6F6), color-stop(0.75, transparent), to(transparent));
	-webkit-background-size: 5px 5px;
color: #000;
font-weight: 900;
}




/* ------- panf ----------- */

#pageCommon .panfCo .boxL{

	text-align: center;
}
#pageCommon .panfCo .boxL img{

padding-bottom: 0.5em;
}

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

#pageCommon .boxDL{
border: 4px double #DDD;
clear: both;
}

#pageCommon .boxDL li a{
display: block;
border-radius: 50px;
background: #009900;
color: #FFF;
text-decoration: none;
}

#pageCommon .boxDL li img{
vertical-align: middle;
margin-right: 0.5em;
}