@charset "shift_jis";
/* 全体 */

*{

	margin:0;
	padding:0;
	font-size:13px;
	font-style: normal;
	/*border: solid 1px #fff;*/

}


a{
	text-decoration:none;
}

a:link {
	color: #000;
}
a:visited {
	color: #555;
}
a:hover {
	color: #A9A9A9;
	opacity:0.6;
}
a:active {
	color: #000;

}


#index {
	color: #2F4F4F;
	background-color: #F8F8FF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: normal;
	text-decoration: none;
}
#container {

        width:850px;



	/*border: 1px solid #FF2200;  */
	margin: 0px auto;  
	padding:0;

}



#container p{
	width: 60%;  
	/*border: 1px solid #FF0000;*/
	margin: 0px auto;  
	text-align:center;
	padding:0;
}
li{
	line-height: 16px;
	margin-top: 0px;
	list-style-type: none;


}



h1 {
	margin:6px 130px 6px 600px;
	text-align:right;
	font-size: 18px;
}

p{
	float:none;

}

h2 {
	font-size: 10px;
	margin:10px auto;
	text-align:center;
	/*background-color: #F0FFF0;
	border: 1px solid #F0FFF0;  
	text-indent: 20px;*/
}

.pro {
        width:900px;
        height:800px;
	float:none
/*	display: inline-block;
	text-align: center;*/
	margin: 30 auto;
}

.pro li{

font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3'; 

	/*border: solid 3px #000000;*/
	text-align:center;
        width:220px;
        height:280px;
	float: left;
display: inline-block;
text-align: center;
	
}

.pro2 li{


	/*border: solid 3px #000000;*/
	text-align:center;
        width:220px;
        height:100px;
	float: left;
display: inline-block;
text-align: center;
	
}

#footer{
        width:100%;
	height: 138px;
	padding-top: 10px;
	font-size: 16px;
	text-indent: 40px;
	/*border: 1px solid #FFcc00;  
	background-color: #8FBC8F;*/
	background-color: #F0FFF0;

	margin:0;
}

@media screen and (max-width: 430px) {
#footer {
        width: 870px;
    }
 }

#footer h1 a{
	font-size: 21px;
}
#footer p{
	color: #2F4F4F;
	font-size:11px;
	text-align:right;
	margin:7px 130px 3px 600px;
}
#footer ul li{
	text-align:right;
	margin:2px 130px 6px 400px;
	list-style-type: none;
}
#footer ul a{
	color: #FFF;

}

#footer ul a:hover{
	color: #0F9;
}
address {
	font-style: normal;
	color: #2F4F4F;
	font-size:11px;
	text-align:right;
	margin:10px 130px 6px 600px;
}

/* topページ */

#top {
	color: #2F4F4F;
	background-color: #F8F8FF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: normal;
	text-decoration: none;
}

#top h2 {
	margin:28px;
	text-align:center;
	font-size: 24px;
}


h3 {
  clear: both;
	
	margin:40px 28px 30px 28px;
	text-align:center;
	font-size: 18px;
	height: 30px;
}




#top li {
	margin-top:27px;
	margin-bottom:7px;
	text-align:center;
}

#top .pro a{
width: 200px;
height: 270px;
}

#top p{
	margin: 0 auto;
	float:none;
}

.area{font-size: 180%;

style:bold;
}
/* indexページ */

#container .menu p{

	/*width: 50%;  
	border: 1px solid #FF2200;  
	margin: 0px auto;  */
	padding:0;
	float: left;
}


/* .nav{
text-align: center;
}
.nav ul{
margin: 0 ;
padding: 0 ;
}
.nav ul li{
list-style: none;
display: inline-block;
width: 18%;
min-width: 90px;
float: left;
}
.nav ul li a{
text-decoration: none;
color: #333;
}
.nav ul li.current a{
color: #F33135;
}
.nav ul li a:hover{
color: #E7DA66;
}*/

h5{
	height;20px;
}


.button-01 a {
  height;20px;
	width: 210px;
  float:left;
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
  /*border: solid 1px #D3D3D3;*/
  background:  #F0FFF0;
  display: block;
  box-sizing: border-box;
  max-width: 220px;
  text-align: center; 
  padding: 18px 18px;
  margin: 26px;
  margin-inline: auto;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.button-01 a:hover {
float:left;
  color:#999999;
  background:  #CBFFD3;
  transition: all 0.3s;
}