﻿@charset "utf-8";

/* =======================================
CSS
======================================= */
IMG {BORDER: 0px;}
html,body {
	font-family:'Kosugi Maru',"メイリオ", 'Meiryo', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
    color: #1c1c1c;
    background: #fff;
	height: 100%;
}
.clearfix{clear:both;}

ul{list-style:none;}
li{text-align:left;}
a{color:#1c1c1c;text-decoration:none;}
a:hover{color:#198F49;text-decoration:underline dotted;}
a:visited{color:#1c1c1c;}
div{padding:0;margin:0;border:0;}
img{border:0px;}

/* =======================================
TOP Page CSS
======================================= */
#wrapper{width:100%;}
#section{
	width:1000px;
	margin:0 auto;
}


/*トップページヘッダーメニュー*/
.fix-header {
	background-color:#ffffff;
	background:url(../../images/rainbowline.png) repeat-x 0 0px white;
	background-size: 100% 6px;
	line-height: 53px;
	top: -53px;/* 上に隠す高さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:6px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
	}

	.fix-header-contents{
		width:1000px;
		margin: 0 auto;
	}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
	float:left;
	margin-right:32px;
}

.fix-header li:last-child{
	margin-right:0;
}

#fix-header-menus{
	text-align: center;
}

/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

#scroll-fix-menu li{
	width:250px;
    padding-bottom:0px;
	margin:0;
	text-align:center;
}
#scroll-fix-menu li.navi1{background: url(../../images/navi1.png) no-repeat;}
#scroll-fix-menu li.navi2{background: url(../../images/navi2.png) no-repeat;}
#scroll-fix-menu li.navi3{background: url(../../images/navi3.png) no-repeat;}
#scroll-fix-menu li.navi4{background: url(../../images/navi4.png) no-repeat;}

#scroll-fix-menu a{display:block;text-decoration:none;}
#scroll-fix-menu li:hover{
	width:250px;
    padding:0px;
	margin:0;
}
#scroll-fix-menu li:hover.navi1{background: url(../../images/navi1on.png) no-repeat;}
#scroll-fix-menu li:hover.navi2{background: url(../../images/navi2on.png) no-repeat;}
#scroll-fix-menu li:hover.navi3{background: url(../../images/navi3on.png) no-repeat;}
#scroll-fix-menu li:hover.navi4{background: url(../../images/navi4on.png) no-repeat;}

/*header*/
#header{
	width:100%;
	height:85px;
	background:url(../../images/rainbowline.png) repeat-x 0 79px;
	background-size: 100% 7px;
}
#header-box{
	width:1000px;
	margin:0 auto;
}
.hd_logo{float:left;padding-top:0px;width:70%;}
.hd_right{text-align:right;float:right;width:30%;padding-top:5px;}
#header h1{color:#161616;font-size:0.8em;margin-bottom:2px;}

/*topimage*/
#topimg{
	width:100%;
	height:400px;
	position: relative;
	background:url(../../images/topimg.jpg) repeat-x 0;
	background-size: auto 100%;
	animation: bg-slider 50s linear infinite; /*トップイメージのアニメーション*/
	margin: 0px 0;
	padding: 0;
	display: table;
}
@keyframes bg-slider {　 /*トップイメージのアニメーション*/
	from { background-position: 0 0; }
    to { background-position: -2491px 0; }
}
#topimg img {width: 90%;max-width: 1000px;}
#topimg-box{width:1000px;margin:0 auto;display: table-cell;text-align:center;vertical-align:middle;}

/*contents*/
#section-bukken{min-height:800px;padding-bottom:40px;}

#top-bukken-list{width:1000px;margin-left:15px;}
	#top-bukken-list img{width:100%;}
#top-bukken-list-innerleft{float:left;width:460px;padding:60px 20px 10px 0;}
#top-bukken-list-innerright{float:right;width:460px;padding:60px 35px 10px 20px;}

#bukken-box{width:100%;}

#bukken-table{width:100%;height:140px;table-layout: fixed;}
#bukken-table td{padding:5px 0 0px 5px;}
.bukken-table-inner{float:left;width:55%;}
.bukken-img{float:left;width:45%;height:140px;overflow:hidden;}

.bukken-title{height:40px;font-size:1.3em;line-height:120%;vertical-align:middle;}
.bukken-access{height:5px;font-size:0.9em;color:#9B9B9B;}
.bukken-price{height:10px;font-size:1.2em;border-bottom:1px dotted #636363;}
.bukken-madori{height:13px;font-size:1em;color:#198F49;border-bottom:1px dotted #636363;}
.bukken-traffic{height:13px;font-size:1em;color:#198F49;border-bottom:1px dotted #636363;padding-bottom:3px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.bukken-comment{width:100%;height:75px;font-size:1.2em;line-height:130%;overflow: hidden;padding:10px 0 0px 0;}
.clamp{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
　　overflow: hidden;}

#bukken-line{padding-top:10px;margin-bottom:10px;border-bottom:2px solid #198F49;}
#bukken-line2{padding-top:10px;margin-bottom:10px;border-bottom:4px solid #198F49;}
#more{font-size:1.3em;text-align:right;}
.fas{padding-left:5px;}


/*search*//*infomation*/
#search{width:100%;padding:30px 0 30px 0;background-color:#D1E09A;}
#search-box{width:930px;height:130px;margin: 0 auto;background-color:#ffffff;border-radius:30px;padding:30px 30px 30px 30px;}
#information{width:840px;margin: 0 auto;background-color:#ffffff;border-radius:30px;padding:40px 40px 40px 110px;}

/*search*/
#search-box-inner1{float:left;width:35%;margin-right:10px;}
#search-box-inner2{float:left;width:auto;font-family: 'M PLUS 1p', sans-serif;}
	.md1{float:left;}
	.md2{float:left;padding:1.4em 0 0 50px;}
#search-box-inner3{float:right;width:150px;text-align:right;margin-top:72px;}
#search-box span{font-size:1.4em;font-weight:600;}

/*checkboxを画像に*/
#search-box ul {margin-top:15px;}
#search-box li {
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
font-size:1.3em;
}
 
#search-box-inner1 input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
#search-box-inner2 input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
 
#search-box input[type="checkbox"] + label {
    display: block;
    background-image: url(../../images/checkoff.png);
    background-size: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 8px 0 0 28px;
}
#search-box input[type="checkbox"]:checked + label {
    background-image: url(../../images/checkon.png);
}

/*送信ボタンを画像に*/
input.btn_submit {
  cursor: pointer;
  display: block;
  width: 150px;
  height: 58px;
  border: none;
  text-indent: -9999px;
  background: url(../../images/search-submit.png) no-repeat 0 0;
}
 
input.btn_submit:hover {
  background: url(../../images/search-submit.png) no-repeat 0 -58px;
}

/*infomation*/
#information .info{width:auto;height:100px;margin: 0 auto;font-size:1em;line-height:200%;}
#information .info-l{
	width:350px;height:100%;float:left;padding-left:90px;
	background: url(../../images/tel.png) no-repeat 5px;
	background-size: 70px;}
#information .info-l span{font-family: 'M PLUS 1p', sans-serif;}
#information .info-r{
	width:250px;height:100%;float:left;padding-left:90px;
	background: url(../../images/mail.png) no-repeat 5px;
	background-size: 70px;}
#information .info span{font-size:2em;}
#mailbutton{width:100%;height:60px;background: url(../../images/info.png) no-repeat;background-size: 250px;}
#mailbutton a{display:block;text-decoration:none;width:100%;height:100%;}
#mailbutton:hover{background: url(../../images/info2.png) no-repeat;background-size: 250px;}


/*map*/
.map{margin-top:0px;width:100%;height:400px;}
.map2{margin:30px 0 40px 0;}
#address{
	float:left;
	width:700px;
	height:70px;
	font-size:1em;
	background:url(../../images/logomini.png)no-repeat 5px;
	background-size: 65px;
	padding:20px 0 0 90px;
}
	#address h2{font-size:1.5em;margin-bottom:-8px;}
#address-r{
	float:right;
	width:200px;
	height:95px;
	background: url(../../images/comp1.png) no-repeat 5px;
	background-size: 160px;
}
#address-r a{display:block;text-decoration:none;width:100%;height:100%;}
#address-r:hover{background: url(../../images/comp2.png) no-repeat 5px;background-size: 160px;}

/*footer*/
#footer{
    width:100%;
	background:url(../../images/background.png)repeat-x center;
	background-size: auto 75px;
	height:50px;
	text-align:center;
	padding-top:5px;

}
.copyright{
	margin-top:15px;
	clear:both;
	font-size:0.7em;
	color:#009933;
}
.gotop{
    position: fixed;
    right: 2%;
    bottom: 2%;
    margin-bottom:5px;
}


/* =======================================
CONTENTS Page CSS
======================================= */
#header2{
	width:100%;
	height:78px;
}

/*下層ヘッダーメニュー*/
#globalNavi2{
	width:100%;
	display : block ;
	background-color:#ffffff;
	background:url(../../images/rainbowline.png) repeat-x 0 0px #fff;
	background-size: 100% 6px;
	border-bottom:solid 2px #00984b;
}
.fixed2 {
    position: fixed;
    top: 0;
    width: 100%;
	height:56px;
	overflow:hidden;
    z-index: 10000;
}

#globalNavi2 ul{
list-style-type: none;
}
#globalNavi2 li{
	margin-top:6px;
	width:250px;
	height:52px;
	float:left;
	display : block ;
}
#globalNavi2 li:hover{
}

#globalNavi2 a{display : block ;height:52px;text-decoration:none;}

.topnavi{overflow:hidden;margin: auto;width: 1000px;}

#globalNavi2 li.navi1{background: url(../../images/navi1.png) no-repeat;}
#globalNavi2 li.navi2{background: url(../../images/navi2.png) no-repeat;}
#globalNavi2 li.navi3{background: url(../../images/navi3.png) no-repeat;}
#globalNavi2 li.navi4{background: url(../../images/navi4.png) no-repeat;}

#globalNavi2 li:hover.navi1{background: url(../../images/navi1on.png) no-repeat;margin-top:6px;}
#globalNavi2 li:hover.navi2{background: url(../../images/navi2on.png) no-repeat;margin-top:6px;}
#globalNavi2 li:hover.navi3{background: url(../../images/navi3on.png) no-repeat;margin-top:6px;}
#globalNavi2 li:hover.navi4{background: url(../../images/navi4on.png) no-repeat;margin-top:6px;}



/*sidebar*/
.sidemenu{clear:both;float:left;width:210px;border-radius:0 0 30px 30px;padding:20px;
background: url(../../images/titlemansion2.png) no-repeat 0px 10px #D1E09A;background-size: 250px;}

#fixnav{height: 650px;}
.fixed_not{position: relative; top: 0px;}
.fixeds{position: fixed; top: 0px;}
.fixed_releace{position: absolute; bottom: 600px;}

/*sidebar search*/
#search-box2{width:170px;height:470px;margin:50px 0 20px 0;background-color:#ffffff;border-radius:20px;padding:20px;}

/*search*/
#search-box-inner4{width:100%;}
#search-box-inner5{width:100%;margin-top:30px;font-family: 'M PLUS 1p', sans-serif;}
#search-box-inner6{width:100%;margin-top:20px;padding-left:10px;}
#search-box2 span{font-size:1.4em;font-weight:600;}

/*checkboxを画像に*/
#search-box2 ul {margin-top:15px;}
#search-box2 li {
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
font-size:1.3em;
}
 
#search-box-inner4 input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
#search-box-inner5 input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
 
#search-box2 input[type="checkbox"] + label {
    display: block;
    background-image: url(../../images/checkoff.png);
    background-size: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 8px 0 0 28px;
}
#search-box2 input[type="checkbox"]:checked + label {
    background-image: url(../../images/checkon.png);
}


/*search result*/
#contents-box{float:right;width:710px;min-height:700px;padding:20px;}

#conditions{width:100%;height:46px;border-radius:50px;padding:5px 10px 2px 10px;border:solid 1px #00984b;background: url(../../images/conditionsbg.png)repeat-y;}
#conditions-table{width:100%;}
#conditions-left{float:left;width:80px;height:46px;font-size:1em;color:#fff;font-weight:500;padding:15px 0 15px 10px;}
#conditions-right{float:left;width:calc(100% - 100px);max-height:60px;word-wrap: break-word;padding:5px 0 5px 10px;line-height:113%;}


#result-link{width:342px;position: relative;float:left;border:solid 1px #00984b;margin:10px;padding-bottom:5px;}
#result-box{width:342px;padding:10px;}

#result-table{width:322px;height:151px;table-layout: fixed;}
#result-table td{padding:5px 0 5px 5px;}
.result-img{width:322px;height:200px;overflow:hidden;}
	#result-link img{width:100%;}
.result-title{height:51px;font-size:1.3em;line-height:120%;vertical-align:middle;}

.center{text-align:center;}
.result-comment{width:322px;height:108px;font-size:1.2em;line-height:130%;overflow: hidden;padding:5px 15px 15px 15px;}
.resultclamp{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
　　overflow: hidden;}

#result-button{
width:100%;
height:75px;
position: relative;

}

/*ボタンを画像に*/
.btn_result{
cursor: pointer;
display:block;
position: absolute;
text-decoration:none;
top:10px;
left:56px;
width:230px;
height:50px;
border-radius:50px;
margin-top:2px;
padding:7px 10px 10px 10px;
font-size:1.3em;
font-weight:500;
border:solid 5px #198F49;
text-align:center;
vertical-align:middle;
color:#198F49;
background:#fff;}
 
.btn_result:hover {
  background-color:#D1E09A;color:#0A0A0A;
}






#searchresult{width:calc(100% + 20px);}


/* 物件詳細 */
#bukken-property-box{width:100%;}
#bukken-property-box img{width:100%;}
.bukken-property-img{float:left;width:45%;height:288px;overflow:hidden;}
.bukken-property-table-inner{float:left;width:55%;}

#bukken-property-table{width:100%;margin-left:5px;}

.bukken-property-top{width:100%;height:150px;border-bottom:solid 2px #198F49;}
.bukken-property-title{font-size:1.5em;line-height:120%;padding-bottom:15px;}
.bukken-property-madori{font-size:1.3em;color:#198F49;padding-bottom:10px;}
.bukken-property-price{font-size:1.3em;color:#198F49;}

.bukken-property-left{width:100px;font-size:1.1em;border-bottom:1px dotted #636363;padding:5px;text-align:right;}
.bukken-property-right{width:272px;font-size:1.1em;border-bottom:1px dotted #636363;padding:5px;}
.buend{border-bottom:solid 2px #198F49;}

.bukken-property-comment{width:100%;font-size:1.2em;line-height:130%;padding:10px 0 50px 0;}


#bukken-property-table2{width:100%;margin:100px 0 0 5px;}
.bukken-property-title2{height:30px;padding:11px 5px 0px 50px;font-size:1.3em;color:#198F49;background: url(../../images/bukken.png)no-repeat 5px 3px;background-size:35px;}
.bukken-property-left2{width:115px;font-size:1.1em;padding:8px 5px 8px 5px;text-align:right;background-color:#D1E09A;line-height:110%;}
.bukken-property-right2{width:240px;font-size:1.1em;padding:8px 5px 8px 5px;line-height:110%;}
.butop{border-top:solid 3px #198F49;}
.buend2{border-bottom:solid 3px #198F49;}


/* スライダー */
#slider {
   width:610px;
   margin:0 auto;
}
 
#photo {
   width:600px;
   height:400px;
   position:relative;
}
#photo img{height:100%;}
#photo li {
   position:absolute;
}
#photo p{width:600px;height:400px;text-align:center;background-color:#fff;overflow:hidden;}
 
#thum {
   width:600px;
	height:80px;
   padding-top:20px;
}
#thum li{float:left;cursor:pointer;width:110px;height:70px;overflow:hidden;padding:10px 5px;}
#thum img{width:100%;}

.thumimg{background-size: cover;}


/* 会社情報 */
#message{width:100%;font-size:1.3em;text-align:center;padding:100px 0;line-height:150%;}
.mestit{color:#198F49;font-size:1.4em;padding-bottom:50px;}
.comimg img{width:500px;}

#company-table{width:100%;margin:50px 0 0 5px;}
.company-title{height:30px;padding:11px 5px 0px 50px;font-size:1.3em;color:#198F49;background: url(../../images/building.png)no-repeat 5px 3px;background-size:35px;}
.company-left{width:200px;font-size:1.1em;padding:8px 5px 8px 5px;text-align:right;background-color:#D1E09A;}
.company-right{width:800px;font-size:1.1em;padding:8px 5px 8px 5px;}

.company-pribacy-title{height:30px;padding:11px 5px 0px 5px;font-size:1.3em;color:#198F49;}
.company-pribacy{width:1000px;font-size:1.1em;padding:8px 5px 8px 5px;line-height:130%;}
.company-pribacy span{color:#198F49;font-size:1.2em;}
.company-pribacy p{padding-left:30px;}


/* =======================================
管理画面 CSS
======================================= */
/* 管理画面トップに戻るボタン */
#returntop{
width:230px;
height:25px;
position: relative;
}
#returntop a{
display:block;
position: absolute;
top: 0;
left: 0;
text-decoration:none;
width:230px;
height:25px;
border-radius:50px;
margin-top:2px;
padding:18px 10px 10px 10px;
font-size:1.3em;
font-weight:500;
border:solid 5px #198F49;
text-align:center;
vertical-align:middle;
color:#198F49;
}
#returntop a:hover{background-color:#D1E09A;color:#0A0A0A;}

/* 画面タイトル */
#kanri-title{
margin:50px 0 0 200px;
height:50px;
padding:12px 5px 0px 57px;
font-size:1.5em;
color:#198F49;
background: url(../../images/bukken.png)no-repeat;
background-size:45px;
}


/* ----------管理画面トップ---------- */
/* 項目ボタン */
#menubutton-box{
width:720px;
height:330px;
margin:0 auto;
}
#menubutton {
display:inline-block;
width:300px;
height:40px;
margin:20px 20px 20px 20px;
}
#menubutton a{
display:block;
width:300px;
height:40px;
text-decoration:none;

padding:20px 10px 0px 10px;
font-size:1.4em;
font-weight:500;
border:solid 5px #198F49;
text-align:center;
color:#198F49;
}
#menubutton a:hover{background-color:#D1E09A;color:#0A0A0A;}


.meshyouji{
background:#198F49;
color:#fff;
font-size:1.5em;
text-align:center;
padding:10px 0;
margin-bottom:10px;
}

.topbukkenlist{
width:1000px;
padding-bottom:150px;
font-color:1.5em;
}
.topbukkenlist td{
padding:8px;}

.tbc{
text-align:center;
}

.topbukkenlisttr{
background:#D1E09A;
}

.tbcg{
background:#f0f0f0;
}

/* ----------物件リストセレクタ---------- */
#select-box{
width:600px;
height:500px;
margin:0 auto;
}
#select-box table{width:100%;margin-top:20px;}
.select-left{width:110px;text-align:right;font-size:1.3em;padding:20px 5px 20px 0;}
.select-right{width:490px;padding:20px 0 20px 5px;}
#select-box select{font-size:1.2em;width:100%;}
.select-bottom{width:150px;text-align:center;padding:70px 0 0 240px;}

.kanri_submit{
width:120px;
height:40px;
padding-top:2px;
border-radius:50px;
font-size:1.3em;
border:solid 5px #198F49;
color:#198F49;
background-color:#fff;
font-family:'Kosugi Maru', sans-serif;
}
.kanri_submit:hover{background-color:#D1E09A;color:#0A0A0A;cursor:pointer;}

.kanri_submit2{
width:330px;
height:70px;
text-decoration:none;
margin-top:10px;
padding:0px 10px 0px 10px;
font-size:1.4em;
font-weight:500;
border:solid 5px #198F49;
text-align:center;
color:#198F49;
background-color:#fff;
font-family:'Kosugi Maru', sans-serif;
}
.kanri_submit2:hover{background-color:#D1E09A;color:#0A0A0A;cursor:pointer;}


.selectp{font-size:1.2em;}

/* ----------物件詳細表示---------- */
#confirm-box{
width:750px;
margin:0 auto;
}
#kanri-title2{
margin:50px 0 0 0px;
height:50px;
padding:12px 5px 0px 57px;
font-size:1.5em;
color:#198F49;
background: url(../../images/bukken.png)no-repeat;
background-size:45px;
}
.bukken-property-comment2{width:100%;font-size:1.2em;line-height:130%;padding:10px 0 0px 0;}
#bukken-property-table3{width:100%;margin:50px 0 0px 0px;padding-bottom:50px;}
.select-bottom-two{display:inline-block;width:150px;text-align:center;padding:50px 0 150px 150px;}

.center{font-size:1.2em;text-align:center;}


/* ----------物件登録画面---------- */
.regtext{width:100%;font-size:1.2em;}
.regtextarea{width:100%;height:150px;font-size:1.2em;}
.regtext-small{width:200px;font-size:1.2em;margin-right:5px;}

.bukken-reg-radio li{display: inline;margin-right:80px;}
.bukken-reg-radio li:lastchild{display: inline;margin-right:0px;}

#bukken-reg-table{width:100%;margin:20px 0 0px 0px;}
.bukken-reg-top{width:100%;font-size:1.1em;padding:8px 5px 8px 5px;line-height:110%;text-align:center;}
.bukken-reg-left{width:130px;font-size:1.1em;padding:8px 5px 8px 5px;text-align:right;background-color:#D1E09A;line-height:110%;}
.bukken-reg-right{width:620px;font-size:1.1em;padding:8px 5px 8px 5px;line-height:110%;}
.bukken-reg-right select{font-size:1.2em;width:250px;}

.regpic{width:100%;}
.regp{margin-top:50px;}
.regmiddle{vertical-align:middle;}

.text {display: none;}
.text01 {display: block;}
.text02 {display: none;}

input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;




