@charset"UTF-8";

body
{margin:0px;padding:0px;
font-family:serif;}



/*サイト画像*/
.site img		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px;
				padding: 0px;
				vertical-align: bottom;} 




/*トップ画像*/
.top img		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px 0px 60px 0px;
				padding: 0px;} 




/*コンテンツ*/
.sectiona		{margin: 0px 0px 20px 0px;
				padding:0px 180px 10px 180px;
				color: #015249;
				background-color: #ffffff;
				font-size: 22px;
				line-height: 1.8em;
				font-weight: bold;
				text-decoration: none;
				text-align: center;}



/*下段の4つの画像*/
.section1		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 30px 0px 40px 0px;}


.imgaa			{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px;
				padding: 0px;}

.imgab			{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px;
				padding: 0px;}




/*コンテンツ*/
.section1 p		{margin: 0px 0px 80px 0px;
				padding:15px;
				color: #015249;
				background-color: #ffffff;
				font-size: 17px;
				line-height: 1.8em;
				text-decoration: none;
				text-align: left;}



/*コピーライト*/
.footer			{margin: 170px 20px 0px 25px;}

.copyright p	{margin: 0px 0px 20px 25px;
				color: #c0c0c0;
				font-size: 15px;}










/* ####### 599px以下 ####### */
@media (max-width: 599px){

/*トップ画像*/
.top img		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px 0px 50px 0px;
				padding: 0px;} 



/*下段の4つの画像*/
.section1		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px 20px 0px 20px;
				padding:15px;}





/*コピーライト*/

.footer			{margin: 100px 20px 0px 25px;}


.copyright p	{font-size: 13px;
				margin: 0px 0px 20px 0px;
				padding: 0px;
				text-align: center;}

;}








/* ####### 600px以上〜1039px以下 ####### */
@media (min-width: 600px) and (max-width: 1039px){

/*トップ画像*/
.top img		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px 0px 50px 0px;
				padding: 0px;} 


/*コンテンツ*/
.sectiona		{padding: 0px 55px 10px 55px;
				font-size: 24px;}



/*下段の4つの画像*/
.section1		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px 15px 50px 15px;}



/*下段の4つの画像を四分割*/
.contents1:after{content: "";
				display: block; 
				clear: both;}

.lead1			{float: left;
				width: 50%;}
.lead2			{float: left;
				width: 50%;}
.lead3			{float: left;
				width: 50%;}
.lead4			{float: left;
				width: 50%;}



/*コピーライト*/

.footer			{margin: 200px 20px 0px 25px;}

.copyright p	{font-size: 13px;
				margin: 0px 0px 20px 0px;
				padding: 0px;
				text-align: center;}


;}




@media (min-width: 1039px){
/* BOXを横に分割する設定*/
/*下段の4つの画像*/
.section1		{max-width: 100%;
				height: auto;
				text-align: center;
				margin: 0px 20px 70px 20px;}


.contents1:after{content: "";
				display: block; 
				clear: both}

.lead1			{float: left;
				width: 25%}
.lead2			{float: left;
				width: 25%}
.lead3			{float: left;
				width: 25%}
.lead4			{float: left;
				width: 25%}


;}




/* ####### 1040px以上 ####### */
@media (min-width: 1040px){
.header-site, .header-nav, .title, .main, .contents, .contents1, .contents2, .under, .footer	{width: 1080px;
																			margin-left: auto;
																			margin-right: auto;}

;}