@charset "UTF-8";
/* CSS Document */

@import 'reset-min.css';
@import 'common.css';
@import 'contents.css';
@import 'module.css';

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
	#wrapper{
		max-width:100%;
	}
	#main{
		max-width:100%;
	}
	div#side{
		width:100%;
		background-color:#F4F4F4;
		clear:both;
	}
	div#sideInner{
		width:100%;
		margin:0px;
	}
	div#sideInner h1{
		width:15%;
		height:126px;
		margin:0 5%;
		float:left;
		background-image:url(../images/ph_logo_020.png);
		background-repeat:no-repeat;
		display:block;
		text-indent:-9999px;

	}
	div#sideInner ul{
		width:75%;
		float:left;
		margin-top:20px;
	}
	div#sideInner ul li{
		width:14%;
		float:left;
	}
	#mainFooter{
		width:100%;
		margin:0px;
		padding:0px;
		display:none;
		clear:both;
	}

	div.sectionA3 ul{
		max-width:100%;
		margin:0 5%;
	}
	div.sectionA4 ul{
		max-width:100%;
		margin:0 5%;
	}
	
	div#sideInner ul li{
		width:14%;
		float:left;
	}
	
	}
	
	@media screen and (max-width:479px){
	/* 479px以下用（iphone用）の記述 */
	div#sideInner h1{
		width:100%;
		background-position:center;
		clear:both;
	}
	div#sideInner ul{
		width:100%;
		margin:20px 1%;
		clear:both;
	}
	#mainHeader{
		display:none;
	}
	div#sideInner ul li{
		width:39%;
		text-indent:0;
		float:left;
		border:1px #999 solid;
		background-color:#ccc;
		padding:3% 5%;
		margin:0px;
	}
	div#sideInner ul li a{
		display:block;
	}
	div#sideInner ul li#home{
		background-image:none;
	}
	div#sideInner ul li#news{
		background-image:none;
	}
	div#sideInner ul li#service{
		background-image:none;
	}
	div#sideInner ul li#cllient{
		background-image:none;
	}
	div#sideInner ul li#about{
		background-image:none;
	}
	div#sideInner ul li#contact{
		background-image:none;
	}
	div#sideInner ul li#facebook{
		display:none;
	}
	div.sectionA3 ul{
		max-width:100%;
		margin:0 10%;
	}
	div.sectionA4 ul{
		max-width:100%;
		margin:0 10%;
	}
	.input1{
		width:50%;
	}
	.input2{
		width:70%;
	}
	
}