@charset "shift-jis";

/*------------------------------
 area
------------------------------*/
#area_east {
	border: solid 3px #067be5;
	padding: 8px 10px;
}

#area_east .large {
	font-size: 16px;
	color: #067be5;
}

#area_west {
	border: solid 3px #239621;
	padding: 8px 10px;
}

#area_west .large {
	font-size: 16px;
	color: #239621;
}



/*------------------------------
 btn
------------------------------*/
.btn { cursor: pointer;}


/*------------------------------
 nav
------------------------------*/
#nav form li .btn {
	height: 47px;
	vertical-align: bottom;
}






/*------------------------------
 main visual
------------------------------*/
#mainVisual p {
	line-height: 1;
}

#mainVisual p img {
	vertical-align: bottom;
}

#mainVisual .bg_simulation {
	background: url(../images/index_mainVisual_simulation.jpg) no-repeat left top;
	width: 210px;
	height: 316px;
}

#price_simulation {
	width: 198px;
	border:3px solid #ffa800;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/PIE.htc);
	position: relative;
	top: 6px;
}


#price_simulation #tit {
	width: 198px;
	font-size: 14px;
	font-weight: bold;
	background: #ffa800;
	color: #000;
	padding: 4px 0 6px;
	text-align: center;
}

#price_simulation .w192 {
	width: 192px;
	margin: 3px 3px 6px 3px;
}

#price_simulation dl {
	background: #eee;
	margin-bottom: 8px;
	padding: 4px 4px 3px;
}

#price_simulation dl select {
	width: 184px;
	border: solid 1px #777;
	background: #fff;
	padding: 3px 3px 3px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/PIE.htc);
}

#price_simulation dl dd{
	font-size: 11.5px;
}

#price_simulation .large {
	font-size: 21px;
	font-weight: bold;
}

#price_simulation .small {
	font-size: 10px;
}

#price_simulation ul.price li.kodate {
	background: url(../images/icon_simulation_kodate.gif) no-repeat left top;
	margin-bottom: 4px;
	padding: 10px 0 0 45px;
}

#price_simulation ul.price li.mansion {
	background: url(../images/icon_simulation_mansion.gif) no-repeat left top;
	padding-left: 45px;
	line-height: 1.2;
}


/* オーバーレイ */
#parent_price_simulation {
	position: relative;
	z-index: 999;
	background: #f6f9fd;
}

#parent_price_simulation .tit_simulation {
	background: #cbf4f6;
	margin-bottom: 10px;
	padding: 3px 5px;
}

#parent_price_simulation ul li {
	line-height: 2;
}

#price_simulation01 {
	top: -303px;
	*top: -312px;
	left: -305px;
}

#price_simulation01:not(:target) {
	top: -312px\9; /* IE9 */
}


/*------------------------------
 font size
------------------------------*/
.xlarge {
	font-size: 22px;
	font-weight: bold;
}



/*------------------------------
 join box
------------------------------*/
.join_area {
	clear: both;
	margin: 0 0 30px;
	text-align: center;
}

/* join_box */
.join_box {
	background: #fffbe1;
	border:5px solid #ff9c00;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 0 20px 0;
	text-align: center;
	behavior: url(/PIE.htc);	
}

.join_box .tit {
	font-size: 20px;
	font-weight: bold;
	background: #ff9c00;
	margin-bottom: 20px;
	padding: 5px 0 7px 0;
}

.join_box table {
	margin: 0 auto;
}







/* 特典1
------------------------------------------- */
ul.thumbnail li {
    float: left;
    margin-right: 10px;
}

ul.thumbnail li.end {
    margin-right: 0;
}



/* 特典4
------------------------------------------- */
.block305 {
	width: 305px!important;
}




/*------------------------------
 table
------------------------------*/
table.price{
	border-collapse:collapse;
	border:1px solid #a1a29e;
	clear:both;
	margin:5px 0 10px 0;
}
table.price th{
	background-color:#fed19c;
	border:1px solid #a1a29e;
	text-align:center;
}
table.price th.type{
	text-align:left;
}
table.price td{
	border:1px solid #a1a29e;
	background-color:#ffffff;
	padding:5px;
}
table.price .bg01{
	background-color:#fff8db;
}
table.price .bg02{
	background-color:#f6f6f6;
}
table.price td strong .red{
	font-size:24px;
	line-height:100%;
}
table.price td div{
	margin:5px;
	text-align:left;
}
table.price td li.leftside{
	float:left;
	display:block;
	width:250px;
	clear:both;
}

/* flets_table */
.flets_table {
	clear: both;
	border-collapse: collapse;
}

.flets_table th {
	background-color: #e8e8e8;
	border: 1px solid #ccc;
	border-collapse: collapse;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
}

.flets_table td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 5px 10px;
}

.flets_table .bg_blue {
	background-color: #DAF1FF;
}


.flets_table01 {
	clear: both;
	border-collapse: collapse;
}

.flets_table01 th {
	background-color: #BAE5FF;
	border: 1px solid #BABCBD;
	border-collapse: collapse;
	font-weight: bold;
	padding: 8px 10px;
}

.flets_table01 td {
	border: 1px solid #BABCBD;
	border-collapse: collapse;
	padding: 10px;
	text-align: center;
}

.flets_table01 .bg04 {
	background-color: #FFD666;
}
.flets_table01 .bg05 {
	background-color: #ffef97;
}

.flets_table01 th.txtnormal {
	text-align: center;
}

.flets_table01 .bg02 {
	background-color: #DAF1FF;
	font-weight:normal;
}
.flets_table01 .bg03 {
	background-color: #f6f6f6;
	font-weight:normal;
}

.flets_table01 .mprice_01 {
	background:url(../images/index_icon_kodate.gif) center 30px no-repeat;
	padding-top: 32px;
}
.flets_table01 .mprice_02 {
	background:url(../images/index_icon_mansion01.gif) center 25px no-repeat #f6f6f6;
	padding-top: 36px;
}
.flets_table01 .mprice_03 {
	background:url(../images/index_icon_mansion02.gif) center 25px no-repeat;
	padding-top: 40px;
}
.flets_table01 .mprice_04 {
	background:url(../images/index_icon_mansion03.gif) center 5px no-repeat #f6f6f6;
	padding-top: 106px;
}

.flets_table01 .bd-n-t {
	border-top:none !important;
}
.flets_table01 .bd-n-l {
	border-left:none !important;
}
.flets_table01 .bd-n-b {
	border-bottom:none !important;
}
.flets_table01 .bd-n-r {
	border-right:none !important;
}


/*------------------------------
 width
------------------------------*/
.w560 { width: 560px;}
.w570 { width: 570px;}



/*------------------------------
 overlay
------------------------------*/
#parent_overlay_13c,
#parent_overlay_light,
#parent_overlay_koujihi {
	position: relative;
	z-index: 100;
}

#overlay_13c:not(:target) {
    top: -25px\9; /* IE9 */
}

/*------------------------------
 lco
------------------------------*/
.lco_posi {
	position: relative;
}

.lco_box {
	position: relative;
	z-index: 0;
}

.lco_img_flets {
	position: absolute;
	z-index: 1;
	top: 12px;
	right: 3px;
}