
html {
	overflow-y: scroll;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

h1,h2,h3,h4,h5,form,p,th,td,ul,ol,li,dl,dt,dd,form{
	margin:0;
	padding:0;
	font-size:12px;
}

ul.default {
	margin-left:2em;
}
ol.default {
	margin-left:2.5em;
}
ul.default li,
ol.default li {
	margin-bottom:5px;
}

img {
	border:0;
	width: 100%;
}

a {
	color:#003399;
	outline: 0;
	text-decoration:underline;
}

a:hover {
	color:#003399;
	text-decoration:none;
}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.large {
	font-size:16px;
}

.tac {text-align:center;}
.tar {text-align:right;}


em {
	color:#0033FF;
	font-style:normal;
}

.red {color:#ea0000;}

.cboth {clear:both;}
/*=============================*/

h2 {
	position:relative;
	/*margin-bottom:20px;*/
}

h2 span#pankuzu {
	display:block;
	position:absolute;
	top:-6px; right:5px;
	font-weight:normal;
	font-size:10px;
	text-align:right;
}

h2 span#pankuzu2 {
	display:block;
	position:absolute;
	top:-5px; right:5px;
	font-weight:normal;
	font-size:10px;
	text-align:right;
	line-height:1.4em;
}

h2 img{margin-bottom:36px;}

h3 {
	font-size:14px;
	border-bottom:1px dotted #3EB9D4;
	margin-bottom:15px;
	color:#005163;
	background:url("../images/water_icon.gif") no-repeat left bottom;
	padding:5px 0 0 20px;
}

h4 {
	color:#005163;
	font-size:14px;
	margin-bottom:5px;
}

img {
	vertical-align:bottom;
}

table.border {
	border-top:1px dotted #BACFD8;
	border-right:1px dotted #BACFD8;
}
table.border th,
table.border td {
	border-bottom:1px dotted #BACFD8;
	border-left:1px dotted #BACFD8;
	padding:15px 20px;
}

table.border th {
	background:#fafaff;
}


table.noeffect th,
table.noeffect td {
	border:none;
	margin:0;
	padding:0;
	background:none;
}

table.border2 {overflow: auto;}
table.border2 tbody {min-width: 600px;}
table.border2 {
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}
table.border2 th,
table.border2 td {
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:5px 10px;
}

table.border2 th {
	background:#f4f4f4;
}





ul.tabs {
	text-align:center;
	margin:30px 0 10px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 5px ;
}

ul.tabs li {
	display:inline;
	margin:0 5px;
}

ul.tabs li a {
	display:inline-block;
	padding:5px 20px;
	border:1px solid #aaa;
	text-decoration:none;
	line-height:1em;
	background:#fafafa;
	font-weight:bold;
	color:#666666;
}


ul.tabs li a.current {
	border:1px solid #00f;
	color:#003399;
}

ul.tabs li a:hover {
	border:1px solid #00f;
	color:#003399;
}

ul.faq {
	margin-left:-10px;
}

ul.faq li {
	list-style:none;
	float:left;
	margin-bottom:5px;
}

ul.faq li a {
	display:block;
	width:413px;
	margin-left:10px;
	border:1px solid #aaa;
	padding:5px 0px 3px 0;
	text-align:center;
	text-decoration:none;
}

ul.faq li span {
	display:block;
	width:413px;
	margin-left:10px;
	border:1px solid #aaa;
	padding:5px 0px 3px 0;
	text-align:center;
	text-decoration:none;
}

ul.faq li a:hover {
	border:1px solid #66f;
	background:#78f;
	color:#fff;
	font-weight:bold;
}

ul.yougo {
	margin-left:-10px;
}

ul.yougo li {
	list-style:none;
	float:left;
	margin-bottom:5px;
}

ul.yougo li a {
	display:block;
	width:200px;
	margin-left:10px;
	border:1px solid #aaa;
	padding:3px 0px;
	text-align:center;
	text-decoration:none;
}

ul.yougo li a:hover {
	border:1px solid #66f;
	background:#78f;
	color:#fff;
	font-weight:bold;
}

dl.faq {
	clear:both;
	margin-top:30px;
}

dl.faq dt {
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #3EB9D4;
	margin-bottom:15px;
	color:#005163;
	background:url("../images/water_icon.gif") no-repeat left bottom;
	padding:5px 0 0 20px;
}

dl.faq dd {
	margin-bottom:20px;
}

dl.yougo {
	clear:both;
	margin-top:30px;
}

dl.yougo dt {
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #3EB9D4;
	margin-bottom:15px;
	color:#005163;
	background:url("../images/water_icon.gif") no-repeat left bottom;
	padding:5px 0 0 20px;
}

dl.yougo dd {
	margin-bottom:20px;
}

/*=============================*/

#header {
	width:850px;
	height:80px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#header .logo {
	padding:11px 0 5px 0;
}

#header h1 {
	margin:0 0 0 5px;
	font-size:10px;
	font-weight:normal;
	color:#000A52;
}

#header .contact {
	position:absolute;
	top:31px;
	right:0;
}

#catch_flash {
	margin:0 auto 15px auto;
	width:840px;
	height:285px;
	position:relative;
}

#catch {
	width:840px;
	height:285px;
	position:absolute;
	top:0;
	left:0;
	background:url("../images/catch.jpg") no-repeat top left;
}

#catch2 {
	width:840px;
	height:285px;
	position:absolute;
	top:0;
	left:0;
}


#gnavi {
	background:url("../images/navi_bg.gif") repeat-x top left;
	height:45px;
	margin-bottom:20px;
}

#gnavi .inner {
	width:840px;
	margin:0 auto;
}

#gnavi ul {}

#gnavi ul li {
	float:left;
	list-style:none;
}

#footer {
	/*background:url("../images/footer_bg.gif") no-repeat top center;
	height:425px;*/
text-align:center;
margin:20px auto;
	clear:both;
}

#footer .inner {
	width:840px;
	height:425px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#footer .bnr {
	position:absolute;
	right:93px;
	bottom:75px;
}

#footer h2 {
	margin:0px 0 15px 50px;
	padding-top:20px;
	border-bottom:1px solid #000;
}

#footer .box {
	margin:0 0 0 180px;
}

#footer .box dl {
	float:left;
	padding-left:50px;
}

#footer .box dl dt {
	font-size:11px;
	margin-bottom:4px;
	font-weight:bold;
}

#footer .box dl dd {
	font-size:11px;
	margin-bottom:4px;
}

#footer .box dl dd.gotop {
	padding-top:20px;
}

#footer .box dl a {
	text-decoration:none;
	color:#243241;
}

#footer .box dl a:hover {
	text-decoration:underline;
}

#footer .box dl dd.gotop a {
	text-decoration:underline;
}

#footer .box dl dd.gotop a:hover {
	text-decoration:none;
}

#wrap {
	width:840px;
	margin:0 auto 40px auto;
	text-align:left;
}

#wrap #leftcolumn {
	width:620px;
	float:left;
	margin-bottom:40px;
}

#wrap #rightcolumn {
	width:200px;
	float:right;
	margin-bottom:40px;
}

#wrap #rightcolumn ul {
	margin:0 0 20px 20px;
}


.goaisatsu {
	font-size:14px;
	line-height:1.8em !important;
	background:url("../../images/goaisatsu_bg.jpg") no-repeat top left;
	padding:100px 200px 100px 200px;
}

.block {
	padding:20px 30px;
	margin-bottom:20px;
	border:1px dotted #BACFD8;
	background:#fafaff;
}

dl.topics {}

dl.topics dt {
	border-left:5px solid #5B5AFD;
	padding-left:10px;
}

dl.topics dd {
	margin:-1.5em 0 10px 8em;
}

#idea p {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.8em;
}


table.history td {
	vertical-align:middle;
}

table.history td.tar {
	white-space:nowrap;
	border-left:none;
}

table.history td a img{
	margin-left:10px;
	border:1px solid #aaa;
}

table.history td a:hover img{
	border:1px solid #00f;
}

.archivelabel {
	text-align:center;
	padding:8px 0;
	line-height:1em;
	background:#f9f9f9;
	margin-bottom:20px;
	font-weight:bold;
}

.blogbox p {
	margin-bottom:10px;
}

/*renew*/
#renew{
border: dotted 2px #f00;
text-align:center;
padding:20px;
margin-bottom:50px;
}
#renew h1{color: #005163;
font-size:20px;
line-height:2em;

}
#renew p{
font-size:16px;
line-height:2em;
}
#wrap h2{color: #005163;
text-align:center;
font-size:16px;
line-height:2em;

}



@media (max-width: 768px) {
	ul.faq{margin-left: 0;}
	ul.faq li{float: none;}
	ul.faq li span,ul.faq li a {
		width:100%;
		margin-left:0;
	}
	
}