@charset "utf-8";
/* CSS Document */
/*サイトマップ用*/
@media only screen and (min-width:900px){	
/*以下のスタイルは最低900ピクセルのブラウザ適応*/

#container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-left:40px;
	padding-right:40px;
}
/*containerというidを持つ要素は幅900ピクセル 左右余白自動＝センター寄せ 左右の端から本文までそれぞれ４０ピクセル*/

footer{
	width:100%;
}
/*footerは幅１００％*/

/*タブレットmap*/
@media only screen and (min-width:600px) and (max-width:899px){
/*以下は600～899のブラウザに適用*/

#container{
	width:100%;
	padding-left:10px;
	padding-right:10px;
	}
/*containerというidは幅１００％ 左右の端から本文までそれぞれ１０ピクセル*/

header{
	width:100%;
}
/*headerは幅１００％*/

footer{
	width:100%;
}
/*footerは幅１００％*/

/*スマホmap*/
@media only screen and (max-width:599px){
/*以下は599px以下のブラウザに適用*/
#container{
	width:100%;
	padding-left:5px;
	padding-right:5px;
	margin:0;
}
/*containerというidは幅１００％ 左右の端から本文までそれぞれ５ピクセル 外に余白なし*/

header{
	width:100%;
}
/*headerは幅１００％*/

footer{
	width:100%;
}
/*footerは幅１００％*/

.linen_white{
	background-image:url("../images/wallpapers/linen_white.jpg");
	}
.cotton_bege{
	background-image:url("../images/wallpapers/cotton_bege.jpg");
	}
