.tit{
	width			: 960px ;
	height			: 135px ;
	margin			: 20px 0 40px ;
}

.midashi{
	width			: 960px ;
	height			: 41px ;
	margin			: 20px auto ;
}


.midashi02{
	width			: 960px ;
	height			: 47px ;
	margin			: 20px auto 40px ;
}







.box_line{
	width			: 960px ;
	display			: inline-block ;
}

.box01{
	width			: 960px ;
	display			: inline-block ;
}

.area01{
	width			: 270px ;
	height			: 230px ;
	margin			: 0 30px 30px 0 ;
	padding			: 10px 14px ;
	border			: solid 1px #664d43 ;
	border-radius	: 10px ;
	background-color: #ffffff ;
	float			: left ;
}

.area03{
	width			: 600px ;
	height			: 230px ;
	margin			: 0 0 30px 0 ;
	padding			: 10px 14px ;
	border			: solid 1px #664d43 ;
	border-radius	: 10px ;
	background-color: #ffffff ;
	float			: left ;
	display			: inline-block ;
}

.area_tit{
	width			: 270px ;
	height			: 44px ;
	margin			: 0 0 20px ;
}

.area_table{
	width			: 268px ;
	border-top		: solid 1px #dcdcdc ;
	border-left		: solid 1px #dcdcdc ;
	margin			: 0 0 20px ;
}

.td01{
	width			: 86px ;
	padding			: 5px 0 ;
	border-right	: solid 1px #dcdcdc ;
	border-bottom	: solid 1px #dcdcdc ;
	text-align		: center ;
	color			: #fff ;
	background-color: #664d43 ;
}

.td02{
	width			: 86px ;
	padding			: 5px 0 ;
	border-right	: solid 1px #dcdcdc ;
	border-bottom	: solid 1px #dcdcdc ;
	text-align		: center ;
	font-size		: 10px ;
}

.td03{
	width			: 29px ;
	padding			: 5px 0 ;
	border-right	: solid 1px #dcdcdc ;
	border-bottom	: solid 1px #dcdcdc ;
	text-align		: center ;
	background-color: #664d43 ;
	color			: #fff ;
}

.td04{
	width			: 29px ;
	padding			: 5px 0 ;
	border-right	: solid 1px #dcdcdc ;
	border-bottom	: solid 1px #dcdcdc ;
	text-align		: center ;
	font-size		: 10px ;
}

.area_txt{
	margin			: 0 ;
	padding			: 0 ;
}



/**お問合せ**/
.cont_img{
	width			: 270px ;
	height			: 120px ;
	margin			: 0 0 10px ;
}

.cont_txt{
	width			: 270px ;
	text-decoration	: underline ;
}


/**アクセス**/
.acc_l{
	width			: 270px ;
	height			: 220px ;
	float			: left ;
	margin			: 0 0 10px ;
}

.acc_r{
	width			: 270px ;
	height			: 220px ;
	float			: right ;
}

.add_logo{
	width			: 268px ;
	height			: 62px ;
	margin			: 0 0 10px ;
}

.add_txt{
	margin			: 0 0 10px ;
	padding			: 0 ;
}

.add_tel{
	width			: 270px ;
	height			: 60px ;
	margin			: 5px 0 0 ;
}

.add_map{
	width			: 270px ;
	height			: 130px ;
	margin			: 0 0 10px ;
}




/**お知らせ**/
.infobox{
	width			: 270px ;
	padding			: 0 0 14px ;
}

.infobox span{
	padding			: 0 0 5px ;
	font-weight		: bold ;
	color			: #664d43 ;
}

.infobox p{
	text-decoration	: underline ;
	padding			: 0 0 2px ;
	margin			: 2px 0 0 ;
	line-height		: 22px ;
}


.how_tit{
	width			: 960px ;
	height			: 40px ;
	margin			: 0 0 10px ;
}

@media screen and (min-width:320px) and ( max-width:639px) {
/*　画面サイズが320pxから639pxまではここを読み込む　*/
.tit{
	display			: none ;
}

.sp_tit{
	width			: 300px ;
	margin			: 20px auto 40px ;
}

.midashi{
	display			: none ;
}

.sp_midashi{
	width			: 300px ;
	margin			: 20px auto 40px ;
}

.midashi02{
	display			: none ;
}

.sp_midashi02{
	width			: 300px ;
	margin			: 20px auto 40px ;
}


.box_line{
	width			: 300px ;
	margin			: 0 ;
	padding			: 0 10px ;
}

.box01{
	width			: 300px ;
	margin			: 0 0 0 -12px ;
}

.area01{
	width			: 270px ;
	height			: 230px ;
	margin			: 0 auto 15px ;
	padding			: 10px 14px ;
	border			: solid 1px #664d43 ;
	border-radius	: 10px ;
	background-color: #ffffff ;
}

.sp_sub_midashi{
	width			: 300px ;
	margin			: 10px auto ;
}


.area03{
	width			: 270px ;
	height			: 485px ;
	margin			: 15px 0 15px 0 ;
	padding			: 10px 14px ;
	border			: solid 1px #664d43 ;
	border-radius	: 10px ;
	background-color: #ffffff ;
}


.sub_midashi{
	display			: none ;
}


.cate_line{
	display			: none ;
}

.acc_r{
	margin: 15px 0 0 0 ;
}

.int_line{
	width			: 300px ;
	margin			: 0 auto 30px ;
}

.int_l{
	width			: 300px ;
	height			: 150px ;
	margin			: 0 0 20px 0 ;
}

.int_l img{
	width			: 300px ;
	height			: 150px ;
}

.int_r{
	width			: 300px ;
}

.sub_midashi01{
	width			: 300px ;
	height			: 22px ;
	margin			: 0 0 20px 0 ;
}

.sub_midashi01 img{
	width			: 120px ;
	height			: 22px ;
}

.pop_line{
	width			: 300px ;
	margin			: 20px 0 50px ;
}

.pop01{
	width			: 300px ;
	height			: 120px ;
	margin			: 0 0 30px 0 ;
}

.pop01 img{
	width			: 300px ;
	height			: 120px ;
}

.pop02{
	width			: 300px ;
	height			: 120px ;
	margin			: 0 0 30px 0 ;
}

.pop02 img{
	width			: 300px ;
	height			: 120px ;
}

.pop03{
	width			: 300px ;
	height			: 120px ;
	margin			: 0 0 30px 0 ;
}

.pop03 img{
	width			: 300px ;
	height			: 120px ;
}

.how_tit{
	display			: none ;
}

.sp_how_tit{
	width			: 300px ;
	height			: 40px ;
	margin			: 0 0 10px ;
}


.how_line{
	width			: 300px ;
	padding			: 0 0 30px ;
}

.how_l{
	width			: 300px ;
	margin			: 0 0 10px 0 ;
}
.how_l span{
	font-size		: 16px ;
	color			: #FA834D ;
}

.how_r{
	width			: 300px ;
	height			: 200px ;
	margin			: 0 0 30px 0 ;
}

.how_r img{
	width			: 300px ;
	height			: 200px ;
}



}


@media screen and (min-width: 639px) {
/* 639pxからの幅の場合に適応される */
.sp_sub_midashi{
	display			: none ;
}

.sp_tit{
	display			: none ;
}

.midashi{
	width			: 960px ;
	height			: 41px ;
	margin			: 20px auto ;
}


.sp_midashi{
	display			: none ;
}

.midashi02{
	width			: 960px ;
	height			: 47px ;
	margin			: 20px auto 40px ;
}


.sp_midashi02{
	display			: none ;
}

.sp_how_tit{
	display			: none ;
}



.int_line{
	width			: 960px ;
	height			: 240px ;
	padding			: 0 0 50px ;
	display			: inline-block ;
}

.int_l{
	width			: 480px ;
	height			: 240px ;
	margin			: 0 20px 0 0 ;
	float			: left ;
}

.int_l img{
	width			: 480px ;
	height			: 240px ;
}

.int_r{
	width			: 460px ;
	float			: left ;
}

.sub_midashi01{
	width			: 120px ;
	height			: 22px ;
	margin			: 0 0 20px 0 ;
}

.sub_midashi01 img{
	width			: 120px ;
	height			: 22px ;
}

.pop_line{
	width			: 960px ;
	padding			: 0 0 50px ;
	display			: inline-block ;
}

.pop01{
	width			: 300px ;
	height			: 120px ;
	margin			: 0 30px 30px 0 ;
	float			: left ;
}

.pop01 img{
	width			: 300px ;
	height			: 120px ;
}

.pop02{
	width			: 300px ;
	height			: 120px ;
	margin			: 0 0 30px 0 ;
	float			: left ;
}

.pop02 img{
	width			: 300px ;
	height			: 120px ;
}

.pop03{
	width			: 300px ;
	height			: 120px ;
	margin			: 0 30px 30px 175px ;
	float			: left ;
}

.pop03 img{
	width			: 300px ;
	height			: 120px ;
}

.how_line{
	width			: 960px ;
	padding			: 0 0 40px ;
	display			: inline-block ;
}

.how_l{
	width			: 630px ;
	margin			: 0 30px 0 0 ;
	float			: left ;
}
.how_l span{
	font-size		: 20px ;
	color			: #FA834D ;
}

.how_r{
	width			: 300px ;
	height			: 200px ;
	float			: left ;
}

.how_r img{
	width			: 300px ;
	height			: 200px ;
}



}
