@charset "utf-8";

/* /common/css/market.css
--------------------------------------------------*/

/**-------------------------------------------------*
 * base
 *--------------------------------------------------*/
#contents, #breadcrumbs{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro';
}

/* ぱんくず */
#breadcrumbs {
	width: 934px;
	margin: 6px auto 20px;
	padding: 5px 8px 4px;
	background: #F2F2F2;
	text-align: left;
}
#breadcrumbs li {
	float: left;
	display: inline-block;
	width: auto;
	margin-right: 6px;
	padding-right: 16px;
	background: url(/uri/tochi/chika_column/img/icn_arrow_brcs.gif) no-repeat right center;
}
#breadcrumbs li.current {
	margin-right: 0;
	padding-right: 0;
	background: none;
}

.pic-mv { padding-bottom:30px;
             text-align: center;
}

/* contents */

#tr-contents {
	/*font-size:112%;*/
    font-size: 150%;
	text-align:center;
	width:950px;
	margin:0 auto;
}


#tr-contents a {
	color:#3d64c8;
	text-decoration:none;
}
#tr-contents a:hover {
	text-decoration:underline;
}

#tr-contents .body01{
        text-align: left;
        display: block;
        padding: 10px 0 10px 0;
        margin: auto 10px;
        line-height: 180%;
}

#tr-contents .column_title{
	height:30px;
        line-height: 30px;
	font-size:143%;
        font-weight: bold;
	text-align:center;
	border-bottom:#ccc solid 1px;
	padding:0 0 5px 25px;
	margin-bottom:20px;
	position:relative;
}

#tr-contents .title {
         display: block;
         text-align: left;
         font-size: 120%;
         font-weight: bold;
         padding: 20px 0 0 0;
         margin: 0px;
}

#tr-contents br{
         line-height: 0px;
}

#tr-contents h2 {
	height:30px;
        line-height: 30px;
	font-size:143%;
	text-align:left;
	background:url(/uri/tochi/chika_column/img/bg_sect_01_h2.gif) no-repeat 5px top;
	border-bottom:#ccc solid 1px;
	padding:0 0 5px 25px;
	margin-bottom:20px;
	position:relative;
}
#tr-contents h3 {
	font-size:131%;
	border-bottom:#ccc solid 1px;
	padding:0 0 10px 25px;
	margin-bottom:20px;
}
#tr-contents h3 span {
	font-size:81%;
	margin-left:-10px;
	display:block;
}

.tr-topic dt {
	width:106px;
	color:#fff;
	padding:10px;
	text-align:center;
	background:#ff0031;
	float:left;
}

.tr-topic dd {
	padding:10px 10px 9px 10px;
	border:#ff0031 solid 1px;
	margin-bottom:10px;
        text-align: left;
}
.tr-topic dd a {
	padding-left:20px;
	background:url(/uri/tochi/chika_column/img/arrow.gif) no-repeat left center;
	margin-left:15px;
}

.cts-box-txt {
	width:460px;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
}

.txt-link,
.txt-link2 {
	background-color:#eee;
	padding:10px;
}
.txt-link ul,
.txt-link2 ul {
	background-color:#fff;
	padding:15px 5px 0 5px;
}
.txt-link li {
	border-bottom:#eee solid 1px;
	background:url(/uri/tochi/chika_column/img/arrow.gif) no-repeat 15px center;
	padding-left:30px;
	padding-bottom:15px;
	margin-bottom:15px;
        text-align: left;
}

.txt-link2 li {
	/*width:400px;*/ /* SFH変更430px */
    width: 830px;
    height: 50px; /* SFH追記 */
    margin-left: 20px;
	border-bottom:#eee solid 1px;
	background:url(/uri/tochi/chika_column/img/arrow.gif) no-repeat 15px 5px;
	padding-left:30px;
	padding-bottom:15px;
	margin-bottom:15px;
	float:left;
        text-align: left;
}

.pict-img li {
	float:left;
	margin-right:30px;
}

.pict-img2 {
	width:700px;
	margin:0 auto;
}
.pict-img2 li {
	margin-bottom:15px;
}

.vol-txt {
	font-size:81%;
	position:absolute;
	top:5px;
	right:0;
}

.etc-txt {
	text-align:right;
	 border-bottom:#e3e3e3 solid 1px;
	 padding-bottom:10px;
}

.bk-cts-box { width:460px;}
.bk-cts-box li { padding-bottom:10px;}
.bk-cts-box li a {
	background:url(/uri/tochi/chika_column/img/arrow.gif) no-repeat 8px center;
	padding-left:25px;
}

.bk-cts-box iframe {
	border:none;
}

.bk-cts-box2 {
	text-align:left;
}
.bk-cts-box2 li {
	padding-bottom:10px;
}
.bk-cts-box2 li a {
	color:#3d64c8;
	text-decoration:none;
	background:url(/uri/tochi/chika_column/img/arrow.gif) no-repeat 8px center;
	padding-left:25px;
}
.bk-cts-box2 li a:hover { text-decoration:underline;}

.cts-link{
        padding: 10px 0px;
}

.cts-link li {
	float:left;
	text-align:right;
	padding-left:10px;
}

.cts-link span{
    font-weight: bold;
}


/* contents-cts3-box01- */


/* clear */
.clrb { clear: both; }

/* float */
.float-l{ float: left !important; }
.float-r{ float: right !important; }

/* display */
.dpb { display: block !important; }
.dpn { display: none !important; }

/* width */
.w285 { width: 285px; }
.w310 { width: 310px; }

/* margin */
.mr0 { margin-right: 0 !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr25{ margin-right: 25px !important; }
.mr30{ margin-right: 30px !important; }
.mr40{ margin-right: 40px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb50{ margin-bottom: 50px !important; }

.ml0 { margin-left: 0 !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml30{ margin-left: 30px !important; }

.mt10{ margin-top: 10px !important; }

/* padding */
.pb15 { padding-bottom:15px !important;}
.pb25 { padding-bottom:25px !important;}

.tar{ text-align: right !important; }
.tac{ text-align: center !important; }
.tal{ text-align: left !important; }


/* font-size */
.fs75{ font-size: 12px !important; }/*12px*/
.fs85{ font-size: 14px !important; }/*12px*/
.fs100{ font-size: 16px !important; }/*16px*/
.fs125{ font-size: 20px !important; }/*20px*/

/* font-weight */
.fon-b{ font-weight: bold; }

/* font-color */
.fon-red{ color: #a00; }
.fon-bs { color: #ff8400; }

/* border */
.bd-gl { border:#c6c6c8 solid 3px;}
.bd_non { border-bottom:none !important;}
.bb_dot { border-bottom:#d5d1d1 dotted 1px;}

/* line-height */
.line-h { line-height:2.0em;
letter-spacing:0.1em;}

/**----------------------------------------------------*
 * Styles for Responsive
 *-----------------------------------------------------*/

/* PC & SP
-------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
}
article {
	color: #666;
}
h4:before {
	display: none;
}

/* #tr-contents
----------------------------------------------------*/
#tr-contents {
	color: #333;
	line-height: 1.4;
}

/* #market_conditions
----------------------------------------------------*/
#market_conditions .btn-list li {}
#market_conditions .btn-list li .current {
	background: #c00 url(/uri/tochi/chika_column/img/icn_arrow_02b.gif) no-repeat 8px center;
	border: 1px solid #c00;
	color: #fff;
}
#market_conditions .btn-list li span {
	display: block;
	padding: 10px 0 7px;
	text-align: center;
	text-decoration: none;
}
#market_conditions .btn-list li a {
	background: #fff url(/uri/tochi/chika_column/img/icn_arrow_02a.gif) no-repeat 8px center;
	border: 1px solid #ccc;
	color: #666;
	display: block;
	padding: 10px 0 7px;
	text-align: center;
	text-decoration: none;
}
#market_conditions .btn-list li a:hover {
	color:#c00;
}

.txt-link2 li {
	float: none;
}

/* #oyakudachi_content
----------------------------------------------------*/
#oyakudachi_category_link .section h4 {
	border-left: 3px solid #C00;
	border-bottom: 1px solid #CCC;
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 10px;
}

/* PC
-------------------------------------------------------*/
@media screen and ( min-width: 769px ) {
	.pc-only {
		display: block;
	}
	.sp-only,
	.pc-hidden {
		display: none;
	}

	/* #pageTitle
	----------------------------------------------------*/
	#pageTitle {
		display: none;
	}

	/* .fld__breadcrumb
	----------------------------------------------------*/
	.fld__breadcrumb {
		background: #f2f2f2 none repeat scroll 0 0;
		border-radius: 4px;
		color: #666;
		display: block;
		font-size: 12px;
		margin: 15px auto 0;
		max-width: 934px;
		padding: 7px 7px 0;
	}
	.fld__breadcrumb ul {
		text-align: left;
	}
	.fld__breadcrumb .lst__breadcrumb-item,
	.fld__breadcrumb .lst__breadcrumb-item--last {
		display: inline-block;
		font-size: 12px;
		padding: 0 6px 7px 0;
	}
	.fld__breadcrumb .lst__breadcrumb-item:after {
		content: url("/common2015/img/icn_arrow_brcs.gif");
		margin-left: 6px;
	}

	/* .main-cnt
	----------------------------------------------------*/
	.main-cnt {
		margin: 20px 0;
	}
	.main-cnt .bottom-links {
		margin-top: 50px;
		text-align: right;
	}
	.main-cnt .bottom-links a {
		color: #36C;
		font-size: 12px;
	}
	.main-cnt .bottom-links a:visited {
		color: #36C;
	}
	.main-cnt .bottom-links a:hover {
		color: #3399FF;
		text-decoration: underline;
	}

	/* .main
	----------------------------------------------------*/
	.main {
		background: url(/uri/tochi/chika_column/img/main_img_pc.jpg) no-repeat right center;
		background-size: cover;
		border: 1px solid #ccc;
		height: 78px;
		margin: 20px auto 30px;
		padding: 5% 4.5%;
		text-align: left;
		width: 90%;
	}
	.main h2 {
		font-size: 32px;
		text-align: left;
		letter-spacing: 1px;
	}
	.main h2 span {
		font-size: 20px;
		display: inline-block;
		margin-top: 2%;
	}
	.main p {
		display: block;
		font-size: 14px;
		line-height: 1.5;
		padding-top: 10px;
	}

	/* #tr-contents
	----------------------------------------------------*/
	#tr-contents {
		font-size: 18px;
	}

	/* .cnt-ttl
	----------------------------------------------------*/
	#tr-contents .cnt-ttl {
		border-bottom: 1px solid #e3e3e3;
		font-size: 2.0rem;
		margin-bottom: 20px;
		padding: 0 0 5px;
		text-align: left;
	}
	#tr-contents .cnt-ttl h3 {
		border-bottom: none;
		color: #333;
		font-size: 26px;
		font-weight: normal;
		margin-bottom: 0;
		padding: 0 0 0 20px;
	}

	/* #market_conditions
	----------------------------------------------------*/
	#market_conditions {}
	#market_conditions.news_cnt {
		margin-bottom: 60px;
	}
	#market_conditions .btn-list {
		margin-left: -1.3%;
	}
	#market_conditions .btn-list li {
		float: left;
		margin-left: 1.3%;
		width: 32%;
	}
	#market_conditions .btn-list li span {
		font-size: 18px;
	}
	#market_conditions .btn-list li a {
		font-size: 18px;
	}

	/* .cts-link
	----------------------------------------------------*/
	#tr-contents .cts-link {
		display: block;
		font-size: 14px;
	}
	#tr-contents .cts-link.mb30 {
		margin-bottom: 0 !important;
	}
	#tr-contents .cts-link a {
		color: #666;
	}
	#tr-contents .cts-link a:hover {
		color: #E3001F;
	}

	/* #about-links
	----------------------------------------------------*/
	#about-links {
		text-align: right;
		font-size: 14px;
	}
	#about-links a {
		color: #666;
		text-decoration: underline;
	}
	#about-links a:hover {
		color: #c00;
	}
}

/* SP
-------------------------------------------------------*/
@media screen and ( max-width: 768px ) {
	.pc-only,
	.sp-hidden {
		display: none;
	}
	.sp-only {
		display: block;
	}
	.main-cnt img {
		height: auto;
		max-width: 100%;
	}
	header {
		border-width: 1px;
	}
	html>/**/body #tr-contents img {
		width /*\**/: 100%\9;
		height /*\**/: auto\9;
	}

	/* 記事（旧資産）のTABLE要素 */
	#tr-contents table {
		width: 100%;
	}
	#tr-contents table img {
		width: 100%;
		height: auto;
	}

	/* #pageTitle
	----------------------------------------------------*/
	#pageTitle {
		border-bottom: 1px solid #ccc;
		display: table;
		font-size: 16px;
		table-layout: fixed;
		width: 100%;
	}
	#pageTitle .btn__back,
	#pageTitle .ttl__pagetitle {
		display: table-cell;
		vertical-align: middle;
	}
	#pageTitle .btn__back {
		background-color: #b2b2b2;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		width: 52px;
	}
	#pageTitle .btn__back a {
		background: rgba(0, 0, 0, 0) url("/commonsp/images/btn_back.png") no-repeat scroll center center;
		background-size: 60px auto;
		display: block;
		height: 50px;
		overflow: hidden;
		text-indent: -9999px;
		width: 50px;
	}
	#pageTitle .ttl__pagetitle {
		padding: 0.5em 1em;
		text-align: left;
	}
	#pageTitle .ttl__pagetitle h1 {
		font-weight: bold;
	}

	/* .breadcrumbs
	----------------------------------------------------*/
	ul.breadcrumbs {
		background: none;
		border-bottom: 2px solid #d7d7d7;
		border-radius: 0;
		color: #666;
		display: block;
		padding: 10px;
		text-align: left;
	}
	ul.breadcrumbs li {
		display: inline;
		padding: 0 10px 0 0;
		font-size: 12px;
		line-height: 1.5;
		background: url(/common2015/img/icn_arrow_brcs_sp.gif) right 50% no-repeat;
		background-size: 4px 7px;
	}
	ul.breadcrumbs li a {
		text-decoration: none;
	}
	ul.breadcrumbs li:last-child {
		background: none;
	}

	/* .fld__breadcrumb
	----------------------------------------------------*/
	.fld__breadcrumb {
		border-bottom: solid 1px #ccc;
		font-size: 16px;
		height: 32px;
		margin-bottom: 10px;
		padding: 0;
		position: relative;
		overflow: hidden;
		-moz-user-select: none;
		-webket-user-select: none;
		user-select: none;
	}
	.lst__breadcrumb {
		border-collapse: collapse;
		clear: both;
		display: table;
		position: absolute;
		top: 0;
		left: 0;
		-moz-user-select: none;
		-webket-user-select: none;
		user-select: none;
	}
	.lst__breadcrumb .lst__breadcrumb-item,
	.lst__breadcrumb .lst__breadcrumb-item--last {
		display: table-cell;
		font-size: 0.875em;
		padding: 10px 1.5em 10px 1em;
		white-space: nowrap;
	}
	.lst__breadcrumb .lst__breadcrumb-item {
		background: rgba(0, 0, 0, 0) url("/commonsp/images/arrow_breadcrumb.png") no-repeat scroll right center / 4px 7px;
	}
	.lst__breadcrumb .lst__breadcrumb-item a {
		color: #666;
		text-decoration: none;
		-moz-user-select: none;
		-webket-user-select: none;
		user-select: none;
	}
	.lst__breadcrumb-item--last {
		color: #e3001f;
	}

	/* .main
	----------------------------------------------------*/
	.main {
		background: url(/uri/tochi/chika_column/img/main_img_sp.jpg) no-repeat right center;
		background-size: cover;
		height: 100%;
		margin-bottom: 4%;
		margin-top: -10px;
		padding: 8.5% 5%;
		text-align: left;
		width: 90%;
	}
	.main h2 {
		font-size: 2.1rem;
		text-align: left;
		letter-spacing: 1px;
	}
	.main h2 span {
		font-size: 1.5rem;
		display: block;
		margin-top: 2%;
	}
	.txt-main {
		text-align: left;
		margin: 0 10px 20px;
	}

	/* #tr-contents
	----------------------------------------------------*/
	#tr-contents,
	#tr-contents .txt-link2 li {
		height: auto;
		width: auto;
	}
	#tr-contents {
		font-size: 17px;
		padding: 0 10px;
	}
	#tr-contents h2 {
		font-size: 1.4em;
		height: auto;
		margin: 0 -10px 20px;
	}
	#tr-contents .column_title {
		height: auto;
		margin: 0 -10px 20px;
		padding: 0 10px 5px;
	}
	#tr-contents .txt-link2 {
		margin: 0 -10px;
	}
	#tr-contents .txt-link2 li {
		margin-left: 0;
	}

	/* .cnt-ttl
	----------------------------------------------------*/
	#tr-contents .cnt-ttl {
		margin: 0 -10px 20px;
		padding: 0 0 5px 12px;
	}
	#tr-contents .cnt-ttl h3 {
		border-bottom: none;
		font-size: 15px;
		font-weight: normal;
		margin: 0;
		padding: 0 0 0 10px;
		text-align: left;
	}

	/* #market_conditions
	----------------------------------------------------*/
	#market_conditions .btn-list {
		margin: 0;
	}
	#market_conditions .btn-list li {
		margin: 5px 0 0;
	}
	#market_conditions .btn-list li span,
	#market_conditions .btn-list li a {
		font-size: 14px;
	}

	/* .tr-topic
	----------------------------------------------------*/
	#tr-contents .tr-topic {
		margin: 0;
	}
	#tr-contents .tr-topic dt {
		float: none;
		width: auto;
	}

	/* .cts-link
	----------------------------------------------------*/
	#tr-contents .cts-link {
		display: none;
	}

	/* .cts-box-txt
	----------------------------------------------------*/
	#tr-contents .cts-box-txt {
		float: none;
		margin: 0 -10px 30px !important;
		width: auto;
	}
	#tr-contents .cts-box-txt h2 {
		margin: 0 0 20px;
	}

	/* .tar
	----------------------------------------------------*/
	.tar {
		padding: 0;
		text-align: center !important;
	}
	html>/**/body #tr-contents .tar img {
		width /*\**/: 60%\9;
		margin /*\**/: 0 auto\9;
	}

	/* #about-links
	----------------------------------------------------*/
	#about-links {
		display: none;
	}

	/* .bottom-pagetop
	----------------------------------------------------*/
	.bottom-pagetop {
		margin: 20px 10px;
		text-align: left;
	}

	/* Table
	----------------------------------------------------*/
	#tr-contents td[width="10"] {
		display: none;
		width: 0;
		overflow: hidden;
	}
	#tr-contents td .body01 {
		margin: 0;
	}
}