article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
display: block;
}

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#630;
line-height:25px;
font-size:0.95em;
}

img {
border:0px;
}

a {
text-decoration:none;
}

a:link {
color:#630;
}

a:visited {
color:#630;
}

a:hover {
color:#630;
text-decoration:underline;
}

a:active {
color:#630;
}


h1 {
font-size:0.9em;
margin:0px;
}


h2 {
font-size:1.3em;
margin:0px 0px 20px 0px;
}


h3 {
margin:0px 0px 0px 0px;
}


#wrap {
margin:0 auto;
width:960px;
}


#mainimg{
width: 960px;
height: 350px;
float: left;
margin: 10px 0px 15px 0px;
}


#mainimg1{
width: 960px;
height: 150px;
float: left;
margin: 10px 0px 15px 0px;
}

#contents {
width:615px;
float:left;
}


#contents2 {
width:490px;
float:left;
}

#contents3 {
width:960px;
float:left;
}


#newsbox {
width:593px;
height:auto;
border:solid 1px #CCC;
padding:10px;
margin-bottom:15px;
background-color:#FFF;
}

#newsbox p {
border-bottom:dashed 1px #CCC
}

.contentsbox {
width:593px;
height:auto;
border:solid 1px #CCC;
padding:10px;
margin-bottom:15px;
background-color:#FFF;
}

.contentsbox1 {
/*width:593px;*/
height:auto;
border:solid 1px #CCC;
padding:30px 30px 20px 30px;
margin-bottom:15px;
}

.contentsbox2 {
width:auto;
height:auto;
margin-bottom:15px;
background-color:#FFF;
}

.contentsbox3 {
width:auto;
height:auto;
border:solid 1px #CCC;
padding:30px 70px 30px 70px;
margin-bottom:15px;
}

.contentsbox4 {
width:960px;
height:auto;
border:solid 1px #CCC;
padding:10px;
margin-bottom:5px;
}



.imgbox {
width:230px;
height:167px;
float:right;
margin:25px 0px 10px 25px;
}

.imgbox2 {
width:300px;
height:300px;
float:right;
margin:10px 0px 10px 25px;
}

.minibox {
width:135px;
height:135px;
margin:0px 10px 10px 0px;
float:left;
}

.midashi {
border-bottom:dashed 2px #C30;
font-weight:bold;
color:#C30;
font-size:1.2em;
}


.midashi2 {
border-bottom:dashed 2px #630;
font-weight:bold;
color:#C30;
font-size:1.2em;
}

.tablestyle {
text-align:left;
width:455px;
}


.clear {
clear:both;
}

#goannai {
font-size:1.2em;
border-bottom:solid 2px #063;
margin:0px 0px 15px 0px;
color:#063;
}

#sidenavi {
width:330px;
margin-left:15px;
float:left;
}

#sidenavi1 {
width:450px;
margin-left:15px;
float:left;
}

.sidebox {
width:330px;
height:130px;
margin-bottom:15px;
}

.sidebox1 {
width:450px;
height:auto;
margin-bottom:15px;
}


footer {
clear:both;
height:50px;
padding-top:30px;
text-align:center;
font-size:0.85em;
background-image:url(img/footer.gif);
background-repeat:no-repeat;
display:block;
}

#menu  {
margin:0px;
padding:0px;
}

#menu li {
float:left;
list-style-type:none;
}


	/*============================
	News Parts
	============================*/
	
	.newstxt {
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		padding: 1% 0;
		border-bottom: dotted 1px #E3E3E3;
		font-size: 0.9em;
		margin: 1% 0;
	}
	.newsleft {
		width: auto;
		height: auto;
		font-weight: bold;
	}
	.newsright {
		width:auto;
		height: auto;
		padding-left: 4%;
		margin-bottom: 1%;
	}


	#bfbrwrap {
		line-height: 1.5em;
		margin-top: 20px;
	}

	.bfbr {
		text-align: left;
		display: block;
	}


	.bfbr1 {
		font-weight: bold;
		text-align: left;
		display: block;
	}
	
	.bfbr2 {
		font-weight: bold;
		padding-left: 8%;
		display: block;
	}

	.bfbr3 {
		text-align: right;
		display: block;
	}

	.sphbox {
		display: none;
	}


	.whisps {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.whibox {
		width: 40%;
		text-align: left;
	}
	.whibox1 {
		width: 40%;
		text-align: right;
	}
	.whibox2 {
		width: 30%;
		text-align: center;
	}

	.hiddencts {
		display: none;
	}

	.splogo img {
		display: none;
	}


@media screen and (min-width:0px) and ( max-width:768px) {
	
	img {
		width: 100%;
		height: auto;
	}
	
	#wrap {
		width:auto;
		padding: 2% 2% 6% 2%;
	}
	
	header {
		width: auto;	
	}
	header h1 {
		font-size: 0.9em;
		text-align: center;
	}
	
	nav {
		display: none;
	}
	
	h2 {
		text-align: center;
	}
	
	#mainimg {
		width: auto;
		height: auto;
		float: none;
	}
	
	#contents {
		width: auto;
		float: none;
	}
	
	#newsbox {
		width: auto;
	}
	#newsbox p br {
		display: none;
	}
	
	.contentsbox {
		width: auto;
	}
	
	.imgbox {
		width: 100%;
		height: auto;
	}
	
	#sidenavi {
		width: auto;
		float: none;
		margin-left: 0;
	}
	
	.sidebox {
		width: auto;
		height: auto;
		margin-bottom: 0px;
	}
	.sidebox img {
		width: 100%;
		height: auto;
	}
	
	.contentsbox1 {
		width: auto;
		padding: 5%;
	}
	.contentsbox1 span {
		display: none;
	}
	
	#mainimg1 {
		width: auto;
		height: auto;
		float: none;
	}
	#mainimg1 img {
		width: 100%;
		height: auto;
	}
	
	#contents2 {
		width: auto;
		float: none;
	}
	
	#sidenavi1 {
		width: auto;
		margin: 0;
		float: none;
	}
	
	#contents3 {
		width: auto;
		float: none;
	}
	
	.contentsbox4 {
		width: auto;
	}
	.contentsbox4 img {
		width: 100%;
		height: auto;
	}
	.contentsbox4 br {
		display: none;
	}
	.contentsbox4 span {
		display: none;
	}
	
	.imgbox2 {
		width: auto;
		height: auto;
		float: none;
		margin: 0;
	}
	
	
	
	#bfbrwrap {
		line-height: 1.5em;
		margin-top: 20px;
		clear: both;
	}
	#bfbrwrap br {
		display: none;
	}

	.bfbr {
		text-align: inherit;
		display: inline;
	}


	.bfbr1 {
		font-weight: bold;
		text-align: inherit;
		display: inline;
	}
	
	.bfbr2 {
		font-weight: bold;
		display: inline;
		padding-left: 0;
	}

	.bfbr3 {
		text-align: inherit;
		display: inline;
	}
	
	.contentsbox3 {
		padding: 5%;
	}
	
	.whisps {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.whibox {
		width: 60%;
		text-align: left;
	}
	.whibox1 {
		width: 40%;
		text-align: right;
	}
	.whibox2 {
		width: 30%;
		text-align: center;
	}
	
	.contentsbox2 {
		width:auto;
		height:auto;
		margin-bottom:15px;
		background-color:#FFF;
	}
	
	.sidebox1 {
		width:auto;
		height:auto;
		margin-bottom:15px;
	}
	
	.tablestyle {
		text-align:inherit;
		width:auto;
		font-size: 0.9em;
		letter-spacing: 0;
	}

	.tablestyle td:nth-child(odd) {
		font-weight: bold;
		width: 27%;
		padding-right: 3%;
	}
	.tablestyle td:nth-child(even) {
		text-align: left;
		width: 70%;
	}

	
	.tablestyle td span {
		font-size: 100% !important;
		margin-left: -1em;
	}
	
	

	/*=================
	Add Decoration 
	==================*/
	
	.spsmall {
		font-size: 1em;
		margin-bottom: 0;
	}

	.hiddenbr br {
		display: none;
	}
	
	.midashi {
		font-size: 0.9em;
		border-bottom:dashed 1px #C30;
		text-align: center;
		padding-bottom: 3px;
	}
	
	.btrwrap {
		text-align: center;
	}
	
	.button {
		border: solid 1px #DDDDDD;
		background-color: #E5E5E5;
		border-radius: 0.3em;
		padding: 0.8em;
		font-size: 0.8em;
	}
	
	.sidespwrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sidespwrap .sidebox {
		width: 49%;
		height: auto;
	}
	
	.sphbox {
		display: block;
		width: 49%;
		height: auto;
	}
	
	#goannai {
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	
	.hiddencts {
		display: inherit;
	}
	
	.spcent {
		text-align: center;
		padding: 0.3em 0;
		margin: 0 auto;
		border-top: double 3px #cdcdcd;
		border-bottom: double 3px #cdcdcd;
	}
	
	.spimg {
		display: none;
	}
	
	
	#pclogo {
		display: none;
	}
	
	.splogo {
		border-top:double 3px #74350a;
		border-bottom:double 3px #74350a;
		margin: 5px 0;
	}
	
	.splogo img {
		display: inherit;
		width: 100%;
		height: 100%;
	}
	
	.sps {
		margin: 15px 0;
	}
	
	
	

	
	
	
}