@charset "UTF-8";

.h_news {
	position: absolute;
	right: 275px;
	top: 9px;
	font-size: 10px;
}

/* all 京*/
	body {
		margin: 0;
		padding: 0;
		/*min-width: 950px;*/
		color: #333333;
		font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, "メイリオ", sans-serif;
		font-size: 95%;
		background: #fff;
	}
	.wrap {
		position: relative;
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
#first-top {
background-image: none;
}
#helpBox {
min-width: 400px;
background-image: none;
}
hr {
border: 0;
height: 1px;
background-color: #000;
color: #000;
font-size: 100%;
}
div, ul, ol, li, dl, dt, dd, p {
margin: 0;
padding: 0;
}
h3, h4, h5 {
padding:0;
margin:0;
}
/*header fix*/
* html body {
background: url(https://www.homekenzai-fudousan.com/res/css/null) fixed;
}
/*   */
a {
color: #000000;
text-decoration: underline;
}
a:hover {
color: #333333;
text-decoration: none;
}
a img, :link img, :visited img {
border: none;
}
/*--------image hover--------*/
		.btn_h:hover {
			opacity: 0.7;
			filter: alpha(opacity=70);/* ie lt 8 */
			-ms-filter: "alpha(opacity=70)"; /* ie 8 */
			-moz-opacity: 0.7;/* FF lt 1.5, Netscape */
			-khtml-opacity: 0.7;/* Safari 1.x */
			filter: alpha(opacity=70);/* ie 6 7 */
		}
.fade:hover {
position:relative;
top:1px;
left:1px;
}
.hide {
display: none;
}
.clearfloat {
clear: both;
font-size: 0%;
line-height: 0%;
}
.float_l {
float: left;
}
.float_r {
float: right;
}
.align_center {
text-align: center;
}
.weight_nor {
font-weight: normal;
}
.f_small {
font-size: 92%;
}
.f_xsmall {
font-size: 83%;
}
.f_medium {
font-size: 116%;
}
.f_large {
font-size: 133%;
}
		/*clearfix*/
		.clearfix:after,
		.bukken-waku:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		}
		.clearfix,
		.bukken-waku {
			display:inline-block;
		}
/* Hides from IE-mac \*/
* html.clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */

ol, ul {
list-style-type: none;
}
img {
border: 0;
vertical-align: bottom;
}

/* ---------------------------------------------------------------------
header
--------------------------------------------------------------------- */
		/*bar*/
		#bar {
			padding: 0px 0;
			text-align: center;
			background: url(../images/header/bg-bar.gif) repeat-x top left;
			border-bottom:solid 1px #efefef;
		}
		#bar .wrap:after {
  content: "";
  clear: both;
  display: block;
}
		#bar h1 {
			width:100%;
			float:left;
			margin: 0;
			color: #0f0f0f;
			font-size: 0.7em;
			font-weight: normal;
			background: url(../images/header/bg_bar_tree.gif) no-repeat left bottom;
			padding: 15px 0 5px 50px;
		}
		#bar .shop {
			float:right;
			margin:0;
			padding:0;
		}
		#bar .shop li{
			float:right;
			margin:0;
			padding: 10px 3px 0 0;
		}
		/*header*/
		#header {
			text-align: center;
			background: #fff;
    border-bottom: 1px solid #cacaca;
		}
		#header .logo {
			padding: 14px 0 25px;
		}
		#header .wrap{
			display: flex;
			align-items: center;
    justify-content: space-between;
		}
		#header .contact-box{
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
		#header .tel .time{
    font-size: 12px;
    margin: 2px autov0;
}
#header .mail{
    margin: 0 0 0 15px;
}
#header .sns {
	position: absolute;
	top: 35px;
	left: 445px;
}
#header .sns__link {
	font-size: 18px;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
}
#header .sns__link.insta {
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	position: relative;
	border-radius: 5px;
}
#header .sns__link.insta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;/*全体を覆う*/
	height: 100%;/*全体を覆う*/
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	border-radius: 5px;
}
#header .sns__link.insta:hover {
	opacity: .8;
}
#header .sns__link .fa-instagram{
	position: relative;
	top: 0px;
	left: 0px;
}
		#header #headInfo {
			position: absolute;
			top: 7px;
			right: 0;
			height: 30px;
			font-size: 12px;
			line-height: 17px;
			color: #0d2557;
			text-align: right;
		}

		#header #headInfo ul {
			width: auto;
			height: 17px;
			padding-left:10px;
		}
		#header #headInfo ul li {
			float: left;
			height: 17px;
			margin-left:5px;
/*			padding-top:3px;*/
		}
		#header #headInfo ul li.logoff{
			float: left;
			height: 17px;
			margin-left:5px;
			padding-top:5px;
		}
		#header #headInfo ul li.login_now {
			padding-top:0px;
			margin-right:5px;
		}
		#header #headInfo img {
			margin-left: 8px;
		}
.loginOK {
	margin-top: 0px;
}
.loginOK .loginmark {
	background: #f47370;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-size: 11px;
	display: inline-block;
	padding: 0 8px;
}
#header #headInfo ul.HeaderOK img {
margin-left: 3px;
}
#header #headInfo ul.HeaderOK {
margin: 0;
}
#header #headInfo ul.HeaderOK li.HeaderFavorite a {
display: block;
width: 25px;
height: 20px;
margin: 0 0 0 3px;
padding: 0 5px 0 89px;
background: url(https://www.homekenzai-fudousan.com/res/images/header/h_btn7_rollout.png) no-repeat;
color: #FFF;
font-weight: bold;
line-height: 20px;
text-decoration: none;
text-align: center;
}
#header #headInfo ul.HeaderOK li.HeaderFavorite a:hover {
background: url(https://www.homekenzai-fudousan.com/res/images/header/h_btn7_rollover.png) no-repeat;
}
	/* font size */
		#swbtn2 {
			position: absolute;
			top: 14px;
			right: 0;
			width: 125px;
			height: 21px;
		}
		#swbtn2 dt ,
		#swbtn2 dd {
			float: left;
		}
		#swbtn2 a {
			display: block;
			cursor: pointer;
			background-position: left bottom;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		#fmiddle a {
			width: 33px;
			height: 21px;
			background-image: url("../images/header/fchange/btn_m_o.gif");
		}
		#flarge a {
			width: 32px;
			height: 21px;
			background-image: url("../images/header/fchange/btn_l.gif");
		}
		/* navi */
		#nav {
			margin-bottom: 20px;
			text-align: center;
			background: #186649 url(../images/header/bg-nav.gif) repeat-x 50% 0;
		}
		#nav li {
			float: left;
		}
		#nav a {
			display: block;
			height: 55px;
			text-indent: -99999px;
			overflow: hidden;
			background: url(../images/header/nav.gif) no-repeat 0 0;
		}
		#nav .bt01 a { width: 126px; background-position: 0 0; }
		#nav .bt02 a { width: 135px; background-position: -126px 0;}
		#nav .bt03 a { width: 132px; background-position: -261px 0;}
		#nav .bt04 a { width: 140px; background-position: -393px 0;}
		#nav .bt05 a { width: 136px; background-position: -533px 0;}
		#nav .bt06 a { width: 139px; background-position: -669px 0;}
		#nav .bt07 a { width: 142px; background-position: -808px 0;}
		#nav .bt01 a:hover, #top #nav .bt01 a { width: 126px; background-position: 0 -55px; }
		#nav .bt02 a:hover, #estate #nav .bt02 a { width: 135px; background-position: -126px -55px;}
		#nav .bt03 a:hover, #company #nav .bt03 a { width: 132px; background-position: -261px -55px;}
		#nav .bt04 a:hover, #staff #nav .bt04 a { width: 140px; background-position: -393px -55px;}
		#nav .bt05 a:hover, #buy #nav .bt05 a { width: 136px; background-position: -533px -55px;}
		#nav .bt06 a:hover, #sell #nav .bt06 a { width: 139px; background-position: -669px -55px;}
		#nav .bt07 a:hover, #reform #nav .bt07 a { width: 142px; background-position: -808px -55px;}

/* ---------------------------------------------------------------------
contents
--------------------------------------------------------------------- */
		#contents {
			padding-bottom: 0 ;
			line-height: 1.2em;
			text-align: center;
		}
		/*pan*/
		#pan {
				margin: 0 0 0 0;
				padding: 0 0 20px 0;
		}
		#pan li {
			float: left;
			margin: 0 3px 0 0;
			font-size: 0.8em;
			line-height: 18px;
		}
		#pan a {
			display: block;
			padding-right: 12px;
			color: #231815;
			font-weight: normal;
			text-decoration: none;
			background: url(../images/common/bg-pan.gif) no-repeat 100% 50%;
		}
		#pan a:hover {
			text-decoration: underline;
		}
		/*cominfo*/
		.cominfo {
			clear: both;
			width: 100%;
			margin: 50px auto 0;
		}
		.cominfo .inner {
			position: relative;
			margin: 0;
			padding: 20px 25px;
			border:#21408f solid 3px;
		}
		.cominfo .info {
			float: left;
			width: 260px;
			font-size: 83%;
		}
		.cominfo .info .logo { margin-bottom: 10px;}
		.cominfo .tel { clear: both; padding:10px 0;}
		.cominfo .photo { float: left;}
		.cominfo .bt { float: right;}
		.cominfo .bt li { margin-bottom: 7px;}
		.cominfo .catch { margin:10px 0 0 0; font-size:16px; color:#37B16B;}
		/* h2 */
		.kaso-title {
			margin-top: 0;
			padding: 10px 0 0 80px;
			height:55px;
			color: #555;
			font-size: 32px;
			line-height: 1.4;
			font-weight: normal;
			background: #fff url(../images/common/bg-kaso-title.gif) no-repeat;
		}
		/* h3 */
		.subtitle {
			clear: both;
			position: relative;
			margin: 10px 0;
			padding: 0 0 15px 30px;
			font-size: 120%;
			font-weight: bold;
			color: #555;
			line-height: 25px;
			background: url(../images/common/bg-subtitle.gif) no-repeat 0 0;
		}

/* ---------------------------------------------------------------------
main
--------------------------------------------------------------------- */
#main {
		width: 100%;
		padding: 0 10px;
		background-color: #fff;
    box-sizing: border-box;
}
#main .wrap {
		width: 100%;
}
.pri_txt p{
line-height:150%;
padding:10px;
font-size:0.8em;
}
.bnr-box{
    background: #21408f;
    padding: 25px 25px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bnr-box a{
	width: 47%;
	height: auto
}
.bnr-box a img{
	width: 100%;
	height: auto;
}
/* ---------------------------------------------------------------------
side
--------------------------------------------------------------------- */
		#side {
			width: 219px;
		}
		#side h3.title {
			padding: 7px 0;
			font-size: 17px;
			color: #fff;
			text-align: center;
			border-bottom: 1px #9fa768 solid;
			background: #0e4f38 url(../images/side/bg-ttl.gif) no-repeat 50% 0;
		}
		#side .box {
			padding-bottom: 12px;
			background: #ffe288 url(../images/side/bg-side.gif) no-repeat 50% 100%;
		}
		/* count */
		#count {
			margin-bottom: 10px;
		}
		#count .counter {
			height: 40px;
			margin-bottom: 2px;
			padding-top: 15px;
			padding-right:50px;
			color: #664c00;
			font-size: 24px;
			font-weight: bold;
			line-height: 24px;
			text-align: right;
		}
		#count #GeneralCnt01 {
			margin-top:10px;
			margin-left: 12px;
			background: url(../images/side/bg-count-general.gif) no-repeat 0 0;
		}
		#count #MemberCnt01 {
			margin-left: 12px;
			color: #e50000;
			background: url(../images/side/bg-count-member.gif) no-repeat 0 0;
		}
		#count #Koushin {
			display: block;
			padding-bottom: 10px;
			color: #666;
			font-size: 11px;
			text-align:right;
			margin-right:18px;
		}
		#count .caption {
			padding-bottom: 10px;
			text-align: center;
		}
		#count .bt {
			margin-left: 10px;
		}
		/*loginInfo*/
		#loginInfo {
			width: 219px;
			margin-bottom: 10px;
		}
		#loginInfo .box {
			padding-bottom: 12px;
			background: #ffe288 url(../images/side/bg-sidebox.gif) repeat-y;
		}

		#loginInfo h3 {
			margin-bottom: 9px;
		}
		#loginInfo .loginInfo2 {
			width: 199px;
			margin-left: 10px;
			background: url(../images/side/bg-loginInfo.gif) no-repeat 0 0;
		}
		.loginInfo3 {
			margin-bottom: 10px;
		}
		.loginAftername {
			margin: 0 0 3px 15px;
			padding: 0 5px 0px 5px;
			font-size: 12px;
		}
		.loginAftername span{
			color:#0FA14E;
			font-size:14px;
			font-weight:bold;
		}
		.loginAfterlist {
			margin-left:5px;
			padding: 0 10px 0px 15px;
			font-size: 12px;
		}
		.loginAfterlist li {
			padding: 5px 5px 5px 17px;
			text-align: left;
			background: url(../images/side/icon-fav.gif) no-repeat 0 50%;
		}
		.loginAfterlist li.reg {
			background: url(../images/side/icon-reg.gif) no-repeat 0 50%;
		}

.loginAfterlist li.loginAfterList2 {
background: url(https://www.homekenzai-fudousan.com/res/images/side/s_icon4.png) no-repeat 10px 2px;
}
.loginAfterlist li.loginAfterList2 span {
display: inline-block;
width: 32px;
margin: 0 0 0 10px;
background: url(https://www.homekenzai-fudousan.com/res/images/side/s_icon5.png) no-repeat;
color: #FFF;
font-weight: bold;
text-align: center;
}
.loginAfterlist li.loginAfterList2 span a {
color: #FFF;
text-decoration: none;
}

		#loginInfo form {
			margin: 0;
			padding: 0;
		}
		#loginInfo label {
			display: block;
			height: 23px;
			margin: 0 0 5px 0;
			padding-left: 64px;
		}
		#loginInfo label input {
			width: 130px;
			height: 19px;
			padding: 2px;
			border: 1px #809db9 solid;;
			background: #fff;
		}
		#loginInfo .loginBtn {
			padding: 5px 0;
			text-align: center;
		}
		#loginInfo .logoffBtn {
			padding: 5px 12px 0;
			text-align:center;
		}
		#loginInfo .logoffBtn a {
			font-size: 12px;
		}
		#loginInfo .loginInfo_pass {
			text-align: center;
		}
		.errorTxt {
			margin: 10px 0 0 10px;
			color: #f00;
			font-size: 0.7em;
			line-height: 12px;
			font-weight: bold;
			text-align: left;
		}
		/* side box */
		.sidebox {
			margin-bottom: 20px;
			background: #ffe288 url(../images/side/bg-side.gif) no-repeat 50% 100%;
		}
		.sidebox .caption {
			margin: 0 0 10px 0;
			text-align: center;
		}
		.bukkenjyoho {
			width: 194px;
			margin-left: 10px;
			padding: 0 0 7px 6px;
			background: #fff;
		}
		.bukken-waku {
			clear: both;
			width: 190px;
			padding: 15px 0;
			border-bottom: 1px solid #CCC;
		}
		.bukken-waku:last-child {
			border-bottom: none;
		}
		.bukken-waku .left {
			float: left;
			width: 78px;
			font-size: 0.8em;
		}
		.bukken-photo {
			margin: 10px 0 0 0;
		}
		.bukken-text {
			float: right;
			width: 105px;
			margin: 0;
			font-size: 0.8em;
			line-height: 16px;
		}
		.bukken-text .date {
			height: 21px;
			margin: 0 0 10px 0;
			color: #7e7e7e;
			line-height: 21px;
		}
		.bukken-text strong {
			color: #f63535;
			font-weight: normal;
		}
		.bukken-text a {
			text-decoration: none;
		}
		.bukken-text a:hover {
			text-decoration: none;
		}
		.bukken-btn {
			margin-top: 5px;
			text-align: right;
		}

/* ranking */
#ranking {
	width: 202px;
}
		.bukken-waku .left {
			float: left;
			width: 78px;
			margin: 0;
			padding: 0;
		}
		.bukken-photo a,
		.bukken-photo img {
			display: block;
			width: 78px;
		}
.ranking-text {
	float: right;
	width: 105px;
	font-size: 0.8em;
	line-height: 18px;
}
.ranking-text span {
			display: block;
			margin-bottom: 5px;
			padding-top:10px;
color: #C00;
font-size: 0.9em;
text-align:right;
}
		.ranking-text .bukken-btn {
			padding-top: 10px;
			text-align: left;
		}
/*side_bnr*/
.side_bnr {
width: 220px;
margin: 0 0 10px 0;
font-size: 0.8em;
text-align: center;
}
.side_bnr img {
display: block;
margin: 0 auto 5px auto;
}
		#BList {
			padding-top: 10px;
			text-align: left;
		}
		#BList .bukkenjyoho {
			padding-top: 5px;
			padding-bottom: 5px;
		}
		.BList-txt {
			line-height: 1.6em;
			font-size: 0.8em;
			padding: 2px 0 2px 18px;
			background: url(../images/side/bg-blist.gif) no-repeat 0 50%;
		}
		.BList-txt a {
			color: #146c4c;
		}

/* ---------------------------------------------------------------------
footer
--------------------------------------------------------------------- */
		#pagetop {
			clear: both;
			padding: 20px 0 0;
			text-align: center;
		}
		#pagetop .wrap {
			height: 70px;
			text-align: right;
			background: url(../images/common/bg-pagetop.gif) no-repeat left bottom;
		}
		#pagetop a {
			display: block;
			padding: 40px 0 0 0;
			color: #009248;
			font-size: 12px;
			text-decoration: underline;
		}
		#pagetop a:hover {
			text-decoration: none;
		}
		#footer {
			clear: both;
			padding-top: 35px;
			padding-bottom: 90px;
			text-align: center;
			background: #21408f;
		}
		#footer h2 {
			margin: 0 0 20px 0;
			color: #fff;
			font-size: 1em;
			font-weight: normal;
			line-height: 1;
		}
		#footer .kensaku {
			position: relative;
			width: 720px;
			height: 57px;
			padding: 25px 0 0 280px;
			margin-bottom: 0;
			background: url(../images/footer/bg-kensaku.gif) no-repeat 0 0;
		}
		#footer .kensaku p {
			position: absolute; top: 23px; left: 49px;
			color: #fff;
			font-size: 18px;
		}
		#footer .kensaku li {
			display: inline;
			padding-left: 5px;
			line-height: 1.4;
			font-size: 14px;
		}
		#footer .kensaku li.first {
			padding-left: 0;
			background: none;
		}
		#footer .kensaku a {
			color: #009247;
			text-decoration: underline;
		}
		#footer .kensaku a:hover {
			color: #009247;
			text-decoration: none;
		}
		/* menu */
		#footer .menu {
			padding: 0 0 10px 0;
		}
		#footer .menu dl {
			float: left;
			padding-left: 20px;
			border-left: 1px #fff solid;
			/*border-right: 1px #fff solid;*/
		}
		#footer .menu dl.bt01 {
			width: 68px;
			padding-left: 0;
			border-left: none;
		}
		#footer .menu dl.bt02 {
			width: 129px;
		}
		#footer .menu dl.bt03 {
			width: 145px;
		}
		#footer .menu dl.bt04 {
			width: 162px;
		}
		#footer .menu dl.bt05 {
			width: 101px;
		}
		#footer .menu dl.bt06 {
			width: 139px;
		}
		#footer .menu dl.bt07 {
			width: auto;
			border-right: none;
		}
		#footer .menu dl dt,
		#footer .menu dl dd {
			padding: 0 0 0px 0;
		}
		#footer .menu a {
			color: #fff;
			font-size: 75%;
			text-decoration: none;
		}
		#footer .menu dt a {
			color: #ffeaad;
		}
		#footer .menu a:hover {
			text-decoration: underline;
		}
		/* copyright */
		#footer .copyright {
			clear: both;
			padding-bottom: 15px;
			font-size: 83%;
			color: #fff;
			text-align: right;
		}

/* ---------------------------------------------------------------------
utility
--------------------------------------------------------------------- */
.clear { clear: both; }
.ta-c{ text-align: center; }
.ta-r{ text-align: right; }
.ta-l{ text-align: left; }

.va-t{ vertical-align: top; }
.va-m{ vertical-align: middle; }
.va-b{ vertical-align: bottom; }
.va-tb{ vertical-align: text-bottom; }

.f-c{ clear: both!important; }
.f-r{ float:right; }
.f-l{ float:left; }

.m-0{ margin: 0px!important;}
.mt-0{ margin-top: 0px!important;}
.mr-0{ margin-right: 0px!important;}
.mb-0{ margin-bottom: 0px!important;}
.ml-0{ margin-left: 0px!important;}
.m-5{ margin: 5px!important;}
.mt-5{ margin-top: 5px!important;}
.mr-5{ margin-right: 5px!important;}
.mb-5{ margin-bottom: 5px!important;}
.ml-5{ margin-left: 5px!important;}
.m-10{ margin: 10px!important;}
.mt-10{ margin-top: 10px!important;}
.mr-10{ margin-right: 10px!important;}
.mb-10{ margin-bottom: 10px!important;}
.ml-10{ margin-left: 10px!important;}
.m-15{ margin: 15px!important;}
.mt-15{ margin-top: 15px!important;}
.mr-15{ margin-right: 15px!important;}
.mb-15{ margin-bottom: 15px!important;}
.ml-15{ margin-left: 15px!important;}
.m-20{ margin: 20px!important;}
.mt-20{ margin-top: 20px!important;}
.mr-20{ margin-right: 20px!important;}
.mb-20{ margin-bottom: 20px!important;}
.ml-20{ margin-left: 20px!important;}
.mt-25{ margin-top: 25px!important;}
.mt-45{ margin-top: 25px!important;}
.mt-30{margin-top: 30px!important;}
.mr-30{margin-right: 30px!important;}
.mr-40{margin-right: 40px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-30{margin-bottom: 30px!important;}
.mb-300{margin-bottom: 300px!important;}
.ml-30{ margin-left: 30px!important;}
.ml-40{margin-left: 40px!important;}
.mtb-50{margin:50px 0!important;}

.p-0{ padding: 0px!important; }
.pt-0{ padding-top: 0px!important; }
.pr-0{ padding-right: 0px!important; }
.pb-0{ padding-bottom: 0px!important; }
.pl-0{ padding-left: 0px!important; }
.p-5{ padding: 5px!important; }
.pt-5{ padding-top: 5px!important; }
.pr-5{ padding-right: 5px!important; }
.pb-5{ padding-bottom: 5px!important; }
.pl-5{ padding-left: 5px!important; }
.pl-9{ padding-left: 9px!important; }
.p-10{ padding: 10px!important; }
.pt-10{ padding-top: 10px!important; }
.pr-10{ padding-right: 10px!important; }
.pb-10{ padding-bottom: 10px!important; }
.pl-10{ padding-left: 10px!important; }
.p-15{ padding: 15px!important; }
.pt-15{ padding-top: 15px!important; }
.pr-15{ padding-right: 15px!important; }
.pb-15{ padding-bottom: 15px!important; }
.pl-15{ padding-left: 15px!important; }
.p-20{ padding: 20px!important; }
.pt-20{ padding-top: 20px!important; }
.pr-20{ padding-right: 20px!important; }
.pb-20{ padding-bottom: 20px!important; }
.pl-20{ padding-left: 20px!important; }
.pt-30{ padding-top: 30px!important; }
.pr-40{ padding-right: 40px!important; }
.pb-40{ padding-bottom: 40px!important; }
.prl-20{ padding: 0 20px!important; }

.normal{ font-weight: normal!important; }
.b{ font-weight: bold!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }

.f12px{font-size: 12px!important;}
.f14px{font-size: 14px!important;}
.f16px{font-size: 16px!important;}
.f18px{font-size: 18px!important;}

.lh-300{line-height: 300%;}

.red{ color: #ff0000; }
.bred{color:#cc0000}
.green{ color: #019c42; }

.underline{ text-decoration: underline!important; }

hr{
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #666;
}



/* table */
	.kaiintable {
		border: 5px solid #CCC;
		margin-right: auto;
		margin-left: auto;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.kaiintit {
		color: #000000;
		background-color: #FFFFCC;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #999;
		border-right-style: solid;
		border-right-color: #999;
		border-right-width: 1px;
	}
	.estatetableright {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #999;
	}
	.textred2 {
		font-size: 1em;
		line-height: 160%;
		font-weight: bold;
		color: #F00;
	}


/* ----- sell , buy -----*/
	#sell_main {
		width: 670px;
		margin: 0;
		padding: 0;
		float: right;
		line-height: 140%;
	}
	.sell_point {
		width: 670px;
		margin: 0;
		padding: 0px;
		line-height: 140%;
		background:url(../images/common/img_side.jpg) repeat-y;
	}
	.deco {
		margin:0;
		padding:inherit;

	}
	#buy #main {
		line-height: 1.4em;
	}
	#sell #main {
		line-height: 1.4em;
	}
	.sell_box{
		width:650px;
		margin:0 10px;
	}
	.sell_box h3{
		margin:0;
		padding:0;
		float:left;
	}
	.sell_txtbox{
		width: 450px;
		margin: 60px 20px 30px 0;
		float: right;
	}
	.sell_txtbox h4{
		margin-bottom:20px;
		line-height: 1.4em;
	}
	.sell_btnbox{
		width:455px;
		margin:0;
		padding:0;
		background:#eee;
	}
	.sell_btnbox a:hover img{
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
		background: #fff;
	}
	.arrow{
		width:670px;
		text-align:center;
	}
	.sell_title001{
		margin-bottom: 20px;
		color: #154ca5;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.kaso-title2{
		width: 100%;
		height: 60px;
		margin: 10px 0;
		padding: 0;
	}
	.kaso-title3{
		width: 950px;
		height: 73px;
		margin: 10px 0;
		padding: 0;
	}
	.b-contxt02 {
		font-size: 1em;
		font-weight: bold;
	}
	.point2 {
		width: 220px;
		height: 50px;
		background: url(../buy/img/point2.gif) no-repeat;
		padding-top: 9px;
		padding-right: 0;
		padding-bottom: 0px;
		padding-left: 230px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
/*---raku raku koushin---*/
	#raku {
		width: 219px;
		padding: 0;
	}
	#raku ul {
		width: 199px;
		margin: 0 auto;
		padding: 10px 0 15px;
	}
	#raku li {
		text-align: left;
		list-style-type: none;
		margin: 0;
		padding: 7px 10px;
		font-size: 12px;
		border-bottom: 1px dotted #13694a;
		background: url(../images/side/raku-arrow.gif) no-repeat 0 50%;
	}
	#raku li a{
		text-decoration: none;
	}
	#raku li a:hover{
		text-decoration: underline;
	}

/*---  estate ---*/
	/* nodata.html */
	.text001{
		text-decoration: none;
		color: #000;
		font-size: 1.2em;
		font-weight: bold;

	}

/*---  other ---*/
	#Condition {
		padding: 10px;
	}

/*---estate&first contents bukken table---*/
	.estatetabletit {
		background-color: #FFFFCC;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-right-style: solid;
		border-bottom-style: dotted;
		border-right-color: #999;
		border-bottom-color: #999;
		padding: 5px;
	}
	.estatetabletit02 {
		background-color: #FFFFCC;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-right-style: solid;
		border-bottom-style: dotted;
		border-right-color: #999;
		border-bottom-color: #999;
		padding: 5px;
		text-align: left;
		font-weight: normal;
	}
	.estatetableyoko {
		background-color: #FFFFCC;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-right-style: dotted;
		border-right-color: #999;
		border-bottom-color: #999;
		padding: 5px;
	}
	.estatetablenaka{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #999;
		border-right-width: 1px;
		border-right-style: dotted;
		border-right-color: #999;
	}

/* 来店予約ページ */
	#raitenyoyaku img.merit{
		margin: 0 0 10px 0;
		padding: 0;
	}
	#raitenyoyaku .formbg{
		width:790px;
		background:#f4f0e3;
		padding:40px 85px
	}
	#raitenyoyaku .whitebg{
		background:#fff;
		border:3px solid #21408f;
		padding:40px;
	}
	#raitenyoyaku .title-brown2 {
		border-bottom: 1px solid #999;
		padding: 8px 0 8px 8px!important;
		margin: 0 0 20px 0 !important;
		font-size: 18px;
		color: #330;
		font-weight: bold;
		text-align: left;
		width:692px !important;
	}
	#raitenyoyaku table{
		margin: 10px auto 30px auto;
		display: table;
		border-collapse:  collapse;
	}
	#raitenyoyaku .normal{
		border: 1px solid #ccc;
		padding:10px;
	}
	#raitenyoyaku .midashi{
		background:#f9f8f8;
	}
	#raitenyoyaku .required{
		color: #FFF;
		background: #F00;
		font-size: 12px;
		border-radius: 4px;
		margin: 0 10px 0 0;
		padding: 4px 8px;
	}
	#raitenyoyaku .any{
		color: #FFF;
		background: #999;
		font-size: 12px;
		border-radius: 4px;
		margin: 0 10px 0 0;
		padding: 4px 8px;
	}
	#raitenyoyaku .icon{
		margin:0 10px 0 0;
	}
	#raitenyoyaku .kozin {
		border: 1px solid #ccc;
		width: 706px;
		margin: auto;
	}
	#raitenyoyaku .doui {
		background: #f7f7f7;
		width: 706px;
		text-align: center;
		margin: 20px auto;
		padding: 20px 0;
	}
	#raitenyoyaku .touroku {
		text-align: center;
		margin: 20px auto;
		padding: 20px 0;
	}
	#raitenyoyaku .touroku a {
		border: 1px solid #666;
		border-radius: 4px;
		background-color: #EEE;
		color: #333;
		text-decoration: none;
		text-align: center;
		margin: 0;
		padding: 4px 8px;
	}
	#raitenyoyaku .touroku a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	#raitenyoyaku .mb40{
		margin-bottom:40px;
	}

/* ---- kaso subtitle ---- */
	.title-brown {
		border-bottom: 3px solid #ccc;
		padding: 8px;
		margin: 0 0 10px 0;
		font-size: 18px;
		color: #330;
		font-weight: bold;
		text-align: left;
	}
	.title-brown2 {
		border-bottom: 3px solid #999;
		padding: 8px!important;
		margin: 20px 0 20px 50px!important;
		font-size: 18px;
		color: #330;
		font-weight: bold;
		text-align: left;
		width: 800px!important;
	}

/* ---- errorpage ---- */
	#errorpage {
		width: 100%;
		margin: 20px auto 0;
		padding: 0px;
		text-align: left;
	}
	#errorpage li {
		list-style: none;
		margin: 5px 0 0 0;
		font-size: 93%;
		background: url(../images/common/icon-arrow01.gif) no-repeat 0 50%;
		padding-: 0;
		padding-left: 13px;
	}
	.smallg {
		font-size: 93%;
		color: #999;
		padding-bottom: 10px;
	}
	.bigr {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 120%;
		line-height: 1.4;
		font-weight: bold;
		color: #c00;
	}
	.smallb {
		padding-bottom: 15px;
		font-size: 93%;
		line-height: 1.4;
	}


/*---estate&first contents bukken table---*/
.estatetable {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 5px;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 3px;
}

/*footer btn*/
.footer_smartphone{
        text-align:center;
        background-color:#A47146;
        margin:20px 0 0;
        clear:both;
}
.footer_smartphone ul{
        list-style:none;
        display:inline;
}
.footer_smartphone ul li{
        display:inline-block;
        margin:20px 10px;
}
.mb10{margin-bottom:10px;}

.pri_txt p{
line-height:150%;
padding:10px;
font-size:0.8em;
}
.pointer:hover{
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.70; /* Firefox CSS3*/
	opacity:0.70; /* CSS3 */
}
.pointer{
	cursor:pointer;
}

/*下部固定バナー*/
#lowerbnr_wrap{
	height: 85px;
	background: url(../images/lowerbg.png) repeat-x;
	position: fixed;
	bottom: 0px;
	z-index: 20;
	width: 100%;
	padding:0 0 20px 0;
	white-space:nowrap;
}
#lowerbnr_wrap ul {
	margin: 35px auto 10px auto;
	width: 970px;
}
#lowerbnr_wrap ul li {
    display: inline;
    list-style-type: none;
    padding: 5px 0 5px 6px;
    position: relative;
    z-index: 30;
}

.footer_close {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-color:#e8e1ca;
	float:right;
	padding:10px;
	font-size:10px;
	cursor: default;
	margin:0 10% 0 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#animation {
	margin: 50px 0;
	font-size: 40px;
	font-weight: bold;
	color: #ff0000;
}

.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*#syubetsu4 {display:none;}*/

	iframe body {
		margin: 0;
		padding: 0;
		min-width: auto !important;
		color: #333333;
		font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, "メイリオ", sans-serif;
		font-size: 95%;
		background: #fff;
	}
.osusume-title{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-weight: bold;
    font-size: 24px;
    padding: 10px 0;
    border-bottom: 6px solid #21408f;
    margin: 0 auto 10px;
}