@charset "UTF-8";


/*======================================基本======================================*/


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-size:small;*/
	margin:0;
	/*text-align:center;*/
	color:#2f1803;
	background-color:#eae1d2;
}

ul {
	list-style:none;
}



.cr {
	text-align:center;
	padding:24px;
}




a {
	text-decoration:none;
	border:none;
}


a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}


/*クリア*/
.sty_clear {
	clear:both;
}

/*======================================基本（エンド）======================================*/








/*======================================PC用======================================*/

.header_area {
	width:1024px;
	height:200px;
	margin:0 auto;
}

.content_area {
	width:1024px;
	height:1024px;
	margin:0 auto;
}

.list_area1 {
	width:1024px;
	height:300px;
	margin:0 auto;
}

.list_area2 {
	width:1024px;
	margin:0 auto;
	/*background-color:#FFF;*/
}

.list_area3 {
	width:900px;
	margin:0 auto;
	background-color:#FFF;/**/
}

.header01 {
	background-image:url(img/header01.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#FFFFFF;
	width:200px;
	height:200px;
	margin:0px;
	float:left;
	/*background-color:#6C6;*/
}

.header02 {
	background-image:url(img/header02.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#FFFFFF;
	background-color:#FFF;
	width:824px;
	height:200px;
	margin:0px;
	float:left;
	/*background-color:#690;*/
}

.menu01 {
	background-image:url(img/menu01.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	width:1024px;
	height:512px;
	margin:0px;
	float:left;
	/*background-color:#090;*/
}

.menu02 {
	background-image:url(img/menu02.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	width:512px;
	height:512px;
	margin:0px;
	float:left;
	/*background-color:#F90;*/
}

.menu03 {
	background-image:url(img/menu03.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	width:512px;
	height:512px;
	margin:0px;
	float:left;
	/*background-color:#906;*/
}

.text01 {
	width:1024px;
	line-height:2em;
	font-size:large;
	text-align:center;
	background-color:#eae1d2;
	float:left;
}

.text02 {
	width:1024px;
	height:80px;
	line-height:4em;
	text-align:center;
	background-color:#FFF;
	float:left;
}

.text03 {
	width:1024px;
	line-height:2em;
	font-size:xx-large;
	text-align:center;
	color:#FFF;
	background-color:#2f1803;
	float:left;
}

.text04 {
	width:1024px;
	line-height:2em;
	text-align:center;
	/*background-color:#690;*/
	float:left;
}

.text05 {
	width:1024px;
	/*height:300px;*/
	line-height:2em;
	text-align:center;
	background-color:#eae1d2;
	font-size:x-large;
	float:left;
}








/*======================================PC用（エンド）======================================*/

/*======================================スマホ用======================================*/




/*スマホ対応 */
@media screen and (max-width: 768px) {
	
	.header_area {
		width:400px;
		margin:0 auto;
	}
	
	.content_area {
		width:400px;
		margin:0 auto;
	}
	
	.list_area1 {
		width:400px;
		height:200px;
		margin:0 auto;
	}
	
	.list_area2 {
		width:400px;
		margin:0 auto;
	}
	
	.list_area3 {
		width:400px;
		margin:0 auto;
	}
	
	.header01 {
		background-image:url(img/header01.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		width:400px;
		height:200px;
		float:left;
		background-color:#FFFFFF;
	}
	
	.header02 {
		background-image:url(img/header02.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		width:400px;
		height:150px;
		text-align:left;
		float:left;
		/*background-color:#F90;*/
	}
	
	.menu01 {
		background-image:url(img/menu01.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		width:400px;
		height:300px;
		/*margin:0 0 8px 0;*/
		float:left;
	}
	
	.menu02 {
		background-image:url(img/menu02.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		width:400px;
		height:300px;
		/*margin:0 0 8px 0;*/
		float:left;
	}
	
	.menu03 {
		background-image:url(img/menu03.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		width:400px;
		height:300px;
		/*margin:0 0 8px 0;*/
		float:left;
	}
	
	.text01 {
		width:360px;
		/*height:60px;*/
		padding:20px;
		line-height:2em;
		/*font-size:12px;*/
		text-align:center;
		background-color:#eae1d2;
		float:left;
	}
	
	.text02 {
		width:360px;
		height:160px;/**/
		padding:20px;
		line-height:2em;
		/*font-size:12px;*/
		text-align:center;
		background-color:#FFF;
		float:left;
	}
	
	.text03 {
		width:360px;
		/*height:60px;*/
		padding:20px;
		line-height:2em;
		font-size:medium;/**/
		text-align:center;
		color:#FFF;
		background-color:#2f1803;
		margin-top:12px;
		float:left;
	}
	
	.text04 {
		width:360px;
		/*height:60px;*/
		padding:20px;
		line-height:2em;
		font-size:medium;/**/
		text-align:center;
		/*background-color:#690;*/
		float:left;
	}
	
	.text05 {
		width:360px;
		/*height:60px;*/
		padding:20px;
		line-height:2em;
		font-size:medium;/**/
		text-align:center;
		/*background-color:#690;*/
		float:left;
	}
	
	
	
	
}



/*======================================スマホ用（エンド）======================================*/