@charset "utf-8";


/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/
html,body{
    width: 100%;
}

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
	background-image:url(../images/bk01.gif);
	background-repeat:repeat-x;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
video {max-width: 100%;}
iframe {width: 100%;}
/*---------------------------------------------------------------------------*/
h2 {width:100%; text-align:center; font-size:120%;}
.se {text-align:center;}
.le {text-align:left;}
.ri {text-align:right;}
.clr {clear:both;}
.pu {color:#FF0099;}
.br {color:#0000FF;}
.gr {color:#009900;}
.f120 {font-size:120%;}
.f150 {font-size:150%;}
.fbd {font-weight:bold;}
.nodp {height:30px;}
.w100 {width:100%;}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;	/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a:hover {
	color: #7ba61f;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
a:hover img {opacity:0.6;}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
#head {
	width:100%;
	overflow: hidden;
}
header .inner {
	width:60%;
	margin:0 auto;
	padding-top:12px;
	height: 105px;	/*高さ*/
	box-sizing:border-box;
}
header .inner p {
	float:right;
	font-size:120%;
	color:#006633;
}
header h1 {
	font-size:100%;
	color: #333333;
}
/*ロゴ画像*/
header #logo {
	width: 80%;	/*画像幅*/
	padding-left:20px;
}

/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*ブロック全体*/
#contact {
	width:85%;
	margin:0 auto;
	padding-top:20px;
}
#contact table {
	width:100%;
	border:#003333 solid 2px;
}
#contact tr {
	width:100%;
}
#contact th {
	width:35%;
	padding:3px;
	text-align:center;
	color:#FFFFFF;
	border: #003333 solid 1px;
	background-color:#006633;
	box-sizing:border-box;
}
#contact td{
	width:65%;
	padding:1px;
	border:#003333 solid 1px;
	background-color:#AAE6B3;
}
#contact input {
	width:85%;
	margin-left:3px;
	font-size:120%;
}
#contact .se input {
	width:20%;
	margin:0 auto;;
	font-size:120%;
}
#contact textarea {
	width:85%;
	height:100px;
	margin-left:3px;
	font-size:120%;
}
#contact select {
	margin-left:3px;
	font-size:120%;
}
#contact .hf {width:45%; padding:0 2%;}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menu-box {
	width:100%;
	position: absolute;
	top:105px;
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.15は透明度15%の事。*/
	box-shadow: 0px 0px 8px rgba(0,0,0,0.15);			/*同上*/
}
/*サイト幅にしたmenu-box内のブロック*/
#menubar {
	width:60%;
	margin:0 auto;
	overflow: hidden;
	border-left: 1px solid #ccc;	/*左の線の幅、線種、色*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 25%;		/*メニュー幅*/
	font-weight:bold;
	font-size:120%;
	box-sizing:border-box;
	text-align: center;	/*内容をセンタリング*/
	border-right: 1px solid #ccc;	/*右の線の幅、線種、色*/
	line-height: 50px;	/*高さ*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定。不要ならこの行削除。*/
}
#menubar a {
	display: block;
	width: auto;
	text-decoration: none;
}
/*マウスオン時*/
#menubar li:hover {
	background: #fff;	/*背景色*/
	opacity:0.3;
}
/*メニュー用アイコン設定（menu1〜memu4までの共通設定）*/
.menuimg a {
	width: 25%;	/*幅*/
	height: 48px;	/*高さ*/
	display: inline-block;
	background-size:30px 30px;
	background-repeat: no-repeat;
/*	background-size: 50px 200px;	背景画像のサイズ。※実寸は100pxと400pxだが、高解像度の端末用に50%のサイズで指定している。*/
}

.menu1 a {
	background-position: 10px 10px;
	background-image: url(../images/icon1.png); width:30%;	/*背景画像の読み込み*/
/*	background-size: 10px 10;	
	background-repeat: no-repeat;*/
}
.menu2 a {
	background-position: 10px 10px;
	background-image: url(../images/icon2.png); width:30%;	/*背景画像の読み込み*/
/*	background-repeat: no-repeat;
	background-size: 30px 30;	
	background-repeat: no-repeat;*/
}
.menu3 a {
	background-position: 10px 10px;
	background-image: url(../images/icon3.png); width:30%;	/*背景画像の読み込み*/
/*	background-repeat: no-repeat;
	background-size: 30px 30;	
	background-repeat: no-repeat;*/
}
.menu4 a {
	background-position: 10px 10px;
	background-image: url(../images/icon4.png); width:30%;	/*背景画像の読み込み*/
/*	background-repeat: no-repeat;
	background-size: 30px 30;	
	background-repeat: no-repeat;*/
}
#menubar-s {
	display:none;
}
/*サブメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #e4e4e4;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li{
	width:100%;
	background: #fff;	/*背景色*/
	font-size:100%;
	text-align:center;
	border-bottom: solid 1px #e4e4e4;	/*下の線の線種、幅、色*/
}
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 2px 10px;	/*メニュー内の余白。上下、左右への設定。*/
}
#sub ul.submenu li:hover {
	background-color:#B7FFDB;
}
.submenuimg a {
	width: 100%;	/*幅*/
	height: 48px;	/*高さ*/
	display: inline-block;
	background-size:28px 28px;
	background-repeat: no-repeat;
/*	background-size: 50px 200px;	背景画像のサイズ。※実寸は100pxと400pxだが、高解像度の端末用に50%のサイズで指定している。*/
}
/*コンテンツ
---------------------------------------------------------------------------*/
#wrapper {
	width:100%;
	overflow:hidden;
}
#contents {
	clear: left;
	overflow: hidden;
	width: 60%;		/*幅*/
	margin: 0 auto;
	background-color:#006633;
}
/*main,subを囲むブロック設定*/
#contents-inner {
	float: right;
	width: 65%;
	overflow: hidden;
	background-color: #D8F3F0;
	margin:3%;
	box-sizing:border-box;
}
#contents-inner .box1 {
	width:50%;
	float:left;
}
#contents .box {
	widows:100%;
	padding:8px;
	text-align:center;
	color:#FFFFFF;
	font-size:150%;
	font-weight:bold;
}
#contents .box0 {
	width:100%;
	padding:16px;
	overflow:hidden;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
#contents .box0 img {
	float:left;
	margin:0 8px;
}
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*左に回り込み*/
	width:25%;
	margin-left:3%;
	margin-top:3%;
}
#sub .box1 {
	width:100%;
	padding: 5%;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックスの下に空けるスペース*/
	background: #ebf0e0;	/*背景色*/
	border: solid 1px #d1d1d1;	/*線の線種、幅、色*/
	box-sizing:border-box;
}


/*TEL*/
.tel {
	letter-spacing: 0.2em;	/*文字間隔を広くする設定。通常がいいならこの行削除。*/
	font-size: 100%;		/*文字サイズを大きく*/
	font-weight: bold;		/*文字を太く*/
}
/*TELの受付時間の小文字部分*/
.tel span {
	font-size: 90%;	/*文字サイズを小さく*/
	display: block;
	font-weight: normal;	/*太字の設定を解除する設定*/
	letter-spacing: 0.1em;	/*文字間隔*/
}
/*「お問い合わせフォーム」ブロック*/
.form {
	font-size:100%;	/*文字サイズ*/
	text-align: center;
}
.form a {
	display: block;
	text-decoration: none;
	color: #fff;	/*背景色*/
	border: 1px solid #7ba61f;	/*枠線の幅、線種、色*/
	border-radius: 4px;		/*角丸のサイズ*/
	background: #7ba61f;	/*背景色*/
}
.form a:hover {
	background: #fff;	/*マウスオン時の背景色*/
	color: #7ba61f;		/*マウスオン時の文字色*/
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	width: 1000px;
	margin: 0 auto;
}
#pagetop a {
	margin-top: 30px;
	color: #FFF;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	padding: 0px 15px;	/*上下、左右へのボックス内余白*/
	background: #54983A;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下。*/
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #999;	/*背景色*/
	color: #FFF;			/*文字色*/
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background: #54983A;	/*背景色*/
	color: #fff;	/*文字色*/
	font-size: 90%;	/*文字サイズ*/
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #99FF99;
}
footer .pr {
	display: block;
	font-size: 80%;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 60%;	/*幅*/
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
}
/*１行分の設定*/
#footermenu ul li {
	float: left;	/*左に回り込み*/
	width: 13%;		/*幅。今回は５列作ったのでここの幅18%と下のpaddingの2%でトータル20%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 2%;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	width:60%;
	margin:0 auto;
	text-align:right;
	}
#copyright a {
	text-decoration: none;
}
#copyright a:hover {
	color: #99FF99;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#profile,.nc {
	width:100%;
	overflow:hidden;
}
#product {
	width:100%;
	overflow:hidden;
}
#main {
	width:94%;
	margin:3%;
	background-color:#FFFFFF;
}
#main p {
	line-height:180%;

	}
#profile table {
	width:100%;
}

#profile .fl {
	width:100%;
	padding:3px;
	font-size:120%;
	font-weight:bold;
	box-sizing:border-box;
}

#profile tr {
	width:100%;
}
#profile th {
	width:20%;
	padding:3px;
	text-align:center;
	font-size:120%;
	box-sizing:border-box;
}
#profile td {
	width:80%;
	padding:3px;
	font-size:120%;
	box-sizing:border-box;
}
#product table {
	width:100%;
}
#product tr {
	width:100%;
}
#product th {
	width:25%;
	padding:3px;
	text-align:center;
	font-size:120%;
	box-sizing:border-box;
}
#product td {
	width:15%;
	padding:3px;
	text-align:center;
	font-size:120%;
	box-sizing:border-box;
}

.nc table {
	width:100%;
}
.nc tr {
	width:100%;
}
.nc th {
	width:35%;
	text-align:left;
	padding:3px 3px 3px 8%;
	font-size:120%;
	box-sizing:border-box;
}
.nc td {
	width:65%;
	padding:3px;
	text-align: left;
	font-size:120%;
	box-sizing:border-box;
}
.nc .bw {
	padding:3px 3px 3px 8%;
	font-size:120%;
	box-sizing:border-box;
}

#product2 table {
	width:100%;
}
#product2 tr {
	width:100%;
}
#product2 th {
	width:50%;
	padding:3px;
	text-align:center;
	font-size:120%;
	box-sizing:border-box;
}
#product2 td {
	width:50%;
	padding:3px;
	text-align:center;
	font-size:120%;
	box-sizing:border-box;
}
#product3 table {
	width:100%;
}
.outbox {
	margin:20px 0px;
	display:flex;
	flex-direction: row;
}
.outbox .boxl {
	width:38%;
	padding:3px;
	box-sizing:border-box;
}
.outbox .boxr {
	text-align:center;	
	width:59%;
	padding:3px;
	font-size:120%;
	box-sizing:border-box;
}

#main .box00 {
	width:94%;
	overflow:hidden;
	margin:3px auto;
	padding:4px;
	text-align:center;
}
#main .box00 img {
	width:90%;
	margin-left: auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:4px;
}
#main .box00l {
	width:10%;
	margin:3px 3%;
	overflow:hidden;
	box-sizing:border-box;
}
#main .box00r {
	width:85%;
	text-align: left;
	font-size:120%;
	
}
#main .box00l img {
	width:10%;
}
#main .box11 {
	width:100%;
	overflow:hidden;
	padding:5px;
	font-size:120%;
	text-align:center;
	color:#FFFFFF;
	background-color:#0066FF;
	box-sizing:border-box;
}
#main .box22 {
	float:left;
	width:45%;
	text-align:center;
	padding:3px;
	margin:3px 2%;
	box-sizing:border-box
}
#main .box22l {
	float:left;
	width:60%;
	text-align: left;
	padding:3px;
	box-sizing:border-box
}
#main .box22lc {
	float:left;
	width:60%;
	text-align: center;
	padding:3px;
	box-sizing:border-box
}
#main .box22lc img {
	width:60%;
	margin:0 aut;
}
#main .box22l img {
	width:60%;
	margin-left:20%;
}
#main .box22r {
	float:left;
	width:40%;
	text-align: left;
	padding:3px;
	box-sizing:border-box
}
#main .box22r table{
	width:100%;
}
#main .box22r tr{
	width:100%;
}
#main .box22r td{
	width:33%;
	text-align:center;
}
#main .box22r th{
	width:34%;
	text-align:center;
	background-color:#F6F6F6;
}


#main soan {
	margin:2px 5px;
}
#main span {
	margin-left:5%;
	padding-left:8px;
	text-align:left;
	overflow:hidden;
}
#main .fll  img {
	width:5px;
	margin-left:5%;
	float:left;
}

#main .flr {
	width:25%;
	margin:2%;
	float: right;
}

#main .box22 img {
	width:94%;
	margin:2px auto;
}
#main .im {
	width:80%;
	margin:0 auto;
}
#main .im {display:none;}


@media screen and (max-width:1300px){
#contents {
	width: 98%;
	box-sizing:border-box;
}
/*ロゴ画像*/
header #logo img {
	width:50%;
}
}
/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media only screen and (max-width:1100px){
header .inner {
	width: 100%;
	height: 150px;
}
.f120 {font-size:80%;}
.f150 {font-size:90%;}

}
@media screen and (max-width:800px){

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header .inner p {
	float:left;
	font-size:80%;
	color:#006633;
}
header h1 {
	font-size:80%;
	color: #333333;
}


/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*ブロック全体*/
/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
	margin-top: 28px;
}
/*PC用メニューを非表示にする*/
#menubar {
	display: none;
}
	
/*メインメニュー
---------------------------------------------------------------------------*/
#menubar-s ul li {
	width: 100%;		/*メニュー幅*/
	font-weight:bold;
	font-size:120%;
	background-color:#66CC33;
	text-align: center;	/*内容をセンタリング*/
	line-height: 50px;	/*高さ*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定。不要ならこの行削除。*/
}
#menubar-s a {
	display: block;
	text-decoration: none;
}
/*マウスオン時*/
#menubar-s li:hover {
	background: #fff;	/*背景色*/
	opacity:0.3;
}


/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 35px;		/*上から25pxの場所に配置*/
	right: 10px;	/*右から10pxの場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	border-radius: 4px;	/*角丸のサイズ*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
	background: #fff;
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #000;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;	/*バー同士の余白*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*main,sub,sideを囲むブロック設定*/
#contents {
	width: 98%;
	margin-top:60px;
	box-sizing:border-box;
}
#contents .box {
	widows:95%;
	padding:8px;
	font-size:120%;
	font-weight:bold;
}
#contents .box0 {
	width:95%;
	padding:8px;
	overflow:hidden;
	margin-bottom:5px;
}
/*main,subを囲むブロック設定*/
#contents-inner {
	float: none;
	width: 95%;
}
#sub {
	float: none;	/*左に回り込み*/
	width:95%;
}
#sub .box1 {
	width:100%;
	padding: 15px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックスの下に空けるスペース*/
	background: #ebf0e0;	/*背景色*/
	border: solid 1px #d1d1d1;	/*線の線種、幅、色*/
	box-sizing: border-box;
}
#sub ul .submenu {
	width:98%;
}

/*main,sub,sideコンテンツ
---------------------------------------------------------------------------
メインコンテンツ*/
.outbox {
	margin:10px 0px;
	flex-direction: column;
}
.outbox .boxl {
	width:98%;
	padding:3px;
	box-sizing:border-box;
}
.outbox .boxr {
	text-align:center;	
	width:98%;
	padding:3px;
	box-sizing:border-box;
}
#main .box00l {
	display:none;
}
#main .box00r {
	width:100%;
	padding:2px;
	background-color:#C1FFE0;
	border-left:#33CCFF solid 3px;
	text-align: left;
	font-size:90%;
	
}
#main .box00l img {
	width:10%;
}
#main .box22 {
	float: none;
	width:100%;
	text-align:center;
	padding:3px;
	box-sizing:border-box
}
#main .box22l {
	float: none;
	width:100%;
	text-align: left;
	padding:3px;
	box-sizing:border-box
}
#main .box22lc {
	float: none;
	width:100%;
}

#main .box22l img,#main .box22lc img {
	text-align:center;
	width:80%;
	margin:0 auto;
}
#main .box22r {
	float: none;
	width:100%;
}
.nodp {display:none;}
#main .flr { display:none;}
#main .im {display:block;}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: #7ba61f url(../images/btn_minus.png) no-repeat right center/34px 34px;
}
section#new h2.close {
	background: #7ba61f url(../images/btn_plus.png) no-repeat right center/34px 34px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 100%;	/*幅*/
	overflow: hidden;
	padding: 3px;
}
/*１行分の設定*/
#footermenu ul {
	float: none;
	width: 100%;		/*幅。今回は５列作ったのでここの幅18%と下のpaddingの2%でトータル20%になるよう設定。列に応じて調整して下さい。*/
}
#footermenu ul li {
	float: left;	/*左に回り込み*/
	width: 45%;		/*幅。今回は５列作ったのでここの幅18%と下のpaddingの2%でトータル20%になるよう設定。列に応じて調整して下さい。*/
	text-align:center;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	float: none;
	width:100%;
	text-align: center;
	font-size:120%;
	}
#copyright a {
	text-decoration: none;
}
#copyright a:hover {
	color: #99FF99;
}

/*その他
---------------------------------------------------------------------------
body.s-n #sub,body.s-n #side,body.s-n #footermenu {display: none;}
.sh {display:block;}
.pc {display:none;}*/

}

/*画面幅600px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:600px){
#profile th,#profile td,
#product2 th,#product2 td,
.nc th,.nc td {
      display: block;
	  width:100%;
    }
#profile th,#product2 th,
.nc th {
		background-color:#CCCCCC;
	}
.nc th,.nc td {
	text-align:center;
}
#profile .dno {
		display:none;
	}
#contact th,#product th {
	display: block;
	width:100%;
}
#contact td,#product td {
	display: block;
	width:100%;
	text-align:center;
	
}
#main .box11 {
	width:99%;
}
.bgwt {background-color:#FFFFFF;}
/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定
#menubar-s li {
	width: 50%;		
}
*/
}

/*画面幅414px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:414px){

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header .inner {
	height: 70px;
	background: none;	/*ヘッダー背景画像を消す*/
}
/*ロゴ画像*/
header #logo {
	width: 80%;
	margin-top: 15px;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar-s {
	padding: 0px;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	width: 100%;		/*幅*/
	border-bottom: 1px solid rgba(255,255,255,0.4);	/*下線の幅、線種、色。「255,255,255」はrgb指定での白の事。「0.4」は透明度40%の事。*/
}
#menubar-s li a {
	padding: 8px 0px;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	position: absolute;
	top: 10px;		/*上から10pxの場所に配置*/
	right: 10px;	/*右から10pxの場所に配置*/
}

/*物件一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*ボックス内の写真設定*/
#main .list figure img {
	padding: 0px;
	border: none;
	margin-right: 1.5%;		/*写真の右側に空ける余白*/
}
/*各ボックスの設定（※compactタイプへの追加設定）*/
#main .list.compact {
	width: 47%;	/*幅*/
	margin-left: 2%;
}
#main .list.compact a {
	height: 250px;	/*高さ*/
}

/*一覧ページの各物件ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list table {
	font-size: 11px;	/*文字サイズ*/
	line-height: 1.2;	/*行間*/
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体
#footermenu {
	display: none;
}*/

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}

}



/*画面幅350px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:350px){

/*こだわりアイコンのフロート指定(CMS用)*/
.ta1 td .specialbox {
	width: 50%;
}

}
