@charset "UTF-8";
/*--------------------------------
clearfix
---------------------------------*/

.cf:before,
.cf:after { content: ""; display: table;}


.cf:after { clear: both;}



.cf {zoom: 1;}

body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-image:url("../img/back.jpg");
	background-attachment:fixed;
	background-position: center top;
	background-size:cover;
}



/*--------------------------------
header
---------------------------------*/
#header {
	background:#3b3f4f;
	padding:25px 10px 25px 65px;
	background-image:url('../img/logo_head.png');
	background-repeat:no-repeat;
	background-position:5px 50%;
	background-size:contain;
}
#header h1{ font-size:16px}
#header a{ font-weight:normal; text-decoration:none; }
.btn{ width:66px; height:66px; position: fixed; right:0; top:0}
#header nav ul{ padding:20px 0}
#header nav li{ display:inline-block;vertical-align: top;}
#header .left-content dl{ padding:20px;}
#header .left-content dt{ padding-bottom:10px; font-size:16px}
#header .left-content dd{line-height: 1.4; font-size:16px;display:inline-block}
@media screen and (max-width: 500px) {
	#header .left-content dd{display:block}
}
#header .left-content dd a{ display:block;padding:15px 10px;}
#header .left-content dd a:hover{ color:#fff}
#header a:hover{ text-decoration:none; opacity:.7 }

#header img { max-width: 100%;  height: auto;}



/*--------------------------------
#contents
---------------------------------*/
#contents{ padding:10px 10px 20px 10px}
#contents section{ padding:40px 0 100px}
#contents section h2{ color:#888; font-size:20px; line-height:1.6; padding-bottom:15px; }
#contents section h2 + p{ color:#999; font-size:16px}



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

/* パンくず */
.crumb{ padding:0 0　7px; }
.crumb li{ display:inline; font-size:10px; font-size:12px;}
.crumb li a{ color:#999; }
.crumb li a:hover{ text-decoration:none; opacity:.8}
.crumb li:last-child{ font-weight:bold; color:#3b3f4f}
.loginArea dt{ padding-bottom:10px; font-size:18px;}
.loginArea dd{ padding-bottom:30px}
.keep{ text-align:center; padding:0 0 20px;font-size:18px;}
.forget{ text-align:center; padding:0 0 30px; font-size:16px;}
.forget a{ color:#fff}
.forget a:hover{ opacity:.8; text-decoration:none}

.button01,.button02,.button03,.button04,.button05,.button06{ display:inline-block; padding:0 10px;margin:5px 0; }

.button01 input{ background:#fff; color:#888; border:none;cursor:pointer; border:1px solid #3b3f4f}
.button02 input{ background:#888; color:#fff; border:1px solid #888;cursor:pointer}
.button03 input{ background:#e13030; color:#fff; border:none;cursor:pointer}
.button04 input{ background:#ffff00; color:#000; border:none;cursor:pointer; border:1px solid #3b3f4f}
.button05 input{ background:#fff; color:#000; border:none;cursor:pointer; border:1px solid #3b3f4f}
.button06 input{ cursor:pointer }

input[type=button] { border-radius:3em; }
input[type=submit] { border-radius:3em; }

.buttonAdd {
	width: auto;
	height: auto;
	padding: 5px;
	font-size: 13px;
}

.loginBody .select input[type="checkbox"] + label{ color:#fff}
.loginBody #contents section{ padding:20px 0 0}

/*--------------------------------
footer
---------------------------------*/

footer{ padding:20px 0; opacity:.3; text-align:center}

/*--------------------------------
汎用
---------------------------------*/
.center{ text-align:center; margin:0 auto}
.required{ color:#C00}
.select li{ display:inline-block; padding:0 40px 10px 0}
.select li:last-child{ padding-bottom:0}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#page-top {position: fixed;bottom: 0px;right: 10px;}
#page-top img{ width:60px; height:auto}

.none{ display:none}

.ver01,.ver02{  width:100%; margin-bottom:40px; border-bottom:1px solid #ccc}
.ver01 th,
.ver01 td,
.ver02 th,
.ver02 td{ padding:2px 10px; border-top:1px solid #ccc; font-weight:normal; font-size:16px;}
.ver01 th,
.ver02 th{ background:#888; color:#fff}



@media screen and (max-width: 480px) {
	
	
}
@media only screen and (min-width: 481px) {
.loginBody #contents{ width:480px; margin:0 auto}

}

@media only screen and (min-width: 768px) {
#header .left-content dt,
#header .left-content dd { font-size:18px}
#contents{ padding:20px 40px 40px 40px}
#contents section h2{  font-size:30px; padding-bottom:25px; text-align:center }
#contents section h2 + p{ font-size:20px; text-align:center}
#header nav ul {padding: 40px;}
.crumb li{ font-size:14px;}

}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1200px) {

}

.scroll-box {
	width:100%;
	overflow:auto;
}
.searhArea {
	width:80%;
}
.entryArea {
	width:20%;
	float:right;
	margin-bottom:0px;
	text-align:right;
}
@media screen and (max-width: 768px) {
	.searhArea {
		width:auto;
	}
	.entryArea {
		width:auto;
		float:none;
	}
}


.nav {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.nav li {
	list-style:none;
	margin:0;
	padding:0;
}
.nav dd {
	display:inline;
	margin:0 0.5em;;
	padding:0;
}
.nav img {
	width:30px;
}



input::placeholder {
	color:#aaa;
	font-size:75%;
}
input:-ms-input-placeholder {
	color:#aaa;
	font-size:75%;
}
input::-ms-input-placeholder {
	color:#aaa;
	font-size:75%;
}