/* charset */
@charset "utf-8";

body{
 background-color:#ffffff;
 margin:0;
 font:12px 'メイリオ','Lucida Grande',Helvetica,osaka,Arial,sans-serif,Verdana,"Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
}

.base{
 background-image:url(img/space.gif);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 text-align: center;
 height:100%;
 width:900px;
}

.head{
 background-image:url(img/bg01.gif);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 text-align: right;
 height:110px;
 width:100%;
}

.head2{
 background-image:url(img/head.gif);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 text-align: right;
 height:110px;
 width:1100px;
}

.head3{
 float: right;
 margin:74px 100px 0 0;
}

.contents{
 background:#1c441c url(img/bg_contents.gif) top left repeat-x;
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 min-height:690px;
 width:100%;
}

.mat{
 background-image:url(img/bgm.gif);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 min-height:690px;
 width:1100px;
}

.top{
 background-image:url(img/top.jpg);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 min-height:690px;
 width:900px;
}

.topb{
 background-image:url(img/topb.jpg);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 min-height:690px;
 width:900px;
}

.topc{
 /*background-image:url(img/topc.jpg);*/
 background: #fff;
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 min-height:690px;
 width:900px;
}

.page404{
 background-image:url(img/bg404.jpg);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 min-height:690px;
 width:900px;
}

.file{
 background-image:url(img/space.gif);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 min-height:690px;
 width:900px;
}

.center{
 padding:0px;
 width:300px;
 min-height:300px;
 margin:310px 0 0 300px;
 float:left;
}

/*.center2{
 padding:0px;
 width:580px;
 min-height:300px;
 margin:260px 0 0 300px;
 float:left;
}*/

.center2{
 padding:0px;
 width:820px;
 min-height:300px;
 margin:20px 40px;
}

.topContent {
	width: 850px;
	margin: 50px auto 25px;
}
.top_left {
	width: 180px;
	float: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
.top_right {
	width: 640px;
	float: right;
	padding: 0;
}

.right{
 padding:0px;
 width:270px;
 min-height:300px;
 margin:310px 0 0 0px;
 float:left;
}

.filetop{
 padding:0px;
 width:900px;
 height:42px;
 margin:0;
}

.filetitle{
 background-image:url(img/bg03.gif);
 padding:0px;
 width:900px;
 height:50px;
 margin:0;
 font-size:12px;
 color:#CCCCCC;
 line-height:50px;
 text-align: left;
}

.fileimage{
 padding:0px;
 width:900px;
 height:150px;
 margin:0;
}

.fileleft{
 padding:0px;
 width:250px;
 min-height:400px;
 margin:30px 0 0 50px;
 float:left;
}

.fileleft2{
 padding:0px;
 width:420px;
 min-height:400px;
 margin:30px 0 0 50px;
 float:left;
}

.filemain{
 padding:0px;
 width:780px;
 height:60px;
 margin:30px 0 0 50px;
 float:left;
}

.filemain2{
 padding:10px;
 width:600px;
 min-height:400px;
 margin:30px 50 0 50px;
 float:center;
}

.fileright{
 padding:0px;
 width:560px;
 min-height:400px;
 margin:30px 0 0 20px;
 float:left;
}
.fileright table.example1 {
	margin:10px auto 25px;
}

.fileright2{
 padding:0px;
 width:380px;
 min-height:400px;
 margin:30px 0 0 20px;
 float:left;
}

.file1c{
 padding:30px 20px 0;
 width:860px;
 min-height:400px;
 margin:0;
}
.file1c table.example1 {
	margin:10px auto 25px;
}

.sfileleft{
 padding:0px;
 width:150px;
 min-height:300px;
 margin:30px 0 0 20px;
 float:left;
}

.sfilecenter{
 padding:0px;
 width:470px;
 min-height:300px;
 margin:30px 0 0 20px;
 float:left;
}

.sfileright{
 padding:0px;
 width:150px;
 min-height:300px;
 margin:30px 0 0 20px;
 float:left;
}

.sfileleft2{
 padding:0px;
 width:250px;
 min-height:300px;
 margin:10px 0 0 50px;
 float:left;
}

.sfilecenter2{
 padding:0px;
 width:250px;
 min-height:300px;
 margin:10px 0 0 20px;
 float:left;
}

.sfileright2{
 padding:0px;
 width:250px;
 min-height:300px;
 margin:10px 0 0 20px;
 float:left;
}

.bottom{
 background-image:url(img/bg03.gif);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 height:100px;
 width:100%;
}

.corp{
 background-image:url(img/bg03.gif);
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 line-height:30px;
 text-align: left;
 color:#ffffff;
 height:100px;
 width:900px;
}

strong.gray { 
 font-size:18px;
 color:#CCCCCC;
 font-weight: bold;
 line-height:50px;
 text-align: left;
 margin: 0 0 0 50px;
}

.clear{
 clear: both;
 margin:0 0 0 0;
}

.style01 { color: #000000; font-size: 14px; }   /*選択文字：14px黒*/
.style02 { color: #836A06; font-size: 14px; }   /*選択文字：14px茶*/
.style03 { color: #006600; font-size: 16px; }   /*選択文字：16px濃緑*/
.style04 { color: #836A06; font-size: 12px; }   /*選択文字：12px茶*/
.style05 { color: #333333; font-size: 12px; }   /*選択文字：12pxグレー*/
.style06 { color: #FFCC00; font-size: 10px; }   /*選択文字：10px黄色*/
.style31 { background-image : url(img/bg04.gif); }   /*背景画像：薄いグレー*/










h1{
 font-size:12px;
 color:#0d8020;
 font-weight: bold;
 line-height:50px;
 text-align: right;
 margin: 0 18px 0 0;
}

h2{
 font-size:14px;
 color:#CCCCCC;
 font-weight: bold;
 line-height:50px;
 text-align: left;
 margin: 0 0 0 70px;
}

A:link {
 text-decoration: none;
 color : #b4a551;
}

A:visited {
 text-decoration: none;
 color : #a5b09f;
}

A:hover {
 text-decoration: none;
 color : #ff7f00;
}

p.title { 
 font-weight: bold;
 font-size:18px;
 color:#0d8020;
}

table.example1{
 border-top:1px solid #5A6F5A;
 border-left:1px solid #5A6F5A;
 border-collapse:collapse;
 border-spacing:0;
 background-color:#ffffff;
 empty-cells:show;
}
.example1 th{
 border-right:1px solid #5A6F5A;
 border-bottom:1px solid #5A6F5A;
 color:#FFFFFF;
 background-color:#1a802b;
 padding:0.3em 1em;
 text-align:center;
}
.example1 td{
 border-right:1px solid #5A6F5A;
 border-bottom:1px solid #5A6F5A;
 padding:0.3em 1em;
}

table.example2{
 border:1px solid #999999;
 border-collapse:collapse;
 border-spacing:0;
}
.example2 th{
 border:1px solid #006611;
 color:#FFFFFF;
 background-color:#1a802b;
 padding:0.5em;
 text-align:center;
}
.example2 td{
 border:1px solid #999999;
 padding:0.5em 1em;
 vertical-align:top
}

#johnanBldg {
	width: 627px;
}
#johnanBldg .ttl{
	width: 607px;
	font-size: 22px;
	line-height: 50px;
	color: #fff;
	font-family:
	   "ヒラギノ明朝 ProN W6",
	   "HiraMinProN-W6",
	   "HG明朝E",
	   "ＭＳ Ｐ明朝",
	   "MS PMincho",
	   "MS 明朝",
	   serif;
	font-weight: bold;
	background: #000;
	padding-left: 20px;
}
#johnanBldg table,
#johnanBldg th,
#johnanBldg td {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#johnanBldg table {
	width: 100%;
}
#johnanBldg th,
#johnanBldg td {
	font-size: 13.5px;
	line-height: 34px;
	text-align: left;
	padding: 0 12px;
}/*
#johnanBldg th {
	padding: 0 5px;
}
#johnanBldg td {
	padding: 0 12px;
}*/
#johnanBldg tr:nth-child(odd) th {
	background: #fcf5ef;
}
#johnanBldg tr:nth-child(even) th {
	background: #f3ece6;
}
#johnanBldg tr:nth-child(odd) td {
	background: #fffdf8;
}
#johnanBldg tr:nth-child(even) td {
	background: #faf2ef;
}
.l2 { letter-spacing: 6em; margin-right: -6em; }
.l3 { letter-spacing: 2.5em; margin-right: -2.5em; }
.l4 { letter-spacing: 1.33em; margin-right: -1.33em; }
.l5 { letter-spacing: 0.75em; margin-right: -0.75em; }
.l6 { letter-spacing: 0.4em; margin-right: -0.4em; }
.l7 { letter-spacing: 0.17em; margin-right: -0.17em; }

@-moz-document url-prefix() {
	.l2 { letter-spacing: 4em; margin-right: -4em; }
	.l3 { letter-spacing: 1.49em; margin-right: -1.49em; }
	.l4 { letter-spacing: 0.65em; margin-right: -0.65em; }
	.l5 { letter-spacing: 0.22em; margin-right: -0.22em; }
	.l6 { letter-spacing: 0em; margin-right: -0em; }
	.l7 { letter-spacing: 0em; margin-right: -0em; }
}

@media all and (-ms-high-contrast:none) {
	.l2, .l3, .l4, .l5, l6, l7 { letter-spacing: 0em; margin-right: -0em; }
}


.topbizwp	{ display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 0 0; }
.topbizwp .bizBox_c1	{ width: calc(50% - 20px); text-align: center; padding: 0 0 10px; }
.topbizwp .bizBox_c1 .inner	{ margin: 0 auto; width: 100%; text-align: left; }
.topbizwp .bizBox_c1 .inner p	{ padding: 10px; line-height: 1.5; }
.topbizwp .bizBox_c1 .inner img	{ width: 100%; }