@charset "shift_jis";

/* base
================================================ */
/* デフォルト余白削除タグ
--------------------------*/
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}

p, ol, ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
}

img{
	border: none;
	padding: 0;
	margin: 0;
}

form{
	margin: 0;
	padding: 0;
}

/* body
================================================ */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	width:100%;
	position:absolute;
	text-align:center;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background-image: url(../images/common/bg_body.jpg);
	background-repeat: repeat;
	color: #2A2A2A;
}

html {
	overflow-y: scroll;
}

/* ページ背景
--------------------------*/
.wrapper {
	width: 780px;
	margin: 0 auto;
	background-image: url(../images/common/bg_pagrbody.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
	clear: both;
}

.wrapper:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.wrapper02 {
	width: 780px;
	margin: 0 auto;
	background-image: url(../images/common/bg_pagrbody02.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
	clear: both;
}

.wrapper02:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


/* リンク
--------------------------*/
a:link    {text-decoration: none; color: #B9210C;}
a:visited {text-decoration: none; color: #B9210C;}
a:hover   {text-decoration: underline; color: #794827;}
a:active  {text-decoration: underline; color: #794827;}

/* header
================================================ */
h1 {
	width: 780px;
	color: #F6BE12;
	text-align: right;
	padding: 5px 0 5px 0;
	margin: 0 auto;
}

#header {
	background-image: url(../images/common/bg_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 780px;
	margin: 0 auto;
	height: 149px;

}

#header h2 {
	float: left;
	padding: 32px 0 0 28px;
	width: 325px;
}

#header ul {
	float: right;
	list-style: none;
	width: 264px;
	padding-right: 34px;
	padding-top: 22px;
}

#header ul li {
	float: left;
	list-style: none;
}

#header ul li.b-privacy {
	margin: 0 30px 0 28px;
}

#header p {
	float: right;
	width: 186px;
	padding-top: 51px;
	padding-right: 27px;
}

/* contentsレイアウト
================================================ */
.sub {
	float: left;
	width: 237px;
	padding-left: 10px;
	text-align: left;
}

.main {
	float: right;
	width: 532px;
	text-align: left;
}

.main-c {
	width: 506px;
	padding-right: 19px;
	padding-left: 7px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
}


/* global navi
--------------------------*/
#g-navi {
	width: 522px;
	padding-right: 10px;
	text-align: left;
}

#g-navi ul {
	float: left;
	list-style: none;
}

#g-navi ul li {
	float: left;
	width: 87px;
	height:37px;

}

#g-navi ul li a {
	display:block;
	text-indent:-999999px;
	overflow: hidden;
}

/* latestinfo */
#g-navi ul li.g-latestinfo{
	width: 87px;
	height:37px;
}
#g-navi ul li.g-latestinfo a{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_latestinfo_unselect.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}
#g-navi ul li.g-latestinfo a:hover{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_latestinfo_over.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}

/* company */
#g-navi ul li.g-company{
	width: 87px;
	height:37px;
}
#g-navi ul li.g-company a{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_company_unselect.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}
#g-navi ul li.g-company a:hover{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_company_over.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}

/* list */
#g-navi ul li.g-list{
	width: 87px;
	height:37px;
}
#g-navi ul li.g-list a{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_list_unselect.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}
#g-navi ul li.g-list a:hover{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_list_over.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}

/* rent */
#g-navi ul li.g-rent{
	width: 87px;
	height:37px;
}
#g-navi ul li.g-rent a{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_rent_unselect.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}
#g-navi ul li.g-rent a:hover{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_rent_over.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}

/* knowledge */
#g-navi ul li.g-knowledge{
	width: 87px;
	height:37px;
}
#g-navi ul li.g-knowledge a{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_knowledge_unselect.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}
#g-navi ul li.g-knowledge a:hover{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_knowledge_over.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}

/* contact */
#g-navi ul li.g-contact{
	width: 87px;
	height:37px;
}
#g-navi ul li.g-contact a{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_contact_unselect.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}
#g-navi ul li.g-contact a:hover{
	background-position:left top;
	background-image: url(../images/common/globalnavi/btn_contact_over.gif);
	background-repeat: no-repeat;
	width: 87px;
	height:37px;
}
/* left
================================================ */
/* 物件検索
--------------------------*/
#l-searchbox {
	width: 224px;
	height: 292px;
	margin-bottom: 10px;
	background-image: url(../images/common/left/bg_leftsearch.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#l-searchbox ul {
	list-style:none;
	width:197px;
	height: 202px;
	padding-left: 16px;
	padding-right: 11px;
}

#l-searchbox ul li a{
	display:block;
	width:197px;
	height:100%;
	text-indent:-999999px;
	background-image: url(../images/common/left/leftsearch.gif);
	background-position: top left;
	overflow: hidden;
}

/* rollover */
#l-searchbox ul li.n-apartment{ height:50px;}
#l-searchbox ul li.n-apartment a{ background-position:0px 0px;}
#l-searchbox ul li.n-apartment a:hover{ background-position:-197px 0px;}

#l-searchbox ul li.n-mantion{height:51px;}
#l-searchbox ul li.n-mantion a{background-position:0px -50px;}
#l-searchbox ul li.n-mantion a:hover{background-position:-197px -50px;}

#l-searchbox li.n-leasehouse{height:51px;}
#l-searchbox li.n-leasehouse a{ background-position:0px -101px;}
#l-searchbox li.n-leasehouse a:hover{ background-position:-197px -101px;}

#l-searchbox ul li.n-etchouse{height:51px;}
#l-searchbox ul li.n-etchouse a{background-position:0px -152px;}
#l-searchbox ul li.n-etchouse a:hover{background-position:-197px -152px;}

/* 会社名 */
.companyinfo {
	width: 224px;
	height: 253px;
	margin-bottom: 15px;
	color: #183004;
	background-image: url(../images/common/left/bg_leftcompany.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.companyinfo h3 {
	font-weight: bold;
	font-size: 14px;
	color: #183004;
	padding: 1px 30px 18px 30px;
}

.companyinfo h3 span {
	font-weight: normal;
	font-size: 11px;
}

address {
	font-style: normal;
	color: #183004;
	line-height: 16px;
	padding: 0 30px;
	margin-bottom: 8px;
}

.companyinfo p.businesshours {
	padding: 0 30px;	
}

/* footer
================================================ */
#footer {
	width: 780px;
	height: 85px;
	margin: 0 auto;
	background-image: url(../images/common/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#footer p.bar-organization {
	float: left;
	margin-left: 10px;
}

#footer div {
	float: right;
	text-align: right;
	font-size: 11px;
	padding-right: 15px;
	padding-top: 16px;
	color: #B9210C;
	line-height: 14px;
}

#footer div p.copy {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #FFFFFF;
}

#footer02 {
	width: 780px;
	height: 85px;
	margin: 0 auto;
	background-image: url(../images/common/bg_footer02.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#footer02 p.bar-organization02 {
	float: left;
	margin-left: 10px;
}

#footer02 div {
	float: right;
	text-align: right;
	font-size: 11px;
	padding-right: 15px;
	padding-top: 16px;
	color: #B9210C;
	line-height: 14px;
}

#footer02 div p.copy {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #FFFFFF;
}


/* contents-共通
================================================ */
.m-b10 {
	margin-bottom: 10px;
}

.m-b25 {
	margin-bottom: 25px;
}

.pagetitle {
	margin-bottom: 10px;
	clear: both;
}

.s-contentsbox {
	width: 486px;
	margin: 0 auto;
	line-height: 18px;
}

.s-title {
	margin-bottom: 10px;
	clear: both;
}

.orange {
	color: #F48711;
}

/* index
================================================ */
.catchcopy {
	margin: 13px 0 6px 4px;
}

.greeting {
	line-height: 24px;
	margin: 0 4px 10px 4px;
	background-image: url(../images/index/bg_greeting.gif);
	background-repeat: repeat;
}

/* company
================================================ */
.p-company {
	float: right;
	padding-right: 10px;
	width: 180px;
}

.companybox {
	width: 270px;
	padding-left: 10px;
	float: left;
	margin-bottom: 25px;
}

.companybox dt {
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 5px;
}

.companybox dd {
	float: left;
	width: 210px;
	margin-bottom: 5px;
}

.companybox dd ul {
	list-style: none;
}

.mapbox {
	margin: 0 10px;
}

.mapbox p.spreadlink {
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
}

.mapbox p.spreadlink a {
	background-image: url(../images/company/i-spread.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	padding: 2px 0 2px 18px;

}


/* rent
================================================ */
.step01box {
	background-image: url(../images/rent/p_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 466px;
	margin: 0 auto;
	padding-bottom: 25px;
	line-height: 18px;
}

.step01box h5 {
	font-weight: bold;
	color: #B51E0B;
	margin-bottom: 10px;
	padding-left: 140px;
}

.step01box p.steptxt01 {
	padding-left: 140px;
	margin-bottom: 30px;
}

.orangetxt-b {
	font-weight: bold;
	color: #F57211;
	margin-bottom: 10px;
}

.redtxt-b {
	font-weight: bold;
	color: #B51E0B;
	margin-bottom: 10px;
}

.bar-search {
	float: right;
	margin-left: 10px;
}

.step02box {
	width: 466px;
	margin: 0 auto 25px auto;
}

.yellowbox {
	background-color: #FFDF94;
	padding: 10px;
	border: 1px solid #F48711;
	font-size: 11px;
	line-height: 14px;
	margin: 15px 0;
}

.step02box dl.guarantor {
	background-image: url(../images/rent/bg_guarantor.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 15px 35px 0 15px;
}

.step02box dl.guarantor dt {
	font-weight: bold;
	color: #B51E0B;
	padding-left: 50px;
	padding-top: 3px;
	line-height: 28px;
}

.step02box dl.guarantor dd {
	padding-left: 50px;
	font-size: 11px;
	line-height: 14px;
}

.step3txt {
	margin: 0 10px 25px 10px;
}

.step4txt {
	margin: 0 10px 10px 10px;
}

.contract {
	background-image: url(../images/rent/bg_paper.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 15px 45px 25px 25px;
}

.contract dt {
	font-weight: bold;
	color: #B51E0B;
	padding-left: 50px;
	padding-top: 3px;
	line-height: 28px;
}

.contract dd {
	padding-left: 50px;
	font-size: 11px;
	line-height: 14px;
}

.contract dd ul {
	list-style: none;
}

.step5 {
	background-image: url(../images/rent/p_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 466px;
	margin: 0 auto;
	height: 125px;
	line-height: 18px;	
}

.step5 p {
	margin-right: 140px;
}

.telnobox {
	text-align: center;
	width: 315px;
	padding: 4px 0 8px 0;
}



/* knowledge
================================================ */
.check {
	margin-bottom: 15px;
}

.check dl {
	width: 466px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.check dl dt {
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 5px;
	padding-left: 45px;
}

.check dl dd {
	padding-left: 45px;
	line-height: 18px;
}

.check01 {
	background-image: url(../images/knowledge/bg_check01.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.check02 {
	background-image: url(../images/knowledge/bg_check02.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.check03 {
	background-image: url(../images/knowledge/bg_check03.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.check04 {
	background-image: url(../images/knowledge/bg_check04.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.check05 {
	background-image: url(../images/knowledge/bg_check05.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.lifstyle {
	width: 446px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.lifstyle dt {
	font-weight: bold;
	color: #B51E0B;
	margin-bottom: 5px;
	background-image: url(../images/knowledge/i-memo.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 7px 0 5px 30px;
}

.lifstyle dd {
	margin-bottom: 10px;
}

/* list
================================================ */
/* banner */
#barlistbox {
	width: 506px;
	margin: 0 auto 20px auto;
	clear: both;
	height: 33px;
	text-align: center;
	background-image: url(../images/list/banner_list.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#barlistbox ul{
	list-style: none;
	height: 33px;
	width: 506px;
}

#barlistbox ul li{
    float:left;
}

#barlistbox ul a{
	display: block;
	width: 100%;
	height: 33px;
	text-indent:-999999px;
	background-image: url(../images/list/banner_list.gif);
	overflow: hidden;
}

/* rollover */
#barlistbox ul li.b-list{width:125px;}
#barlistbox ul li.b-list a{background-position:0px 0px;}
#barlistbox ul li.b-list a:hover{ background-position:0px -33px;}

#barlistbox ul li.b-mantion{width:128px;}
#barlistbox ul li.b-mantion a{background-position:-125px 0px;}
#barlistbox ul li.b-mantion a:hover{background-position:-125px -33px;}

#barlistbox ul li.b-leasehouse{width:128px;}
#barlistbox ul li.b-leasehouse a{background-position:-253px 0px;}
#barlistbox ul li.b-leasehouse a:hover{background-position:-253px -33px;}

#barlistbox ul li.b-etchouse{width:125px;}
#barlistbox ul li.b-etchouse a{background-position:-381px 0px;}
#barlistbox ul li.b-etchouse a:hover{background-position:-381px -33px;}

/* 物件一覧 */
.listbox {
	width: 486px;
	margin: 0 auto;
}

/* contact
================================================ */
.formbox {
	width: 485px;
	background-image: url(../images/contact/bg_formiddle.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-left: 10px;
	margin-top: 25px;
}

.formbox form {
	background-image: url(../images/contact/bg_formbottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 485px;
}

.formbox form dl {
	padding: 15px 25px 25px 25px;
}

.formbox form dl dt {
	font-weight: bold;
	color: #5B3111;
	width: 110px;
	float: left;
	margin-bottom: 5px;
	text-align: right;
	padding-right: 10px;
}

.formbox form dl dt span {
	color: #F48711;
}

.formbox form dl dd {
	width: 300px;
	float: left;
	margin-bottom: 5px;
}

.formbox form p.btn-send {
	text-align: center;
	clear: both;
	padding-bottom: 10px;
}

.formbox form p.btn-send input {
	margin: 5px 2px 0 2px;
}

#c-name, #c-tel, #c-mail {
	width: 180px;
	border: 1px solid #F7A43B;
	vertical-align: middle;
	color: #444444;
}

#c-etc {
	width: 300px;
	border: 1px solid #F7A43B;
	font-size: 12px;
	color: #444444;	
}

select#c-month, #c-date, #c-time{
	border: 1px solid #F7A43B;
	font-size: 12px;
	color: #444444;
}

/* sitemap,privacy,convention 共通
================================================ */
.bg-temp02 {
	background-image: url(../images/common/bg_temp02.gif);
	background-repeat: repeat-y;
	background-position: left;
	float: right;
	width: 507px;
	text-align: left;
	padding-right: 10px;
}

.bg-b-temp02 {
	background-image: url(../images/common/bg_b-temp02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

}

.bg-temp02 dl#temp02 {
	width: 400px;
	margin: 0 auto;
	padding: 10px 0;
}

.bg-temp02 dl#temp02 a:link    {text-decoration: none; color: #86B600;}
.bg-temp02 dl#temp02 a:visited {text-decoration: none; color: #86B600;}
.bg-temp02 dl#temp02 a:hover   {text-decoration: underline; color: #999999;}
.bg-temp02 dl#temp02 a:active  {text-decoration: underline; color: #999999;}

.bg-temp02 dl#temp02 dt {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px dotted #86B600;
	border-bottom: 1px dotted #86B600;
	padding: 3px 0;
}

.bg-temp02 dl#temp02 dt a {
	background-image: url(../images/sitemap/i-sitemaplink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;

}

.bg-temp02 dl#temp02 dd {
	padding-left: 20px;
}

.privacy {
	line-height: 18px;
}

.privacy h4 {
	color: #86B600;
	font-weight: bold;
	border-bottom: 1px dotted #86B600;
	padding-bottom: 2px;
	margin: 0 45px 5px 35px;
}

.privacy p {
	margin: 0 45px 10px 35px; 
}

.privacy ul {
	list-style: none;
	padding-left: 35px;
}

.bg-temp02 h4 {
	color: #86B600;
	font-weight: bold;
	border-bottom: 1px dotted #86B600;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

.bg-temp02 ul {
	list-style: none;
	margin-left: 20px;
	margin-bottom: 10px;
}

.link-index {
	padding: 25px 0 50px 75px;
}



/* newbox
================================================ */
.s-newbox {
	width: 490px;
	margin: 0 0 0 15px;
	line-height: 15px;
	font-size: 12px;
	color: #666666;
}