@charset"UTF-8";
body
{margin: 0;
font-family:"Helvetica",sans-serif;}





/*メニュータグ*/

.menu1		{margin: 0px 0px 0px 0px;
			padding: 40px 0px 0px 0px;
			list-style:none;}

.menu1		{text-align: center;}

.menu1 a	{display: block;
			padding: 0px;
			color: #c0c0c0;
			font-size: 27px;
			text-decoration: none;}

.menu1:hover		{opacity:0.3;
					filter:alpha(opacity=30);
					-ms-filter: “alpha( opacity=30 )”;}







/*コンテンツ*/
.contents		{background-image: url("../img/imgeau.jpg");
				background-size: cover;}


.section1 p		{padding: 70px 20px 70px 50px;
				font-size: 15px;
				color: #303030;
				text-decoration: none;}


.section2 p		{padding: 70px 20px 70px 50px;
				font-size: 13px;
				color: #303030;
				text-decoration: none;}





/*コピーライト*/
.copyright		{margin: 0px;
				padding: 150px 0px 40px 0px;
				color: #c0c0c0;
				font-size: 14px;
				text-align: center;}









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



/*メニュータグ*/
.menu1				{margin: 30px 20px 20px 40px;
					padding: 0px;
					list-style:none;}

.menu1				{text-align: left;}

.menu1 a			{display: block;
					padding: 0px;
					font-size: 15px;
					text-decoration: none;}





/*コンテンツ*/
.section1 p		{padding: 40px 25px 30px 40px;
				font-size: 11px;
				text-decoration: none;}

.section2 p		{padding: 60px 25px 40px 40px;
				font-size: 10px;
				text-decoration: none;}





/*コピーライト*/
.copyright p	{margin: 0px 0px 0px 40px;
				font-size: 10px;
				text-align: left;}

;}










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




/*メニュータグ*/
.menu1			{margin: 30px 20px 20px 40px;
				padding: 0px;
				list-style:none;}

.menu1			{text-align: left;}

.menu1 a		{display: block;
				padding: 0px;
				font-size: 17px;
				text-decoration: none;}





/*コンテンツ*/
.section1 p		{padding: 40px 25px 40px 40px;
				font-size: 13px;
				text-decoration: none;}

.section2 p		{padding: 80px 25px 40px 40px;
				font-size: 12px;
				text-decoration: none;}




/*コピーライト*/
.copyright p	{margin: 0px 0px 0px 40px;
				font-size: 12px;
				text-align: left;}


;}







/* ####### 768px以上 ####### */
@media (min-width: 768px){

/* siteとmenuを横に並べる設定*/
.header-site:after		{content: "";
						display: block; 
						clear: both;}

.menu1		{float: left;
			width: 25%;}






/*BOXAを2分割*/
.contents:after		{content: "";
					display: block; 
					clear: both;}

.section1			{float: left;
					width: 50%;}

.section2			{float: left;
					width: 50%;}

;}