@charset "utf-8";
body{
      margin: 0 auto 0 auto;
      padding: 0;
      font-size: 11pt;
      max-width: 100%;
      font-family: 'AR P丸ゴシック体M','メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
      color: #666666;
      line-height: 1.5;
      background-image: url("https://neco-reform.net/img/y6bs.gif");
}
h1 {
  font-size: 1.2rem;
  color: #FF0000;
}

h2 {
  font-size: 1.6rem;
  padding: px 0px 0px 10px;
  text-align:left;
}
h3 {
    font-size: 1.2rem;
  padding: 5px 0px 0px 20px;
  text-align:center;
}
p {
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding:0px 0px 10px 25px;
}
nav {
clear: both;
	max-width: 600px;
	background: #b56a3e;
}
nav ul {
    display: table;
    margin: 0 auto;
	padding: 0;
	max-width: 960px;
}
nav li {
	display: table-cell;
	float: left;
    padding: 5px 3px;
}
nav a {
	color: #fff;
	text-decoration: none;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
}

header {
	
          margin: 0 auto 0 auto;
          padding: 1rem 0px 0px 0px;
          max-width: 600px;
          text-align: center;
          border-bottom: solid 20px #b56a3e;
}
main {
	float:none;
	margin:0px auto 0px auto;
	padding:15px;
	max-width:960px;
       text-align: center;
}
footer {
	clear: both;
	text-align: center;
	padding: 20px 13% 15px 0px;
float: right;
}
footer p{
color:#999999;
font-size:100%;
}




.image_600 {
          margin: 0 auto -10px auto;
          padding: 0;
	max-width: 600px;
max-width: 100%;
text-align: center;
}



section
{
	max-width: 880px ;
	margin: 0 auto ;
	padding: 0px ;
	overflow: hidden ;
}
article
{
	margin:0 auto 0 auto ;
	max-width: 660px;
	padding: 0px ;
	float: left ;
	border: 1px solid #ffffff ;
}
article p
{
color:#555555;
font-size:100%;
}

aside
{
	margin:0px auto 30px auto;
	max-width: 200px;
	padding: 0 ;
	float: left ;
       text-align: left;
}

.sec630
{
	max-width: 630px ;
	margin: 0 auto ;
	padding: 0px ;
	overflow: hidden ;
	
}
.art290
{
	margin:0 auto 0 15px ;
	min-width: 290px ;
	padding: 0px ;
	border: 1px solid #cccccc ;
	float: left ;
}

article p
{
color:#555555;
font-size:100%;
}


.mgr-15{
    margin-left : 15px;
}

.mgr-30{
    margin-left : 30px;
}

.art010{
margin: 0 10px 20px 15px;
float:left;
text-align:left;
line-height:0;
padding: 0.5em 1em;
color: #6091d3;
border: solid 2px #dddddd;border-radius: 10px;
background: #f3f3f3;
}

.art010 > p{
height:1em;
}











.art012{
margin: 0 auto 0 auto;
}



@media screen and (max-width:900px)
{
.art010{
float:none;
margin: 20px auto;
}
.art010 > p{
height:1.4em;
}
.art012{
float:none;
margin: 20px auto;
}
article
{
	float: none ;
	margin:0 auto 0 auto ;
}
aside
{
	float: none ;
	margin:50px auto 30px auto;
}
}



@media screen and (max-width:690px)
{
.art290
{
	float: none ;
	margin:20px auto 20px auto;
}
}













@media screen and (max-width:479px)
{
main
{
	width: auto ;
	padding: 0 10px ;
}
section
{
	float: none ;
	width: auto ;
	padding: 0 ;
	border: none ;
}
aside
{
	float: none ;
	width: auto ;
	margin:50px auto 30px auto;
}

aside
{
	margin:50px auto 30px auto;
	padding: 0 ;
       text-align: left;
}

aside p{
color:#999999;
font-size:200%;
}
}