@charset "utf-8";
/* =========================================================
    1.UNIVERSAL-RESET
    2.BASE-SET
    3.WIRE-FRAME
    4.FORM
    5.TABLE
    6.COMMON
    7.PAGE
========================================================= */
/* 1.UNIVERSAL-RESET
--------------------------------------------------------- */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { background: transparent; border: 0; font-size: 100%; font-style: normal; font-weight: normal; margin: 0; outline: 0; padding: 0; text-decoration: none; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }
img { vertical-align: bottom; }

/* 2.BASE-SET
--------------------------------------------------------- */
body { background: #fff; font-size: 13px; font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif; line-height: 1; -webkit-text-size-adjust: none; }

@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none; /* for iPhone */ }
}

.cx:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
*:first-child+html .cx { display: inline-block; min-height: 1%; }
* html .cx { height: 1%; }
a { overflow: hidden; text-decoration: underline; }

/* 3.WIRE-FRAME
--------------------------------------------------------- */
html { overflow-y: scroll; }
#page { line-height: 1.5; min-width: 950px; }
#header { min-height: 61px; margin: 0 auto 20px; width: 950px; }
#wrapper { margin: 0 auto; width: 950px; max-height: 100%; }
#footer { margin: 20px 0 10px; }

/* 4.FORM
--------------------------------------------------------- */

/* 5.TABLE
--------------------------------------------------------- */

/* 6.COMMON
--------------------------------------------------------- */
a:link { color: #07519a; text-decoration: none; }
a:visited { color: #909; text-decoration: none; }
a:hover { color: #c00; text-decoration: underline; }
a:active { color: #c00; text-decoration: underline; }

/* #header */
#header p { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
#header p a { background: url("../img/logo.png") no-repeat 0 0; display: block; height: 30px; text-indent: -9999px; width: 257px; }
#breadcrumbList { padding-top: 5px; width: 600px; }
#breadcrumbList li { display: inline; text-align: left; }
#breadcrumbList li a, #breadcrumbList li strong { background: url("../img/breadcrumblist.png") no-repeat 3px 3px; padding-left: 15px; white-space: nowrap; font-weight: bold; }
#breadcrumbList li:first-child a { background-image: none; padding-left: 0; }

/* #wrapper */
#wrapper div.title_box { background: url(../img/bg_pagetitle.gif) no-repeat;  }
#wrapper h1.pagetitle { color: #13335a; font-size: 24px; font-weight: bold; height: 50px; line-height: 50px; padding-left: 220px; }
#wrapper div.title_box p { display: none; }

/* footerBlue */
.footerBlue {
	margin-top: 64px;
	border-top: 1px solid #ddd;
	background-color: #fff;
	padding: 64px 0 0;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.linkList {
	display: flex;
	gap: 36px;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 55px 0 64px;
}
.footerLogo {
	margin-bottom: 24px;
}
.footerLogo img {
	height: 20px;
}
.linkListItem {
	padding: 0;
	text-align: center;
}
.linkListItem-link {
	display: block;
}
.linkListItem-linkText {
	border-bottom: 1px solid transparent;
	margin-top: 8px;
	transition: .3s ease-in-out;
	line-height: 1.75;
	color: #333;
}
.linkListItem-link:hover {
	text-decoration: none;
}
.linkListItem-link:hover .linkListItem-linkText {
	border-color: currentColor;
}
.linkListItem-linkText-wrap {
	margin-top: 12px;
}
.footerBottom {
	border-top: 1px solid #ddd;
	padding: 40px 0;
}
.globalLink {
	font-size: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 41px;
}
.globalLink-item {
	position: relative;
}
.globalLink-item::before {
	letter-spacing: 0;
	position: absolute;
	top: 4px;
	left: -20px;
	width: 1px;
	height: 14px;
	content: '';
	background-color: #ccc;
}
.globalLink-item:first-child::before {
	display: none;
}
.globalLink-item-link:hover {
	text-decoration: none;
}
.globalLink-item-link span {
	color: #333;
	font-size: 14px;
	line-height: 1.75;
}
.copyright {
	margin-top: 16px;
}
.hover-txt {
	border-bottom: 1px solid transparent;
	transition: .3s ease-in-out;
}
.hover-txt:hover, .hover-txt:active {
	border-color: currentColor;
}

#footer { margin-top: 60px; }
#footer .footerBlue {
	margin-top: 0;
	border: none;
}

#footer #relation-service { background-color: #f1f3f4; padding: 40px 0; }
#footer #relation-service .inner { margin: 0 auto; width: 870px; }
#footer #relation-service h1 { border-bottom: 1px #00385c solid; color: #00385c; font-size: 18px; padding-bottom: 5px; }
#footer #relation-service ul li { background: url(../img/ico_next.gif) no-repeat; float: left; font-size: 14px; margin-top: 20px; padding-left: 30px; width: 405px; }
#footer address { background-color: #b7bec1; color: #fff; font-size: 12px; text-align: center; padding: 30px 0; }

/* 7.PAGE
--------------------------------------------------------- */
/* home */
#service { padding-top: 4px; }
#service ul { padding-left: 40px; }
#service ul li { border: 1px #ccc solid; float: left; margin: 36px 36px 0 0; width: 263px; }
#service ul li a { background-color: #fff; cursor: pointer; display: block; transition: .3s; }
#service ul li a:hover { filter: alpha(opacity=70); text-decoration: none; opacity: .7; }
#service ul li a .camp_ic { padding: 10px 10px 0; }
#service ul li a dl { min-height: 95px; padding: 18px; }
#service ul li a .camp_ic+dl { padding-top: 8px; }
#service ul li a dl dt { color: #659ee1; font-size: 18px; font-weight: bold; margin-bottom: 8px; }
#service ul li a dl dt span { display: block; font-size: 12px; }
#service ul li a dl dd { color: #666; font-size: 14px; }
#service ul li a .sponsor { background: url(../img/ico_service.gif) right bottom no-repeat; color: #999; font-size: 12px; }
#service ul li a .sponsor span { border-top: 1px #ccc dotted; display: block; margin: 0 18px; min-height: 42px; padding: 8px 20px 0 0; }
#recent-news { margin: 60px 40px 0; }
#recent-news h1 { background-color: #13335a; color: #fff; font-size: 24px; margin-bottom: 5px; padding: 12px 20px; }
#recent-news ul { margin: 0 20px; }
#recent-news ul li { border-bottom: 1px #ccc dotted; font-size: 107.7%; padding: 15px 0; position: relative; }
#recent-news ul li .date { color: #666; display: block; float: left; min-width: 7em; }
#recent-news ul li .title { display: block; overflow: hidden; zoom: 1; }
#recent-news ul li .title p:first-child { margin-top: 0; }
#recent-news ul li .title p { margin-top: 1em; }
#recent-news ul li .title .news_list  { margin: 0;}
#recent-news ul li .title .news_list li:first-child { margin-top: 0;}
#recent-news ul li .title .news_list li { margin-top: 1em; padding: 0 0 0 12px; border-bottom: none; background: url(../img/ic_list.png) left 0.6em no-repeat;}


/* 151208 correction
--------------------------------------------------------- */
#service div.tes_box {
	margin-top: 20px;
	padding: 12px 20px;
	background-color: #f1f3f4;
}

#service div.tes_box h2 {
	font-size: 18px;
	font-weight: bold;
}

#service div.tes_box p {
	padding-top: 10px;
	font-size: 14px;
}


/* 171010 correction
--------------------------------------------------------- */
#service ul li.c_margin1 {
	margin-left: 150px;
}

#service ul li.c_margin2 {
	margin-right: 150px;
}