@charset "utf-8";



/* 初期値のカスタマイズ

============================================================================================= */

/* xxxxx

============================================================================================= */

/*xxxxx

---------------------------------------------------- */







/* 不動産購入サポート

============================================================================================= */

.page-support .cont-first {

	background: url("../images/support/sup_mainback.jpg") 0px 0px no-repeat #fff;

}





/* handbook

============================================================================================= */

.page-handbook {

	line-height:1.5em;

	background-color: #ffffff;

}

.page-handbook .header {

	background: #FFFFFF url(../images/support/han-bg_head.gif) 0 0 repeat;

	margin:0;

	padding:0;

}

.page-handbook .header dl {

	text-align:left;

	background:url(../images/support/han-bg_img.jpg) left bottom no-repeat;

	padding-left:347px;

	padding-bottom:20px;

}

.page-handbook .header dt {

	margin-bottom:16px;

}

.page-handbook .header dd {

	padding-right:10px;

}



#handbook-img {

	float:left;

}

#handbook-detail {

	float:right;

	width:310px;

	background-color:#FFFFFF;

}

#handbook-detail ul {	margin-top:20px;}

#handbook-detail li {	list-style-type:circle;	margin-left:20px;}

.page-handbook #entry-btn {

	text-align:center;

	margin-top:30px;

}

.page-handbook #entry-btn .caption {

	font-size:smaller;

}







/* foreign,foreign_faq

============================================================================================= */

.page-foreign h4 {

	background-color:#FFFFFF;

	padding:0 0 40px;

	margin:0;

}

.page-foreign h4.faq {

	float:left;

	width:270px;

	padding-top:18px;

}



.page-foreign .information-box {

	background:#FFFFFF url(../images/support/for-bg_img.jpg) right top no-repeat;



}

.page-foreign #btn-area {	margin-top:17px;}

.page-foreign #btn-area li {

	display:inline;

	padding-right:17px;

}

.page-foreign #btn-area-faq {

	float:right;

	text-align:right;

}

.page-foreign #btn-area-faq li {

	display:inline;

	padding-left:20px;

}



.page-foreign dl.faq {

	clear:both;

	line-height:1.5em;

	padding:30px 10px 0;

}

.page-foreign .faq dt {

	color:#FFFFFF;

	background:#666666 url(../images/support/for_faq-bg_question.gif) left center no-repeat;

	padding:12px 6px 12px 46px;

	border-top:1px solid #333333;

	border-bottom:1px solid #333333;

}

.page-foreign .faq dd {

	background:#F4F4F4 url(../images/support/for_faq-bg_answer.gif) left center no-repeat;

	margin-bottom:25px;

	padding:17px 6px 17px 46px;

	border-top:1px solid #FFFFFF;

	border-bottom:1px solid #9A9A9A;

}







/* =============================================================================================



■ページ内部（メインエリア）のcssについて



「マンション購入講座」と「住まいの買い替えNavi」については、それぞれ

「page-knowledge.css」と「page-kaikae_navi.css」を作成して、そちらに書かれています。



※ snavi や lnavi などの共通のCSSは、このcssファイルに書いています↓

（snavi lnavi のページ固有CSSは、各ページ用のcssに書いています。）



============================================================================================= */











/* snavi　▽

----------------------------------------------------------------------------------------- */

#snavi li.sbtn01, #snavi li.sbtn02, #snavi li.sbtn03, #snavi li.sbtn04, #snavi li.sbtn05,

#snavi li.sbtn06, #snavi li.sbtn07, #snavi li.sbtn08, #snavi li.sbtn09, #snavi li.sbtn10 {

	display:block;

	width:215px;									/* heightは後述または、各固有cssへ */

	background:0 0 no-repeat;

}

#snavi li.knowledge-mainarea,

#snavi li.investment-mainarea,

#snavi li.kaikae_navi-mainarea {

	background:url(../images/navi/snavi-back_open.gif) left top repeat-y;

	margin:0; padding:0;

	margin-bottom:22px;

	border-bottom:1px dotted #a6a6a6;

}/*「購入講座」と「買い替えNavi」のローカルナビが表示されるエリアの設定*/









#snavi li#sbtn01 { background-image:url(../images/navi/snavi-sup_01_current.gif); }

#snavi li#sbtn02 { background-image:url(../images/navi/snavi-sup_02_current.gif); }

#snavi li#sbtn03 { background-image:url(../images/navi/snavi-sup_03_current.gif); }

#snavi li#sbtn04 { background-image:url(../images/navi/snavi-sup_04_current.gif); }



#snavi.page-knowledge li#sbtn01 a img,

#snavi.page-handbook li#sbtn02 a img,

#snavi.page-kaikae_navi li#sbtn03 a img,

#snavi.page-foreign li#sbtn04 a img { visibility:hidden; display:block; margin:0; padding:0; }





/* MEMO ============================================================== 



上の塊　…　current時に表示される画像。

下の塊　…　current時にimgタグを隠す。



★詳細設定はcommon.cssに記述してあります。



★common.cssより、「#snavi li#sbtn01」でも孫要素まであるものについて。

HTML上で、ローカルリンクの高さが制限されてしまうため崩れてしまいます。

#sbtn__　→　.sbtn__　（idからclass）に変更し、cssはこのファイルにて設定。



 snavi　△ ---------------------------------------------------------------------------- */

 

 

 

/* lnavi　▽

----------------------------------------------------------------------------------------- */

#snavi ul #lnavi {	/*common.cssの「#snavi ul」にて設定されている設定の上書き＋α*/

	background:none;

	padding-top:10px;

	padding-right:0px;

}

#lnavi li#lbtn01 {

	border-top:1px solid #ddd;

}

#lnavi .detail {

	padding-left:1.2em;

}

#lnavi .detail ol {

	list-style:none;

	width:100%;

}



#lnavi .detail ol li {

	margin-left:-0.1em;

	text-align:left;

}







/* topline

---------------------------------------------------- */

#lnavi li#lbtn01.topline, #lnavi li#lbtn02.topline, #lnavi li#lbtn03.topline, #lnavi li#lbtn04.topline, #lnavi li#lbtn05.topline,

#lnavi li#lbtn06.topline, #lnavi li#lbtn07.topline, #lnavi li#lbtn08.topline, #lnavi li#lbtn09.topline, #lnavi li#lbtn10.topline {

	background:url(../images/navi/snavi-back_topline.gif) left top no-repeat;

	padding-top:1px;

}



/* MEMO ============================================================== 



★「#lnavi」のロールオーバーは『settings.js』にて設定。



 lnavi　△ ---------------------------------------------------------------------------- */