@charset "utf-8";

/*========================================
　TOPページ
=========================================*/

h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}


/*　TOP画像
----------------------------------------*/

#top_img {
	padding: 10px 0px 20px 0px;
	clear: both;
	}

#top_img #top_form {
	width: 225px;
	height: 280px;
	float: left;
	}

#top_img #top_form #kensu {
	width: 92px;
	height: 20px;
	background-image: url(../images/top_kensu_bg.jpg);
	color: #FF6600;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0px 0px 130px;
	}



/*========================================
　物件が決まっているお客様
========================================*/

#bukken1 {
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	background-color: #EEEEEE;
	padding: 20px 19px;
	margin: 0px 0px 30px 0px;
	}



/*　step1
----------------------------------------*/

#step1 {
	width: 195px;
	height: 320px;
	float: left;
	background-color: #FFFFFF;
	}

#step1_2 {
	background: url(../images/step_bg.gif) repeat-x;
	padding-left: 95px;
	}

#step1_3 {
	margin-left: 10px;
	border: #CCCCCC 1px solid;
	height: 285px;
	}



/*　step2
----------------------------------------*/

#step2 {
	width: 185px;
	height: 320px;
	float: left;
	background-color: #FFFFFF;
	}

#step2_2 {
	background: url(../images/step_bg.gif) repeat-x;
	padding-left: 85px;
	}

#step2_3 {
	border: #CCCCCC 1px solid;
	height: 285px;
	}



/*　step3
----------------------------------------*/

#step3 {
	width: 195px;
	height: 320px;
	float: left;
	background-color: #FFFFFF;
	}

#step3_2 {
	background: url(../images/step_bg.gif) repeat-x;
	padding-left: 85px;
	}

#step3_3 {
	margin-right: 10px;
	border: #CCCCCC 1px solid;
	height: 285px;
	}



/*　step見出し
----------------------------------------*/

#bukken1 strong {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	text-align: center;
	height: 58px;
	padding: 22px 0px 0px 0px;
	background-image: url(../images/step_midashi.gif);
	border-bottom: #DDDDDD 1px solid;
	}

#bukken1 p {
	padding: 0px 10px;
	}


/*　stepやじるし
----------------------------------------*/

.step_yajirushi {
	width: 22px;
	height: 320px;
	float: left;
	background-color: #FFFFFF;
	}

.step_yajirushi div {
	background: url(../images/step_bg.gif) repeat-x;
	}

.step_yajirushi div img {
	margin-top: 180px;
	}



/*　step大やじるし
----------------------------------------*/

#step_yajirushi {
	padding: 20px 0px 0px 0px;
	text-align: center;
	clear: both;
	}




/*========================================
　物件が決まっていないお客様
========================================*/

#bukken2 {
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	background-color: #EEEEEE;
	padding: 20px 19px;
	margin: 0px 0px 60px 0px;
	}

#bukken2 strong {
	display: block;
	font-weight: bold;
	color: #0099FF;
	text-align: center;
	height: 58px;
	padding: 22px 0px 0px 0px;
	background-image: url(../images/step_midashi.gif);
	border: #DDDDDD 1px solid;
	}



/*　フェアプライズ
----------------------------------------*/

#bukken2_left {
	width: 420px;
	background-color: #FFFFFF;
	float: left;
	height: 630px;
	margin: 0px 0px 30px 0px;
	}

#bukken2_left div {
	padding: 20px;
	}

#bukken2_left div img {
	border: #CCCCCC 1px solid;
	}

#bukken2_left strong {
	font-size: 14px;
	}

.bukken2_icon {
	background: url(../pages/images/common/icon.gif) no-repeat 0px 5px;
	height: 22px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}



/*　ポータルサイト
----------------------------------------*/

#bukken2_right {
	width: 180px;
	background-color: #FFFFFF;
	float: right;
	height: 630px;
	margin: 0px 0px 30px 0px;
	}

#bukken2_right div {
	padding: 20px 20px 0px 20px;
	}

#bukken2_right div img {
	border: #CCCCCC 1px solid;
	margin-bottom: 5px;
	}




/*========================================
　半額・無料エリア
========================================*/

#chukai table {
	width: 660px;
	line-height: 18px;
	}

#chukai table .chukai_colgroup1 { width: 12%; }
#chukai table .chukai_colgroup2 { width: 53%; }
#chukai table .chukai_colgroup3 { width: 35%; }

#chukai table thead th {
	background-color: #DDDDDD;
	padding: 10px 10px;
	text-align: center;
	font-weight: normal;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	}

#chukai table thead td {
	background-color: #DDDDDD;
	padding: 10px 10px;
	text-align: center;
	border-bottom: #CCCCCC 1px solid;
	}	

#chukai table tbody th {
	background-color: #EEEEEE;
	padding: 10px 10px;
	text-align: left;
	font-weight: normal;
	border-bottom: #CCCCCC  1px solid;
	border-right: #CCCCCC 1px solid;
	}

#chukai table tbody td {
	background-color: #FFFFFF;
	padding: 5px 10px;
	border-bottom: #CCCCCC 1px solid;
	}

#chukai table th ul {
	margin: 0px;
	padding: 0px;
	}

#chukai table th ul li {
	width: 80px;
	float: left;
	list-style: none;
	} 



/*　TOP画像　見積もりボタン
----------------------------------------*/

#form_button {
	width: 225px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	}

#form_button a{
	display: block;
	background: url(../images/top_form2.jpg) no-repeat;
	overflow: hidden;
	}

#form_button a:hover img {
	position: relative;
	z-index: -1;
	}

#form_button a:hover {
	width: 225px;
	height: 225px;
	background-color: transparent;
	}



/*　見積もりボタン
----------------------------------------*/

#form {
	width: 620px;
	height: 62px;
	}

#form a{
	display: block;
	background: url(../images/form2.gif) no-repeat;
	overflow: hidden;
	}

#form a:hover img {
	position: relative;
	z-index: -1;
	}

#form a:hover {
	width: 620px;
	height: 62px;
	background-color: transparent;
	}



/*　エージェント
----------------------------------------*/

#agent {
	width: 640px;
	margin-top: 40px;
	}

#agent b {
	font-size: 14px;
	font-weight: 100;
	}

#agent a img {
	margin: 10px 20px 0px 0px;
	}

#agent strong {
	font-size: 16px;
	font-weight: 100;
	}

#agent div {
	margin-bottom: 20px;
	}

#agent div p {
	margin-top: 10px;
	}

#agent .margin_t10 {
	margin-top: 10px;
	}

#agent #agent_1 {
	width: 300px;
	float: left;
	margin-top: 10px;
	}
	
#agent #agent_1 img {
	margin: 10px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	border: #CCCCCC 1px solid;
	}

#agent #agent_2 {
	width: 300px;
	float: right;
	margin-top: 10px;
	}

#agent #agent_2 img {
	margin: 10px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	border: #CCCCCC 1px solid;
	}
