/* 共通 -----------------------------------------------------------------------*/
html, body {
	width:100%;
	height:100%;
	margin:0;
    padding:0;
    text-align:center;
    position:relative;
}
body {
	margin:0;
	padding:0;
	border:0;
	font-size:15px;
	line-height:150%;
	color:#222222;
	text-align: center;
	position:relative;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image:url(bg.jpg);
	background-repeat:repeat;
}
table,tr,td {
	font-size:100%;
	line-height:150%;
}

a {
	color:#0745D6;
}
a:hover {
	text-decoration: none;
}
a img:hover {
	opacity:0.7;
}

img {
	border:0;
	vertical-align:top;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
input {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

ul,dl{
zoom: 100%;
}

.clearfix:after {
	clear: both;
	display: block;
	content: "";
}


.wrapper {
	margin:0 auto;
	text-align: left;
	width:950px;
}


#pankz {
	padding: 10px 10px 5px 10px;
	font-size:0.8em;
	text-align:left;
	max-width:950px;
	margin:0 auto;
	color:#773200;
}
#pankz a {
	color:#773200;
	text-decoration:none;
}


.clmLft {
	float:left;
	width:220px;
}
.bnrBox {
	list-style-type:none;
	padding:0;
	margin:0;
}
.bnrBox li {
	margin:0 0 10px 0;
	position: relative;
	transition: .2s;
}
.bnrBox li:hover > .ko{
	display:block;
	overflow: visible;
	height: 100px;
	border:1px solid #773200;
	padding:5px;
}
.bnrBox li .ko {
	overflow: hidden;
	height: 0;
	transition: .1s;
	position:absolute;
	top:0;
	left:220px;
	list-style: none;
	padding:0;
	margin:0;
	width:10em;
	z-index:10;
	background-color:#FFFFFF;
}
.bnrBox li .ko:before {
	content: "";
	position: absolute;
	top: 40px;
	left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index: 0;
}
.bnrBox li .ko:after {
	content: "";
	position: absolute;
	top: 40px;
	left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #773200 transparent transparent;
	z-index: -1;
}
.bnrBox li .ko li {
	padding:0;
	margin:0;
	position:relative;
}
.bnrBox li .ko li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	top: 50%;
	left: 15px;
	color: #c05e17;
	margin-top: -0.8em;
}
.bnrBox li .ko li a {
	display:block;
	padding:0 0 0 30px;
	margin:0;
	line-height:25px;
}
.bnrBox li .ko li a:hover {
	background-color:#f0e4d4;
}






.clmRgt {
	float:right;
	width:700px;
}

.mgnTop30 {
	margin-top:30px !important;
}
.mgnBtm20 {
	margin-bottom:20px !important;
}
.mgnBtm30 {
	margin-bottom:30px !important;
}



/* ヘッダー -----------------------------------------------------------------------*/
#hd {
	position: relative;
	width: 100%;
	min-width:950px;
}
#hd .wrapper {
	position: relative;
}
.hdLine h1,
.hdLine strong {
	font-size:13px;
	font-weight:normal;
	color:#773200;
	padding:5px 0 0 0;
}
#logo {
	background-image: url(hd_logo.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 368px;
	height:71px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	line-height: 71px;
	margin:15px 0;
}

.hdContact {
	position:absolute;
	top:0;
	right:0;
	background-image:url(hd_contact.png);
	width:406px;
	height:95px;
}
.hdContact .mail {
	position:absolute;
	top:35px;
	right:20px;
}




/* ナビゲーション -----------------------------------------------------------------------*/

#navi {
	text-align: center;
	width: 100%;
	position: relative;
	height:71px;
	background-image:url(navi_bg.png);
	background-repeat:repeat-x;
	min-width:950px;
}
#navi ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width:950px;
	border-right:1px dotted #773200;
	box-sizing:border-box;
	height:60px;
	position:relative;
	top:6px;
}
#navi li {
	float:left;
	width:16.6%;
	min-width:100px;
	border-left:1px dotted #773200;
	box-sizing:border-box;
}
#navi li a {
	position: relative;
	text-decoration:none;
	text-align: center;
	color:#FFFFFF;
	width:100%;
	height:60px;
	line-height:60px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:center;
}
#navi li.navi01 a {
	background-image:url(navi01.png);
}
#navi li.navi02 a {
	background-image:url(navi02.png);
}
#navi li.navi03 a {
	background-image:url(navi03.png);
}
#navi li.navi04 a {
	background-image:url(navi04.png);
}
#navi li.navi05 a {
	background-image:url(navi05.png);
}
#navi li.navi06 a {
	background-image:url(navi06.png);
}
#navi li a:hover:after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:60px;
	background-repeat:no-repeat;
	background-position:center bottom;
	bottom:5px;
}
#navi li.navi01 a:hover:after {
	background-image:url(navi01-hover.png);
}
#navi li.navi02 a:hover:after {
	background-image:url(navi02-hover.png);
}
#navi li.navi03 a:hover:after {
	background-image:url(navi03-hover.png);
}
#navi li.navi04 a:hover:after {
	background-image:url(navi04-hover.png);
}
#navi li.navi05 a:hover:after {
	background-image:url(navi05-hover.png);
}
#navi li.navi06 a:hover:after {
	background-image:url(navi06-hover.png);
}




/* ボディ -----------------------------------------------------------------------*/

#bd {
	margin-bottom:100px;
	position:relative;
	min-width:950px;
}


/* フッター -----------------------------------------------------------------------*/
#ft {
	width: 100%;
	background-color:#ececec;
	text-align:center;
	padding:20px 0;
	background-image:url(ft_bg.jpg);
	background-repeat:repeat;
	font-size:0.9em;
	min-width:950px;
}
#ft .wrapper {
	position:relative;
}
#ft .menu {
	text-align: left;
	padding: 0;
	margin:0;
	list-style-type:none;
	width:180px;
	display:table-cell;
	border-left:1px dotted #773200;
	color:#773200;
}
#ft .menu a {
	color:#773200;
	text-decoration:none;
}
#ft .menu li {
	padding: 0 0 0 30px;
	margin-bottom: 5px;
	position: relative;
	transition: .2s;
}
#ft .menu li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	top: 50%;
	left: 15px;
	color: #c05e17;
	margin-top: -1em;
}
#ft .menu li:hover > .ko{
	display:block;
	overflow: visible;
	height: 100px;
	border:1px solid #773200;
	padding:5px;
}
#ft .menu li .ko {
	overflow: hidden;
	height: 0;
	transition: .1s;
	position:absolute;
	top:0;
	left:9em;
	list-style: none;
	padding:0;
	margin:0;
	width:10em;
	z-index:10;
	background-color:#FFFFFF;
}
#ft .menu li .ko:before {
	content: "";
	position: absolute;
	top: 9px;
	left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index: 0;
}
#ft .menu li .ko:after {
	content: "";
	position: absolute;
	top: 9px;
	left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #773200 transparent transparent;
	z-index: -1;
}
#ft .menu li .ko li {
	padding:0;
	margin:0;
}
#ft .menu li .ko li a {
	display:block;
	padding:0 0 0 30px;
	margin:0;
	line-height:25px;
}
#ft .menu li .ko li a:hover {
	background-color:#f0e4d4;
}

#ft .ft_detail {
	padding: 40px 0 0 50px;
	position:absolute;
	right:0;
	bottom:0;
	width:295px;
	height:140px;
	box-sizing:border-box;
	background-image:url(ft_tag.png);
	font-size:12px;
	line-height:1.5em;
	color:#773200;
}

.copyright {
	text-align: center;
	font-size: 0.8em;
	padding:20px 0 20px 0;
	background-color:#773200;
	color:#FFFFFF;
    position: relative;
	min-width:950px;
}

#page-top {
	display:none;
	width: 66px;
	height:66px;
	position: fixed;
	bottom: 50%;
	left:50%;
	margin-left:500px;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:9999;
	border-radius:3px 3px 0 0;
}


/* トップページ -----------------------------------------------------------------------*/

#slide {
    overflow:hidden;
	position:relative;
	text-align:center;
	min-width:950px;
	height:420px;
	margin:20px 0 30px 0;
}
#slide img {
	position:absolute;
	height:420px;
	left:50%;
	margin-left:-700px;
}

.rec {
	margin:0 0 40px 0;
}
.rec h2 {
	background-image:url(ttlBg_recommend.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:65px;
	color:#773200;
	box-sizing:border-box;
	padding:5px 0 0 68px;
	font-size:1.3em;
	margin:0 0 20px 0;
}
.rec ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.rec ul li {
	float:left;
	background-image: url(rec_bg.png);
	background-repeat:no-repeat;
	width:340px;
	height:300px;
	color:#FFFFFF;
	box-sizing:border-box;
	padding:17px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 1px;
	border-radius:5px;
	margin-bottom:20px;
}
.rec ul li:nth-child(2n) {
	margin-left:20px;
}
.rec ul li h3 {
	text-align:center;
	margin-bottom:15px;
}


.news {
	margin:0 0 50px 0;
}
.news h2 {
	background-image:url(ttlBg_news.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:60px;
	color:#773200;
	box-sizing:border-box;
	padding:5px 0 0 68px;
	font-size:1.3em;
	margin:0 0 20px 0;
}
#news {
	background-color: #FFF;
	background-image:url(news_bg.jpg);
	background-repeat: repeat-y;
	height:130px;
	margin:10px 0;
	font-size:13px;
}
#news .inner .loading{
	padding:15px;
	text-align:center;
	vertical-align:middle;
	color:#999;
}
#news .inner .loading img{
	vertical-align:middle;
	margin-right:10px;
}
#news .inner ul {
	height:130px;
	padding:5px 10px;
	overflow-y:auto;
	margin:0;
	line-height:130%;
	list-style-type:none;
	box-sizing:border-box;
}
#news .inner ul li {
	padding:5px 0 5px 10px;
}
#news .inner ul li:last-child {
	border-bottom:0;
}
#news .inner .date {
	padding-left:0;
	float:left;
	color:#d79d00;
	font-weight:bold;
}
#news .inner .txt {
	margin-left:120px;
}
#news .inner .new {
	color: #F00;
	font-weight: bold;
}

.message h2 {
	background-image:url(ttlBg_message.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:60px;
	color:#773200;
	box-sizing:border-box;
	padding:5px 0 0 68px;
	font-size:1.3em;
	margin:0 0 20px 0;
}
.message .lft {
	float:left;
	width:150px;
	text-align:center;
}
.message .rgt {
	float:right;
	width:520px;
}

.point {
	margin:0;
	padding:0;
	list-style-type:none;
}
.point>li:nth-child(1) {
	background-image:url(message_num1.png);
	background-repeat:no-repeat;
	padding:2px 0 0 30px;
}
.point>li:nth-child(2) {
	background-image:url(message_num2.png);
	background-repeat:no-repeat;
	padding:2px 0 0 30px;
	margin-top:10px;
}
.point>li:nth-child(3) {
	background-image:url(message_num3.png);
	background-repeat:no-repeat;
	padding:2px 0 0 30px;
	margin-top:10px;
}
.point h4 {
	font-size:1.2em;
	color:#773200;
	border-bottom:1px dashed #773200;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}


/* 借りたい・売りたい -----------------------------------------------------------------------*/

.areaA {
	margin-bottom:50px;
}
.areaA .box {
	float:left;
	width:465px;
	min-height:299px;
	background-image:url(chintai_bg1.png);
	background-size:cover;
	text-align:center;
}
.areaA .box:nth-child(2n) {
	margin-left:20px;
}
.areaA .box h2 {
	font-size:1.4em;
	font-weight:bold;
	color:#773200;
	background-image:url(chintai_line1.png);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:60px;
	margin-bottom:15px;
	position:relative;
	padding:0 0 0 60px;
	text-align:left;
}
.areaA .box h2:before {
	content:"";
	position:absolute;
	top:15px;
	left:20px;
	display:block;
	width:26px;
	height:25px;
	background-image:url(chintai_icn1.png);
}
.areaA.sale .box h2:before {
	background-image:url(sale_icn1.png);
}

.areaA .box .category {
	padding:0;
	margin:10px 15px;
	list-style-type:none;
	text-align:left;
}
.areaA .box .category li {
	display:block;
	width:49%;
	float:left;
	box-sizing:border-box;
	margin-bottom:5px;
	margin-left:2%;
}
.areaA .box .category li:nth-child(1) {
	width:100%;
	float:none;
	margin-left:0;
}
.areaA .box .category li:nth-child(2n) {
	margin-left:0;
}
.areaA .box .category li a {
	display:block;
	position:relative;
	padding:9px 10px;
	text-decoration:none;
	color:#ed3128;
	border:4px solid #feaeae;
	border-radius:6px;
	font-size:1.2em;
	font-weight:bold;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 37%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #ffffff 37%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #ffffff 37%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #ffffff 37%,#eaeaea 100%);
	background: linear-gradient(to bottom,  #ffffff 37%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.areaA.sale .box .category li a {
	color:#3ca112;
	border:4px solid #98d181;
}

.areaA .box .category li a:after {
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #ed3128;
	margin-top: -0.6em;
}
.areaA.sale .box .category li a:after {
	color: #3ca112;
}
.areaA .box .category li a:hover {
	color:#FFFFFF;
	border:4px solid #ef6f54;
	background: #ffb4a0;
	background: -moz-linear-gradient(top,  #ffb4a0 37%, #ef8c78 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#ffb4a0), color-stop(100%,#ef8c78));
	background: -webkit-linear-gradient(top,  #ffb4a0 37%,#ef8c78 100%);
	background: -o-linear-gradient(top,  #ffb4a0 37%,#ef8c78 100%);
	background: -ms-linear-gradient(top,  #ffb4a0 37%,#ef8c78 100%);
	background: linear-gradient(to bottom,  #ffb4a0 37%,#ef8c78 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb4a0', endColorstr='#ef8c78',GradientType=0 );
}
.areaA.sale .box .category li a:hover {
	border:4px solid #47b817;
	background: #93df72;
	background: -moz-linear-gradient(top,  #93df72 36%, #6ab649 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#93df72), color-stop(100%,#6ab649));
	background: -webkit-linear-gradient(top,  #93df72 36%,#6ab649 100%);
	background: -o-linear-gradient(top,  #93df72 36%,#6ab649 100%);
	background: -ms-linear-gradient(top,  #93df72 36%,#6ab649 100%);
	background: linear-gradient(to bottom,  #93df72 36%,#6ab649 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93df72', endColorstr='#6ab649',GradientType=0 );
}

.areaA .box .category li a:hover:after {
	color: #FFFFFF;
}

.feature {
	margin-bottom:50px;
}
.feature h2 {
	background-image: url(ttlBg_feature.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 65px;
	color: #773200;
	box-sizing: border-box;
	padding: 5px 0 0 68px;
	font-size: 1.3em;
	margin: 0 0 20px 0;
}
.feature .list {
	list-style-type:none;
	padding:0;
	margin:0;
}
.feature .list li {
	float:left;
	width:290px;
	margin:10px 13px;
}

.new {
	margin-bottom:50px;
}
.new h2 {
	background-image: url(ttlBg_new.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 65px;
	color: #773200;
	box-sizing: border-box;
	padding: 5px 0 0 68px;
	font-size: 1.3em;
	margin: 0 0 30px 0;
}

#recommend,
#recommend_buy {
	border-radius:5px;
	margin-bottom:30px;
	background-color:#FFFFFF;
	padding-bottom:15px;
}
#recommend .ttl,
#recommend_buy .ttl {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	width:100%;
	height:58px;
	line-height:58px;
	background-image: url(idx_rec_ttl.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin:-10px 0 0 15px;
}
#recommend .tbl,
#recommend_buy .tbl {
	border-collapse:separate;
	border-spacing:15px;
	overflow:hidden;
	margin:0 auto;
	font-size:14px;
}
#recommend .tbl td,
#recommend_buy .tbl td{
	border-color:#000;
	width:170px;
	vertical-align:top;
}
#recommend .tbl td.none,
#recommend_buy .tbl td.none{
	border:0;
	background-image: none;
}
#recommend .tbl td .loading,
#recommend_buy .tbl td .loading {
	padding:15px;
	text-align:center;
	vertical-align:middle !important;
	color:#999;
}
#recommend .tbl td .loading img,
#recommend_buy .tbl td .loading img {
	vertical-align:middle !important;
	margin-right:10px;
}

#recommend .tbl td .inner,
#recommend_buy .tbl td .inner {
	padding:0;
	position:relative;
	width:170px;
	/*display:none;*/
}
#recommend .tbl td .photoWrap,
#recommend_buy .tbl td .photoWrap {
	display:table;
	width:100%;
	table-layout:fixed;
	border-spacing:0;
}
#recommend .tbl td .photo,
#recommend_buy .tbl td .photo {
	width:100%;
	overflow:hidden;
	border:3px solid #e9755d;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle !important;
	display:table-cell;
}
#recommend.sale .tbl td .photo,
#recommend_buy.sale .tbl td .photo {
	border:3px solid #69c244;
}
#recommend .tbl td .photo img,
#recommend_buy .tbl td .photo img {
	max-width:170px;
	max-height:170px;
	width:auto;
	height:auto;
	margin:auto;
	vertical-align:middle !important;
}
#recommend .tbl td .txt,
#recommend_buy .tbl td .txt {
	word-break: break-word;
}
#recommend .tbl td .txt .icn,
#recommend_buy .tbl td .txt .icn {
	position:absolute;
	right:-7px;
	top:5px;
}
#recommend .tbl td .txt .price,
#recommend_buy .tbl td .txt .price {
	padding-top:5px;
	font-weight:bold;
	vertical-align:baseline;
	line-height:100%;
}
#recommend .tbl td .txt .price strong,
#recommend_buy .tbl td .txt .price strong {
	font-weight:bold;
	vertical-align:baseline;
	color: #F00;
	line-height:100%;
}
#recommend .tbl td .txt .add,
#recommend_buy .tbl td .txt .add {
	padding-top:5px;
	line-height:130%;
}
#recommend .tbl td .txt .madori,
#recommend_buy .tbl td .txt .madori {
	font-weight: bold;
}

#recommend .tbl td .name,
#recommend_buy .tbl td .name {
	padding:8px 0 3px 0;
	font-weight:bold;
	word-break: break-word;
}
#recommend .tbl td .copy,
#recommend_buy .tbl td .copy {
	line-height:130%;
	border-top:1px dotted #773200;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
}