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

body {
	font-family:"Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
	margin:0;
	font-size:0.9em;background:#fcfff9
	}
p {
	;margin-bottom:10px
	}
img {
	outline:none;
	border-style:none;
	}
a {
	color:blue;
	}
a:visited {
    color:purple;
	}
a:hover {
    color:red;
	}
.bold {
	font-weight:bold
	}
.red {
	color:red
	}
.blue{
	color:blue
	}
.show-hide {
	display:block
	}
.center {
	text-align:center;margin:auto
	}
.fontsize120 {
	font-size:120%
	}
span.nowrap {
	;white-space:nowrap;
	}	

/*****HEADER*****/
header{
    display: block;width:1030px;
    margin: 0 auto;padding:;
    overflow: hidden;background:white
	}
header p{
	margin:10px 0 5px 0;
	}
header h1{
	}
header img{
    width:998px;height:215px;border:0;
    margin:0 15px
	}
.path {
	width:1000px;margin:0 auto 5px;padding:0 15px;
	background:white;text-align:right
	}
.to-centertop {
	margin-left:15px
}
	
/*****ハンバーガーメニュー*****/
/* https://www.asobou.co.jp/blog/web/css-menu 参考*/
#menu-btn-check {
    display: none;
	}
.menu-content{ display:none}

/*****NAV*****/
nav {
	font-family: "MS Sans Serif";
	width:1000px;text-align:center;margin:15px auto 50px;
	background:
	}
ul	{
	display:flex;width:1000px;background:}
li.menu { 
	list-style:none;
	font-size:100% ;
	background-color:white;
	border:1px green solid;
	margin:4px;margin-left:;padding:6px;
	}
li.menu a {
	text-decoration:none
	}

/*****ARTICLE*****/
div{
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
    overflow:auto;
	}
article{
    display: block;
    letter-spacing:;
    width: 1000px;
    margin:0px auto 30px;padding:0 15px;
    overflow:auto; background:white
	}
section{
	margin:30px;overflow:auto; background:white
	}
div.advice	{
	margin:25px;overflow:auto;width:auto
	}
section.index {
	}
	.index p {
		text-align:center;font-size:120%
		}
	.index img {
		margin:20px auto 0
		}
	.index img.kanban {
		margin:20px auto 0
		}
h2  {
	font-size:190% ; font-family: HG丸ｺﾞｼｯｸM-PRO; 
	color:white;
	background:#060;
	font-weight:bold; 
	margin: 0px auto 25px; 
	text-align:center;
	padding:10px; height: 
	}
h3  {
	color: maroon; font-size:120% ;font-weight:bolder;
	font-family:HG丸ｺﾞｼｯｸM-PRO;
	background-color: #060; margin-top: 10px; padding: 6px 0 6px 10px;
	background: #fdf5e6 url(../img/ninjin.gif) no-repeat;
	background-position:right; text-align: left;
	border:1px maroon solid;border-left:10px maroon solid
	}
h4  { 
	color: green; font-size: ; text-align: left;margin-left:8px
	;background-image:url('../img/pencil.jpg');background-repeat:no-repeat 
	;background-color:white;background-position:
	;padding:8px 0 6px 25px;border-bottom:1px green solid
	}

p.photo_r{
	float:right;font-size:85%;color:blue;
	text-align:center;margin-left:20px
	}
	.photo_r img{
		}
p.photo_l{
	float:left;font-size:85%;color:blue;
	text-align:center;margin-right:20px
	}
	.photo_l img{
		}
table.advice {
	border-top: 1px solid gray; border-left: 1px solid gray;
	float:left;border-collapse:separate;border-spacing:0
	}
	.advice th { 
		font-weight: normal; background-color: #ceffff; 
		text-align: left; padding: 4px; 
		border-right: 1px solid gray; border-bottom: 1px solid gray;
		}
	.advice td  { 
		text-align: left; padding: 4px; 
		border-right: 1px solid gray; border-bottom: 1px solid gray 
		}
table.yasai { 
	border-top: 1px solid gray; border-left: 1px solid gray;
	background-color:white;border-collapse:separate;border-spacing:0;
	margin:15px auto
	}
	.yasai caption  { 
		font-weight:bold
		}
	.yasai th { 
		text-align: center; padding: 4px; 
		border-right: 1px solid gray; 
		border-bottom: 1px solid gray;
		}
	.yasai td { 
		text-align: left; padding: 4px; 
		border-right: 1px solid gray; border-bottom: 1px solid gray 
		}
table.kingakuhyou {
	border-top:1px gray solid;border-left:1px gray solid;
	margin:auto;border-collapse:separate;border-spacing:0
	}
	.kingakuhyou th {
		border-right:1px gray solid;border-bottom:1px gray solid
		}		
	.kingakuhyou td {
		border-right:1px gray solid;border-bottom:1px gray solid;
		text-align:right
		}		
ul.manual{
	;display:block;width:auto;line-height:200%
	}
	.manual li{
		list-style-image:url('../img/icon2.gif');
		;padding-left:0;margin-left:30px
		}
ol.h4manu { color: blue; font-size: 98%;
	;background-image:none;list-style-type:katakana;
	font-weight:bold;padding:0px 0 0 30px;border-bottom:1px blue solid;
	margin-bottom:15px
	}
.guide-1 {
	}
div.higaeri {
	border:3px #ededed solid;float:left;
	margin-left:50px;width:40%;
	text-align:center;padding:10px
	}
	.higaeri p.tit {
		font-weight:bold;text-align:center;color:green;
		height:auto;font-size:110%
		}	
	.higaeri p {
		text-align:left;height:150px
		}	
div.taizai {
	border:3px #ededed solid;float:right;
	margin-right:50px;width:40%;
	text-align:center;padding:10px}
	.taizai p.tit {
		font-weight:bold;text-align:center;color:green;
		height:auto;font-size:110%
		}	
	.taizai p {
		text-align:left;height:150px;
		}
div.vimeoLeft {
	border:0;float:left;
	margin-left:50px;width:40%;
	text-align:center;padding:10px
	}
	.vimeoLeft p.tit {
		font-weight:bold;text-align:center;color:green;
		height:auto;
		}	
div.vimeoRight {
	border:0;float:right;
	margin-right:50px;width:40%;
	text-align:center;padding:10px}
	.vimeoRight p.tit {
		font-weight:bold;text-align:center;color:green;
		height:auto;
		}	

table.table1 {
	;border-top:1px gray solid;border-left:1px gray solid;
	border-collapse:separate;border-spacing:0
	}
	.table1 caption {
		font-weight:bold
		}
	.table1 th {
		border-right:1px gray solid;border-bottom:1px gray solid;
		background:#CCFFFF;text-align:center;
		padding:4px
		}
	.table1 td {
		border-right:1px gray solid;border-bottom:1px gray solid;
		padding:4px
		}
	.table1 th.ProjectName {
		;width:160px
		}
	.table1 th.content {
		;width:400px
		}
	.table1 th.amount {
		;width:130px
		}
	.table1 td span {
		display:block;background:
		}
	.table1 ol {
		background:;margin-left:25px;margin-bottom:10px;
		list-style:decimal
		}
table.table2 {
	;border-top:1px gray solid;border-left:1px gray solid;
	border-collapse:separate;border-spacing:0
	}
	.table2 caption {
		font-weight:bold
		}
	.table2 th {
		border-right:1px gray solid;border-bottom:1px gray solid;
		background:#CCFFFF;text-align:center;
		padding:4px
		}
	.table2 td {
		border-right:1px gray solid;border-bottom:1px gray solid;
		padding:4px 6px
		}
	.table2 th.city {
		}
	.table2 th.contact {
		}
	.table2 th.tel {
		}
	.table2 th.jurisdiction {
		}
	.table2 td span {
		}
table.table3 {
	;border-top:1px gray solid;border-left:1px gray solid;
	width:100%;border-collapse:separate;border-spacing:0
	}
	.table3 caption {
		font-weight:bold
		}
	.table3 th {
		border-right:1px gray solid;border-bottom:1px gray solid;
		background:#CCFFFF;text-align:center;
		padding:4px
		}
	.table3 td {
		border-right:1px gray solid;border-bottom:1px gray solid;
		padding:4px 6px
		}
	.table3 th.bureau {
		;width:170px}
	.table3 th.office {
		;width:200px}
	.table3 th.tel {
		;width:120px}
	.table3 th.jurisdiction {
		}
table.tebiki {
	border:3px #ededed solid;
	}
	.tebiki td {
		padding:8px 20px
		}
	
 
/* totopボタン */
a#pagetopBtn img {
  position:fixed;
  bottom:10px;
  right:10px;
  width:60px
  }


/* 以下スライドショー */

/*1枚目*/
@keyframes slide1 {
	0% {opacity: 1;}
	10% {opacity: 1;}
	20% {opacity: 1;}
	100% {opacity: 0;}
}

/*2枚目*/
@keyframes slide2 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	30% {opacity: 1;}
	40% {opacity: 1;}
	100% {opacity: 0;}
}

/*3枚目*/
@keyframes slide3 {
	0% {opacity: 0;}
	40% {opacity: 0;}
	50% {opacity: 1;}
	60% {opacity: 1;}
	100% {opacity: 0;}
}

/*4枚目*/
@keyframes slide4 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	80% {opacity: 1;}
	100% {opacity: 0;}
}

/*5枚目*/
@keyframes slide5 {
	0% {opacity: 0;}
	80% {opacity: 0;}
	90% {opacity: 1;}
	100% {opacity: 1;}
}


body { 
	margin: 0;
}

/*由起子追加*/
div.slideshow{
	width:900px;height:215px
	;margin:0 auto 20px auto
}


/*画像ブロック*/
#mainimg {
	clear: left;
	width: 100%;
	height: auto;
	position: relative;
}

/*３枚画像の共通設定*/
#slide1,#slide2,#slide3,#slide4,#slide5 {
	-webkit-animation-duration: 20s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 20s;			/*同上*/
	-webkit-animation-iteration-count:1;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count:1;			/*同上*/
}

/*1枚目*/
#slide1 {
	-webkit-animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1;				/*同上*/
	position: relative;
	width: 100%;
	height: auto;
}

/*2枚目*/
#slide2 {
	-webkit-animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*3枚目*/
#slide3 {
	-webkit-animation-name: slide3;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide3;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*4枚目*/
#slide4 {
	-webkit-animation-name: slide4;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide4;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*5枚目*/
#slide5 {
	-webkit-animation-name: slide5;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide5;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}