@charset "UTF-8";
/************************************************************
 * UTF-8で保存してください。
 ************************************************************/

html {
	font-size: 62.5%;
	/*フォントの基準サイズを10pxにする*/
}
/*基盤*/

#proContents {
	width: 100%;
	color: #323232;
	background-color: #fdd100;
	overflow:hidden;
}
#proContents, #proContents h1, #proContents h2, #proContents h3 {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "osaka", sans-serif;
}
#proContents img {
	display: block;
	/*デフォルトのdisplay:inline;で表示することはほぼ無いため*/
	max-width: 100%;
	/*親要素の幅からはみ出させない*/
	vertical-align: bottom;
}

a:hover img {
	opacity: 0.80;
	/*マウスオーバー時の透明度を指定*/
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}
.fl {
	float: left;
	/*class="fl"と指定するだけで左に回り込ませる*/
}
.fr {
	float: right;
	/*class="fr"と指定するだけで右に回り込ませる*/
}
.txt-left {
	text-align: left!important;
}
.txt-right {
	text-align: right!important;
}
.clearfix:after {
	/*回り込み解除*/
	display: block;
	content: "";
	clear: both;
}

.container{
	width:980px;
	margin: 0 auto;
}

.outer{
	width:980px;
	margin: 30px auto;
	padding:30px 0 30px 0;
	background-color: #fff;
	position: relative;
}
.box01{
	/*イベント*/
	width:920px;
	margin: 0 auto;
	padding:0 0 30px 0;
}
.btnarea01
{
	width:920px;
	margin: 0 auto;
}
#proContents .text{
	font-size: 28px;
	color: #000000;
	text-align: center;
	padding:0 0 30px 0;
}
.box02{
	/*ご成約プレゼント*/
	width:920px;
	margin: 0 auto;
}
.box03{
	/*ご成約プレゼント*/
	width:881px;
	margin: 0 auto;
	padding:12px 20px 20px 20px;
	background-color: #ffef11;
}
.btnarea02{
	position: absolute;top: 465px; left:50px ;
	overflow: hidden;
}
.btnarea02 li{
	margin-right: 20px;
}

.map{
	background-color: #fff;
	padding: 30px 0 30px 0;
	margin: 30px 0;
}
#proContents .titile_02{
	font-size: 30px;
	color: #000000;
	text-align: center;
	padding:0 0 30px 0;
}
#proContents .text02{
	width: 242px;
	font-size:15px;
	color: #000;
}

.map li{
	padding-bottom: 5px;
}

.map_inner{
	width: 854px;
	height: 246px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}
.map_adress{
	float: left;
	height: 123px;
	position: absolute;
		top: 20%;
}
.shoparea{
	background-color:#ff7617;
	width: 980px;
	margin: 0 auto;
	padding:50px 0;
	overflow:hidden;
}
#proContents .title_03{
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding:0 0 50px 0;
}

.box04{
	/*ショップエリア*/
	width: 684px;
	margin: 0 auto;
}

.shoparea li{
	margin-right: 30px;
	padding-bottom: 30px;
}
.shoparea ul{
	margin-right: -30px;
}
.btnarea03{
	width: 684px;
	margin:0 auto;
}

.line{
	width: 920px;
	margin: 50px auto;
	border-top: 1px solid #fff;
}

.box05{
	width: 922px;
	margin: 0 auto;
}
.logo{
	width: 447px;
	margin: 30px auto 0;
	padding-bottom: 30px;
}

#proContents .title_04{
	font-size: 12px;
	color: #fff;
	text-align: center;
}































































































}