@charset "UTF-8";

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre, 
address,ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	font-family:
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    "Hiragino Kaku Gothic Pro W3",
    "メイリオ",
    Meiryo,
    Osaka,
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    sans-serif;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul li, ol li {
  list-style-type: none; /* マーカーを消す */
}
a {
  text-decoration: none; /* 下線を消す */
}
img {
  border: 0;
}
img, input {
  vertical-align: middle;
}
/* resetここまで */

body {
	background: url(../images/header-bg.jpg) repeat-x;
}

h1 {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	padding: 73px 0 0 327px;
}

h2 {
	width: 740px;
	height: 40px;
	background: url(../images/h2.jpg) no-repeat;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	padding: 12px 0 0 25px;
}

h3 {
	width: 720px;
	height: 40px;
	background: url(../images/h3.jpg) no-repeat;
	font-size: 20px;
	color: #339966;
	font-weight: normal;
	padding: 11px 0 0 18px;
	margin: 0 0 0 10px;
}

h4 {
	width: 720px;
	height: 32px;
	background: url(../images/h4.jpg) no-repeat;
	font-size: 16px;
	color: #339966;
	padding: 9px 0 0 23px;
	margin: 0 0 0 10px;
}

p {
	font-size: 14px;
	line-height: 140%;
	color: #333333;
	margin: 0 0 20px 10px;
}

#container {
	width: 1000px;
	margin: 0 auto;
}

#header {
	width: 1000px;
	height: 250px;
	background: url(../images/heager.jpg) no-repeat;
}

#header2 {
	width: 1000px;
	height: 250px;
	background: url(../images/heager2.jpg) no-repeat;
}

#header p {
	font-size: 15px;
	line-height: 130%;
	color: #FFF;
	padding: 80px 0 0 315px;
}

#header2 p {
	font-size: 15px;
	line-height: 130%;
	color: #FFF;
	padding: 80px 0 0 315px;
}

/*---gnavの指定ここから---*/
#gnav {
	width: 1000px;
	height: 50px;
	margin: 0 0 20px 0;
}

#gnav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#gnav li{
	float: left;
	width: 200px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#gnav a {
	display: block;
	width: 100%;
	height: 50px;
	background: url(../images/gnavi.png) no-repeat;
}

#gnav a:hover {
	background: url(../images/gnavi.png) no-repeat;
}

#menu1 a {
	background-position: 0 0;
}

#menu2 a {
	background-position: -200px 0;
}

#menu3 a {
	background-position: -400px 0;
}

#menu4 a {
	background-position: -600px 0;
}

#menu5 a {
	background-position: -800px 0;
}

#menu1 a:hover {
	background-position: 0 -50px;
}

#menu2 a:hover {
	background-position: -200px -50px;
}

#menu3 a:hover {
	background-position: -400px -50px;
}

#menu4 a:hover {
	background-position: -600px -50px;
}

#menu5 a:hover {
	background-position: -800px -50px;
}
/*---gnavの指定ここまで---*/

#wrapper {
}

#content {
	float: right;
	width: 740px;
	margin: 0 0 20px 0;
}

/*---物件用ボックスの指定ここから---*/
.est-wh {/* 倉庫用ボックスの指定 */
	float: left;
	width: 333px;/* border、padding分引いてある 本来は355px */
	background: #EAF4F1;
	border: 1px solid #999999;
	text-align: center;
	margin: 0 7px 10px 7px;
	padding: 10px;
}

.est-of {/* 貸事務所用ボックスの指定 */
	float: left;
	width: 333px;/* border、padding分引いてある 本来は355px */
	background: #E9EEF5;
	border: 1px solid #999999;
	text-align: center;
	margin: 0 7px 10px 7px;
	padding: 10px;
}

.est-pl {/* 工場用ボックスの指定 */
	float: left;
	width: 333px;/* border、padding分引いてある 本来は355px */
	background: #F7F4FB;
	border: 1px solid #999999;
	text-align: center;
	margin: 0 7px 10px 7px;
	padding: 10px;
}

.est-ho {/* 貸家用ボックスの指定 */
	float: left;
	width: 333px;/* border、padding分引いてある 本来は355px */
	background: #F4F5EB;
	border: 1px solid #999999;
	text-align: center;
	margin: 0 7px 10px 7px;
	padding: 10px;
}

.est-st {/* 貸店舗用ボックスの指定 */
	float: left;
	width: 333px;/* border、padding分引いてある 本来は355px */
	background: #F3F1EB;
	border: 1px solid #999999;
	text-align: center;
	margin: 0 7px 10px 7px;
	padding: 10px;
}

.est-la {/* 土地用ボックスの指定 */
	float: left;
	width: 333px;/* border、padding分引いてある 本来は355px */
	background: #EBF9E8;
	border: 1px solid #999999;
	text-align: center;
	margin: 0 7px 10px 7px;
	padding: 10px;
}
/*---物件用ボックスの指定ここまで---*/

p.est-title {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 3px 0;
}

img.est-line {
	margin: 0 0 10px 0;
}

img.est-l {/* 物件情報の左画像 右側と下にマージンあり */
	margin: 0 10px 10px 0;
}

img.est-r {/* 物件情報の右画像 下のみマージンあり */
	margin: 0 0 10px 0;
}

table.est-dt {
	width: 323px;
	margin: 0 0 10px 5px;
}

td.est-01 {
	width: 60px;
	height: 25px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

td.est-02 {
	font-size: 15px;
	text-align: left;
	padding: 0 0 0 10px;
}

td.est-03 {
	height: 25px;
	font-size: 12px;
	text-align: left;
}

td.est-04 {
	width: 60px;
	height: 25px;
	background: #CCCCCC;
	border: 1px solid #CCCCCC;
	font-size: 13px;
}

td.est-05 {
	height: 25px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
}

a:hover img.half80 {/* オンマウスで画像を半調に */
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.5;
}

/*---sideの指定ここから---*/
#side {
	float: left;
	width: 240px;
	margin: 0 0 20px 0;
}

#side a:hover img {/* sideの画像全部、オンマウスで画像を半調に */
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.5;
}

#side img.s-10 {
	margin: 0 0 10px 0;
}

#side img.s-20 {
	margin: 0 0 20px 0;
}

#side .box-green {
	border: 10px solid #82B5A9;
	padding: 10px 15px;
	margin: 0 0 20px 0;
}

iframe#info {
	width: 740px;
	height: 200px;
	border: none;
}

#side span.green-news {
	font-size: 25px;
	font-weight: bold;
	color: #0B5860;
}

dl{
	font-size: 13px;
}

dt{
	margin: 0 0 3px 0;
}

dd{
	margin: 0 0 10px 0;
}

#side span.green-com {
	font-size: 16px;
	font-weight: bold;
	color: #0B5860;
}

#side p.box {
	font-size: 13px;
	line-height: 130%;
}

#side-gmap {/* sideのグーグルマップ用（これで囲わないとside-greenに食い込んで誤表示されてしまう為 */
}
/*---sideの指定ここまで---*/

#footer-bg {
	clear: both;
	width: 100%;
	height: 120px;
	background: url(../images/footer-bg.jpg) repeat-x;
}

#footer {
	width: 1000px;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
	padding: 13px 0 0 0;
}

#footer ul.f-01 {/* リストメニュー上段の指定 */
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}

#footer ul.f-02 {/* リストメニュー下段の指定 */
	font-size: 12px;
	text-align: center;
	margin: 0 0 12px 0;
	padding: 0;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color: #FFF;
}

#footer ul li a:hover {
	color: #EBF9E8;
}

.footer-p {
	font-size: 25px;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 7px 0;
}

address{
	font-style: normal;
	font-size: 11px;
	margin: 0;
}

/*-------------------------

会社概要ここから

-------------------------*/

table.company {
	width: 720px;
	border: 1px solid #82B5A9;
	font-size: 14px;
	color: #333333;
	margin: 0 0 20px 10px;
}

td.com-01 {
	width: 120px;
	height: 58px;
	text-align: center;
	border-bottom: 1px solid #82B5A9;
	background-color: #E6F0EE;
}

td.com-02 {
	border-bottom: 1px solid #82B5A9;
	padding: 0 0 0 20px;
}

img.ono {
	float: right;/* 社長の画像 */
	margin: 0 10px 10px 10px;
}

.clear {/* 上の画像のfloatを解除する */
	clear: both;
}

.store-img {/* キャプション付き画像用ボックス */
	float: left;
	width: 320px;
	margin: 0 10px 10px 10px;
}

p.caption {
	font-size: 14px;
	margin: 0;
}

/*-------------------------

アクセスマップここから

-------------------------*/

span.big {
	font-size: 20px;
	font-weight: bold;
}

#g-map {
	margin: 0 0 0 10px;
}

.parking01 {
	float: left;
	width: 355px;
	margin: 0 10px 10px 10px;
}

.parking02 {
	float: right;
	width: 355px;
	margin: 0 10px 10px 0;
}

/*-------------------------

ローンお悩み相談ここから

-------------------------*/

.rl-auto {
	width: 640px;
	margin: 0 auto;
}

.botom-10 {/* 下に10pxのマージン付き */
	margin: 0 0 10px 0;
}

span.red {
	font-weight: bold;
	color: #F00;
}

p.pencil-01 {
	height: 60px;
	background: url(../images/check.jpg) no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 0 80px;
	margin: 0 0 10px 10px;
}

p.pencil-02 {
	height: 60px;
	background: url(../images/check.jpg) no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 0 80px;
	margin: 0 0 10px 10px;
}

/*-------------------------

オーナー向けここから

-------------------------*/

img.left-10 {/* 左に10pxのマージン付き */
	margin: 0 0 0 10px;
}

p.l-b-10 {/* 下、左右に10pxのマージン付き */
	margin: 0 0 10px 10px;
}

.stepbox{
	margin: 0 0 10px 10px;
	clear: both;
	overflow: hidden;
}

.imgleft{
	float: left;
	clear: left;
	margin: 0 30px 0 0;
}

.steptext{
	padding: 20px 0 0 0;
}

/*-------------------------

物件詳細ここから

-------------------------*/

#estbox-l {
	float: left;
	width: 350px;
	margin: 0 0 20px 10px;
}

#estbox-l img {
	margin: 0 10px 10px 0;
}

#estbox-r {
	float: right;
	width: 360px;
	margin: 0 10px 20px 0;
}

.esttable1 {
	width: 720px;
	font-size: 13px;
	color: #333333;
	margin: 0 0 20px 10px;
}

.esttable2 {
	width: 100px;
	height: 45px;
	border: 1px solid #82B5A9;
	background-color: #E6F0EE;
	text-align: center;
}

.esttable3 {
	width: 240px;/* 左右マージン20px分引いてある */
	border: 1px solid #82B5A9;
	padding: 5px 10px 5px 10px;
}