/* EUCで保存*/
/* EUCで保存*/
/* EUCで保存*/

@media screen and (max-width:979px){

	#header
	{
		position: relative;
		width: 100%;
		height: 100%;
		background: url(images/) no-repeat;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #E0E0E0;
		margin: auto;
		display: inline;
	}

	#headercontents
	{
		width: 640px;
		margin: auto;
	}

	#headercontents h1
	{
		width: 640px;
		background:;
		padding: 0px 0px 10px 0px;
		clear: both;
		font-size: 12px;
		text-align: center;
		margin: auto;
	}

	.head_img
	{
		width: 100%;
		height: 100%;
		background: #4FC449 url(images/bg_header.png) center middle;
		text-align: center;
		color: #ffffff;
		padding: 40px 0px 40px 0px;
		margin-top: 0px;
		font-size: 18px;
	}

	.head_img_sub
	{
		width: 100%;
		height: 100%;
		background: #4FC449 url(images/bg_header.png) center middle;
		text-align: center;
		color: #ffffff;
		padding: 40px 0px 40px 0px;
		margin-top: 0px;
		font-size: 18px;
	}


	.homebutton
	{
		display: inline;
		float: left;
		margin-left: 270px;
	}

	.menubutton
	{
		display: inline;

	}



		.tabmenu
		{
			width: 100%;
			background: #ff6a51;
			margin-bottom: -20px;
		}

		.tab
		{
			height: 44px;
			background: #efefef;
		}

		.tab li
		{
			width: 44px;
			height: 44px;
			cursor: pointer;
			display: inline-block;
			margin-left: 0px;
		}
						
		/*.tab li.select
		{
			/*background:#fd9;*/
		}*/
			

		.content div
		{
			background:#efefef;
			height: 100%;
			padding: 10px;
		}

		.hide
		{
			display:none;
			padding: 5px;
		}

		.content div.sub
		{
			margin: 5px 5px 5px 30px;
		}

		/*.tab li:after
		{
			content:"▼";
			padding-left: 1em;
		}

		.tab li.select:after
		{
			content:"▲";
			padding-left: 1em;
		}*/

		.other
		{
			margin-top: 1em;
			padding: 1em;
		}

		.close
		{
			float: right;
			width:20%;
			background:#32a51f;
			-webkit-border-radius:2px;
			border-radius: 2px;
			color: #fdfdfd;
			text-align: center;
			cursor: pointer;
		}

	.sub_l
	{
		margin: 5px 5px 5px 0px;
	}

	#mainwrapper
	{
		width: 100%;
		background: url(images/) repeat-y;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #E0E0E0;
		padding: 0px 0px 0px 0px;
		margin: auto;
	}

	#container
	{

		width: 100%;
		height: 1%;
		overflow: visible;
	/*にわ・なびの記事幅表示と合わせるために以下はすべて0にすること。paddingは.contentで入力*/
		padding: 0px 0px 0px 0px;
		clear: both;
		background: #;
	}

	.container_m
	{
		width: 640px;
		margin: auto;
		background: #;
		clear: both;
	}

	.content
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 30px 0px;
	}

	.contentbody2
	{
		background: #ffffff url(images/);
		text-align: justify;
		padding: 30px 20px 30px 20px;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #E0E0E0;
		text-align: justify;
		margin: 0px 0px 0px 0px;
		font-size:15px;
	}

	.works_trim
	{
		width: 210px;
		height: 250px;
		float: left;
		margin: 0px 2px 10px 1px;
		padding: 0px;
		display: inline;
		background: #ffffff url(images/) bottom;
	}

	.works_trim_title
	{
		width: 190px; 
		height: 30px; 
		overflow: hidden; 
		float: left; 
		padding: 5px 10px 5px 10px; 
		font-size: 14px; 
		line-height: 130%;
	}

	.works_trim_comments
	{
		width: 190px; 
		height: 45px; 
		overflow: hidden; 
		float: left; 
		padding: 5px 10px 5px 10px; 
		font-size: 13px; 
		line-height: 130%;
	}

	.home_info
	{
		width: 590px; 
		padding: 25px 25px 25px 25px; 
		background: #ffffff;
	}

	.footer_button /*会社情報、施工例、お問合せ*/
	{
		width: 162px; 
		background: #41A838; 
		float: left; 
		padding: 20px; 
		margin: 0px 5px;
		text-align: center; 
		font-size: 22px;
	}


	#sidebarcontainer
	{
		width: 100%;
		padding: 0px 0px 0px 0px;
		background: #7AD371;
		margin: 20px 0px 0px 0px;
		clear: both;
		display: hidden;
	}

	.menubox
	{
		width: 0%;
		height: 0%;
		display: none;
	}

	.aboutusbox
	{
		width: 50%;
		height: 240px;
		/*overflow-y: scroll;*/
		/*background: #41A838;*/
		float: left;
		padding: 0px 0px 0px 0px;
	}
	.aboutusbox_m
	{

		float: right;
		padding: 20px 20px 20px 20px;
	}

	.areabox
	{
		width: 50%;
		height: 240px;
		/*overflow-y: scroll;*/
		/*background: #26961A;*/
		float: left;
		padding: 0px 0px 0px 0px;
	}
	.areabox_m
	{

		float: left;
		padding: 20px 20px 20px 20px;
	}



	#footer
	{

		border-width: 0px 0px 0px 0px;

	}

}