@charset "UTF-8";

* {

margin:0;
padding:0;
}

html {
overflow-y:scroll;
}
ul{list-style:none;}
body {
font-size:80%;
line-height:160%;
text-align:center;
color:#333;  
background: url(../images/bg.jpg) left top repeat-x #ccc;
}
a{  text-decoration: none;}
img {
border:none; max-width:100%}

#wrapper {
width:960px;
text-align:left;
margin:0 auto;
background: #fff;
border-width: 0 20px;
border-style: solid;
border-color: #fff;
}

/*h1 {
height:25px;
overflow:hidden;
background-color:#000;
color:#fff;
font-size:x-small;
line-height:25px;
padding-left:8px;
}*/

#navigation {
list-style:none;
height:50px;
overflow:hidden;
clear:both;
margin-top:73px;
}

#top-copy{
	background:url(../images/copy-bg.jpg) repeat-x top #000095;
	padding-left:15px;
	_height: 1%; min-height: 1%;
}

#main-body {
padding:0 40px;
}
.copy-text{
	background:url(../images/top-img1.jpg) no-repeat right top;
	padding-right:422px;
	color:#fff;
	min-height:166px;
	_height:166px;
}

.copy-text2{
	margin-left:9px;
	margin-right:15px;
	background:url(../images/text-bg.jpg) repeat-y;
}

.copy-text-in{padding:0px 11px;}

.fcwhite{color:#fff;}
.w640{width:640px;}
.w304{width:304px;}





#footer {
border-top:20px solid #fff;
text-align:left;
}

.fin {
width:800px;
text-align:left;
margin:0 auto;
}

#footer .textlink {
font-size:x-small;
color:#06c;
}
#footer #copyright{
	background-color:#000;
	color:#fff;
	text-align:right;
	font-size:x-small;
	line-height:normal;
	padding:4px 10px;
	border-top:8px solid #fff;
	margin-bottom: 0;
}
.right {
float:right;
}
#wn{ margin-top:2%}
#wn h2{ font-size:16px; font-weight:bold; color:#0000ae; border-bottom:2px solid #0000ae; display:block; line-height:30px; background:url(../images/dgertu.png) right bottom no-repeat;}
#wn table{
	border-collapse:collapse;
	width:100%;
}

#wn th{
	width:12%;
	padding-left:30px;
	padding-right:6px;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #999;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
}

#wn td{
	padding-left:6px;
	padding-right:6px;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #999;
	vertical-align:top;
}

#wn td img{vertical-align:middle;}

.paging{
	padding:6px;
	background-color:#efefef;
	border-bottom:1px solid #ccc;
}
.paging img{vertical-align:middle;}

.cl-box1a{
	border:10px solid #fff;
}

.cl-box1b{
	padding-bottom:10px;
}

.cl-box3{
	margin:10px;
	background-color:#efefef;
	padding:10px;
	border-bottom:1px solid #ccc;
	_height: 1%; min-height: 1%;
}

.cl-box2{
	width:220px;
	float:left;
	border:10px solid #fff;
}


.cl-box1-in{ margin: 0 0 35px;}

.cl-box1-title{
	font-size:100%;
	line-height:normal;
	background-color:#039;
	color:#fff;
	padding:5px 7px;
	margin-bottom:10px;
}

.cl-box1-title2{
	font-size:120%;
	line-height:normal;
	background-color:#039;
	color:#fff;
	padding:5px 7px;
	margin-bottom:10px;
}

.cl-box1-photo{
	width:220px;
	float:left;}

.cl-box1-photo2{
	width:460px;
	float:left;}

.cl-box1-text{
	width:230px;
	float:right;}
.cl-box1-text2{
	width:460px;
	float:right;}
.cl-box1-texta{
	width:710px;
	float:right;}

.search{
	padding:6px;
	border-bottom:2px solid #ccc;
	margin-top:5px;
	text-align:right;}

.w188 {
width:188px;
}


.w260 {
width:260px;
}

.w348 {
width:348px;
}

.w432 {
width:432px;
}


.w520 {
width:520px;
}




.fss {
font-size:x-small;
line-height:normal;
}


.mb10 {
margin-bottom:10px;
}

.mb20 {
margin-bottom:20px;
}
.mb355 {
margin-bottom:35px; background:url(../images/btn3.jpg) left center no-repeat; padding-left:30px; margin-top:2%;
}
.mb355 a{ display:inline-block; background:#000092 !important; line-height:30px; color:#fff !important;    text-decoration: none; padding:0 2%}


.mb35 {
margin-bottom:35px;}
/* 20220617 */
.mb50 {
	margin-bottom:50px;
}


.w390 {
width:390px;
}

.w492 {
width:492px;
}

.cl-box{padding:15px;
border:1px solid #ccc;
margin-bottom:20px;}

.st3{
	font-size:100%;
	line-height:normal;
	background:url(../images/cl-tit-bg.jpg) repeat-x bottom;
	padding:7px 10px;
	margin-bottom:16px;
	border-bottom:1px solid #ccc;
}

.bn{list-style:none;}
.bn li{
	list-style:none;
	width:102px;
	height:20px;
	line-height:20px;
	text-align:center;
	border:1px solid #ccc;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
	display:inline;
}

.bn a:link,.bn a:visited{display:block; text-decoration:none;}
.bn a:hover,.bn a:active{display:block; text-decoration:none; background-color:#060; color:#fff;}

.im-box{
	padding-bottom:8px;
	padding-left:8px;
	border-bottom:1px dotted #666;
	margin-bottom:8px;
}

.im-date{
	font-weight:bold;
	border-left:2px solid #060;
	line-height:normal;
	margin-bottom:5px;
	padding-left:8px;
}

.im-text{
	padding-left:16px;
}




table {
margin-top:1px;
}

.st1 {
font-size:100%;
line-height:normal;
border-left:5px solid #060;
color:#060;
padding-left:8px;
margin-bottom:10px;
}

.st2 {
font-size:100%;
line-height:normal;
border-bottom:3px solid #039;
border-top:1px solid #999;
color:#039;
padding:8px;
margin-bottom:10px;
}

.fcgreen{color:#060;}
.overview-table {
border-collapse:collapse;
border:1px solid #ccc;
}

.overview-table th {
text-align:left;
border:1px solid #ccc;
background-color:#efefef;
padding:5px;
}

.overview-table td {
border:1px solid #ccc;
padding:5px;
}

.overview-table2 {
border-collapse:collapse;
border:1px solid #ccc;
}

.overview-table2 th {
text-align:left;
border:1px solid #ccc;
background-color:#efefef;
padding:5px;
width:20%;
}

.overview-table2 td {
border:1px solid #ccc;
padding:5px;
}


.input-w300 {
width:300px;
}

.input-w200 {
width:200px;
}

.input-w100 {
width:100px;
}

.input-w100p {
width:98%;
}

.mt10 {
margin-top:10px;
}




.clear {
 margin:0; padding:0; font-size:0; clear:both;
}

.tac {
text-align:center;
}

.tar {
text-align:right;
}

.fcred {
color:#C00;
}

.bt1 {
border-top:1px dotted #666;
padding-top:10px;
}

.bt2 {
border-top:1px solid #ccc;
background-color:#eee;
padding:8px 10px;
}

.link1:hover,
.link1:active,
.link1:visited,
.link1:link
{
padding-left:17px;
background:url(../images/link-head.jpg) no-repeat left;
}

.b-r16 {
border-right:16px solid #fff;
border-bottom:16px solid #fff;
}

.b-r10 {
border-right:10px solid #fff;
border-bottom:10px solid #fff;
}

/*div,p {
zoom:1;
}

div:after,p:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}*/

body a:link,body a:visited,body a:hover,body a:active {
color:#06c;
background:transparent;
}


.comlist ol,.comlist ul {
margin:0 0 10px;
}

.comlist li {
margin:0 0 0 2em;
}

.left {
float:left;
}

/* contact - form */
.frm-tb { width: 100%; border-width: 1px 0 0 5px; border-style: solid; border-color: #2222a8; }
.frm-th { text-align: left; border-width: 1px; border-style: solid; border-color: #fff #2222a8 #2222a8 #fff; padding: 4px 8px; background: #eef; }
.frm-td { width: 720px; border-width: 1px; border-style: solid; border-color: #fff #2222a8 #2222a8 #fff; padding: 4px 8px; }
.form-s { width: 100px; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 400px; border: 1px solid #ccc; padding: 2px; }
textarea { width: 720px; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
input, textarea { padding: 0; vertical-align: middle; }

.l240 { width: 240px; float: left;}
.r705 { width: 705px; float: right;}

.l600 { width: 600px; float: left;}
.r345 { width: 345px; float: right;}

.l470 { width: 530px; float: left;}
.r470 { width: 410px; float: right;}

.l200 { width: 200px; float: left;}
.r270 { width: 320px; float: right;}

.l200 { width: 200px; float: left;}
.r250 { width: 200px; float: right;}

.l499 { width: 499px; float: left;}
.r445 { width: 445px; float: right;}

.leftline { border-left: 5px solid #039; padding: 0 0 0 10px; margin:0 0 10px; }
.dotline { border-bottom: 1px dotted #ccc; padding: 0 0 10px;  margin:0 0 20px; }
.blbox { background: #039; color: #fff; text-align: center; margin: 0 0 10px; }

.fr10 { width: 310px; border-right: 10px solid #fff; float: left; }

ol { margin: 0 0 35px; padding:0;}
ol li { margin: 0 0 0 2em; }

.f-large { font-size: 1.14em; line-height: 2em;}

/*-----------------taniguchi　2012/02/21修正---------------------*/
/*#header {
	width:960px;
	height:84px;
}*/

h1 {
overflow:hidden;
color:#fff;
font-size:x-small;
}
.header_btn{
	width:170px;
	float:right;
}
#navi{
	width:595px;
	float:right;
	margin-top:23px;
}
#navi li{float:right; list-style:none;}
#e_copy{
	background:url(../images/e_copy_bg.jpg) repeat-x top #000095;
	padding-left:15px;
	_height: 1%; min-height: 1%;
}
.bold{font-weight:bold;}

.title01{
	color: #333;
	border-left: 20px solid #242550;
	margin: 30px 10px 15px 0;
	padding: 5px 10px;
	font-size: 140%;
}
.text{line-height: 200%;
margin: 0 10px 20px 10px;}


.list-disc li{
	position: relative;
	padding-left: 15px;
	list-style: none;
}
.list-disc li::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "・";
}

.pr10{padding-right: 10px;}

@media print {
.fr10 { width: 310px; border-right: 14px solid #fff; float: left; }
.cl-box1{
	width:460px;
	float:left;
	border:9px solid #fff;
}
	}
.hader{ display:block}
.top1{ background:#000;padding: 5px 8px 0; height:25px;}
.top1 span{ float:left; display:block; width:60%; color:#fff;font-size:12px;} 
.top1 ul{ float:right; display:block; width:30%; text-align:right}
.top1 ul li{display:inline-block;text-align:center;width: 29%;background:url(../images/japanese_btn.jpg) center no-repeat;}
.top1 ul li a{font-size:12px;color:#000;font-weight: bold;text-decoration:none;display: flex;justify-content: center;align-items: center;}
.top1 ul li:hover a{ color:#0000ae}
.top1 ul li a img{ display:inline-block; height:20px; width:30px;}


.header-1{ width:100%;}
.logo{ display:block; width:39%; float:left;}
.logo a{ display:block}
.logo a img{ width:100%}
.header-r{ float:right; display:block; width:61%;}
.shji{float:right;display:block;border:1px solid #ccc;width: 100%;margin: 2% 0;}
.shji h2{float:left;display:block;width:26%;background:#0000ae;color:#fff;font-size:12px;line-height:45px;margin:1px;text-align:center;font-weight: bold;}
.shji span{font-size:14px;float:left;display:block;width:30%;color:#030077;text-align:center;font-weight: bold;margin-top: 1%;}
.shji strong{float:right;display:block;width:43%;line-height:15px;border-left:1px dotted #ccc;text-align: center;font-size: 13px;color: #000;}
.shji img{padding:7px 20px}

/*menu*/
.menu{height: 50px;line-height: 50px;}
.menu ul li{float:left;position:relative;background:url(../images/2navi2.jpg) center no-repeat;padding: 0 3%;min-width: 10%;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;  }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:15px;color:#000; text-decoration:none; font-weight:bold;display:block;text-align:center;}
.menu ul li:hover span>a{ color:#fff;}
.menu ul li:hover{background:url(../images/2navi1_o.jpg) center no-repeat; }
.menu ul li:nth-child(2):hover  {background:url(../images/2navi2_o.jpg) center no-repeat; background-size:100% 100%}
.menu ul li:nth-child(3):hover  {background:url(../images/2navi3_o.jpg) center no-repeat;background-size:100% 100%}
.menu ul li:nth-child(4):hover  {background:url(../images/2navi6_o.jpg) center no-repeat;background-size:100% 100%}
.menu ul li:nth-child(5):hover {background:url(../images/2navi4_o.jpg) center no-repeat;background-size:100% 100%}
.menu ul li:nth-child(6):hover  {background:url(../images/2navi5_o.jpg) center no-repeat;background-size:100% 100%}
.xuan{background:url(../images/2navi1_o.jpg) center no-repeat !important;}
.xuan a{ color:#fff !important;}


.cent01{ width:100%}
.cent01 img{ float:left; display:block; width:40%}
.cent01-r{ float:right; display:block; width:58%}
.cent01-r span{ display:block; font-size:16px; line-height:26px;}

.cent02{ margin-top:2%}
.cent02 h2{ font-size:16px; font-weight:bold; color:#0000ae; border-bottom:2px solid #0000ae; display:block; line-height:30px;}
.cent02 ul li{ float:left; display:block; width:32%; margin-right:2%; margin-top:2%}
.cent02 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent02 ul li img{ width:100%;}
.cent02 ul li span{ background:#039; font-size:16px; color:#fff; display:block; padding:0 2%;}
.cent02 ul li em{ font-style:normal; font-size:14px; background:url(../images/fery.png) repeat-x;  display:block; border:1px solid #ccc; color:#039; display:block; text-align:center;}
.cent02 ul li a{text-decoration:none;}

.cent03{ height:70px; line-height:70px; width:100%}
.cent03 span{padding: 0 1.7%;color: #fff;font-weight:bold;font-size: 24px;display: flex;align-items: center;}
.cent03 em{font-style:normal;width:8px;height:26px;display: inline-block;margin-right: 2%;}


.cent04{ margin-top:2%;}
.cent04 ul li{ margin-bottom:6%;}
.cent04 ul li strong{ background:#039; font-size:16px; color:#fff; display:block; padding:2px 2%;}
.cnanp{ padding:1% 0; border-bottom:1px dotted #ccc; margin-bottom:1%}
.cnanp a{display:block;float:left;width: 23.5%;}
.cnanp a img{ width:100%}

.snue{float:right;display:block;width: 76%;}
.snue span{ display:block; margin-bottom:4%;}
.cent04 ul li>a{ font-style:normal; font-size:14px; background:url(../images/fery.png) repeat-x;  display:block; border:1px solid #ccc; color:#039; display:block; text-align:center; line-height:26px; background-size:100% 100%; width:270px; margin:0 auto;}

.ceng15{ margin-top:4%;}

.geaht{ display:none}
@media only screen and (max-width: 980px) {
	#wrapper{ width:100%; border:none; margin:0 auto;}
	body{ background:#fff;}
	.mb20{ width:100%; height:auto;}
	.hader{ display:none;}
	.cent01{ width:90%; margin:0 auto;}
	.cent01 img{ width:100%; float:none;}
	.cent01-r{ float:none; width:100%; margin-top:5%;}
	.cent02{width:90%; margin:5% auto 0 auto; }
	.cent02 ul li{ float:none; display:block; width:100%;}
	.cent02 ul li span{ line-height:30px;}
	#wn{width:90%; margin:5% auto 0 auto;}
	#wn h2{ background:none}
	
	.cent04{width:90%; margin:5% auto 0 auto;}
	.cnanp a{ display:block; width:100%; float:none;}
	.snue{ float:none; width:100%; margin-top:5%;}
	.cnanp{ margin-bottom:4%}
	.cl-box2{ width:96%; border:none; padding:2%;}
	.cl-box2 img{ width:100%;}
	.frm-tb{table-layout: fixed; width:100%;}
	.frm-td{ width:70%;}
	.form-l{ width:100%;}
	textarea{ width:100%;}
	.l240{width:100%;}
	.l240 img{ width:100% !important; height:auto;}
	.r705{ width:100%}
	.r705 table{table-layout: fixed;width:100% !important;}
	.overview-table th{ width:20%}
	.fr10{ width:100%;}
	.fr10 img{ width:100%; height:auto;}
	.overview-table{table-layout: fixed;width:100% !important;}
	.l600{ width:100%;}
	.inside_con{ min-height:300px;}
	.r345{ float:none; width:100%; display:block}
	.shji strong{ width:33%}
.shji img{ padding:7px 6px;}
.shji span{ width:43%}
.shji h2{ width:23%}
.geaht{ display:block}
.top1{ background:none;}
.top1 ul{ float:none; width:100%;    text-align: center;}
	}