body {
	text-align: center;
	color: #000;
}

a {
	color: #0067CD;
}

a:visited {
	
}

img.active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

textarea {
	resize: none;
}

.sponly {
	display: none !important;
}


/* --------------------------------------------COMMON */
.st1 {
	margin-bottom: 1em;
}
.st2 {
	margin-top: 1em;
}
.st3 {
	margin: 1em 0;
}
.st4 {
	margin-top: 0.5em;
}
.st5 {
	margin-left: 1em;
}
.st6 {
	margin-top: 2em;
}
p.cnt {
	text-align: center;
}

p.emph {
	font-size: 110%;
}
.emph2 {
	font-weight: 700;
}
p.danraku {
	text-indent: 1em;
}

p.submit {
	margin: 25px 0 0;
	text-align: center;
}


p.junbi {
	margin: 80px 80px;
	padding: 20px;
	text-align: center;
	font-size: 150%;
	border: 1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}
#pagetop {
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 300;
}
p.errmsg {
	margin: 20px 15px;
	padding: 10px;
	color: #f00;
	border: 1px solid #f00;
	border-radius: 8px;
	text-align: center;
}

p.sucmsg {
	margin: 20px 15px;
	padding: 10px;
	color: #00f;
	border: 1px solid #00f;
	text-align: center;
}

div.err_msg {
	margin: 20px 10px 0;
	padding: 15px;
	color: #f00;
	border: 1px solid #f00;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
}
p.err_ttl {
	text-align: center;
}


div.submit input {
	margin: 0 1em;
}

div.submit {
	margin: 25px 0 0;
	text-align: center;
}
p.submit input {
	margin: 0 1em;
	padding: 4px 8px;
}

input.lsize {
	width: 450px;
}

input.msize {
	width: 200px;
}
input.msize2 {
	width: 130px;
}
input.xmsize {
	width: 180px;
}
input.ssize {
	width: 90px;
}
input.xssize {
	width: 40px;
}

input.formbtn {

}

textarea {
	padding: 4px;
	border-color: #ccc;
	border-radius: 4px;
}

.hissu {
	color: #f00;
}

span.num {
	letter-spacing: 1px;
}

h1 img, h2 img {
	vertical-align: bottom;
}

table.layouttable {
	border: none;
}
table.layouttable th, table.layouttable td {
	padding: 0 4px 0 0;
	border: none;
	
}
div.line hr {
	display: none;
}
div.line {
	height: 1px;
	border-top: 1px solid #ececec;
}


p.nfmsg {
	margin: 40px 40px 120px;
	text-align: center;
}

.ttl1 {
	font-size: 160%;
	font-weight: bold;
	
	text-align: center;
}

.ttl1 span {
	display: block;
	font-size: 50%;
	text-align: center;
	font-weight: normal;
}

.ttl1:after {
	content: ' ';
	display: block;
	width: 60px;
	height: 2px;
	margin: 0 auto 0;
	border-bottom: 2px solid #004A87;
}

.ttl2 {
	font-size: 160%;
	font-weight: bold;
	color: #fff;
	text-align: left;
	letter-spacing: 1em;
}

.ttl2 span {
	display: block;
	font-size: 50%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0;
}

.ttl2:after {
	content: ' ';
	display: block;
	width: 60px;
	height: 2px;
	margin: 0;
	border-bottom: 2px solid #EDC300;
}

.ttl3 {
	font-size: 160%;
	font-weight: bold;
	
	text-align: center;
}


.ttl3:after {
	content: ' ';
	display: block;
	width: 60px;
	height: 2px;
	margin: 8px auto 0;
	border-bottom: 2px solid #EDC300;
}

.ttl4 {
	padding: 8px 12px;
	background: #004A87;
	color: #fff;
	font-weight: bold;
}

.ttl5 {
	font-size: 160%;
	font-weight: bold;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
}

.ttl5 span {
	display: block;
	font-size: 50%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0;
}

.ttl5:after {
	content: ' ';
	display: block;
	width: 60px;
	height: 2px;
	margin: 0;
	border-bottom: 2px solid #EDC300;
}

fieldset {
	border: none;
}

table.basic {
	width: 100%;
}

table.basic td {
	padding: 10px 14px;
	border-bottom: 1px dotted #d8d8d8;
}
table.basic th {
	width: 120px;
	padding: 10px 14px;
	border-bottom: 1px dotted #d8d8d8;
	vertical-align: top;
	background: #FBEFBF;
	white-space: nowrap;
	text-align: center;
}
table.basic td.field {
	width: 110px;
	padding: 10px 0px 10px 14px;
	border-bottom: 1px dotted #d8d8d8;
	vertical-align: top;
	white-space: nowrap;
}
#panlist {
	padding: 10px 0;
	background: url(../imgs/common/pankuzu_bg_1.png) repeat-x 0 0;
}

#panlist ul {
	width: 980px;
	margin: auto;
	
	text-align: left;
	font-size: 90%;
	line-height: 1em;
	list-style: none;
	
}
#panlist li {

	display: inline;
	color: #656766;
}

#panlist li a {
	color: #656766;
}
#panlist li:before {
	padding: 0 5px;
	content: ">";
	color: #656766;
}
#panlist li:first-child:before {
	padding: 0;
	content: none;

}

#wrapper {
	text-align: left;
}

div.contbox {
	width: 980px;
	margin: 0 auto 0;
	text-align: left;
}

div.contbox2 {
	width: 980px;
	margin: auto;
	padding: 35px 0;
	text-align: left;
}

div.contbox3 {
	width: 980px;
	margin: auto;
	padding: 35px 0 0;
	text-align: left;
}
div.contbox4 {
	width: 820px;
	margin: 40px auto;
	padding: 45px 80px;
	text-align: left;
	background: #fff;
}
div.contbox5 {
	width: 840px;
	margin: 40px auto;
	padding: 45px 60px;
	text-align: left;
	background: #fff;
}
div.cont {
	padding: 30px 0 0;
}
div.cont2 {
	padding: 40px 40px 0;
}
div.cont3 {
	padding: 40px 0 0;
}

#headerpanel {
	padding-bottom: 10px;
	background: #fff url(../imgs/common/header_bg_1.png) repeat-x 0 100%;
}
#header {
	width: 980px;
	margin: auto;
	text-align: left;
}

#catch {
	margin: 5px 0 0;
	font-size: 80%;
	text-align: right;
}
#logo {
	
}

#headcol1 {
	float: left;
	width: 432px;
	padding: 5px 0 0;
}

#headcol2 {
	float: right;
	width: 460px;
	padding-top: 50px;
	text-align: right;
}
#tel {
	display: inline-block;
	margin-right: 10px;
}
#toi {
	display: inline-block;
}
#maincont {
	background: #fff;
}
#mainmenu {

	background: url(../imgs/common/menu_bg_1.png) repeat-x 0 0;
}
#mainmenu ul {
	width: 980px;
	margin: auto;
	list-style: none;
}
#mainmenu li {
	display: table-cell;
}

#renrakubox {
	width: 100%;
	display: table;
	padding: 12px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001b46+0,024886+100 */
	background: #001b46; /* Old browsers */
	background: -moz-linear-gradient(top, #001b46 0%, #024886 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #001b46 0%,#024886 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #001b46 0%,#024886 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b46', endColorstr='#024886',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

#renrakucol1 {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}
#renrakucol2 {
	display: table-cell;
	padding-left: 100px;
	font-size: 80%;
	vertical-align: middle;
}

#renraku div {
	display: table-cell;
	vertical-align: middle;
}
#renraku div:nth-child(2) {
	padding-left: 20px;
}

#footerpanel {
	padding: 20px 0;
	background: #E5E7E6;
}
#footer {
	display: table;
	width: 980px;
	margin: auto;
	padding: 25px 0;
	position: relative;
	background: #E5E7E6 url(../imgs/common/footbg.png) repeat-y 0 20px;
}

#footcol1 {
	width: 350px;
	float: left;
	padding-left: 10px;
	
}
#footcol2 {
	width: 360px;
	float: right;
}

#footerlink {
	list-style: none;
	column-count: 2;
	column-width: 160px;
	
	
}


#footerlink li {
	margin-bottom: 12px;
	font-size: 85%;
	white-sapce: nowrap;
}

#footerlink li:before {
	content: url(../imgs/common/arrow_3.png);
	margin: 0 5px 0 0;
}
#footerlink li a {
	color: #000;
}

#corpname {
	margin: 0 0 10px;
	color: #000;
	font-size: 130%;
	font-weight: bold;

}
#corpinfo {
	color: #000;
	line-height: 1.6em;
}

#corpinfo img {
	vertical-align: middle;
}

#copyright {
	padding: 10px 0;
	background: #DDDEE0;
}
#copyright p {
	width: 980px;
	margin: auto;
	font-size: 80%;
	text-align: center;
}

#sns {
	position: fixed;
	right: 0;
	bottom: 200px;
	list-style: none;
}
#sns li {
	margin-bottom: 10px;

}


#maintitle {
	background: #EDC300;
}
#maintitle h1 {
	width: 980px;
	margin: auto;
	padding: 36px 0;
	font-size: 33px;
	color: #041948;
	font-weight: bold;
	letter-spacing: 3px;
	background: url(../imgs/common/p_title_bg_1.png) no-repeat 50% 0;
}

#top div.yt {
	margin: 50px 0 0;
	text-align: center;
}

#top #con_slide {
	position: relative;
	overflow: hidden;
	padding: 30px 0;
	background: url(../imgs/top/slide_bg_1.png) repeat-x 0 0;
}
#top #con_slide .bx-wrapper {
	width: 1020px !important;
	margin: 0 auto;

}
#top #con_slide .bx-window {
	height: 380px;
}
#top #con_slide #slider li {
	display: block;
	width: 1020px;
	text-align: center;
}
#top #con_slide .bx-pager {
	width: 100%;
	position: absolute;
	bottom: 20px;
	z-index: 50;
	text-align: center;
}
#top #con_slide .bx-pager a.pager-link {
	display: inline-block;
	width: 8px;
	height: 0;
	padding-top: 8px;
	margin: 0 5px;
	overflow: hidden;

}
#top #con_slide .bx-pager a.pager-active {

}
#top #con_slide .bx-prev,
#top #con_slide .bx-next {
	position: absolute;
	top: 55%;
	display: block;
	width: 14px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
}
#top #con_slide .bx-prev {
	background: url(../imgs/top/slide_arrow_1.png) 0 0 no-repeat;
	left: -7px;
}
#top #con_slide .bx-next {
	background: url(../imgs/top/slide_arrow_2.png) 0 0 no-repeat;
	right: -7px;
}

#top #panel1 {
	padding: 50px 0;
	background: #EDC300 url(../imgs/top/bg_1.png) 98% 50% no-repeat;
}

#top #slidelogo {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -203px;
}

#top p.txt1 {
	text-align: center;
}

#top #aboutlist {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap:         nowrap;
  -webkit-justify-content: space-between;
  justify-content:         space-between;
	width: 720px;
	margin: 30px auto 0;
	list-style: none;
	text-align: center;
}
#top #aboutlist li {
  -webkit-flex-basis: 160px;
  flex-basis: 160px;
	
}
#top #aboutlist li p {
	margin: 4px 0 0;
	font-weight: bold;
	
}
#top #aboutlist li a {
	color: #004A87;
}

#top #aboutlist li a:visited {
	color: #004A87;
}
#top #aboutlist li p:before {
	padding-right: 3px;
  content: url(../imgs/common/aroww_1.png);
	vertical-align: middle;
}

#top #panel2 {
	background: #004A87;
}

#top #cell1 {
	display: table-cell;
	width: 544px;
	height: 450px;
	background: url(../imgs/top/img_1.jpg) no-repeat 0 0;
	background-size: cover;
	vertical-align: top;
}
#top #cell2 {
	display: table-cell;
	color: #fff;
	vertical-align: top;
}

#top #panel5 {
	padding: 60px 0 0;
	background: #004A87;
}


#top #cell3 {
	display: table-cell;
	width: 300px;
	height: 450px;
	background-size: cover;
	vertical-align: top;
}
#top #cell4 {
	display: table-cell;
	width: 500px;
	color: #fff;
	vertical-align: top;
}


#top #reikaibox {
	padding: 50px 40px;
}

#top p.txt2 {
	margin: 30px 0;
}

#top #reikailist {
	list-style: none;
}
#top #reikailist li {
	margin: 0 0 13px;
	list-style: none;
	line-height: 1em;
}
#top #reikailist li:before {
	display: table-cell;
	content: url(../imgs/common/arrow_2.png);
	padding-right: 5px;
	vertical-align: middle;
}

#top #reikailist li a {
	display: table-cell;
	color: #fff;
	font-weight: bold;
}

div.btn a {
	display: block;
	width: 210px;
	margin: 30px auto 0;
	padding: 8px 15px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #004A87;
	border: 1px solid #004A87;
	line-height: 1em;
	border-radius: 16px;
}
div.btn a:before {
	content: url(../imgs/common/arrow_2.png);
	padding: 0 6px 0 0;
}
div.btn a:hover {
	color: #004A87;
	background: #fff;
}

div.btn2 a {
	display: block;
	margin: 0 0 30px;
	padding: 8px 15px;
	text-align: right;
	font-weight: bold;
	color: #004A87;
	line-height: 1em;
}
div.btn2 a:before {
	content: url(../imgs/common/arrow_3.png);
	padding: 0 6px 0 0;
}
div.btn3 a {
	display: block;
	margin: 0 0 10px;
	padding: 8px 15px;
	text-align: right;
	font-weight: bold;
	color: #004A87;
	line-height: 1em;
}
div.btn3 a:before {
	content: url(../imgs/common/arrow_3.png);
	padding: 0 6px 0 0;
}

#top #panel3 {
	padding: 50px 0;
	background: url(../imgs/top/bg_3.jpg) no-repeat 50% 0;
	background-size: cover;
}

#top #panel4 {
	height: 244px;
	background: url(../imgs/top/bg_2.jpg) no-repeat 50% 0;
	background-size: cover;
}

#contents {
	padding: 50px 0;
	background: url(../imgs/top/bg_3.jpg) no-repeat 50% 0;
	background-size: contain;

}

#greeting p.sign {
	margin: 30px 0 0;
	text-align: right;
	line-height: 2.2em;
}

#greeting p.sign span {
	font-size: 140%;
	letter-spacing: 5px;
}

#about #gglmap {
	margin: 40px 0 0;
}

#link #linklist {
	list-style: none;
}
#link #linklist li {
	margin-bottom: 15px;
	padding-left: 28px;
	background: url(../imgs/common/arrow_2.png) no-repeat 3px 43%;
	border-bottom: 1px dashed #ccc;
}


#infobox {
	width: 380px;
	margin: 60px auto 0;
	padding: 20px;
	border: 1px solid #333;
	border-radius: 10px;
	text-align: center;
}

table.schedule {
	border: 1px solid #000;
	font-size: 80%;
}
table.schedule th {
	padding: 8px 10px;
	border: 1px solid #000;
	text-align: center;
	background: #FBEFBF;
}
table.schedule td {
	padding: 8px 10px;
	border: 1px solid #000;
}

table.schedule td:nth-child(1), table.schedule td:nth-child(2), table.schedule td:nth-child(3) {
	white-space: nowrap;
}

p.nodata {
	text-align: center;
}

ul.arclist {
	margin: 0 20px;
	list-style: none;
	
}
ul.arclist li {
	margin-bottom: 10px;
	padding: 0 0 0 22px;
	background: url(../imgs/common/arrow_3.png) no-repeat 0 43%;;
	border-bottom: 1px dotted #ccc;
}

#hosinews {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap:         nowrap;
  -webkit-justify-content: space-between;
  justify-content:         space-between;
	width: 980px;
	margin: 50px auto 0;
	list-style: none;
}
#hosinews li {
	width: 300px;
	vertical-align: top;
	border: 1px solid #ccc;
}
#hosinews li div {
	padding: 15px;
}
#hosinews li img {
	width: 100%;
	border-bottom: 5px solid #002866;
}
#hosinews li a {
	text-decoration: none;
	color: #000;
}

#hosinews p.title {
	font-weight: bold;
}
#hosinews p.date {
	margin: 0.3em 0;
	color: #004A90;
	font-size: 80%;
	font-weight: bold;
}
#hosinews li.aki {
	border: none;
}


#kaityo {
	float: right;
	margin: 0 0 20px 20px;
}

p.nfmsg {
	padding-bottom: 30px;
}


.fst {
	margin: 70px 0 0;
}

.snd {
	margin: 30px 0 0;
}
.trd {
	margin: 20px 0 0;
}