@charset "utf-8";

/* link
------------------------------------------------------------------------------------ */

a:link, a:visited {
	color:#17288C;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	text-decoration:none;
}
a:hover, a:active, a:visited:hover {
	color:#17288C;
	text-decoration:underline;
}


/* txtバリエーション
------------------------------------------------------------------------------------ */
.small {font-size:83%;}
.strong {font-weight:bold;}
.maincolor {color:#193194;}
.align-r {text-align:right;}
.align-c {text-align:center;}


/* wrapper
------------------------------------------------------------------------------------ */
div#wrapper {
}


/* header
------------------------------------------------------------------------------------ */
div#header {
	border-top: 3px solid #070d35;
}
div#header div#headernav {
	width: 980px;
	margin: 0 auto;
}
div#header div#headernav h1 {
	float: left;
	margin-top: 20px;
}
div#header div#headernav ul {
	float: right;
	padding: 10px 20px;
	background-color:#f7f2ee;
}
div#header div#headernav ul li {
	float: left;
	line-height: 100%;
}
div#header div#gnav {
	margin-top: 15px;
	background:url(../images/bg_gnav.gif) left top repeat-x;
}
div#header div#gnav ul {
	width: 980px;
	margin: 0 auto;
}
div#header div#gnav ul li {
	float: left;
}


/* mainimage
------------------------------------------------------------------------------------ */
div#mainimage {
	background:url(../images/bg_maiimage.jpg) center top no-repeat;
}
div#mainimage h2 {
	width: 980px;
	margin: 0 auto;
}


/* contents
------------------------------------------------------------------------------------ */
div#contentsWrapper {
}
div#contents {
	width: 980px;
	margin: 0 auto;
}


/* contentsLeft
------------------------------------------------------------------------------------ */
div#contentsLeft {
	float: left;
	margin-top: 30px;
	margin-right: 40px;
}

ul#sidenav li {
	font-weight: bold;
	line-height: 125%;
	padding: 15px 15px 15px 30px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background:url(../images/sidenav_linkmark.gif) 10px 16px no-repeat;
}
ul#sidenav li ul li {
	font-weight: normal;
	margin-top: 8px;
	padding: 0 0 0 12px;
	border: none;
	background:url(../images/sidenav_linkmark2.gif) left 3px no-repeat;
}
ul#sidenav li ul li ul li {
	padding: 0 0 0 12px;
	background:url(../images/sidenav_linkmark3.gif) left 4px no-repeat;
}

ul#bannerarea {
}
ul#bannerarea li {
	margin-bottom: 5px;
}


/* contentsRight
------------------------------------------------------------------------------------ */
div#contentsRight {
	float: left;
	margin-top: 30px;
}
div#contentsWrapper p.pagetop {
	/*
	width: 980px;
	text-align: right;
	margin: 40px auto 0 auto;
	 */
}

p#crumb {
	margin-bottom: 15px;
}

.footer-util {
	width: 980px;
	margin: 40px auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.footer-link {
	display: flex;
	gap: 16px;
	padding: 8px;
	background-color:#f7f2ee;
}

.footer-link li, .footer-link li a{
	display: block;
	height: auto;
}

/* footer
------------------------------------------------------------------------------------ */
div#footer {
	padding: 30px 0 40px 0;
	background:url(../images/bg_footer.gif) left top repeat-x;
}
div#footer p {
	text-align: center;
}


/* 見出し
------------------------------------------------------------------------------------ */
.title01 {
	color:#17288C;
	font-size: 183%;
	line-height: 125%;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 15px 0 15px 30px;
	background:url(../images/title01.jpg) left top no-repeat;
	border-bottom: 1px solid #CCC;
}
.title02 {
	color:#17288C;
	font-size: 142%;
	line-height: 125%;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 8px 0 5px 15px;
	background:url(../images/title02.jpg) left top no-repeat;
}
.title03 {
	color:#17288C;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 10px;
	padding: 0 0 5px 20px;
	background:url(../images/title03.gif) 5px 4px no-repeat;
	border-bottom: 1px solid #FC6;
}


/* table01
------------------------------------------------------------------------------------ */
table.table01 {
	border-spacing: 0;
}
table.table01 th {
	color:#17288C;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;
	white-space: nowrap;
}
table.table01 td {
	width: 100%;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted #CCC;
}


/* table02
------------------------------------------------------------------------------------ */
table.table02 {
	border-spacing: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
table.table02 th {
	color:#333;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 10px 15px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #FCEEDC;
	white-space: nowrap;
}
table.table02 td {

	vertical-align: top;
	padding: 10px 15px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


/* table03
------------------------------------------------------------------------------------ */
table.table03 {
	border-spacing: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
table.table03 th {
	color:#333;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 10px 15px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.table03 td {
	vertical-align: middle;
	padding: 10px 15px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


/* list01
------------------------------------------------------------------------------------ */
ul.list01 {
}
ul.list01 li {
	padding-left: 12px;
	background:url(../images/listmark01.gif) left 5px no-repeat;
}


/* list02
------------------------------------------------------------------------------------ */
ul.list02 {
}
ul.list02 li {
	padding-left: 12px;
	background:url(../images/listmark02.gif) left 7px no-repeat;
}


/* list03
------------------------------------------------------------------------------------ */
ul.list03 {
}
ul.list03 li {
	padding-left: 15px;
	background:url(../images/listmark03.gif) left 4px no-repeat;
}