@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-repeat: repeat-x;
		background-position: center top;
		font-family:sans-serif;
	}
	body #index {
		background: #ffffff url(../../imgs/bg.gif) repeat-x left top;
	}
	.page {
		color: #666666;
		font-size: 12px;
		line-height: 18px;
		background: transparent url(../imgs/bg.gif) repeat-x left top;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0066cc;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		margin-bottom: 25px;
	}
	.section .title {
		margin-bottom: 20px;
	}
	h4 {
		margin-bottom: 20px;
	}
	h5 {
		margin-bottom: 15px;
	}
	h6 {
		margin-bottom: 20px;
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* linkBlank */
	a.linkBlank {
		padding-left: 20px;
		background-color: transparent;
		background-image: url(../imgs/blt-blank.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}

/* boldTxt */
	.boldTxt {
		font-weight: bold;
		color: #ff0000;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #mainContent {
		padding-bottom: 40px;
	} 
	body #SideContents {
		width: 190px;
		float: left;
	}
	body #SideContents li {
		overflow: hidden;
		padding-bottom: 0;
		font-size: 0;
		line-height: 0;
		vertical-align: bottom;
	}
	body #SnavList {
		border-bottom: 1px dotted #999999;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	body #sd-btnList li {
		padding-bottom: 5px;
	}
	body #contents {
		width: 690px;
		float: right;
	}
	.child {
		position: absolute;
	}
	.parent {
		positon: relative;
	}
	.seoText {
	font-size: 9px;
	line-height: 15px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	}
/** NAVi  **/
	#hNavList li {
		float: left;
	}
	#hNavTxtSize #hNavList li {
		padding-right: 10px;
	}
	#hNavTxtSize #hNavList .end {
		padding-right: 0;
	}
	#hNavTxtSize {
/* ---- chg start hirai 20100311 ---- */
	/* width: 368px; */
	   width: 390px;
/* ---- chg end   hirai 20100311 ---- */
		position: absolute;
		top: 4px;
		right: 0;
	}
/* ---- add start hirai 20100311---- */
	#hNavTxtSize #hNavList .search {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent url(../../imgs/btn_back.gif) no-repeat scroll 0 0;
        padding:8px 3px 6px 4px;
	}
    #hNavTxtSize #hNavList .textarea {
	    width:100px;
	}
/* ----- add end hirai 20100311---- */
	body #gHeader {
		position: relative;
		width: 900px;
		margin-bottom: 27px;
	}
	body #hNav {
		position: absolute;
		top: 50px;
		right: 0;
	}
	body .textLink li {
		background: transparent url(../imgs/img-yazirushi.gif) no-repeat left top;
		padding-left: 18px;
	}
	body #gNav {
		position: relative;
		width: 900px;
		margin-bottom: 28px;
	}
	body #gNav #gNavList li {
		float: left;
		padding-right: 3px;
	}
	body #gNav #gNavList .end {
		padding-right: 10px;
	}
	body #gNav #gNavList .stop {
		padding-right: 0;
	}
	body #gNav .child {
		top: -17px;
	}
	#fontSizeChange {
		margin-top: 7px;
	}
	a.bt-font {
		display: block;
		width: 24px;
		height: 25px;
		text-indent: -9999px;
		overflow: hidden;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	a.bt-font:hover {
		background-position: left -25px;
	}	
	a#bt-font-small {
		background-image: url(../imgs/bt-font-s.gif);
	}
	a#bt-font-medium {
		width: 22px;
		background-image: url(../imgs/bt-font-m.gif);
	}
	a#bt-font-large {
		background-image: url(../imgs/bt-font-l.gif);
	}

/** pankuzu **/
	#pankuzu {
		margin-bottom: 10px;
	}
/** Footer **/
	body #gFooter {
		margin-top: 40px;	
	}
	body #gFooter .FTRlogo {
		position: absolute;
		top: -8px;
		right: 0;
	}
		
/**
 * 5. EachPageStyle
 */
/* pageID */

/* #feedReader */
	#feedReader {
		height: 148px;
		/*border-right: none;*/
		padding: 5px 10px;
		overflow: auto;
	}
	#feedReader .date {
		color: #666666;
		margin-bottom: 3px;
		font-size: 10px;
		line-height: 14px;
	}
	#feedReader .body {
		margin-bottom: 3px;
	}
	#feedReader a:hover {
		text-decoration: underline;
	}

	#index .box01 {
		padding-top: 15px;
	}
	#index .box02 {
		padding-bottom: 20px;
		padding-left: 14px;
		padding-right: 14px;
	}
	.Abox .box01 {
		background: transparent url(../../imgs/bg-box01-main.gif) repeat-y center top;
		zoom: 1;
	}
	.Abox .box02 {
		background: transparent url(../../imgs/bg-box01-bottom.gif) no-repeat center bottom;
	}
	.Bbox .box01 {
		background: transparent url(../../imgs/bg-box02-main.gif) repeat-y center top;
	}
	.Bbox .box02 {
		background: transparent url(../../imgs/bg-box02-bottom.gif) no-repeat center bottom;
	}


	#index .box03 {
		padding-bottom: 20px;
		padding-left: 14px;
		padding-right: 14px;
	}

		#index .box03 a {
			background-image:url(../../imgs/bn-gengaku_ov.jpg);
			background-repeat: no-repeat;
			display: block;
			width: 412px;
			height: 240px;
		}

		#index .box03 a:hover {
			width: 412px;
			height: 240px;
			display: block;
		}

		#index .box03 a:hover img {
			visibility: hidden;
		}

	#index .box04 {
		padding-bottom: 20px;
		width: 440px;
	}



/* ************************************ */
	.faqArea {
		margin-bottom: 30px;
		background: transparent url(../../howto/imgs/img-q.gif) no-repeat left top;
		color: #333333;
	}
	.faqArea dt {
		margin-bottom: 10px;
		padding: 0 0 10px 50px;
		font-weight: bold;
		font-size: 16px;
		line-height: 42px;
		background: transparent url(../../howto/imgs/img-dot.gif) repeat-x left bottom;
	}
	.faqArea dd {
		margin-left: 50px;
		padding: 0 0 0 50px;
		background: transparent url(../../howto/imgs/img-a.gif) no-repeat left top;
	}


/* Howto FAQ */
	.faqArea_howto {
		margin-bottom: 30px;
		/*background: transparent url(../../howto/imgs/img_q01.gif) no-repeat left top;*/
		color: #333333;
		margin-left: 50px;
	}
	.faqArea_howto dt {
		margin-bottom: 10px;
		padding: 0 0 10px 0px;
		font-weight: bold;
		font-size: 16px;
		line-height: 39px;
		background: transparent url(../../howto/imgs/img-dot.gif) repeat-x left bottom;
	}

/* 質問一覧 */
	.faqArea_list {
		margin-bottom: 30px;
		color: #333333;
	}

	.faqArea_list ul {
		width: 670px;
		padding: 10px 10px 0px 10px;
		border: solid 1px #999999;
	}

			.faqArea_list li {
				height: 39px;
				font-size: 16px;
				line-height: 32px;
				display: block;
				width: 670px;
				text-align: left;
				margin-bottom: 10px;
			}

			/* Q1 */
			.faqArea_list li.q_01 a {
				background-image: url(../../howto/qa/imgs/img-q01.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_01 a:hover {
				background-image: url(../../howto/qa/imgs/img-q01.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}

			/* Q2 */
			.faqArea_list li.q_02 a {
				background-image: url(../../howto/qa/imgs/img-q02.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_02 a:hover {
				background-image: url(../../howto/qa/imgs/img-q02.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}

			/* Q3 */
			.faqArea_list li.q_03 a {
				background-image: url(../../howto/qa/imgs/img-q03.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_03 a:hover {
				background-image: url(../../howto/qa/imgs/img-q03.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}


			/* Q4 */
			.faqArea_list li.q_04 a {
				background-image: url(../../howto/qa/imgs/img-q04.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_04 a:hover {
				background-image: url(../../howto/qa/imgs/img-q04.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}


			/* Q5 */
			.faqArea_list li.q_05 a {
				background-image: url(../../howto/qa/imgs/img-q05.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_05 a:hover {
				background-image: url(../../howto/qa/imgs/img-q05.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}


			/* Q6 */
			.faqArea_list li.q_06 a {
				background-image: url(../../howto/qa/imgs/img-q06.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_06 a:hover {
				background-image: url(../../howto/qa/imgs/img-q06.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}




			/* Q7 */
			.faqArea_list li.q_07 a {
				background-image: url(../../howto/qa/imgs/img-q07.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_07 a:hover {
				background-image: url(../../howto/qa/imgs/img-q07.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}



			/* Q8 */
			.faqArea_list li.q_08 a {
				background-image: url(../../howto/qa/imgs/img-q08.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_08 a:hover {
				background-image: url(../../howto/qa/imgs/img-q08.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}

					

			/* Q9 */
			.faqArea_list li.q_09 a {
				background-image: url(../../howto/qa/imgs/img-q09.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_09 a:hover {
				background-image: url(../../howto/qa/imgs/img-q09.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}



			/* Q10 */
			.faqArea_list li.q_10 a {
				background-image: url(../../howto/qa/imgs/img-q10.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_10 a:hover {
				background-image: url(../../howto/qa/imgs/img-q10.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}

			/* Q11 */
			.faqArea_list li.q_11 a {
				background-image: url(../../howto/qa/imgs/img-q11.jpg);
				background-position: 0 0 ;
				background-repeat: no-repeat;
				height: 39px;
				text-decoration: none;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
			}
			.faqArea_list li.q_11 a:hover {
				background-image: url(../../howto/qa/imgs/img-q11.jpg);
				background-position: 0px -39px;
				background-repeat: no-repeat;
				text-decoration: underline;
			}


			/* リスト内で選択されたもの */
			.faqArea_list li.li_current  a {
				background-position: 0 -39px ;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display: block;
				width: 630px;
				padding-left: 40px;
				text-align: left;
				color: #333333;
				text-decoration: underline;
			}





			/* 回答部分のQ背景設定 */
			.faqArea_howto dt p.p_q01 {
				background-image: url(../../howto/qa/imgs/img_q01.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}
				
			.faqArea_howto dt p.p_q02 {
				background-image: url(../../howto/qa/imgs/img_q02.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}
				
			.faqArea_howto dt p.p_q03 {
				background-image: url(../../howto/qa/imgs/img_q03.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q04 {
				background-image: url(../../howto/qa/imgs/img_q04.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q05 {
				background-image: url(../../howto/qa/imgs/img_q05.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q06 {
				background-image: url(../../howto/qa/imgs/img_q06.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q07 {
				background-image: url(../../howto/qa/imgs/img_q07.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q08 {
				background-image: url(../../howto/qa/imgs/img_q08.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q09 {
				background-image: url(../../howto/qa/imgs/img_q09.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q10 {
				background-image: url(../../howto/qa/imgs/img_q10.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}

			.faqArea_howto dt p.p_q11 {
				background-image: url(../../howto/qa/imgs/img_q11.jpg);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}


	.faqArea_howto dd {
		margin-left: 40px;
	}

		/* A背景設定 */
			.faqArea_howto dd p.answer {
				background-image: url(../../howto/qa/imgs/img-a02.gif);
				background-repeat: no-repeat;
				padding: 0 0 0px 40px;
				font-weight: bold;
				font-size: 16px;
				line-height: 39px;
				}
		
			.faqArea dd .img_center {
				margin-left: 15px;
			}
		

/* ************************************ */


	#index .hasRss {
		position: relative;
		width: 410px;
	}
	#index .hasRss .rss {
		position: absolute;
		right: 5px;
		top: 6px;
	}


table.howto {
	width: 554px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

	table.howto td {
		border: 1px solid #CCCCCC;
		padding: 5px;
	}

	table.howto th {
		border: 1px solid #CCCCCC;
		padding: 5px;
		background-color:#F3F3F3;
		text-align: center;
	}



/* ----------------------------------
売買契約編 
------------------------------------*/

/*住宅賃貸借（借家）契約へのボタン*/
.qa_sales_button01 {
	width: 220px;
	height: 60px;
	margin-top: 20px;
	margin-left: 350px;
}

	.qa_sales_button01 a {
		width: 220px;
		height: 60px;
		display: block;
		background-image: url(../../howto/qa/imgs/sales/img_buttom01_on.jpg);
		background-repeat: no-repeat;
	}

		.qa_sales_button01 a:hover {
			width: 220px;
			height: 60px;
			display: block;
			background-image: url(../../howto/qa/imgs/sales/img_buttom01_on.jpg);
			background-repeat: no-repeat;
		}

			.qa_sales_button01 a:hover img {
				visibility: hidden;
				border: 0;
			}


	.flexslider {
			height: 250px;
	}
	.slider {
		overflow: hidden;
			margin-bottom: 45px;
	}
	
	.slideImage {
		position: relative;
	}
	.slideImage .slideButton {
		position: absolute;
		bottom: 41px;
		right: 21px;
	}