｜ody { 
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: #434343;
  background-repeat: repeat-x;
  background-image: url(../image/back.jpg);
  font-size: 14px;
  height: 100%;
  margin: 0;
}

html,body {
    height: 100%;
    text-align: center;
    margin: 0px auto;
}


a {
  color: #3e97e6;
  text-decoration: none;
}

a:hover {
  color: #626262;
}

h1 {
  font-weight: normal;
  padding-top: 20px;
  text-align: center;
}

h2 {
  padding-top: 20px;
  text-align: center;
}

p {
  overflow: hidden;
  padding: 10px 0;
  text-align: left;
}


div#headerArea {
    max-height: 110px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    top: 0;
    left: 0;
    width: 100%;
}
div#footerArea {
     margin: 50px;
     text-align: center;
}

#container {
    min-height: 95%;
    _height: 95%; /* for IE6 */
}

* html div#contentsArea{
    margin: 0 auto;
}

.wrapper{
    padding-left: 10px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-top: 0px;
    text-align: left;
    margin: 0 auto;
    max-width: 980px;
	_width: 960px;

}

.corner {
margin-right: 5px;
margin-left: 5px;
border-style: solid;
border-color: #c7c7c7;
border-width: 1px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: white;

}
.corner-div {
margin-right: 5px;
margin-left: 5px;
border-style: solid;
border-color: #c7c7c7;
border-width: 1px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: white;
}

.corner:hover {
background-color: #5dbae8;
color: white;
margin-right: 5px;
margin-left: 5px;
border-color: #5dbae8;
border-width: 1px;
border-style: solid;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}


.img-r {
	float: right;
	margin: 10px;
}

.img-bt {
	margin-right: 10px;
	vertical-align: middle;
}

.footer1{ background-repeat: no-repeat; background-position: right; height: 30px; background-image: url(http://club-nixus.jp/images/footertop.png);}


.footer2{ padding-bottom: 40px; padding-top: 20px; font-size: 13px; color: white; background-color: #5dbae8; }

.footer2 a{color: white;}
.footer2 a:hover{text-decoration: underline; color: white;}

.ulfooter2{ margin-left: 0px; margin-bottom: 8px; margin-right: 0px; margin-top: 5px; line-height: 1.4em; font-size: 12px; padding-left: 10px; }
.footertitle{padding: 0px; margin: 0px; font-weight: bold;}

.tile0{ padding-right: 10px; padding-left: 10px; border-left-style: solid; border-left-color: #c7c7c7; }
.tile{ padding-right: 10px; padding-left: 10px; border-left-style: solid; border-left-color: #c7c7c7; border-left-width: 1px; }
.tile2{ padding-right: 10px; padding-left: 10px; border-left-style: solid; border-left-color: #c7c7c7; border-left-width: 1px; }
.tile_white{ padding-left: 20px; border-left-style: solid; border-left-color: #7bc8e8; border-left-width: 1px; }

.nav {

	padding: 0 20px;
	margin: 0 auto 60px;

}
.fixed {
	z-index: 10;
	background-image: url(../images/nav-back.png);
	background-position: center;
	background-repeat: repeat-x;
	max-height: 50px;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


.button { border-style: none;
background-image: url(http://club-nixus.jp/images/button-back2.png);
width: auto;
text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
max-width: 480px;
display:block; margin: 5px; padding:10px;
border-style: solid;
border-color: #c7c7c7;
border-width: 1px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

 -webkit-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.34) ; /* Safari, Chrome用 */
  -moz-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.34); /* Firefox用 */
  box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.34); /* CSS3 */

}
.button:hover { color: white; border-style: none; display:block; margin: 5px; padding:10px;
background-image: url(http://club-nixus.jp/images/button-back.png);
color: white;
border-color: #5dbae8;
border-width: 1px;
border-style: solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

  -webkit-box-shadow: 0 0 8px 0 #5DBAE8; /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 8px 0 #5DBAE8; /* Firefox用 */
  box-shadow: 0 0 8px 0 #5DBAE8; /* CSS3 */
}

.button-m { border-style: none;
background-image: url(http://club-nixus.jp/images/button-back2.png);
width: auto;
text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
max-width: 350px;
display:block; margin: 5px; padding: 10px;
border-style: solid;
border-color: #c7c7c7;
border-width: 1px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

 -webkit-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.34) ; /* Safari, Chrome用 */
  -moz-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.34); /* Firefox用 */
  box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.34); /* CSS3 */

}
.button-m:hover { color: white; border-style: none; display:block; margin: 5px; padding: 10px;
background-image: url(http://club-nixus.jp/images/button-back.png);
color: white;
border-color: #5dbae8;
border-width: 1px;
border-style: solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

  -webkit-box-shadow: 0 0 8px 0 #5DBAE8; /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 8px 0 #5DBAE8; /* Firefox用 */
  box-shadow: 0 0 8px 0 #5DBAE8; /* CSS3 */
}


.button-s { border-style: none; width: auto;                     max-width: 100px;
text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
            display: inline; margin:0px; padding:10px;
margin-right: 5px;
margin-left: 5px;
border-style: solid;
border-color: #c7c7c7;
border-width: 1px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: url(http://club-nixus.jp/images/button-back2.png);
 -webkit-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.54) ; /* Safari, Chrome用 */
  -moz-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.54); /* Firefox用 */
  box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.54); /* CSS3 */

}
.button-s:hover { color: white; border-style: none; display: inline; margin:0px; padding:10px;

color: white;
margin-right: 5px;
margin-left: 5px;
border-color: #5dbae8;
border-width: 1px;
border-style: solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: url(http://club-nixus.jp/images/button-back.png);
  -webkit-box-shadow: 0 0 8px 0 #5DBAE8; /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 8px 0 #5DBAE8; /* Firefox用 */
  box-shadow: 0 0 8px 0 #5DBAE8; /* CSS3 */
}

#tab {
	padding-top: 10px;
	padding-bottom: 20px;

}



#tab li {
text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
  min-width: 150px;
  float: left;
  padding: 10px;
  list-style: none;
  cursor: pointer;
border-style: none; width: auto;max-width: 220px;display:block; margin:0px; padding:10px;
margin-right: 5px;
margin-left: 5px;
border-style: solid;
border-color: #c7c7c7;
border-width: 1px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: url(http://club-nixus.jp/images/button-back2.png);
 -webkit-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.54) ; /* Safari, Chrome用 */
  -moz-box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.54); /* Firefox用 */
  box-shadow: 2px 2px 5px 0px rgba(155,155,155,0.54); /* CSS3 */



}

#tab li:hover {
  float: left;
  padding: 10px;
  list-style: none;
  cursor: pointer;
color: white;
margin-right: 5px;
margin-left: 5px;
border-color: #5dbae8;
border-width: 1px;
border-style: solid;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: url(http://club-nixus.jp/images/button-back.png);
  -webkit-box-shadow: 0 0 8px 0 #5DBAE8; /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 8px 0 #5DBAE8; /* Firefox用 */
  box-shadow: 0 0 8px 0 #5DBAE8; /* CSS3 */
}


#tab li.select {
  color: white;
  border-color: #2366D0;


  background-image: url(http://club-nixus.jp/images/button-back3.png);
  -webkit-box-shadow: 0 0 8px 0 #2366D0; /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 8px 0 #2366D0; /* Firefox用 */
  box-shadow: 0 0 8px 0 #2366D0; /* CSS3 */
}

#tab li.select:hover {
  color: white;

}

.disnon {
  display: none;
}
.content_wrap {
  padding-bottom: 20px;
  padding-top: 20px;
  clear: left;
  width: 100%;
  margin-right: 5px;
　margin-left: 5px;
　border-style: solid;
　border-color: #c7c7c7;
　border-width: 1px;
　text-align: center;
　border-radius:5px;
　-moz-border-radius:5px;
　-webkit-border-radius:5px;
　background: white;



}
.border {
	border-color: #c7c7c7;
	border-width: 1px;
	border-style: solid;
}



#menu{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #5dbae8;

}

#menu-blue{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #3078df;

}

#menu-red{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #e82021;

}

#menu-tp4{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #ff283c;

}

#menu-orange{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #e68628;
}

#menu-green{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #89d142;

}
#menu-yellow{
height: 40px;
width: 100%;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #f0b400;

}
#menu-parpule{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #ba57c7;
}
#menu-pink{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #e85282;
}


#menu-brown{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #996633;
}

#menu-black{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #282828;
}

#menu-ndi{
width: 100%;height: 40px;border-style: none;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #777777;
}

#mobimenu{
padding-bottom: 10px;
padding-top: 10px;
width: 100%;border-style: none;text-align: left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #282828;
}

#mobimenu a{

	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	color: white;

}

#menu2 a{
  margin-top: 1px;
  color: white;
  text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
  display:inline;
  min-width: 150px;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  cursor: pointer;
  border-style: none; width: auto;max-width: 220px;
  margin-right: 5px;
  margin-left: 5px;
  border-style: none;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#menu2 a:hover {
  width: auto;
  border-width: 1px;
    background-image: url(../images/bar-back.png);
    border: 1px solid rgba(255,255,255,0.64);
    border-bottom: 1px solid #353fff535;
  text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
  background-repeat: repeat-x;
  margin-top: 1px;
  color: #eeeeee;
  display:inline;
  min-width: 150px;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  cursor: pointer;
  max-width: 220px;
  margin-right: 5px;
  margin-left: 5px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

  -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* Firefox用 */
  box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* CSS3 */

}



.side{

width:220px !important;
border: none !important;
display: flex;

}

.side01{

}

.side02{
margin-right:10px;
}

.gcse-searchbox-only{
  width: 20px;
}


#cse-search-form {
  width: 170px !important;
  margin:0px !important;
  border: none !important;
  padding: 0px !important;
}
#cse-search-form table.gsc-search-box td.gsc-input {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

#cse-search-form td{
  border: none !important;
  padding: 0px !important;
}

#cse-search-form input.gsc-input[type="text"] {
  width: 110px;
  height: 18px;
  font-size: 13px;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -webkit-appearance: none;
    margin:0px !important;

}
#cse-search-form input.gsc-search-button[type="button"] {
  margin-left: 0 !important;
  padding: 0 !important;
  background-color: #626262;
  border: 1px solid #626262;
  color: #FFFFFF;
  height: 26px;
  width: 40px;
  min-width: 40px;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -webkit-appearance: none;
  margin:0px !important;
  padding: 0px !important;

}


table.tbl{
	width: 80%;
	margin: 15px auto 10px auto;
}


table.tbl th{
	text-align: center;
	padding:5px;
	background:#a9dae8;
	border:1px solid #c7c7c7;
}



table.tbl td{
	border:solid 1px #c7c7c7;
	padding:5px;
}


table.tbl tr.odd td{
	background: #f0f0f0;
}

.center{



	text-align: center;



}

/*-- レスポンシブ時のiframe --*/
div.iframeWrap {
    position: relative;
    width: 100%;
}
div.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.mobi{display: none}
.tab{display:inline }

/*-- レスポンシブ時のナビゲーション --*/


.horizontal-nav {
    font-size: small;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background: #d9d9d9;

}
.horizontal-nav ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background: #cecece;
    float: left;
    text-align: center;

    border: 1px solid #d7d7d7;
}
.horizontal-nav ul li {
    border-left-color: #3e97e6;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    border-left: 0px solid #656565;
}
.horizontal-nav ul li:first-child {
    border-left: 0 none;
}
.horizontal-nav ul li a {
    border-top-color: #1572c7;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-top: 5px;
    display: block;
    color: #fff;
    border-left: 1px solid rgba(255,255,255, 0.3);
}
.horizontal-nav ul li:first-child a {
    border-left: 0 none;
}
.horizontal-nav ul li a:hover {
    background: #6c6c6c;
}
.horizontal-nav ul li:first-child a {

}
.horizontal-nav ul li:last-child a {

}



@media print{
.nodisp{display: none}
.subnavimg{
	width: 120px;
}
}

@media screen{
.print{display: none}
.small{ display: inline; color: #9e9e9e; font-size: x-small; line-height: 100%; }
}

/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper { width: 748px; }
    .tab{display: block}
	.navarea { display: none; }
	.mobi { display: block; }
	.full{
		display: none;
	}

#menu2 a{
  margin-top: 1px;
  color: white;
  text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
  display:inline;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  cursor: pointer;
  border-style: none; width: auto;
  margin-right: 5px;
  margin-left: 5px;
  border-style: none;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#menu2 a:hover {
  width: auto;
  border-width: 1px;
    background-image: url(../images/bar-back.png);
    border: 1px solid rgba(255,255,255,0.64);
    border-bottom: 1px solid #353fff535;
  text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
  background-repeat: repeat-x;
  margin-top: 1px;
  color: #eeeeee;
  display:inline;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

  -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* Firefox用 */
  box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* CSS3 */

}

.subnavimg{

	width: 120px;

}

}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.wrapper { width: 90%; padding: 0px; }
	#nav, #header h1 { float: none; }
	#header h1 { margin-bottom: .5em; }
	#nav ul li { margin: 0; float: none; margin-bottom: 1px; background-color: #f6f6f6; }
	#nav ul li a, #nav ul li span { display: block; padding: 2px 5px; }
	.navarea { display: none; }
	.mobi { display: block; }
	.tile0{ border-color: #e6e6e6; border-style: solid; border-width: 1px; margin-top: 1px; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px;-moz-border-radius:5px;-webkit-border-radius:5px; }
	.tile{ border-width: 1px; border-style: solid; border-color: #e6e6e6; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px;-moz-border-radius:5px;-webkit-border-radius:5px; }
	.tile2{ border-color: #e6e6e6; border-width: 1px; border-style: solid; padding-bottom: 10px; padding-top: 10px; margin-right: 5px; margin-left: 5px; padding-right: 10px; padding-left: 10px; -moz-border-radius:5px;-webkit-border-radius:5px;}

	.full{
		display: none;
	}

#menu2 a{
  min-width: 50px;
  font-size: small;
  margin-top: 1px;
  color: white;
  text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
  display:inline;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  cursor: pointer;
  border-style: none; width: auto;
  margin-right: 5px;
  margin-left: 5px;
  border-style: none;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#menu2 a:hover {
  min-width: 50px;
  font-size: small;
  width: auto;
  border-width: 1px;
    background-image: url(../images/bar-back.png);
    border: 1px solid rgba(255,255,255,0.64);
    border-bottom: 1px solid #353fff535;
  text-shadow:0px -1px  1px rgba(0, 0, 0, .4), 0px 1px #fff;/* テキストくぼませ */
  background-repeat: repeat-x;
  margin-top: 1px;
  color: #eeeeee;
  display:inline;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style: none;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
text-align: center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

  -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* Safari, Chrome用 グロー*/
  -moz-box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* Firefox用 */
  box-shadow: 0 0 10px 0 rgba(255,255,255,0.64); /* CSS3 */

}

.subnavimg{

	width: 90px;

}

    .unit-padding { padding:0px !important;}

}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper { width: 420px; }
		.full{
		display: none;
	}

}

div.example2 {
width: auto;
height: 200px;
overflow-y: scroll;
border-style: ridge; border-color: #C6C6C6;
}

.calendar-name {
font-size: 1.5em;
}

.calendar-frame {
display: flex;
width: 700px;
flex-wrap:wrap;
justify-content: flex-start;
}

.calendar-frame1 {
margin: 10px 30px 0px 0px;
}

.calendar-supplement {
margin: 0px 10px 0px 0px;
}

.calendar {
border-collapse:collapse;
width:100%;
font-size: 	0.875em;
}

.calendar th,.calendar td{
font-size:15px;
border:1px solid #ffffff;
text-align:center;
line-height:30px
}
 
.calendar th{
background:#CCCCCC;
}

.calendar td div{
text-align:center
}

.saturday{
background:#f3f9fd;
}

.sunday{
background:#fff5f2;
}

.holiday{
background:#ffcccc;
}

.holiday2{
background:#99cffc;
}