@charset "euc-jp";
@import "/css/common.css";
@import "/css/index/index.css";

/*===============================================
 * ▼ ご利用案内
 *===============================================*/

.beginnersGuide {
	position: relative;
	padding-top: 10px;
	background: transparent url(/contents/beginners_guide/img/bg_beginnersguide_catch.gif) no-repeat 413px 22px;
}

.beginnersGuide h1 {
	margin-bottom: 18px;
}

/*===============================================
 * ▼ 前文
 *===============================================*/

.beginnersGuide .cIntroduction .cCatch {
	position: absolute;
	top: 51px;
	right: 149px;
}

.beginnersGuide .cIntroduction .cLeadText {
	line-height: 1.5;
	width: 330px;
	height: 100px;
	margin: 0 0 10px 15px;
}

.beginnersGuide .cIntroduction > .cLeadText {
	height: auto;
	min-height: 100px;
}

/*===============================================
 * ▼ 前文 > HOME'S新築一戸建てでは以下のようなことが可能です
 *===============================================*/

.beginnersGuide .cIntroduction .cFunction h2 {
	margin-bottom: 10px;
}

.beginnersGuide .cIntroduction .cFunction ul {
	line-height: 1.5;
	margin: 0 0 25px 10px;
}

/*===============================================
 * ▼ フローチャート
 *===============================================*/

.beginnersGuide .cFlowChart {
	margin: 0 10px 30px;
}

.beginnersGuide .cFlowChart h2 {
	margin-bottom: 12px;
}

/*===============================================
 * ▼ フローチャート > １ブロックのベース
 *===============================================*/

.beginnersGuide .cFlowChart .cFlowChartBlock {
	line-height: 1.5;
	margin: 0 8px 8px;
	zoom: 1;
}

.beginnersGuide .cFlowChart .cFlowChartBlock h3 {
	margin-bottom: 7px;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cIllustration {
	float: left;
	width: 330px;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cDescription {
	float: right;
	width: 377px;
	margin-bottom: 7px;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cMainText {
	height: 96px;
	padding: 5px 130px 5px 10px;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cDescription > .cMainText {
	height: auto;
	min-height: 96px;
}

/*===============================================
 * ▼ フローチャート > アドバイス
 *===============================================*/

.beginnersGuide .cFlowChart .cFlowChartBlock .cAdviceWrapper {
	margin-right: 8px;
	padding-bottom: 20px;
	background: #eeeeee url(/contents/beginners_guide/img/bg_flowchart_advice_bottom.gif) no-repeat left bottom;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cAdvice {
	width: 365px;
	padding: 7px 0 0 0;
	border-right: 2px solid #c8d7eA;
	border-left: 2px solid #c8d7eA;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cAdvice p {
	margin: 0 16px;
}

/*===============================================
 * ▼ フローチャート > ポイント
 *===============================================*/

.beginnersGuide .cFlowChart .cFlowChartBlock .cPointWrapper {
	margin-right: 8px;
	margin-bottom: 7px;
	padding-bottom: 20px;
	background: #ffebac url(/contents/beginners_guide/img/bg_flowchart_point_bottom.gif) no-repeat left bottom;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cPointWrapper h4 {
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_point_top_b.gif) no-repeat left top;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cPointTop h4 {
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_point_top_a.gif) no-repeat left top;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cPoint {
	width: 365px;
	border-right: 2px solid #ffda66;
	border-left: 2px solid #ffda66;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cPoint h5 {
	margin-bottom: 7px;
}

.beginnersGuide .cFlowChart .cFlowChartBlock .cPoint p {
	margin: 0 16px;
}

/*===============================================
 * ▼ 1. 好みの検索方法で物件を探す
 *===============================================*/

.beginnersGuide .cFlowChart .cStep1 .cMainText {
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_homeskun_a.gif) no-repeat 260px 100%;
}

.beginnersGuide .cFlowChart .cStep1 .cSearchMethod {
	margin: 3px 0 0 20px;
	height: 1%;
}

.beginnersGuide .cFlowChart .cStep1 .cSearchMethod .cOdd {
	float: left;
	width: 95px;
}

.beginnersGuide .cFlowChart .cStep1 .cSearchMethod .cEven {
	float: right;
	width: 115px;
}

.beginnersGuide .cFlowChart .cStep1 .cSearchMethod .cEven .cKeyword {
	margin-bottom: 0.5em;
}

.beginnersGuide .cFlowChart .cStep1 .cSpecialLink {
	margin: 0.5em 18px;
	zoom: 1;
}

.beginnersGuide .cFlowChart .cStep1 .cContentsLink {
	margin: 0.5em 18px 0 18px;
	zoom: 1;
}

.beginnersGuide .cFlowChart .cStep1 .cLink .cOdd {
	float: left;
	width: 160px;
}

.beginnersGuide .cFlowChart .cStep1 .cLink .cEven {
	float: right;
	width: 160px;
}

/*===============================================
 * ▼ 2. 物件一覧から物件を選ぶ
 *===============================================*/

.beginnersGuide .cFlowChart .cStep2 .cMainText {
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_homeskun_a.gif) no-repeat 271px 100%;
}

/*===============================================
 * ▼ 3. 
 *===============================================*/

.beginnersGuide .cFlowChart .cStep3 .cMainText {
	height: 163px;
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_homeskun_b.gif) no-repeat 269px 100%;
}

.beginnersGuide .cFlowChart .cStep3 .cDescription > .cMainText {
	height: auto;
	min-height: 163px;
}

.beginnersGuide .cFlowChart .cStep3 .cAdvice .cGoHistory {
	margin-top: 0.5em;
}

/*===============================================
 * ▼ 4. 
 *===============================================*/

.beginnersGuide .cFlowChart .cStep4 .cMainText {
	height: 148px;
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_homeskun_b.gif) no-repeat 269px 100%;
}

.beginnersGuide .cFlowChart .cStep4 .cDescription > .cMainText {
	height: auto;
	min-height: 148px;
}

/*===============================================
 * ▼ 5. 
 *===============================================*/

.beginnersGuide .cFlowChart .cStep5 .cMainText {
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_homeskun_a.gif) no-repeat 271px 100%;
}


/*===============================================
 * ▼ 6. 
 *===============================================*/

.beginnersGuide .cFlowChart .cStep6 .cMainText {
	height: 81px;
	padding: 5px 110px 5px 10px;
	background: transparent url(/contents/beginners_guide/img/bg_flowchart_homeskun_b.gif) no-repeat 269px 100%;
}

.beginnersGuide .cFlowChart .cStep6 .cDescription > .cMainText {
	height: auto;
	min-height: 81px;
}

.beginnersGuide .cFlowChart .cStep6 .cPoint .cCheckList {
	margin-top: 0.5em;
}

.beginnersGuide .cFlowChart .cStep4Link {
	clear: both;
	margin: -14px 25px 0 25px;
}

.beginnersGuide .cFlowChart > .cStep4Link {
	margin: 0 25px;
}


/*===============================================
 * ▼ よくあるご質問
 *===============================================*/

.beginnersGuide .cFAQ {
	margin: 0 10px;
}

.beginnersGuide .cFAQ h2 {
	margin-bottom: 18px;
}

.beginnersGuide .cFAQ dl {
	line-height: 1.5;
	margin: 0 12px 40px 12px;
}

.beginnersGuide .cFAQ dt {
	padding-bottom: 10px;
}

.beginnersGuide .cFAQ dt span {
	display: block;
	height: 18px;
	padding-left: 28px;
	background: transparent url(/contents/beginners_guide/img/ico_faq_q.gif) no-repeat left top;
}

.beginnersGuide .cFAQ dt > span {
	height: auto;
	min-height: 18px;
}

.beginnersGuide .cFAQ dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: transparent url(/contents/beginners_guide/img/bg_faq_dotline.gif) repeat-x left bottom;
}

.beginnersGuide .cFAQ dd span {
	display: block;
	height: 18px;
	margin-right: 80px;
	padding-left: 28px;
	background: transparent url(/contents/beginners_guide/img/ico_faq_a.gif) no-repeat left top;
}

.beginnersGuide .cFAQ dd > span {
	height: auto;
	min-height: 18px;
}

/*===============================================
 * ▼ 推奨環境
 *===============================================*/

.beginnersGuide .cEnvironment {
	margin: 0 10px 35px;
}

.beginnersGuide .cEnvironment p {
	margin: 7px 13px;
}

.beginnersGuide .cEnvironmentList {
	margin: 0 8px;
	background: transparent url(/contents/beginners_guide/img/bg_environment_body.gif) repeat-y left top;
	zoom: 1;
}

.beginnersGuide .cEnvironmentList h3 {
	margin-bottom: 0.5em;
	font-weight: normal;
}

.beginnersGuide .cEnvironmentList .cBrowser {
	float: left;
	width: 183px;
	margin: 5px 0;
	padding-left: 20px;
}

.beginnersGuide .cEnvironmentList .cOther {
	float: right;
	width: 511px;
	margin: 5px 0;
}

.beginnersGuide .cEnvironmentList li {
	color: #e33f00;
}