﻿
/* --- header
------------------------------------------ */

#header .right_column #region1 {
	width:600px;
	height:21px;
}

.green_line {
	height:15px;
	background:#3D9973 url(/edit/sitemap/img/bg_header_sub_mini.gif) repeat-x;
}


/* --- contents
------------------------------------------ */

#dandori h1 {
	width:920px;
	margin-bottom:20px;
	padding:0;
	background:none;
}

#dandori #top_contents {
	width:905px;
	margin-right:15px;
}



/* --- contents - main_contents
------------------------------------------ */
#dandori #main_contents {
	width:575px;
}

#dandori #main_contents #dandori_lead {
	width:575px;
	margin-bottom:20px;
}

#dandori #main_contents #nextPage {margin:20px 0 30px 15px;}
#dandori #main_contents .otherPage {margin:0 0 30px 3px;padding-top:0;}


#dandori #main_contents h2 {
	margin:0 0 15px 0;
	background:none;
}

#dandori #main_contents h3 {
	width:525px;
	margin:0 auto 10px;
	padding:0px;
	border-left:none;
}

#dandori #main_contents h4 {
	width:515px;
	margin:0 auto 10px;
	padding-left:10px;
}

#dandori #main_contents p {
	width:525px;
	margin:0 auto;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}
#dandori #main_contents p span {
	line-height:1.5;
	letter-spacing:0.06em;
}
/* リンクエリア */
#dandori #main_contents .list_bg01{/*リンクが1行の場合*/
	width:525px;
	height:42px;
	margin:0 auto 20px;
	background:url(/edit/guide/dandori/img/list_bg01.gif) no-repeat;
}
#dandori #main_contents .list_bg02{/*リンクが2行の場合*/
	width:525px;
	height:77px;
	margin:0 auto 20px;
	background:url(/edit/guide/dandori/img/list_bg02.gif) no-repeat;
}
#dandori #main_contents .list_bg03{/*リンクが3行の場合*/
	width:525px;
	height:113px;
	margin:0 auto 20px;
	background:url(/edit/guide/dandori/img/list_bg03.gif) no-repeat;
}
#dandori #main_contents .list_bg05{/*リンクが5行+スペースの場合*/
	width:525px;
	height:170px;
	margin:0 auto 20px;
	background:url(/edit/guide/dandori/img/list_bg05.gif) no-repeat;
}
#dandori #main_contents .list_bg06{/*リンクが6行+スペースの場合*/
	width:525px;
	height:204px;
	margin:0 auto 20px;
	background:url(/edit/guide/dandori/img/list_bg06.gif) no-repeat;
}

#dandori #main_contents ul {
	margin-left:20px;
	padding-top:18px;
}

#dandori #main_contents li {
	height:21px;
	padding-left:22px;
	font-size:14px;
	background:url(/edit/guide/dandori/img/list_img1.gif) no-repeat left top;
}
#dandori #main_contents li.list_st {/*リンク内にタイトルが入った場合*/
	margin-top:20px;
	padding-left:0;
	background:none;
}
#dandori #main_contents li.list_st2 {/*タイトルが一番最初の場合*/
	margin-top:0;
	padding-left:0;
	background:none;
}

#dandori #main_contents li a {line-height:21px;}






/* -- step_contents -- */

.step_contents {
	width:475px;
	margin:0 auto 20px;
}

#dandori #main_contents .step_contents p {
	width:475px;
	margin-bottom:15px;
}

#dandori #main_contents .step_contents p.table_img_tit {margin-bottom:0px;}




/* check_t1 */
/* 緑枠のチェック文 *//* リフォーム･step1,step3  売買･step1-2 */
#dandori .step_contents dl.check_t1 {
	background:url(/edit/guide/dandori/reform/img/check_t1_mid.gif) repeat-y;
	margin-bottom:10px;
}

#dandori .step_contents dl.check_t1 dd {
	width:415px;
	padding:0 30px 15px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
	background:url(/edit/guide/dandori/reform/img/check_t1_foot.gif) no-repeat left bottom;
}

.check_subtit {
	margin-top:15px;
	display:block;
}




/* check_t2 */
/* ピンで留めてあるチェック表 *//* リフォーム･step4,step7,step8 */
.check_t2 {
	height:1%;
	margin-bottom:10px;
	background:url(/edit/guide/dandori/reform/img/check_t2_mid.gif) repeat-y;
}

#dandori #main_contents .check_t2 .check_t2_title {
	width:410px;
	height:30px;
	margin-bottom:0;
	padding:30px 0 8px 65px;
	font-size:14px;
	background:url(/edit/guide/dandori/reform/img/check_t2.gif) no-repeat;
}

#dandori #main_contents .check_t2 p {
	width:415px;
}

#dandori #main_contents .check_t2 ul {
	margin-left:0;
	padding:7px 0 10px 0;
	background:url(/edit/guide/dandori/reform/img/check_t2_foot.gif) no-repeat left bottom;
}

#dandori #main_contents .check_t2 li {
	height:auto;
	margin:0 0 7px 33px;
	padding:0 25px;
	font-size:13px;
	line-height:19px;
	background:url(/edit/guide/dandori/img/list_img2.gif) no-repeat left top;
}



/* check_t3 */
/* 緑枠のチェック文 *//* 売買･step5-1 */
#dandori .step_contents dl.check_t3 {
	background:url(/edit/guide/dandori/kounyu/img/check_t3_mid.gif) repeat-y;
	margin-bottom:10px;
}

#dandori .step_contents dl.check_t3 dd {
	width:195px;
	padding:0 15px 15px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
	background:url(/edit/guide/dandori/kounyu/img/check_t3_foot.gif) no-repeat left bottom;
}

#dandori .step_contents dl.left,
#dandori .step_contents dl.right {width:225px;}
#dandori .step_contents dl.left {float:left;}
#dandori .step_contents dl.right {float:right;}



/* advice_t1 */
/* アドバイス文 *//* 売買･step2-2 */
.advice_t1 {
	height:1%;
	margin-bottom:10px;
	background:#f7ffec;
}

#dandori #main_contents .advice_t1 .advice_t1_title {
	width:370px;
	height:30px;
	margin-bottom:0;
	padding:25px 0 8px 105px;
	font-size:14px;
	background:url(/edit/guide/dandori/kounyu/img/advice_t1.gif) no-repeat;
}
#dandori #main_contents .advice_t1 p.advice_t1_txet {
	width:415px;
	padding-bottom:10px;
	background:url(/edit/guide/dandori/kounyu/img/advice_foot.gif) no-repeat left bottom;
}




/* point_t1 */
#dandori .step_contents dl.point_t1 {
	margin-bottom:15px;
}

#dandori .step_contents dl.point_t1 dt {
	width:30px;
	height:30px;
	float:left;
	margin:0 10px 0 0;
}

#dandori .step_contents dl.point_t1 dd {
	width:435px;
	float:left;
	margin:0 0 0 0;
	font-size:13px;
	line-height:1.2;
	letter-spacing:0.06em;
}



/* qa_t1 */
#dandori .step_contents dl.qa_t1 {
	margin-bottom:5px;
}

#dandori .step_contents dl.qa_t1 dt {
	width:30px;
	height:24px;
	float:left;
	margin:0 10px 0 0;
}

#dandori .step_contents dl.qa_t1 dd {
	width:435px;
	float:left;
	margin:0 0 0 0;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}

#dandori .step_contents dl.qa_t1 dd.qa_title {
	padding-top:10px;
	font-weight:bold;
	color:#3d9973;
}

#dandori .step_contents dl.qa_t1 dd.pb15 {
	padding-bottom:15px;
}






/* table */
#dandori table {
	margin-bottom:15px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}
/* --------------オレンジ色のtable--------------- */
/* table1 */
/* 2列のテーブル *//* リフォーム･step6 */
.table1 {
	border-right:1px solid #f7863a;
	border-bottom:1px solid #f7863a;
}

.table1 th,
.table1 td {
	border-top:1px solid #f7863a;
	border-left:1px solid #f7863a;
}

.table1 th {
	height:35px;
	padding-left:8px;
	vertical-align:middle;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:#f99c5e;
}
.table1 td {
	padding:12px 8px;
}



/* table2 */
/* 2列のテーブル *//* リフォーム･step3　売買･step2-2 */
.table2 {
	border-right:1px solid #fdc39c;
	border-bottom:1px solid #fdc39c;
}

.table2 th,
.table2 td {
	border-top:1px solid #fdc39c;
	border-left:1px solid #fdc39c;
}


.table2 th {
	width:100px;
	padding:10px 5px 10px 10px;
	vertical-align:middle;
}

.table2 td {
	padding:10px 5px 10px 10px;
}




/* table3 */
/* 4列のテーブル *//* リフォーム･step3 */
.table3 {
	margin:0 auto 15px;
	border:1px solid #fdc39c;
	background:#fdf8f5;
}
#dandori .table3 table {
	margin-bottom:0;
}
.table3 table td {
	padding:3px;
}
.table3 table .input_num {
	width:60px;
	text-align:right;
}


.table3 td {
	padding:10px 5px 10px 10px;
	vertical-align:middle;
}
.table3 .right_td {
	width:100px;
	text-align:right;
}

.sign1 {
	text-align:center;
	font-size:22px;
	font-weight:bold;
}
.sign2 {
	font-size:25px;
	font-weight:bold;
}




/* table4 */
/* 左のスペースを空けた2列 or 3列のテーブル *//* リフォーム･step2-2,step2-4,step2-5 */
.table4 {
	width:435px;
	margin-left:45px;
	border-right:1px solid #fdc39c;
	border-bottom:1px solid #fdc39c;
}

.table4 th,
.table4 td {
	border-top:1px solid #fdc39c;
	border-left:1px solid #fdc39c;
}


.table4 th {
	padding:5px;
	vertical-align:middle;
}

.table4 td {
	padding:10px 5px 10px 10px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}



/* table5 3列のテーブル */
/* 左のスペースを空けない3列のテーブル *//* 売買･step2-2,step4-3 */
.table5 {
	border-right:1px solid #fdc39c;
	border-bottom:1px solid #fdc39c;
}

.table5 th,
.table5 td {
	border-top:1px solid #fdc39c;
	border-left:1px solid #fdc39c;
}

.table5 th {
	padding:5px;
	vertical-align:middle;
}

.table5 td {
	padding:10px 5px 10px 10px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}
/* --------------オレンジ色のtable　　end---------- */


/* --------------緑色のtable--------------- */

/* table1g 3列のテーブル */
/* 左のスペースを空けない3列のテーブル *//* 注文住宅･step3 */
.table1g {
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}

.table1g th,
.table1g td {
	border-top:1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
}

.table1g th {
	padding:5px;
	vertical-align:middle;
	text-align:center;
}
.table1g th.white {color:#fff;}

.table1g td {
	padding:10px 5px 10px 10px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}

.table1g td.aRight {text-align:right;}
.table1g td.aCenter {text-align:center;}

/* --------------緑色のtable　　end---------- */









/* listBox */
/* メリット･デメリットの表 *//* 売買･step1 */
.listBox {
	margin-bottom:10px;
	background:url(/edit/guide/dandori/kounyu/img/listbox_bottom.gif) no-repeat left bottom #f8f8f8;
}
.listBox .listLeft,
.listBox .listRight {
	width:210px;
	margin-bottom:10px;
}
.listBox .listLeft {float:left;padding-left:12px;}
.listBox .listRight {float:right;padding-right:12px;}

#dandori #main_contents .listBox .listLeft ul,
#dandori #main_contents .listBox .listRight ul {
	margin-left:0;
	padding-top:5px;
}

#dandori #main_contents .step_contents .listBox .listLeft p,
#dandori #main_contents .step_contents .listBox .listRight p {
	width:210px;
	margin-bottom:3px;
}

#dandori #main_contents .listLeft li {
	height:auto;
	padding:3px 0 3px 15px;
	background:url(/edit/guide/dandori/kounyu/img/merit_icon.gif) no-repeat left 6px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
	border-bottom:1px dashed #ccc;
}

#dandori #main_contents .listRight li {
	height:auto;
	padding:3px 0 3px 15px;
	background:url(/edit/guide/dandori/kounyu/img/demerit_icon.gif) no-repeat left 6px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
	border-bottom:1px dashed #ccc;
}





/* h5のアイキャッチ */
.step_contents h5 {
	height:21px;
	margin-bottom:5px;
	padding:5px 0 0 40px;
	font-size:13px;
	line-height:21px;
	font-weight:bold;
	background:url(/edit/guide/dandori/kounyu/img/check_i1.gif) no-repeat;
}

/* タイトル下に緑の二重下線を引く *//* 売買･step1-1 */
.underbar_dl {
	width:435px;
	margin:0 0 20px 21px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}
.underbar_dl dt {
	margin-bottom:8px;
	padding-bottom:11px;
	background:url(/edit/guide/dandori/kounyu/img/underbar1.gif) repeat-x left bottom;
}
.underbar_dl .underbar_txt {
	padding:5px 15px 0 30px;
	display:block;
}


/* タイトル下に緑の二重下線を引く　左寄せ *//* 注文住宅･step2,step5-2 */
.underbar2_dl {
	width:475px;
	margin:0 0 20px 0;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.06em;
}
.underbar2_dl dt {
	margin-bottom:8px;
	padding-bottom:14px;
	background:url(/edit/guide/dandori/kounyu/img/underbar1.gif) repeat-x left bottom;
}
.underbar2_dl .underbar_txt {
	padding:5px 15px 0 30px;
	display:block;
}




/* テキストと画像を左右振り分け *//* 売買･step2-3 */
.left_text {
	width:225px;
	float:left;
}
#dandori #main_contents .step_contents .left_text p {width:225px;}

#dandori #main_contents .step_contents p.right_img {
	width:236px;
	float:right;
}



/* -- small_contents -- */

.small_contents {
	width:435px;
	margin:0 0 10px 21px;
}

#dandori #main_contents .step_contents .small_contents p {
	width:435px;
	margin-bottom:10px;
}
#dandori #main_contents .step_contents .small_contents p.mb20 {margin-bottom:20px;}

#dandori #main_contents .step_contents .smallfont,
#dandori #main_contents .step_contents .small_contents .smallfont {font-size:11px;}


/* -- gArea -- */
.gArea {
	width:415px;
	margin:0 0 20px 30px;
	background:#fbfff7;
}

#dandori #main_contents .step_contents .gArea p {
	width:415px;
	margin-bottom:5px;
	font-size:12px;
}

#dandori #main_contents .step_contents .gArea .gAreaTitle {
	padding:8px 0 0 15px;
	font-size:14px;
	font-weight:bold;
}
#dandori #main_contents .step_contents .gArea .gAreaBottom {
	width:415px;
	margin-bottom:0px;
	padding:2px 0 8px 15px;
	background:url(/edit/guide/dandori/chumon/img/g_area_bottom.gif) no-repeat left bottom;
}


/* --- contents - sub_contents
------------------------------------------ */
#dandori #sub_contents {
	width:300px;
	background:url(/edit/guide/dandori/img/leftmenu_bg.gif) repeat;
}

#dandori #sub_contents ul {
	margin:5px;
}

#dandori #sub_contents ul li {/*IE用　リスト下のスペース消す*/
	line-height:0;
	font-size:1px;
} 

#dandori #sub_contents ul li a {/*IE用　リスト下のスペース消す*/
	line-height:normal;
} 





/* --- module
------------------------------------------ */
.mt3 {margin-top:3px;}
.mt6 {margin-top:6px;}
.mt20 {margin-top:20px;}

.mb10 {margin-bottom:10px;}
.mb40 {margin-bottom:40px;}
.mb60 {margin-bottom:60px;}


.pb20 {padding-left:20px;}

.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl30 {padding-left:30px;}

.block {display:block}

.fs10 {font-size:10px;}

.bold {font-weight:bold;}

.fc_green1 {color:#3d9973;}
.fc_orange1 {color:#f99c5e;}
.fc_white {color:#fff;}


.bg_orange1 {background:#fdf8f5;}/*薄い*/
.bg_orange2 {background:#fbede3;}
.bg_orange3 {background:#f99c5e;}/*濃い*/

.bg_green1 {background:#dff7ed;}/*薄い*/
.bg_green2 {background:#b4e7d1;}
.bg_green3 {background:#479b79;}/*濃い*/


.w60 {width:60px;}
.w75 {width:75px;}
.w85 {width:85px;}
.w90 {width:90px;}
.w95 {width:95px;}
.w105 {width:105px;}
.w110 {width:110px;}
.w180 {width:180px;}
.w185 {width:185px;}
.w190 {width:190px;}
.w345 {width:345px;}

.h62 {height:62px;}
.h38 {height:38px;}
.h23 {height:23px;}


.taCenter {text-align:center;}



