@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.idea-h.net/
File name:		layout_making.css
Summary:		base styles
Created:		2009-9-1
Last update:	2009-9-1 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* Point */
/* ------------------------------------------------------------ */
#index {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout {
	background: url(../images/making_index_bg.gif) left top repeat-y;
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_frame1 {
	width: 160px;
	padding: 0px 5px 0px 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_frame2 {
	width: 160px;
	padding: 0px 5px 0px 4px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_frame3 {
	width: 160px;
	padding: 0px 0px 0px 4px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu1 a {
	background: url(../images/making_button1.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu1 a:hover {
	background: url(../images/making_button1.gif) left bottom no-repeat;
}

#index .point_layout .menu2 a {
	background: url(../images/making_button2.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu2 a:hover {
	background: url(../images/making_button2.gif) left bottom no-repeat;
}

#index .point_layout .menu3 a {
	background: url(../images/making_button3.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu3 a:hover {
	background: url(../images/making_button3.gif) left bottom no-repeat;
}

#index .point_layout .menu4 a {
	background: url(../images/making_button4.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu4 a:hover {
	background: url(../images/making_button4.gif) left bottom no-repeat;
}

#index .point_layout .menu5 a {
	background: url(../images/making_button5.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu5 a:hover {
	background: url(../images/making_button5.gif) left bottom no-repeat;
}

#index .point_layout .menu6 a {
	background: url(../images/making_button6.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu6 a:hover {
	background: url(../images/making_button6.gif) left bottom no-repeat;
}

#index .point_layout .menu7 a {
	background: url(../images/making_button7.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#index .point_layout .menu7 a:hover {
	background: url(../images/making_button7.gif) left bottom no-repeat;
}

/* 構造計算をして安全確認 */
/* ------------------------------------------------------------ */
#point1_1 {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_1 .button1 a {
	background: url(../images/making_button6.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	margin-left: 510px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_1 .button1 a:hover {
	background: url(../images/making_button6.gif) left bottom no-repeat;
}

#point1_1 .list {
	width: 670px; /* ボックスの幅を指定 */
}

#point1_1 .list table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	empty-cells: hide;
	border-collapse: collapse;
	border-top: 1px #c8c8c8 solid;
}

#point1_1 .list th {
	background-color: #e6e6e6;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	padding: 5px 10px;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #c8c8c8 solid;
}

#point1_1 .list td {
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	white-space: nowrap;
	padding: 5px 10px;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #c8c8c8 dotted;
}

#point1_1 .list .bg2 {
	background-color: #fff0ff;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	border-bottom: 1px #c8c8c8 dotted;
}

#point1_1 .list .bg3 {
	background-color: #ebffff;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	border-bottom: 1px #c8c8c8 dotted;
}

#point1_1 .list .border_none {
	background-color: #fff;
	border: 0px #c8c8c8 solid;
}

#point1_1 .list .border_none2 {
	background-color: #ebffff;
	border: 0px #c8c8c8 solid;
}

#point1_1 .list .blue {
	color: #6464d7;
}

#point1_1 .list .red {
	color: #ff6464;
}

#point1_1 .list .explanation {
	font-size: 9px;
}

#point1_1 .making_frame1 {
	width: 670px;
	height: 10px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_1 .making_frame2 {
	background-color: #e5f2fc;
	width: 630px;
	padding: 0px 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_1 .making_frame2 h5 {
	clear: both;
	background: url(../images/making_qa1.gif) left center no-repeat;
	color: #04f;
	font-size: 12px;
	line-height: 31px;
	padding: 0px 0px 0px 50px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_1 .making_frame2 p {
	background: url(../images/making_qa2.gif) left top no-repeat;
	padding: 0px 0px 0px 50px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* 地震に強い家づくり「イデア工法」 */
/* ------------------------------------------------------------ */
#point1_2 {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_2 .point_layout {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_2 .point_layout .text1 {
	width: 455px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_2 .point_layout .emphasis {
	color: #007bde;
	font-size: 12px;
}

#point1_2 .point_layout .img1 {
	width: 195px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_2 .point_layout .text2 {
	width: 185px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point1_2 .point_layout .img2 {
	width: 465px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* 品質管理システム */
/* ------------------------------------------------------------ */
#point2_1 {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .attention {
	color: #f00;
}


#point2_1 .form {
	clear: both;
	text-align: center;
	background-color: #99caf5;
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px;
	overflow: hidden;
	border: 0px #00f solid;
}

#point2_1 .form table {
	width: 380px;
	margin: 10px auto 0px;
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 3px #99caf5 solid;
}

#point2_1 .form th {
	background-color: #5ca0eb;
	text-align: left;
	vertical-align: center;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	color: #fff;
	width: 10%;
	padding: 0px 10px;
	border: 3px #99caf5 solid;
}

#point2_1 .form td {
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	width: 90%;
	padding: 0px 10px 0px 0px;
	border: 3px #99caf5 solid;
}

#point2_1 .form .submit {
	text-align: center;
	margin: 10px 0px 0px;
	border: 0px #f00 solid;
}

#point2_1 .form .type1 {
	width: 100%;
}

#point2_1 .form .type1 {
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	padding: 2px;
}

#point2_1 .form .type1:focus {
	border-color: #323232; /* フォーカス時のボーダーの色を指定 */
	background-color: #fff; /* フォーカス時の背景色を指定 */
}

#point2_1 .explanation {
	font-size: 10px;
	width: 420px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea1 {
	background: url(../images/myidea_bg1.gif) left top no-repeat;
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea2 {
	background: url(../images/myidea_bg2.gif) left top no-repeat;
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea3 {
	background: url(../images/myidea_bg3.gif) left top no-repeat;
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea4 {
	background: url(../images/myidea_bg4.gif) left top no-repeat;
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea5 {
	background: url(../images/myidea_bg5.gif) left top no-repeat;
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea6 {
	background: url(../images/myidea_bg6.gif) left top no-repeat;
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout .text1 {
	width: 430px;
	margin: 50px 0px 0px 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout .img1 {
	width: 200px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout .text2 {
	width: 270px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout .img2 {
	width: 380px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout .button1 a {
	background: url(../images/myidea_button1.gif) left top no-repeat;
	width: 180px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout .button1 a:hover {
	background: url(../images/myidea_button1.gif) left bottom no-repeat;
}

#point2_1 .myidea_layout .button2 a {
	background: url(../images/myidea_button2.gif) left top no-repeat;
	width: 180px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_1 .myidea_layout .button2 a:hover {
	background: url(../images/myidea_button2.gif) left bottom no-repeat;
}

/* アフター保証 */
/* ------------------------------------------------------------ */
#point2_2 {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_2 .subhl {
	width: 670px;
	height: 12px;
	padding: 0px 0px 5px 0px;
	display: block;
	overflow: hidden;
	border-bottom: 1px #c8c8c8 dotted;
}

#point2_2 .point_layout {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_2 .point_layout .text1 {
	width: 395px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_2 .point_layout .emphasis {
	font-size: 12px;
	color: #007bde;
}

#point2_2 .point_layout .img1 {
	text-align: right;
	width: 255px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_2 .point_layout .button1 a {
	background: url(../images/myidea_button3.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point2_2 .point_layout .button1 a:hover {
	background: url(../images/myidea_button3.gif) left bottom no-repeat;
}

/* オールイン・プライス */
/* ------------------------------------------------------------ */
#point3_1 {
	text-align: left;
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .button1 a {
	background: url(../images/myidea_button4.gif) left top no-repeat;
	width: 125px;
	height: 30px;
	margin-left: 545px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .button1 a:hover {
	background: url(../images/myidea_button4.gif) left bottom no-repeat;
}

#point3_1 .making_frame1 {
	width: 670px;
	height: 10px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .making_frame2 {
	background-color: #e5f2fc;
	width: 630px;
	padding: 0px 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .making_frame2 h6 {
	color: #007bde;
	font-size: 12px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .list {
	width: 630px; /* ボックスの幅を指定 */
}

#point3_1 .list table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	empty-cells: hide;
	border-collapse: collapse;
	border: 0px #f00 solid;
}

#point3_1 .list td {
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	width: 25%;
	white-space: nowrap;
	border: 0px #f00 solid;
}

#point3_1 .point_layout {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .point_layout .text1 {
	width: 394px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .point_layout .emphasis {
	color: #007bde;
	font-size: 12px;
}

#point3_1 .point_layout .img1 {
	width: 256px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .point_layout .text2 {
	width: 184px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .point_layout .emphasis {
	color: #007bde;
	font-size: 12px;
}

#point3_1 .point_layout .img2 {
	width: 467px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .close a {
	background: url(../images/close_button.gif) left top no-repeat;
	width: 75px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_1 .close a:hover {
	background: url(../images/close_button.gif) left bottom no-repeat;
}

/* 詳細見積もりについて */
/* ------------------------------------------------------------ */
#point3_2 {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout .text1 {
	width: 375px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout .emphasis {
	color: #007bde;
	font-size: 12px;
}

#point3_2 .point_layout .img1 {
	width: 275px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout .text2 {
	width: 204px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout .img2 {
	width: 446px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout .button1 a {
	background: url(../images/myidea_button1.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout .button1 a:hover {
	background: url(../images/myidea_button1.gif) left bottom no-repeat;
}

#point3_2 .point_layout .button2 a {
	background: url(../images/myidea_button2.gif) left top no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point3_2 .point_layout .button2 a:hover {
	background: url(../images/myidea_button2.gif) left bottom no-repeat;
}

/* 完成までの流れ */
/* ------------------------------------------------------------ */
#point4 {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point4 .point_layout {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point4 .point_layout .text {
	width: 440px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point4 .point_layout .text_layout {
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point4 .point_layout .down_arrow {
	text-align: center;
	width: 74px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point4 .point_layout .explanation {
	width: 366px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point4 .point_layout .arrow {
	background: url(../images/arrow3.gif) left center no-repeat;
	text-align: left;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#point4 .point_layout .img {
	width: 195px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}