/*--------------------------------------------------------
3、サイト全体の配置＆横幅
--------------------------------------------------------*/

div#container{
	margin: 0 auto;
	width: 944px;
}

@media
only screen and (max-width : 640px){
div#container{
	margin: 0 auto;
	width: 100%;
}
}


/*--------------------------------------------------------
4-6、エリア設定「本文」
--------------------------------------------------------*/


@media
only screen and (max-width : 640px){
div#main-contents{
	display: inline;
	float: right;
	margin-top: 5px;
	width: 95%;
	}
}




@media
only screen and (max-width : 640px){
div#main-contents .contents{
	clear: both;
	margin-top: 18px;
	margin-left: 15px;
	width: 95%;
	}
}




/*--------------------------------------------------------
4-7、エリア設定「フッター」
--------------------------------------------------------*/


@media
only screen and (max-width : 640px){
div#footer{
	clear: both;
	margin-left: 15px;
	font-size: 10pt;
	width: 95%;
	}
}


input{
	font-size: 14px;
}
select{
	font-size: 14px;
}


/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/


/*●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}


input{
	height: auto;
	width:92%;
}

textarea{
	height: auto;
	width:97%;
}


}





/*------------------------------------------------------------
　written＆copyright by Shigeoki Matsuo
-------------------------------------------------------------*/