@charset "euc-jp";
@import url("uibase.css");
@import url("uireset.css");
@import url("fonts.css");

/*-------------------------------------------------
  General layout
-------------------------------------------------*/

body {
 width:100%;
 margin:0;
 padding:0;
 overflow:auto;
 background-color:#fff;
 color:#333;
 text-align:center;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
 display: block
}

h1 {
 font-size:1.4em;
 letter-spacing:0.2em;
}

h2 {
 font-size:1.3em;
 letter-spacing:0.1em;
 padding: 2% 0 1% 0;
}

p,dt,dd,li,span,th,td {
 font-size:1em;
 letter-spacing:normal;
}

h3 {
 font-size:1.2em;
 letter-spacing:0.1em;
 padding: 2% 0 1% 0;
}

h4 {
 font-size:1.1em;
}

a:link,
a:visited {
 text-decoration:none;
 color:#111;
 font-weight:bold;
}

a:hover,
a:active {
 text-decoration:none;
 color:#3cf;
 font-weight:bold;
}

#fixedBox {
display:none;
}

.fixed {
display:none;
}

#fixedBox ul {
 margin:0;
 padding:0;
}

.nav li {
 font-size:1em;
 letter-spacing:0.1em;
 list-style:none;
}

.nav a:link,
.nav a:visited {
 display:block;
 padding:2%;
 color:#111;
 font-size:1em;
 font-weight:normal;
 background-color: #fff;
 border-bottom:solid 1px #eee;
 text-decoration:none;
}

.nav a:hover,
.nav a:active {
 display:block;
 padding:2%;
 color:#3cf;
 font-size:1em;
 font-weight:normal;
 opacity: 0.9;
 background-color: #fff;
 background-image:url("../images/leaf-2.png");
 background-position:left top;
 background-repeat:no-repeat;
/* -moz-background-size:100% auto; */
 background-size:100% auto;
 border-bottom:solid 1px #eee;
 text-decoration:none;
}

div#contbody {
 text-align:center;
 width:98%;
 margin:0;
 padding:1%;
}

div#spcontbody {
 text-align:center;
 width:98%;
 margin:0;
 padding:1%;
}

.tanzaku {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 padding:0;
 text-align:left;
}

.tanzaku h1 {
 text-align:center;
 border:1px solid #fff;
 margin:1% 0;
 padding:1% 0;
 color: #000;
 text-decoration:none;
}

.tanzaku ul {
 padding-left:1.5em;
 padding-right: 1.5em;
}

.tanzaku ol {
 padding-left:1.5em;
 padding-right: 1.5em;
}

.tanzaku li {
 padding-left:1em;
 padding-right: 1.5em;
 text-indent:-1em;
 list-style-position: inside;
}

.tanzaku dt {
 padding-left: 1.5em;
 padding-right: 1.5em;
 color: #393;
}
.tanzaku dd {
 padding-left: 2.5em;
 padding-right: 1.5em;
}

.tanzaku h2 {
 padding-left: 1.5em;
 font-weight: bold;
}

.tanzaku h3 {
 padding-left: 1.5em;
 padding-right: 1.5em;
 font-weight: bold;
}

.tanzaku h4 {
 padding-left: 1.5em;
 padding-right: 1.5em;
 font-weight: bold;
}

.tanzaku table, .tanzaku th, .tanzaku td {
 border-collapse:collapse;
 border: 1px solid #999;
}

.tanzaku table {
 margin: 0 auto;
}

.tanzaku th {
 padding: 1px 5px;
 text-align: center;
 background-color: #ffc;
}

.tanzaku td {
 padding: 1px 5px;
}

.tanzaku p {
 padding-left: 1.5em;
 padding-right: 1.5em;
}

.tanzaku small {
 padding-left: 1.5em;
 padding-right: 1.5em;
}

div.block_4Q {
 width:95%;
}

div.block_4Q p {
 padding-left:0;
}

.block_4Q a:link,
.block_4Q a:visited {
 display:block;
 border:1px solid #ccc;
 margin:1%;
 padding:1%;
 color: #666;
 background: #eee;
 border-radius: 5px;
 text-decoration:none;
}

.block_4Q a:hover,
.block_4Q a:active {
 display:block;
 color:#3cf;
 background:#fff;
 border:1px solid #ccc;
 margin:1%;
 padding:1%;
 border-radius: 5px;
 text-decoration:none;
}


.box {
 width:47%;
 float:left;
 margin:0 0 10px 0;
 padding:1%;
 text-align:left;
 border-right:dotted 1px #eef;
}

.box li {
 padding-left:1em;
}

.box h2 {
 text-indent:-1.5em;
}

.box h3 {
 text-align:center;
 margin:5px 0 5px 0;
 padding:2px 0 2px 0;
 border-bottom:dashed 1px #3cf;
}

.box p {
 padding-left:1em;
 text-align:left;
}

.halffont {
 font-size:0.5em;
 color:#999;
}

.imgfullsize {
 width:100%;
 height:auto;
}
.img80size {
 width:80%;
 height:auto;
}
.img70size {
 width:70%;
 height:auto;
}
.img60size {
 width:60%;
 height:auto;
}
.img50size {
 width:50%;
 height:auto;
}
.img40size {
 width:40%;
 height:auto;
}
.img30size {
 width:30%;
 height:auto;
}

.centerize {
 text-align:center;
}

.googlemap {
 width:98%;
 height:400px;
 margin:0 auto;
 padding:0;
 overflow:auto;
}

form {
 margin:0;
 padding:5px;
}
form div{
 margin:10px;
}

.text, textarea{
 width:40%;
 height:auto;
 font-size:1em;
 border:1px solid #999;
 margin:1px;
 padding: 5px;
 color: #000;
 background: #ffe;
 border-radius: 5px;
}

     
.submit{
 border:1px solid #999;
 padding: 4px 10px;
 color: #fff;
 font-size:1em;
 cursor: pointer;
 background: #428ec9;
 border-radius: 5px;
}


.page-top {
 display:none;
}

.page-top a:link,
.page-top a:visited {
 display:block;
    border:1px solid #ccc;
    margin:5px 0;
    padding:5px 0;
    color: #999;
    background: #eee;
    border-radius: 5px;
 text-decoration:none;
}

.page-top a:hover,
.page-top a:active {
 display:block;
 color:#3cf;
 border:1px solid #ccc;
 margin:5px 0;
 padding:5px 0;
 border-radius: 5px;
 text-decoration:none;
}

strong {
color:#f39;
font-size:1.5em;
}

.viewer {
	margin: 0 auto;
	width: 100%;
	height: 560px;
	text-align: left;
	overflow: hidden;
}

.viewer h1 {
 text-align:center;
 margin:5px;
 padding:5px;
 color: #f39;
 text-decoration:none;

}

.viewer ul {
	width: 100%;
	height: 560px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	height: 560px;
	display: none;
	position: absolute;
}

.pdficon {
 margin:5px;
 width:32px;
 height:42px;
 vertical-align:middle;
}

.nofloat {
 clear:both;
 width:96%;
 margin:0;
 padding:1%;
 text-align:left;
 border-right:dotted 1px #eef;
}

.nofloat li {
 padding-left:1em;
 text-indent:-1em;
}

.nofloat h3 {
 text-align:center;
 margin:5px 0 5px 0;
 padding:2px 0 2px 0;
 border-bottom:dashed 1px #3cf;
}

.nofloat p {
 padding-left:0;
 text-align:left;
}

#sitesearch li {
 list-style:none;
}

#pagebottom {
 display:none;
 color:#fff;
}

.sp_camp {
 padding:1%;
 background:#3399cc;
 color:#fff;
 font-size:1.3em;
 text-align:center;
}

#switch span {cursor:pointer;}

#switch input {display:none;}

.red {color:#FF0000;}

.blue {color:#0000FF;}

.v-mid {vertical-align:middle;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.sun {color:#FF0000;}

.sat {color:#0000FF;}