@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400&display=swap&subset=japanese');


*, *:before, *:after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
}
body,td		{	font-family: "Noto Sans JP", sans-serif; }
body,td		{	
			font-size: 12px;
		}
body		{
			text-align: center;
			background: url(images/back.gif) no-repeat #F0F0DB center top;
			color: #000;
			margin: 0px;
		}

#toggle	{
		display: none;

	}


#layer0		{

			text-align: left;
			margin-left: auto;
			margin-right: auto;
			max-width: 780px;
			width:100%;
		}
#header		{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
			max-width: 780px;
			width:100%;
			height: 43px;
			background: url(images/head_back.gif) no-repeat top left;
		}
.headermoji	{
			width:100%;
			background: url(images/rogo.gif) no-repeat 20px 17px; 
			font-size: 12px;
			margin: 0px;
			color: #000;
			text-align: right;
			padding: 20px 20px 0px 0px;
		}

#navi		{

			width:100%;
			text-align: center;
			background-color: #F0F0DB;
		}
#navi-box	{

			width:100%;
			text-align: left;
			margin: 0px auto;
			background: url(images/souryou_muryou.gif) #F0F0DB no-repeat right center;
			color: #000;
			padding: 6px 18px;
			font-weight: bold;
		}
#navi a		{
			font-weight: normal;
			color: #06F;
			text-decoration: none;
		}
#navi a:hover	{
			color: #c00;
			text-decoration: underline;
		}
#body-space	{
			max-width: 780px;
			width:100%;

		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		}
#main-space	{
			width: 75%;
			text-align: center;
		}

#left-space	{
			width: 25%;
			background: url(images/left-c.gif) #FFFFF4 no-repeat top left;
		}
.menu		{

			margin:40px 0px 0px;
			padding: 0px;
		}
.menu ul	{
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
.menu li	{
			list-style:none ;
			display: inline;
		}
.menu li span	{
			font-size: 24px;
			color: #000;
			font-weight: bold;
			display: block;
			padding: 50px 0px 10px 20px;
		}
.menu li a	{
			color: #000;
			display: block;
			padding: 8px 0px 8px 20px;
			text-decoration: none;
			border-bottom: 1px solid #ddd;
		}
.menu li a.thi	{

			color: #259A0E;

		}
.menu li a:hover{
			color: #c00;
			background-color: #F7F6EB;
			text-decoration: underline;
		}

.menu li a.thi1	{
			text-indent:2.5ex;
			border-bottom: 1px solid #ddd;
			font-weight: normal;
		}
.menu li a.thi2	{
			text-indent:2.5ex;
			border-bottom: 1px solid #ddd;
			font-weight: normal;
		}
.menu li a.thi3	{
			font-weight: bold;
			color: #259A0E;
		}
#ca-cago	{
			margin: 20px 0px 20px 18px;
		}
#foot		{
			text-align: left;
			margin:5px auto;
			max-width: 770px;
			width:100%;
			padding-bottom: 20px;
			color: #999;
			font-size: 10px;
		}

iframe		{
			margin-top: 5px;
			border: none;
		}
.cl		{
			clear:both;
		}
.img		{
			border-style: none;
		}
.img2		{
			border:1px solid #CCC;
		}
.red		{
			color: #d33;
		}
.pred		{
			color: #b47777;
		}
.reset		{
			display: block; 
			clear: both; 
			font-size: 1px; 
			height: 1px; 
			line-height: 1px; 
			margin: 0;
		}
.brcl		{
			display:inline-block;
		}
#guide-space	{
			background-color: #000;
			color:#fff;
			width: 100%;
			text-align: center;
		}
#guide-box	{
			margin: 0px auto;
			width:95%;
			padding: 25px 0px 50px;
		}
#guide-box img	{
			margin: 0px auto;
			max-width:300px;
			width:70%;
			height:auto;

		}
#guide-box p	{
			margin: 0px;
			line-height: 140%;
		}

@media only screen and (max-width: 620px) {
#navi-box	{
			background:none;
			padding: 6px 6px;
		}
.headermoji	{
			background: none;
			padding:3px 5px 0px 10px;
	}
#toggle	{
		display: block;
		padding-left:10px;
		font-size: 9px;
		text-align:left;
	}
#toggle img{
		display: block;
		margin:5px 0px 5px;
	}
#toggle a{
		color:#000;
		text-decoration: none;
	}

#body-space	{
			position:relative;
		}
#main-space	{
			width: 100%;

		}

#left-space	{
			position:absolute;
			top:0px;
			left:0px;
			width: 100%;
		}
.menu		{
			display:none;
			margin:20px 0px 0px;
}
.menu li a	{
			color: #000;
			display: block;
			padding: 5px 0px 5px 20px;
			text-decoration: none;
			border-bottom: 1px solid #ddd;
		}



}