@charset "UTF-8";
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
caption { text-align: left; }
img { vertical-align: top; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
main {display: block;/* for IE */}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
input,button,textarea,select {font-size: 100%;font-family: inherit;color: inherit;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="button"],input[type="submit"] {border-radius: 0;-webkit-appearance: none;}
textarea {overflow: auto;vertical-align: top;}
li {list-style: none;}

/*==================================================
Body_Bace
==================================================*/
html { overflow:auto; }
body {
	width: 100%;
	min-width: 1050px;
	height: 100%;
	font-size: 15px;
	line-height: 100%;
	color: #333;
	background: #fff;
	font-family: YuGothic, Yu Gothic, "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	word-wrap: break-word;
}
.home {
	min-width: 1000px;
	overflow-x: hidden;
}

/*------ link ------*/
a,a:hover { 
	color: #006dd9;
}
.tel-link a {
	display: inline;
	color: #006dd9 !important;
	text-decoration: none;
}

/*------ common ------*/
.main h1, .main h2, .main h3, .main h4 { line-height: 120%; }
.main p, .main li, .main dt, .main dd { line-height: 170%; }

#wrapper {
	border-top: 5px solid #879925;
}
	#member #wrapper {
		border-top: 5px solid #004898;
	}


/*=================================================
#Header
==================================================*/
#header {
	border-bottom: 3px solid #eee;
}
.header {
	position: relative;
	width: 1000px;
	margin: 15px auto 0;
}
.header h1 {
	padding: 7px 0;
	margin-bottom: 5px;
}
.header .txt {
	padding: 0 0 25px;
	font-size: 15px;
}

	#member .head-ttl {
		display: table;
		width: 705px;
		margin: 0 0 20px;
	}
	#member .header h1 {
		display: table-cell;
		width: 390px;
		padding-right: 30px;
	}
	#member .header .txt-name {
		display: table-cell;
		vertical-align: middle;
	}


/* head-menu */
#head-menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 445px;
}
#head-menu .search #___gcse_0 {
	width: 295px;
	float: left;
}
#head-menu .search .cse .gsc-control-cse,
#head-menu .search .gsc-control-cse {
	padding: 3px 0 0;
}
#head-menu .btn {
	width: 125px;
	float: right;
}
#head-menu .btn a {
	position: relative;
	display: block;
	height: 36px;
	padding: 0 0 0 20px;
	line-height: 36px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	letter-spacing: -0.02em;
	text-decoration: none;
	border: 2px solid #e0e0e0;
	background: #006dd9;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	transition: .3s;
}
#head-menu .btn a:hover {
	opacity: 0.7;
}
#head-menu .btn a:before {
	position: absolute;
	top: 50%;
	left: 13px;
	display: block;
	width: 14px;
	height: 20px;
	content: "";
	background: url(../img/icn_key.png) no-repeat 0 0;
	-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}

	#member #head-menu .btn-logout a:before {
		width: 18px;
		left: 8px;
		background: url(../img/member/icn_logout.png) no-repeat 0 0;
	}
	#member #head-menu .btn-back {
		width: 145px;
		margin: 0 0 0 10px;
	}
	#member #head-menu .btn-back a {
		padding: 0;
		background: #879925;
	}
	#member #head-menu .btn-back a:before {
		width: 0;
	}


/* gnav */
#gnav {
	text-align: center;
}
#gnav li {
	position: relative;
	display: inline-block;
	padding: 0 29px 0 11px;
	font-size: 16px;
}
#gnav li:first-child {
	padding-left: 0;
}
#gnav li:last-child {
	padding-right: 0;
}
#gnav li:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 14px;
	height: 25px;
	content: "";
	background: url(../img/line_nav.png) no-repeat 0 0;
}
#gnav li:last-child:after {
	width: 0;
}
#gnav li a {
	position: relative;
	display: block;
	padding: 5px  0 17px;
	color: #333;
	text-decoration: none;
	transition: all .3s;
}
#gnav li a.current,
#gnav li a:hover {
	color: #879925;
}
#gnav li a::after {
	position: absolute;
	bottom: -3px;
	left: 50%;
	content: '';
	width: 0;
	height: 3px;
	background: #879925;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#gnav li a:hover::after,
#gnav li a.current::after {
	width: 100%;
}

	#member #gnav li:after {
		background: url(../img/member/line_nav.png) no-repeat 0 0;
	}
	#member #gnav li a.current,
	#member #gnav li a:hover {
		color: #004898;
	}
	#member #gnav li a::after {
		background: #004898;
	}
	#member #gnav li {
		padding: 0 23px 0 6px;
	}

/*==================================================
main-contents
==================================================*/
#main {
	position: relative;
}
.main {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0 50px;
}
.main:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.main h2 {
	position: relative;
	padding: 10px 0 15px;
	margin: 0 0 30px;
	font-size: 22px;
	letter-spacing: 0.04em;
	border-bottom: 3px solid #91a237;
}
.main h2 span {
	position: relative;
	padding: 0:
}
.main h2 span:after {
	display: inline-block;
	position: absolute;
	bottom: -17px;
	left: 0;
	width: 100%;
	height: 3px;
	content: "";
	background: url(../img/line_ttl.gif) repeat-x 0 0;
}

	#member .main h2 {
		border-color: #006dd9;
	}
	#member .main h2 span:after {
		background: url(../img/member/line_ttl.gif) repeat-x 0 0;
	}

/* pagettl
------------------------------------------------------*/
.pagettl {
	height: 108px;
	color: #fff;
	background: url(../img/bg_pagettl.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.pagettl h1 {
	display: table;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}
.pagettl h1 span {
	display: table-cell;
	color: #fff;
	font-size: 22px;
	letter-spacing: 0.04em;
	vertical-align: middle;
}

/* breadcrumb
------------------------------------------------------*/
.breadcrumb {
	background: #f0f0e1;
}
.breadcrumb ol {
	width: 1000px;
	padding: 10px 0;
	margin: 0 auto;
}
.breadcrumb li {
	display: inline-block;
	padding: 0 6px;
	font-size: 14px;
}
.breadcrumb li:first-child {
	padding-left: 0;
}
.breadcrumb li a {
	padding: 0 12px 0 0;
	text-decoration: none;
}
	#member .breadcrumb {
		background: #004898;
	}
	#member .breadcrumb li {
		color: #fff;
	}
	#member .breadcrumb li a {
		color: #fff;
	}

/*==================================================
 Pager
==================================================*/
.pager {
	margin: 70px auto 0;
	text-align: center;
}
.pager li {
	display: inline-block;
	list-style: none;
	margin: 0 8px;
	border: none !important;
}
.pager li a {
	position: relative;
	text-decoration: none;
	display: block;
	padding: 10px;
	text-decoration: none;
	transition: all .3s;
}
ol.pager li:after {
	display: none;
}
.pager li.pev a {
	padding: 15px;
}
.pager li.pev a:before {
	display:block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin-top: -12px;
	font-size: 12px;
	content: "<";
	color: #396786;
}
.pager li.next a {
	padding: 15px;
}
.pager li.next a:before {
	display:block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 10px;
	height: 10px;
	margin-top: -12px;
	font-size: 12px;
	content: ">";
	color: #396786;
}
.pager li.back {
	margin: 0 25px;
}

	@media(min-width:1px) and (max-width: 480px) {
		.pager._detail {
			width: 90%;
			padding: 0 0 20px;
			margin: 0 auto;
		}
		.pager._detail:after {
			content: "";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		.pager._detail li {
			display:block;
			width: 33.333%;
			margin: 0;
			padding: 0;
			float: left;
			box-sizing: border-box;
			border: 2px solid #7aa8c6;
		}
		.pager._detail li a {
			display: block;
			padding: 13px 2%;
			background: #f1f6f9;
		}
		.pager._detail li.back {
			border-left: none;
			border-right: none;
		}
		.pager li.pev a:before {
			left: 5px;
		}
		.pager li.next a:before {
			right: 5px;
		}
		.pager._index li {
			padding: 0;
			margin: 0 5px;
			vertical-align: middle;
		}
		.pager._index li.number {
			width: 24px;
			height: 24px;
			line-height: 24px;
			border: 1px solid #4b85ac;
			box-sizing: border-box;
		}
		.pager._index li a {
			display: block; 
		}
	}
/*==================================================
 pagetop
==================================================*/
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
/*==================================================
 Footer
==================================================*/
#footer {
	padding: 155px 0 20px;
	background: url(../img/bg_footer.png) repeat-x 50% bottom;
	box-sizing: border-box;
}
.footnav {
	padding: 0 0 25px;
	text-align: center;
}
.footnav li {
	position: relative;
	display: inline-block;
	padding: 0 29px 0 11px;
	font-size: 16px;
}
.footnav li:first-child {
	padding-left: 0;
}
.footnav li:last-child {
	padding-right: 0;
}
.footnav li:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 14px;
	height: 25px;
	content: "";
	background: url(../img/line_nav.png) no-repeat 0 0;
}
.footnav li:last-child:after {
	width: 0;
}
.footnav li a {
	position: relative;
	display: block;
	padding: 5px  0 10px;
	color: #333;
	text-decoration: none;
	transition: all .3s;
}
.footnav li a.current,
.footnav li a:hover {
	color: #879925;
}
.footnav li a::after {
	position: absolute;
	bottom: 0px;
	left: 50%;
	content: '';
	width: 0;
	height: 3px;
	background: #879925;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.footnav li a:hover::after {
	width: 100%;
}
#copy {
	text-align: center;
}

	#member #footer {
		background: url(../img/member/bg_footer.png) repeat-x 50% bottom;
	}
	#member .footnav li:after {
		background: url(../img/member/line_footnav.png) no-repeat 0 0;
	}
	#member .footnav li a {
		color: #fff;
	}
	#member .footnav li a.current,
	#member .footnav li a:hover {
		color: #fff;
	}
	#member .footnav li a::after {
		background: #fff;
	}
	#member #copy {
		color: #fff;
	}


/*==================================================
clearfix
==================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*==================================================
print
==================================================*/
@media print { 
    .aform dl { 
        height: 100px;
    }
}