@charset "euc-jp";

/* formattingstyle
///////////////////////////////////////////////////////////*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body{
	margin: 0px auto 0px;
	color: #666666;
	background: #F2F1E8;
	text-align: center;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7;
}
img{
	border: 0;
}
table{
	border: 0;
	border-collapse:collapse;
}
a{
	color: #666666;
	text-decoration:none;
}
a:hover{
	color: #333333;
}
ul,li{list-style:none;}
hr{display:none;clear:both;}

.dnone{display:none;}
.fclear{clear:both;}

/*　このページのトップにもどる-----------------　*/
.modoru{
	padding-top:10px;
	text-align:right;
}


/*　Clearfix-----------------　*/

.cf{ overflow: hidden;}

.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

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

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

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

img.left{
	float:left;
	padding: 0px 10px 10px 0px;
	background:red;
}
.img_right{
	float:right;
	padding: 0px 0px 10px 10px;
}
/*　-------------------------　*/
.space{
	padding-bottom:20px;
}


/* basic layout
///////////////////////////////////////////////////////////*/

#wrapper {
	width: 860px;
	background: #e6e4d3 url(../images/bg.gif) repeat-y;
	margin: 0px auto 0px;
	text-align: left;
}
#header {
	position: relative;
	margin: 0px 5px 10px;
	height: 375px;
	text-align: left;
}
/*　トップページ以外のheader-----------------　*/
#header2 {
	position: relative;
	margin: 0px 5px 10px;
	height: 114px;
	text-align: left;
}
#content {
	margin: 0px 5px 5px;
}
#main {
	position: relative;
	float: left;
	padding-top:3px;
	width: 620px;
	text-align: left;
}
#sub {
	display: inline;
	position: relative;
	float: left;
	width: 230px;
	text-align: left;
}
#footer {
	clear: both;
	margin: 0px 5px 0px;
}

/* header
///////////////////////////////////////////////////////////*/

#title{
	height: 80px;
	background: #DDF3FB;
}
#rogo{
	margin-left:10px;
}
#companyrogo{
	position:absolute;
	top:10px;
	left:150px;
}
#header h1 {
	position:absolute;
	top:50px;
	left:155px;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
}
#qr {
	position:absolute;
	top:3px;
	left:490px;
}
/*　トップページ以外のheader-----------------　*/
#header2 h1 {
	position:absolute;
	top:50px;
	left:155px;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
}
#tel {
	position: absolute;
	top: 12px;
	left: 560px;
}
#mail {
	position: absolute;
	top: 44px;
	left: 560px;
}

/* globalnav
-----------------------------------------------------------*/
#globalnav {
	position: absolute;
	top: 80px;
	left: 0px;
	margin-bottom:10px;
	width: 850px;
	height: 34px;
}
#globalnav li {
	float: left;
	height: 34px;
}
#globalnav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 34px;
	padding-top: 34px;
}

#nav01,#nav02,#nav03,#nav04,#nav05{width:142px}
#nav06{width:140px}


/*オフマウス時*/
#nav01 a { background: url(../images/menu.jpg);background-position:    0  0;}
#nav02 a { background: url(../images/menu.jpg);background-position:-142px 0;}
#nav03 a { background: url(../images/menu.jpg);background-position:-284px 0;}
#nav04 a { background: url(../images/menu.jpg);background-position:-426px 0;}
#nav05 a { background: url(../images/menu.jpg);background-position:-568px 0;}
#nav06 a { background: url(../images/menu.jpg);background-position:-710px 0;}

/*選択時*/
#nav01 a.stay { background-position:    0  -34px;}
#nav02 a.stay { background-position:-142px -34px;}
#nav03 a.stay { background-position:-284px -34px;}
#nav04 a.stay { background-position:-426px -34px;}
#nav05 a.stay { background-position:-568px -34px;}
#nav06 a.stay { background-position:-710px -34px;}

/*オンマウス時*/
#nav01 a:hover { background-position:    0  -68px;}
#nav02 a:hover { background-position:-142px -68px;}
#nav03 a:hover { background-position:-284px -68px;}
#nav04 a:hover { background-position:-426px -68px;}
#nav05 a:hover { background-position:-568px -68px;}
#nav06 a:hover { background-position:-710px -68px;}

/* flash
-----------------------------------------------------------*/
#header #kensaku {
	position:absolute;
	top:124px;
	left:10px;
}
#header #kensaku h2 {
	display:none;
}

/* sub
///////////////////////////////////////////////////////////*/
/* mypage
-----------------------------------------------------------*/
#login_box{
	position:relative;
	margin-left:8px;
	width:214px;
	height:100px;
	background:url(../images/mypagebk.jpg) no-repeat;
}
#mypage_setumei{
	position:absolute;
	top:13px;
	left:126px;
}
#mypage_id{
	position:absolute;
	top:40px;
	left:60px;
	z-index:1;
}
#mypage_pass{
	position:absolute;
	top:65px;
	left:60px;
	width:50px;
	z-index:1;
}
#mypage_login{
	position:absolute;
	top:65px;
	left:160px;
	z-index:2;
}
#ur a{
	display:block;
	margin-left:8px;
	margin-bottom:3px !important;
	margin-bottom:0px;
	width:214px;
	height:98px;
	background:url(../images/ur1.jpg) no-repeat;
}
#ur a:hover{
	background:url(../images/ur2.jpg) no-repeat;
}
#tokuten a{
	display:block;
	margin-left:8px;
	width:214px;
	height:138px;
	background:url(../images/side_tokuten.jpg) no-repeat;
}
#tokuten a:hover{
	background:url(../images/side_tokuten2.jpg) no-repeat;
	text-decoration:none;
}
#owner a{
	display:block;
	margin-left:8px;
	width:214px;
	height:138px;
	background:url(../images/side_owner.jpg) no-repeat;
}
#owner a:hover{
	background:url(../images/side_owner2.jpg) no-repeat;
	text-decoration:none;
}
#chiiki a{
	display:block;
	margin-left:8px;
	width:214px;
	height:138px;
	background:url(../images/side_chiiki.jpg) no-repeat;
}
#chiiki a:hover{
	background:url(../images/side_chiiki2.jpg) no-repeat;
	text-decoration:none;
}
.subtext{
	display:block;
	z-index:1;
	padding:70px 12px 0px;
	line-height: 1.5;
}
/* main
///////////////////////////////////////////////////////////*/
#main h2{
	padding:2px 0px 10px 18px;
	height:26px;
	background:url(../images/title_bg.gif) no-repeat;
	font-size:120%;
}
#main h3{
	border-bottom:solid 1px #666;
	border-left:solid 5px #339933;
	margin:0px 15px 10px 5px;
	padding-left:5px;
	line-height:1.2em; 
	font-size:120%;
}
#main h4{
	color: #339933;
	margin:0px 15px 5px 0px;
	padding-left:10px;
	line-height:1.2em; 
	font-size:115%;
}
#main h5{
	margin:0px 15px 5px 10px;
	padding-left:3px;
	border:solid 1px #ccc;
	border-left:solid 5px #fec458;
	line-height:1.6em; 
	font-size:105%;
}
#main p{
	margin:0px 20px 10px 5px;
	padding-left:10px;
}
/*　トップページ新着情報テストスタイル -------------------　*/
#main .test {
	margin:0px 20px 15px 15px;
}
#main .test a {
	color: #339933;
}
#main .test h4 {

	border-bottom:dotted 2px #ccc;
	padding-left:10px;
	padding-bottom:5px;
	line-height:1.2em; 
	font-size:105%;
	list-style:disc inside;
}
.date{
	font-size:90% ;
	color: #666666;
	font-weight:normal;
}
/*　▲ここまで-----------------　*/

/*　rent(賃貸検索ページ)---------------------------------　*/
#main #rent {
	text-align:center;
	padding-top:50px;
}

#rent1 a:hover {
	background:url(../images/rent/apart2.jpg)
}
#rent2 a:hover {
	background:url(../images/rent/tenpo2.jpg)
}

/*　▲ここまで-----------------　*/

/*　物件リクエストフォーム    --------------------------------------------　*/
#form {
	margin:0px 15px 5px 15px;
	width: 570px; /* ボックスの幅を指定 */
}
#form table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#form td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 10px;
}
#form th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #CCCCCC;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;
	padding: 10px;	
	width: 170px;
}
#form th.must {
	border-left-color: #ffa30a;
}
#form th em {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
.text1,.text2,.text3,.text4 {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 2px;
}
.text1 {
	width: 100px;
}
.text2 {
	width: 4em;
}
.text3 {
	width: 98%;
}
.text4 {
	width: 98%;
}
#form select {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}
#form .submit {
	text-align: center;
	margin-top: 30px;
}
.text1:focus,.text2:focus,.text3:focus,.text4:focus {
	border-color: #7F9DB9; /* フォーカス時のボーダーの色を指定 */
	background-color: #FFFFFF; /* フォーカス時の背景色を指定 */
}
/*　▲ここまで-----------------　*/

/*　会社概要    --------------------------------------------　*/
#company {
	position:relative;
	margin:0px 15px 5px 5px;
	width: 570px; /* ボックスの幅を指定 */
}
#company table {
	margin-top:10px;
	margin-bottom:10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#company td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 5px 10px;
}
#company th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #CCCCCC;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;
	padding: 5px 10px;	
	width: 170px;
}
#company_map {
	float:left;
	margin:0px;
	padding:0px;
}
#company_img {
	float:right;
	margin:0px;
	padding:0px;
}
#company_staff {
	position:absolute;
	top:39px;
	left:115px;
	margin: 0px auto 0px;
	color: #666666;
	text-align: center;
	text-decoration:underline;
	font-size: 75%;
	line-height: 1.7;
}

	
/*　▲ここまで-----------------　*/

/*　ご契約・ご紹介特典    --------------------------------------------　*/
.tokutenleft{
	float:left;
	width:360px;
}
.tokutenright{
	float:right;
	width:160px;
}

/*　相互リンク    --------------------------------------------　*/
#link {
	margin:0px 15px 5px 5px;
	width: 570px; /* ボックスの幅を指定 */
}
#link table {
	margin-top:10px;
	margin-bottom:10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#link td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 5px 10px;
}
#link th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #CCCCCC;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: bold;
	padding: 5px 10px;	
	width: 250px;
}
#link a {
	text-decoration:underline;
}
/*　お問合せ    --------------------------------------------　*/
#otoiawasewrapper {
	width: 620px;
	background: #fff;
	margin: 0px auto 0px;
	padding:30px;
	text-align: left;
}
/* mypageとは
-----------------------------------------------------------*/
#main #mypagetoha{
	margin:0px 35px 10px 20px;
	padding-left:10px;
	list-style-type:circle;
}
#main #mypagetoha li{
	margin-bottom:10px;
	list-style-type:circle;
}
#main #baibai a{
	color:#FF0000;
	font-size:120%;
	font-weight:bold;
	text-decoration:underline;
}
/* guide
-----------------------------------------------------------*/
.guideshort{
	float:left;
	width:440px;
}
img .guideright{
	float:left;
	width:140px;
	margin-bottom:10px;
}
/* owner
-----------------------------------------------------------*/
.ownershort{
	float:left;
	width:350px;
}
img .ownerright{
	float:left;
	width:230px;
	margin-bottom:10px;
}
.rink{
	color: #339933;
	background: #fec458;
	margin:0px 15px 5px 0px;
	padding-left:10px;
	line-height:1.2em; 
	font-size:115%;
}
/* chiiki
-----------------------------------------------------------*/
.chiikirink{
	margin-bottom:10px;
}
/* shisetu表    ------------------------------------　*/
#shisetu {
	margin:0px 15px 5px 10px;
	width: 590px; /* ボックスの幅を指定 */
}
#shisetu table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#shisetu td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding-left:5px;
}
#shisetu th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;	
	width: 170px;
	padding-left:5px;
}
.kubun{
	background: #FBE7A5;
	font-weight: bold;
}
.small{
	font-size:80%;
	font-weight: bold;
}
.a_link{
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.17em; 
}

/* footer
///////////////////////////////////////////////////////////*/

/*　トップページ以外のfooter-----------------　*/
#footermenu{
	padding:0 10px 10px;
	font-size:90%;
	text-align:center;
}
.footermenu2{
	padding:0 8px 10px;
	font-size:90%;
	text-align:center;
}
#footer a:hover {
	text-decoration:underline;
}
#footer address{
	border-top:solid #666 1px;
	border-bottom:solid #666 1px;
	height:50px;
	background-color: #E5E5E5;
}
#footer address #syamei{
	float:left;
	padding-top:15px;
	width:270px;
	height:50px;
	text-align:	center;
	font-size:16px;
	font-weight:bold;
}
#footer address #jyusyo{
	float:left;
	padding-top:7px;
	width:580px;
	height:50px;
	text-align:left;
	line-height:1.5;
}
.jyusyo{
	float:left;
	padding-top:7px;
	width:570px;
	height:50px;
	text-align:left;
	line-height:1.5;
}
#copyright{
	padding:3px 3px;
	text-align:	center;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
}

/*　トップページのfooter-----------------　*/
#footertop {
	clear: both;
	margin: 0px 5px 0px;
}
#toplink {
	margin:5px 20px 5px;
	line-height:1.3;
	font-size:75%;
}
#footertop address {
	border-top:solid #666 1px;
	border-bottom:solid #666 1px;
	background-color: #E5E5E5;
	height:	242px;
}
#footertop address #tenpoimg{
	float:left;
	margin:15px;
}
#footertop address #syamei{
	float:left;
	padding-top:15px;
	width:630px;
	font-size:16px;
	font-weight:bold;
}
#footertop address #jyusyo{
	float:left;
	width:630px;
	text-align:left;
	line-height:1.5;
}
#footertop .midashi{
	float:left;
	padding-top:10px;
	color:#ff7f00;
	font-size:120%;
	font-weight:bold;
}
#footertop .bun{
	float:left;
	width:630px;
}
#footertop .midashi2{
	float:left;
	color:#339933;
	padding-right:10px;
	font-size:100%;
	font-weight:bold;
}
#footertop .bun2{
	display:inline;
	float:left;
	margin-left:15px;
	padding-top:5px;
	width:825px;
}


/* for incrude */
#incrudeBox{
	width:600px;
	height:530px;
	overflow:auto;
	overflow-x:hidden;
	}