@charset "utf-8";
/* CSS Document */


/* コラム共通:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* 余白 */

/* ☆サイトＴＯＰなど改善 タイトルデザイン変更 [変更]2016/10/05 start */
.block_head_title{
	margin-bottom:30px;
}
#market_column.block_head_title,
.mhh.block_head_title,
.guide.block_head_title{
	margin-bottom:1px;
}
.block_head_sub,
/* ☆サイトＴＯＰなど改善 タイトルデザイン変更 [変更]2016/10/05 end */
.block_report .note,
.block_report .img{
	margin-bottom:30px;
}

.block_report .last{
	margin-bottom:50px;
}


/* リンク */

.block_report .link a{
	color:#21a5aa;
	text-decoration:underline;	
}

.block_report .img p{
	padding-top:5px;
}	

.block_report .link a:hover {
	color:#000;
	text-decoration:underline;	
}

a:link, a:visited {
	color:#000;
}
/* 注釈 ----------------------------------*/
.block_report .annotation{
    position: relative;
    background: #fff;
    padding: 7px 0;
}
.block_report .annotation .sep{
    position: relative;
    height: 4px;
    background: url(../images/useful/knowledge/img_sep.gif) repeat-x;
}
.block_report .annotation p{
    position: relative;
    padding: 4px 0;
	line-height: 30px;
}
.block_report .annotation p span.title{
    font-weight: bold;
}
/* ヘッドタイトル ----------------------------------- */

.head_title_tag{
	margin:-1px 0 0 -20px;
	position:absolute;
}

.block_head_title{
	background:url(../images/useful/knowledge/column/bg_column.png);
	border:#cec6af 1px solid;
	position:relative;	
}

.block_head_title .box_l{
	width:78px;
	border:1px #d2d2d2 solid;
	float:left;
	margin:20px 0 0 20px;
}

.block_head_title .box_r{
	border-bottom:#cec6af 2px solid;
	padding-bottom:5px;
}

.block_head_title .box_r .title{
	line-height:1em;
}

.block_head_title .box_r .title img{
	border-bottom:1px solid #cec6af;
	padding-bottom:3px;
	margin-top:10px;
}

.block_head_title .box_r .title .caption{
	color:#0096b2;
	font-size:10px;
	margin:6px 0 5px 0;
}

.block_head_title .box_r .title .caption img{
	border-bottom:0;
}

.block_head_title .box_r{
	width:580px;
	float:right;
	margin-right:20px;
}

.block_head_title .box_r .title{
	width:420px;
	float:left;
}
.block_head_title .box_r .title.one_line{
	width:480px;
	float:none;
	padding:1em 0 0 0;
}

.block_head_title .box_r .column_number{
	width:155px;
	float:right;
	color:#666666;
	font-size:19px;
	font-weight:bold;
	margin:25px 0 0 0;
}

.block_head_title .box_r .column_number p{
	margin-bottom:2px;
}

.block_head_title .textbox{
	/*width:700px;*/
/* ☆サイトＴＯＰなど改善 タイトルデザイン変更 [削除]2016/10/05 start */
/*	border-bottom:1px solid #cec6af; */
/* ☆サイトＴＯＰなど改善 タイトルデザイン変更 [削除]2016/10/05 end */
	margin-bottom:1px;
}

.block_head_title .textbox p{
	/* margin:10px 0 5px 20px; Changed Makabe*/
	margin:10px 20px 5px 20px;
}

.block_head_title h3.headtitle{
	color:#3399cc;
	font-size:24px;
	font-weight:bold;
	padding:15px 20px 10px 20px;
	border-top:1px solid #cec6af;
	line-height:1.3em;
}
.block_head_title h3.headtitle.bk{
	color:#666666;
	font-size:20px;
}

/* h3がないとき */

.block_head_title.no_title .textbox{
	border-bottom:0;
	padding:0 0 10px 0;
}


/*タイトル文字サイズ  */

.block_head_title h3.headtitle.txt_small{
	font-size:20px;
	line-height:1.1em;
}

.block_head_title h3.headtitle.txt_middle{
	font-size:22px;
	line-height:1.2em;
}

.block_head_title h3.headtitle.txt_large{
	font-size:24px;
	line-height:1.3em;
}

.block_head_title h3.headtitle.txt_small span.small{
	font-size:16px;
	line-height:1.1em;
}

.block_head_title h3.headtitle.txt_middle span.small{
	font-size:18px;
	line-height:1.2em;
}

.block_head_title h3.headtitle.txt_large span.small{
	font-size:20px;
	line-height:1.3em;
}

/* ☆サイトＴＯＰなど改善 タイトルデザイン変更 [追加]2016/10/05 start */
.block_head_sub{
	background:url(../images/useful/knowledge/column/bg_column.png);
	border:#cec6af 1px solid;
	position:relative;	
}
.block_head_sub h3.headtitle{
	color:#3399cc;
	font-size:24px;
	font-weight:bold;
	padding:15px 20px 10px 20px;
	line-height:1.3em;
}
.block_head_sub h3.headtitle.txt_small{
	font-size:20px;
	line-height:1.1em;
}

.block_head_sub h3.headtitle.txt_middle{
	font-size:22px;
	line-height:1.2em;
}

.block_head_sub h3.headtitle.txt_large{
	font-size:24px;
	line-height:1.3em;
}

.block_head_sub h3.headtitle.txt_small span.small{
	font-size:16px;
	line-height:1.1em;
}

.block_head_sub h3.headtitle.txt_middle span.small{
	font-size:18px;
	line-height:1.2em;
}

.block_head_sub h3.headtitle.txt_large span.small{
	font-size:20px;
	line-height:1.3em;
}
/* ☆サイトＴＯＰなど改善 タイトルデザイン変更 [追加]2016/10/05 end */


/* リードコピー */

.block_report h4.headcopy{
	background:url(../images/useful/knowledge/column/bg_column_headtitle.png) bottom repeat-x;
	font-size:18px;
	font-weight:bold;
	line-height:1.5em;
	padding-bottom:5px;
	margin-bottom:15px;
	padding-left: 1.0em; /*右に動かす*/
    text-indent: -1.0em; /*最初の行だけ左に動かす*/	
	padding-right: 0.6em;
}

.block_report h4.headcopy.wide{
	margin-bottom:20px; /*直下に表などの場合*/
}

.block_report h4.headcopy:before{
	content:'Ö ';
	color:#3399cc;
	font-family:CONDENSEicon;
	margin-right:-3px;
}

/* 記事　----------------------------------- */

/* 罫線背景 */

.block_report .note{
	width:95%;
	margin:0 auto 30px auto;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

.block_report .note.txt_small{
	font-size:16px;
	line-height:30px;
	background:url(../images/useful/knowledge/column/bg_note_s.png);
}

.block_report .note.txt_middle{
	font-size:17px;
	line-height:35px;
	background:url(../images/useful/knowledge/column/bg_note_m.png);
}

.block_report .note.txt_large{
	font-size:18px;
	line-height:40px;
	background:url(../images/useful/knowledge/column/bg_note_l.png);
}

/* 画像位置共通 */
.block_report .img{
	text-align:center;
}

/* 画像拡大リンク */
.block_report .img p.increase:before,
.block_report .img p.increase:before,
.block_report p.increase:before{
	content:'\005C';
	color:#00979c;
	font-family:CONDENSEicon;
	padding-right:3px;
}	
.block_report .img p a,
.block_report p.increase a{
	color:#00979c;
	text-decoration:underline;
}
.block_report .img p.increase a:hover,
.block_report p.increase a:hover{
	color:#000;
	text-decoration:underline;
}
.block_report .img p.increase,
.block_report p.increase{
	display:none;
}

/* 画像見出し */
.block_report .img p.title {
	font-size:18px;
	text-align:left;
	margin-left:20px;
}

/* テキストエリア内 画像位置 */
.block_report .inner_img_l{
	float:left;
	padding-right:20px;
	margin-bottom:0;
	background:#fff;
}

.block_report .inner_img_r{
	float:right;
	padding-left:20px;
	margin-bottom:0;
	background:#fff;
}

.i021304_01{
	width:178px;
}

.i021304_02{
	width:309px;
}

.i021207_01{
	width:219px;
}

.i021207_02{
	width:204px;
}

.i021204_01 {
	width:258px;
}

.i021204_02 {
	width:292px;
}

.i021107_01 {
	width:216px;
}

.i021110_01 {
	width:289px;
}

.i021110_02 {
	width:300px;
}

.img.nbottom{
	margin-bottom:0px;
}

.block_report .link.small{
	font-size:14px;
}


/* 無料査定ボタン */
.btn_wrap{
	width:305px;
	margin:0 auto 30px;
}

/* ワンポイント豆知識----------------------------------- */

.block_report .point_chisiki{
	margin:0 0 30px 0;
}

.block_report .point_chisiki h4{
	font-size:20px;
	color:#3399cc;
	font-weight:bold;
	margin-bottom:15px;
	background:url(../images/useful/knowledge/column/img_point_top.jpg) top left repeat-x;
	padding-top:15px;
}

.block_report .point_chisiki h5{
	font-size:16px;
	color:#3399cc;
	font-weight:bold;
}

.block_report .point_chisiki .point{
	margin:5px 0 15px 0;	
}

.block_report .point_chisiki .point li{
	margin:0 0 0 1.8em;
	padding:0;
	list-style:outside disc;	
}

.block_report .point_chisiki .point p{
	margin:0 0 0 1.4em;
}

/* ライタープロフィール----------------------------------- */

.block_writer_profile .box{
	background:url(../images/useful/knowledge/column/bg_column.png);
	border:#cec6af 1px solid;
	padding:15px;
	font-size:14px;	
}

.block_writer_profile .box a{
	word-break:break-word;
}

.block_writer_profile .name{
	font-size:18px;
	margin-bottom:5px;
	padding:5px 15px 5px 15px;
}

.block_writer_profile .name span{
	font-size:14px;
	margin-left:15px;
}

.block_writer_profile a{
	text-decoration:underline;
}

.block_writer_profile a:hover{
	color:#0096b2;
}

.block_report .column .column_title{
	padding:10px 0 0 15px!important;
	width:565px!important;
}

.b_knowledge.block_report .note.txt_small h6{
	margin:0;
}

/* おすすめ記事----------------------------------- */
.block_recommend{
	margin-bottom:10px;
	background:url(../images/useful/knowledge/column/bg_column.png);
	border:#cec6af 1px solid;
	padding:15px;
}

.block_recommend .recommend_title{
	font-size:18px;
	margin-bottom:10px;
	text-align:center;
}

.block_recommend .recommend_list{
	font-size:14px;
}

.block_recommend .recommend_list ul li{
	padding-left:1em;
	text-indent:-1em;
}

.block_recommend .recommend_list ul li a{
	text-decoration:underline;
}

.block_recommend .recommend_list ul li::before{
	content:'ú';
	color:#0096b2;
	font-family:CONDENSEicon;
}

.block_recommend .recommend_list ul li a:hover{
	color:#0096b2;
}

/* お問い合わせボタン------------------------------ */
.block_info{
	margin-bottom:10px;
	background:url(../images/useful/knowledge/column/bg_column.png);
	border:#cec6af 1px solid;
	padding:15px;
}

.block_info .info_title{
	font-size:18px;
	margin-bottom:10px;
	text-align:center;
}

.block_info .info_btn .pc{
	display:initial;
}

.block_info .info_btn .btn{
	width:48%;
	float:left;
	padding:0 1%;
}

.block_info .info_btn .btn_soudan{
	text-align:right;
}

/* バックナンバー----------------------------------- */
.block_report .h4_bk{
	font-size:19px;
	font-weight:bold;
	border:solid 1px #cec6af;
	background:url(../images/useful/knowledge/column/bg_column.png);
	padding:3px 15px;
	margin-bottom:7px;
}
.block_report .h4_bk:before{
	content:'Ö';
	color:#0096b2;
	font-family:CONDENSEicon;
}

.block_report.bk ul{
	margin:0 0 20px 15px;
	font-size:14px;
}

.block_report.bk ul li{
	margin-bottom:3px;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.4em;
}
.block_report.bk ul li:before{
	content:'ú';
	color:#0096b2;
	font-family:CONDENSEicon;
}

.block_report.bk ul li a{
	text-decoration:underline;
}
.block_report.bk ul li a:hover{
	color:#0096b2;
}

/* 不動産売買の法律コラム:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


.sellbuy_law .box_r .title h2{
	font-size: 2.4em;
	padding: 34px 0 10px 0;
}

/* ☆運用 カテゴリーTOP作成対応 [追加]2016/03/24  start */
.sellbuy_law .box_r .title h2.long {
	font-size: 2.1em;
}
/* ☆運用 カテゴリーTOP作成対応 [追加]2016/03/24  end */

.block_writer_profile .name span.caption{
	color: #0096b2;
	font-size: 10px;
	margin: 6px 0 5px 15px;
}

.sellbuy_law .box_r .job {
	background: #0096b2;
	font-size: 13px;
	text-align: center;
	color: #fff;
	width:150px;
	margin-bottom:4px;
	padding: 4px 10px 3px;
	position: relative;
	top: 3px;
}
/* ☆運用課題1948 不動産売買の法律コラムへ不動産売買契約Q&Aバナー追加 [追加]2015/02/05 start */
.bn_baibai{
    margin-bottom:20px;
}

.navi_qa_baibai{
    border:solid #e4e4e4 3px;
    padding:15px;
    margin-bottom:20px;
    font-size:14px;
}
.navi_qa_baibai li{
    background:url(../images/useful/qa/icon_qa_ss.png) no-repeat;
    border-bottom:dotted 1px #ccc;
    padding:0 0 3px 25px;
    margin:0 0 3px 0;
}
.navi_qa_baibai li a{
    text-decoration:underline;
}
.navi_qa_baibai p{
    margin-bottom:10px;
    padding-left:1em;
    text-indent:-1em;
    border-bottom:#e4e4e4 3px solid;
    padding-bottom:5px;
}

.navi_qa_baibai p {
    text-align:center;
    font-size:14px;
    line-height:1.2;
    font-weight:bold;
}

.navi_qa_baibai li a:hover{
    color:#cd6086;
}
.navi_qa_baibai .gotoback{
  line-height: 1.3em;
  padding-left:1em;
  text-indent: -1em;
  display:block;
}

.navi_qa_baibai .gotoback:before{
    content:'ú';
    color:#0096b2;
    font-family:CONDENSEicon;
}
/* ☆運用課題1948 不動産売買の法律コラムへ不動産売買契約Q&Aバナー追加 [追加]2015/02/05 end */

/* 資産活用相続対策コラム:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.sellbuy_law .box_r .shisan .job{
	background:#0096b2;
	font-size:16px;
	text-align:center;
	color:#fff;
	padding:7px 10px;
	width:50px;
	position:relative;
	top:8px;	
}

.sellbuy_law .box_r .shisan .R{
	width:340px;
}

/* ☆右カラムバナー追加 [追加]2015/02/05 start */
.bn_right{
    margin-bottom:20px;
    font-size: 14px;
}



/* 家づくり間取りコラム:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.sellbuy_law .box_r .iedukuri .job{
	background:#0096b2;
	font-size:16px;
	text-align:center;
	color:#fff;
	padding:7px 10px;
	width:100px;
	position:relative;
	top:8px;	
}

.sellbuy_law .box_r .iedukuri .R{
	width:290px;
}

.block_report.iedukuri .box_wrap{
	width:680px;
	margin:0 auto;
}

.block_report.iedukuri .box_wrap .img{
	width:297px;
}

.block_report.iedukuri .box_wrap .note{
	width:370px;
}

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

/* 640以下 */

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

@media screen and (min-width: 1px) and (max-width: 640px) {
	
	
	
	/* 共通------------------------------------------------------------------*/
	
	#wrap_contents{
		overflow:hidden;
	}
	
	.seo {
		display:none;
	}
	
	#wrap_contents #main,
	#wrap_contents #right{
		width:100%;
	}
	
	.block_report .img p.increase,
	.block_report .inner_img_r p.increase,
	.block_report p.increase{
		display:block;
		background:none!important;
		text-align:center;
	}
	
	
	/* ヘッドタイトル ----------------------------------- */
	.block_head_title .box_l,
	.block_head_title .box_r,
	.block_head_title .box_r .title,
	.block_head_title .box_r .column_number,
	#wrap_contents #main,
	#wrap_contents #right{
		float:none;
	}
		
	.block_head_title .box_r {
		width:95%;
		margin:0 auto;
		border-bottom:0;
	}
	.block_head_title .box_r .title.one_line{
		width:90%;
		margin:0 auto;
		border-bottom: 2px solid #cec6af;
	}
	
	.block_head_title .box_l{
		margin: 20px auto 10px;
	}
	
	.block_head_title .box_r .title .caption{
		font-size:85%;
		line-height:1.3;
	}
	
	.block_head_title .box_r .title p{
		font-size:100%;
	}
	
	.block_head_title .box_r .title .br{
		display:block;
	}
	
	.block_head_title .box_r .title img{
		width:100%;
	}
	
	.block_head_title .textbox{
		width:90%;
		margin:0 auto;
		line-height:1.6em;
		border-bottom:0;
	}
	
	.block_head_title .textbox p{
		margin:2%;
	}
		
	.block_head_title .box_r .column_number{
		border-bottom:2px solid #cec6af;
		border-top:2px solid #cec6af;
		width:100%;
		padding:3% 0;
		text-align:center;
	}
	
	/* 画像拡大リンク　位置調整 */
	.block_report .img p.increase{
		margin-top:4px;
	}
	
	
	
	/* 記事 ----------------------------------- */
	
	/* 罫線 */
	.block_report .note.txt_small{
		background:none;
	}
	
	.block_report .note.txt_small p,
	.block_report .note.txt_small .text_indent{
		background:url(../images/useful/knowledge/column/bg_note_s.png);
	}
    /* 注釈 ----------------------------------*/
    .block_report .note .annotation p{
        background: #fff;
		font-size: 100%;
    }
	
	.block_report .column .column_title{
		width:96%!important;
		padding:10px 0 0 5px!important;
	}
	
	
	/* 画像 ----------------------------------- */
	
	.block_report .img img{
		width:100%;
	}
	
	.block_report .img_l{
		float:left;
	}
	
	.block_report .img_r{
		float:right;
	}
	
	.block_report .inner_img_l{
		float:none;
		padding:0;
		margin:0 auto 30px;
	}
	
	.block_report .inner_img_r{
		float:none;
		padding:0;
		margin:0 auto 30px;
	}
	
	/* ライタープロフィール */
	
	.block_writer_profile{
		line-height:1.5;
	}
	
	/* おすすめ記事 */
	.block_recommend{
		line-height:1.4em;
	}

	.block_recommend .recommend_list{
		font-size:16px;
	}

	.block_recommend .recommend_list ul li{
		margin-bottom:3.5%;
	}

	/* お問い合わせボタン */
	.block_info .info_btn .btn{
		width:100%;
		float:none;
		padding:0;
	}

	.block_info .info_btn .pc{
		display:none;
	}

	.block_info .info_btn .btn img{
		width:100%;
	}

	.block_info .info_btn .btn_soudan{
		margin-bottom:5px;
	}

	/* リードコピー */
	
	.block_report h4.headcopy{
		background: -moz-linear-gradient(top,#FAFEFF 0%, #FFF 40%, #e0f2f6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFEFF),color-stop(30%,#FFF), color-stop(100%,#e0f2f6));
		background: -webkit-linear-gradient(top, #FAFEFF 0%, #FFF 30%, #e0f2f6 100%); 
		border-bottom:2px #cec6af solid;
		font-size:18px;
		font-weight:bold;
		line-height:1.3em;
		padding-bottom:5px;
		margin-bottom:15px;
		padding-left: 1.0em; /*右に動かす*/
		text-indent: -1.0em; /*最初の行だけ左に動かす*/
	
	}


	/* バックナンバー----------------------------------- */
	.block_report .h4_bk{
		font-size:110%;
		padding:2% 5%;
		margin-bottom:3%;
	}	
	.block_report.bk ul{
		margin:0 0 7% 0;
		font-size:16px;
	}	
	.block_report.bk ul li{
		margin-bottom:3.5%;
	}
	
	.block_head_title .box_r,
	.block_head_title .box_r .title{
		width: 95%;
  		margin: 0 auto;
  		border-bottom: 0;
	}
	.box_r .title h2{
	font-size: 1.5em;
	padding: 0;
	text-align:center;
	line-height: 1.2em;
	}
	.box_r .title p{
		text-align:center;
	}
	.block_writer_profile .name span.caption,
	.block_writer_profile .name span,{
		margin:0;
	}
	
	.sellbuy_law .box_r .job {
	width:150px;
	margin:0 auto;
	padding: 5px 10px 5px;
	float:none;
	}

	
	/* 不動産売買の法律コラム:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	.sellbuy_law .box_r .title h2{
		font-size: 1.5em;
		padding: 0;
	}
	.sellbuy_law .box_r .title h2.long{
		font-size: 1.5em;
		padding: 0;
	}
	
	
	/* 資産活用相続対策コラム:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.sellbuy_law .box_r .shisan .L{
		float:left;
	}

	.sellbuy_law .box_r .shisan .R{
		width:185px;
	}

	/* 家づくり間取りコラム:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.sellbuy_law .box_r .iedukuri .L{
		float: none;
	}

	.sellbuy_law .box_r .iedukuri .R{
		padding-top:5px;
		width:auto;
		float: none;
	}

	.block_report.iedukuri .box_wrap{
		width:100%;
	}

	.block_report.iedukuri .box_wrap .img{
		width:99.5%;
		margin-bottom:3%;
	}
	
	.block_report.iedukuri .box_wrap .note{
		width:100%;
	}
	
	.block_report.iedukuri .box_wrap .img.L,
	.block_report.iedukuri .box_wrap .note.R{
		float:none;
	}

}