@charset "utf-8";
img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

.pankuzu {
	margin-left: 20px;
}

.margin-b0 {
	margin-bottom: 0;
}

.margin-b0 table{
	margin: 0px auto;
}

.margin-b0 table td{
	line-height: 1.2;
}

#table1 tr:hover td{
	background-color: #fcfcaa;
}

#table1 tr td a{
	text-decoration:none;
}

#table1 tr:hover td a{
	display: block;
}

.margin-b10 {
	margin-bottom: 10px;
}

.margin-b10 table{
	margin: 0px auto;
}

.margin-b10 table td{
	line-height: 1.2;
}

.margin-b20 {
	margin-bottom: 20px;
}

.margin-b20 table{
	margin: 0px auto;
}

.margin-b20 table td{
	line-height: 1.2;
}

.margin-h10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-h10 img{
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin-h10 table{
	margin: 0px auto;
}

.margin-h0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.margin-h0 img{
	margin-top: 0px;
	margin-bottom: 0px;
}

.margin-h0 table{
	width: 90%;
	margin: 0px auto;
}

.margin-h0 table table{
	width: 100%;
}

.margin-click img{
/*	margin-top: 30px; 先着順表右のクリック位置を調整*/
	margin-top: 60px;
}

@media screen and (max-width:1000px) {
.margin-h0 table{
	width: 100%;
}
}

.margin-h0 table td p{
	margin: 0 ;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.3;
}

.margin-c10 {
	margin-bottom: 10px;
}

.margin-c10 table{
	margin: 0px auto;
}

.margin-c10 table td p{
	margin: 0 ;
	padding: 0 ;
	padding-left: 10px;
}

.margin-bb10 {
	margin-bottom: 10px;
}

.margin-bb10 img{
	margin-top: 5px;
	margin-bottom: 5px;
}

.text_area {
	padding-left: 90px;
	padding-right: 90px;
}

.text_area2 {
	padding-left: 150px;
	padding-right: 150px;
	font-size: 120%;
}

.text_area3 {
	margin-top:20px;
	padding-left: 120px;
	font-size: 120%;
}

.text_area4 {
	padding-left: 180px;
	padding-right: 150px;
}

.text_area5 {
	text-align:center;
	margin-top:20px;
	font-size: 120%;
}

.text_area6 {
	padding: 3% 2%;
	font-size: 90%;
}

.text_area7 {
	text-align:center;
	margin-top:20px;
	font-size: 250%;
}

.text_area8 {
	text-align:center;
	margin-top:40px;
	font-size: 150%;
}

.title {
	background:url(../images/title_back.gif) no-repeat;
	margin-top:10px;
	margin-left: 100px;
	margin-bottom: 10px;
	height: 35px;
}

.title p{
	padding-top: 3px;
	padding-left: 30px;
/*	font-size: 18px;*/
	font-size: 140%;
}

.title2 {
	background:url(../images/title_back2.gif) no-repeat;
	margin-top:10px;
	margin-left: 100px;
	margin-bottom: 10px;
	height: 70px;
}

.title2 p{
	padding-top: 3px;
	padding-left: 30px;
/*	font-size: 18px;*/
	font-size: 140%;
}

.title3 {
	margin-top:30px;
	margin-left: 100px;
	margin-bottom: 20px;
}

.title3 p{
	padding-top: 3px;
	padding-left: 10px;
/*	font-size: 20px;*/
	font-size: 155%;
}

.inquiry {
	margin-bottom: 0px;
}

.inquiry p{
	padding-left: 200px;
	margin-bottom: 0px;
}

.inquiry table{
	margin: 0px auto;
	font-size:95%;
	border-collapse:collapse;
}

.inquiry table th{
/*	color:#FFF; */
	background-color:#c0c0c0;
	border:#7a7a7a 1px solid;
	border-right-color:#b3b3b3;
	padding:5px;
	}

.inquiry table td.koumoku{
/*	color:#FFF; */
	background-color:#c0c0c0;
	border:#7a7a7a 1px solid;
	border-right-color:#b3b3b3;
	padding:5px;
	font-weight:bold;
	text-align:center;
	}
	
.inquiry table td{
	color:#000;
	border:#b3b3b3 1px solid;
	padding:5px;
	}

.inquiry .input-1 {
	width: 200px;
	margin-right: 5px;
	ime-mode: active; /*全角モード*/
}
.inquiry .input-2 {
	width: 200px;
	margin-right: 5px;
	ime-mode: inactive; /*半角モード*/
}
.inquiry .input-3 {
	width: 60px;
	margin-left: 5px;
}
.inquiry .input-4 {
	width: 300px;
	ime-mode: active; /*全角モード*/
}
.inquiry .input-5 {
	width: 140px;
	margin-right: 5px;
	ime-mode: inactive; /*半角モード*/
}
.inquiry .input-6 {
	width: 300px;
	height: 100px;
	overflow: auto;
	margin-right: 5px;
	ime-mode: active; /*全角モード*/
}

.inquiry .input-7 {
	width: 50px;
	ime-mode: inactive; /*半角モード*/
}

.inquiry .input-8 {
	ime-mode: active; /*全角モード*/
}

.inquiry .red {
	color: #FF0000;
}

.btn {
	margin-top: 20px;
	text-align: center;
}

/*　  資料請求ボタン　*/
.shiryo_btn {
	background:url(../images/shiryo_btn_on.gif) top center no-repeat;
	}

.shiryo_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

/*　  お問い合わせボタン　*/
.inquiry_btn {
	background:url(../images/inquiry_btn_on.gif) top center no-repeat;
	}

.inquiry_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

/*　  販売の告知ボタン　*/
.hanbai_btn {
	background:url(../images/top_kokuchi_on.gif) top center no-repeat;
	}

.hanbai_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

/*　  新規販売の告知ボタン　*/
.hanbai_new_btn {
	background:url(../images/top_newkokuchi_on.gif) top center no-repeat;
	}

.hanbai_new_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

/*　  相談会の告知ボタン　*/
.annai_btn {
	background:url(../images/top_annai_on.gif) top center no-repeat;
	}

.annai_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

/*　  販売ページPDF出力ボタン　*/
.pdf_btn {
	margin: 5px auto 20px;
	}
.pdf_btn .pdf01 {
	background:url(../images/hanbai_01_on.gif) top center no-repeat;
	}
.pdf_btn .pdf02 {
	background:url(../images/hanbai_02_on.gif) top center no-repeat;
	}
.pdf_btn .pdf03 {
	background:url(../images/hanbai_03_on.gif) top center no-repeat;
	}
.pdf_btn .pdf04 {
	background:url(../images/hanbai_04_on.gif) top center no-repeat;
	}
.pdf_btn .pdf05 {
	background:url(../images/hanbai_05_on.gif) top center no-repeat;
	}
.pdf_btn .pdf06 {
	background:url(../images/hanbai_06_on.gif) top center no-repeat;
	}
.pdf_btn .pdf07 {
	background:url(../images/hanbai_07_on.gif) top center no-repeat;
	}
.pdf_btn .pdf08 {
	background:url(../images/hanbai_08_on.gif) top center no-repeat;
	}
.pdf_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

p.type1 {
	text-align:center;
/*	font-size: 11px;*/
	font-size: 90%;
	color: #FFF;
}

p.type2 {
	text-align:center;
	color: #FFF;
}

.type3 {
	font-size: 150%;
}

p.type4 {
	text-align:center;
	font-size: 90%;
}

p.type4 img{
	vertical-align: text-bottom;
}

p.type5 {
	font-size: 85%;
	padding-top: 1px !important;
	line-height: 1.8 !important; 
}


.clear {
	clear:both;
}

/*　  契約のながれ（抽選販売）ボタン　*/
.flow_new_btn {
	background:url(../images/flow_new_btn_on.gif) top center no-repeat;
	}

.flow_new_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

/*　  契約のながれ（先着販売）ボタン　*/
.flow_btn {
	background:url(../images/flow_senchaku_btn_on.gif) top center no-repeat;
	}

.flow_btn a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
	}

/*　個人情報について　*/
.infobox {
	height: 160px;
	overflow: auto;
	margin-top: 5px;
/*	margin-left: 10px;*/
/*	margin-right: 20px;*/
}

.infobox table td{
	border: 0px solid;
	}

.txtred {
	color: #FF0000;
}

.txtbold {
	font-weight:bold;
}

.shoudan {
	color:#0000FF;
	font-weight:bold;
}

.keiyaku {
	color:#FF0000;
	font-weight:bold;
}

/* トップ　先着順＋住まいサポート２１
--------------------------------------------*/
#top_kokuchi {
	margin-bottom: 50px;
	}

ul#kokuchi_gr {
	clear:both;
	}

ul#kokuchi_gr li {
	float:left;
	}
	
ul#kokuchi_gr li#kokuchi_gr_01 {
	background:url(../images/top_kokuchi_01_on.gif) left top no-repeat;
	}
	
ul#kokuchi_gr li#kokuchi_gr_02 {
	background:url(../images/top_kokuchi_02_on.gif) left top no-repeat;
	}
	
ul#kokuchi_gr li a:hover img{
    filter: alpha(opacity=0); /*IE6～7*/
    -ms-filter: "alpha( opacity=0 )"; /*IE8*/
    opacity:0;
}

/* 文字装飾　その他 */
.img_area {
	padding-left: 50px;
	padding-right: 50px;
}

.red {
	color:#FF0000;
}

.white {
	color:#FFFFFF;
}

.r120 {
	font-size: 120%;
}

.mt10 {
	margin-top: 10px;
}

.torikeshi {
	text-decoration: line-through;
}

#jumbi {
	background-color:#FFFF00;
	color:#FF0000;
	font-size: 150%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 5px;
	font-weight:bold;
}

/*上に戻る*/
#page-top {
	display:none;
	position:fixed;
	right:10px;
	bottom:20px;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:10px;/*サイズ変更*/
}
#move-page-top{
	color:rgba(0,0,0,0.3);/*カーソル合わせる前の色*/
	text-decoration:none;
	display:block;
	cursor:pointer;
}
#move-page-top:hover{
	color:rgba(234,124,124);/*カーソルを合わせたときの色*/
}

/* トップ
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width:1000px) {
	
#container {
/*	background: url(../img/bg_sp.jpg) no-repeat center top;*/
	background-size: cover;
}
	
#contents {
	height: inherit;
	width: 94%;
	margin: 0%;
	padding: 0% 3%;
	position: relative;
	background: none;
}

#contents img {
	width: 100%;
}

#contents a img {
	width: auto;
}

#contents .topimg a img {
	width: 100%;
}

#contents .click img {
	width: auto;
	margin-left: 20px;
}

#contents2 {
	height: inherit;
	width: 94%;
	margin: 0%;
	padding: 0% 3%;
	position: relative;
	background: none;
}

#contents2 img {
	width: 100%;
}

#contents2 a img {
	width: 100%;
}

#contents2 .topimg a img {
	width: 100%;
}

#contents2 .click img {
	width: auto;
	margin-left: 20px;
}

#header img {
	width: 100%;
}

.text_area {
	padding-left: 5px;
	padding-right: 5px;
}

.text_area2 {
	padding-left: 150px;
	padding-right: 150px;
	font-size: 120%;
}

.text_area3 {
	margin-top:20px;
	padding-left: 120px;
	font-size: 120%;
}

.text_area4 {
	padding-left: 10%;
	padding-right: 10%;
}

.text_area5 {
	text-align:center;
	margin-top:20px;
	font-size: 120%;
}

.text_area7 {
	text-align:center;
	margin-top:20px;
	font-size: 150%;
}

.text_area8 {
	text-align:center;
	margin-top:10px;
	font-size: 120%;
}

.title {
	background:url(../images/title_back.gif) no-repeat;
	margin-top:5px;
	margin-left: 0;
	margin-bottom: 10px;
	height: 35px;
}

.title p{
	padding-top: 3px;
	padding-left: 30px;
	font-size: 110%;
}

.title2 {
	background:url(../images/title_back2.gif) no-repeat;
	margin-top:5px;
	margin-left: 0;
	margin-bottom: 10px;
	height: 70px;
}

.title2 p{
	padding-top: 3px;
	padding-left: 30px;
	font-size: 110%;
}

.title3 {
	margin-top:30px;
	margin-left: 0;
	margin-bottom: 20px;
}

.title3 p{
	padding-top: 3px;
	padding-left: 10px;
	font-size: 110%;
}

/*上に戻る*/
#page-top{
/*	right:50%;
	margin-right: -180px;/*位置をちょっと右にずらす*/
/*	right:10px;
	bottom:20px;
	margin: 0;
	padding: 0;*/
}

.pc { display: none !important; }
.sp { display: block !important; }

}

{
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}