/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0px;
	padding: 0px;
}

h1,h2
{
}

body
{
	font-family: Arial, sans-serif;
/*	font-size: 11pt; */
	color: #333;
	background-color: #fff;
  min-width: 940px;
}

a {
	color: #a85d1b;
	text-decoration: underline;
}
a:visited {
	color: #8e8522;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

#titleheader{
	padding: 0px;
	margin: 0px;
	height: 19px;
}
#titleheader h1{
  position: absolute;
  left:6px; top: 2px;
  font-size: 12px;
  letter-spacing: -0.5px;
}
#titleheader #sitemap{
  position: absolute;
  right:6px; top: 2px;
  font-size: 12px;
  letter-spacing: -0.5px;
}

.boxed{
    border: 1px solid #E9EAEB;
    margin: 5px 10px 10px 5px;
}
.boxed .title{
/*    background: none repeat scroll 0 0 #F6F6F6;*/
    background: url('images/br_l.jpg') center left no-repeat;
    padding: 5px 10px; /*上下 左右*/
}
.boxed .content{
/*     background: none repeat scroll 0 0 #fff; */
    padding: 5px 10px;
}
.boxed .content *{
    padding: 0px 0px;
}

/* Outer */

#outer
{
	padding: 0px;
	margin: 0px;
	width: 100%;
}

/* Header */

#header
{
/*  text-align: center; */
  position: relative;
  background: #fff url('images/titleback.jpg') bottom center no-repeat; 
  height: 126px;
  z-index:10;
}

#header h2
{
  text-align: left;
  color: #4a400b;
  width: 100%;
  position: relative;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 36px;
  letter-spacing: -0.5px;
}

#header div
{
  width:100%;
  text-align: left;
  position: relative;
  font-size: 16px;
  color: #000000;
}

#header div.com
{
  top: 1px; 
  position: relative;
  font-size: 18px;
  color: #ffffbb;
/*  color: #D0E3FC;*/
}


#header #limg {position: absolute; top: 5px; left: 5px;  }

#header #rimg {position: absolute; top: 5px; right: 5px;  }

/* Content */

#content
{
	line-height: 1.4em;
	/*background: #fff url('images/bgimage.jpg') repeat-x top;*/
	background: #fff;
	z-index:1;
}

#content p
{
	margin-bottom: 4px;
}

#content h2
{
	font-size: 1.2em;
	color: #545454;
/*	margin-top: 0.7em; */
/*	margin-bottom: 0.2em; */
/*	border-bottom: dashed 1px #777; */
	padding-top: 0.3em;
	padding-bottom: 0.1em;
}
#content h3,h4,h5,h6
{
	color: #545454;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	padding-bottom: 0.1em;
}

#content h3
{
	font-size: 1.0em;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 2em;
	list-style: square;
}
#content ul ul
{
	list-style: circle;
}

#content ol {margin-bottom: 1.5em;padding-left: 2em;}

#content blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
}

#content blockquote p
{
	margin-bottom: 0em;
}

#content table
{
	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: center;
	border: solid 1px #005082;
}

#content table th
{
	font-weight: bold;
	padding: 0.2em;
	border: solid 1px #005082;
}

#content table td
{
	padding: 0.2em;
	border: solid 1px #005082;
}

#content table.noborder
{
	border: none;
	margin-bottom: 0em;
}
#content table .noborder
{
	border: none;
        text-align: left;
}

#content table.wborder *
{
	border: solid 1px #ffffff;
        text-align: left;
}

#content table tr.rowH
{
	color: #fff;
	background: #006192 url('images/a8.gif') top left repeat-x;
	border-right: solid 1px #fff;
}

#content table tr.rowA
{
	background: #F8F8F8 url('images/a6.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

#content table tr.rowB
{
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

/* Primary Content */

#primaryContentContainer
{
	background: #fff url('images/bg_l.jpg') top left repeat-y;
	float: left; 
	margin: 0px -304px 0px -224px;
	width: 100%;
}

#primaryContent
{
	margin: 0px 208px 0px 240px;
	padding: 0px 0px 12px 0px;
}

#primaryContentOnly
{
	margin: 0px  4px 0px 224px;
	padding: 0px 0px 12px 8px;
	background: #fff url('images/bg_l.jpg') top left repeat-y;
}
#primaryContentOnly .boxed .title{
    background: url('images/br_l_02.jpg') center left no-repeat;
    color: #6D4306;
    padding-left: 22px;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: right;
	width: 192px;
	padding: 0px 8px 12px 0px;
	height: 100%;
	background: #fff url('images/bg_r.jpg') top right repeat-y;
/*	border-left: 1px solid #000;/* #ffffff; */
	color: #525355;
}

#secondaryContent .boxed .title{
    background: url('images/br_s.jpg') center left no-repeat;
}

/* Tertiary Content */

#tertiaryContent
{
	position: relative;
	float: left; 
	width: 192px;
	padding: 0 3 5 3; 
	height: 100%;
	background: url('images/bg_l.jpg') top left repeat-y; 
/*	background: #EAF0DE;*/
	border-right: 1px solid #ffffff;
	color: #525355;
}
#tertiaryContent .boxed .title{
    background: url('images/br_s.jpg') center left no-repeat;
}


/* Footer */

#footer
{
	position: relative;
	z-index: 1;
	border-top: dashed 1px #dfdfdf;
	padding: 8px 0px 16px 0px;
	margin: 8px 16px 0px 16px;
	text-align: center;
}
#footer .refer { font-size: 0.8em; }

.clear
{
	clear: both;
}

/* add by T.Enomoto */

/* Menu */   
#menu {width: 100%; height: 38px; color: #E0E8EF; z-index:20;
	background: #525355 url('images/bg_menu.jpg') center left repeat-x;
	/* background: #EAF0DE;*/
}

#nav {margin: 0px; list-style: none; font-size: 1.1em;vertical-align: middle; }
#nav .weak {font-size: 0.8em;}
#nav li {float: left; width: 110px; border-right: solid 1px #fff;}
#nav li a {display: block; width: 109px;
	   text-decoration: none;color: #fff; /* #E0E8EF; */
           line-height: 2.1em;}
#nav .notyet {color:#B0B8BF;font-size: 0.8em;}

#nav li ul {position: absolute;	width: 326px; left: -999em; 
            font-size: 0.9em;   visibility: hidden;
            list-style: none; border: solid 1px #fff; text-align: left;}
#nav li ul li{border-top: dotted 1px #F8F8F8; 
	background: #8E8522; width: 340px;}
#nav li ul li img.icon {width:35px; border: none; vertical-align: middle; padding-right: 5px; float:left; }
#nav li ul li a {text-align: left; width: 316px; line-height: 1.1em; }
#nav li ul.short {width: 174px;} 
#nav li ul.short li{width: 172px; height:1.5em;}
#nav li ul.short li a {width:158px; margin-top: 0.2em;}
#nav li ul.long {width: 342px;} 
#nav li ul.long li{width: 342px; height:1.5em;}
#nav li ul.long li a {width:300px; margin-top: 0.2em;}
#nav li .small {font-size: 0.8em;}
#nav li:hover {color:#f0f0f0; background: #4A400B; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; z-index: 2; visibility: visible;}
.subsub {margin-left: 20px; margin-top: 0px;margin-bottom: 0px;}

/* content */
#menu2 {font-size: larger;}
#menu2 ul {margin: 0px;}
#menu2 ul ul {list-style: none;}
#menu2 li {padding: 0.3em 0px;}

#content .center { margin-left:auto; margin-right:auto; width:100%; text-align:center;}
#content .notice { color: #ff0000;}
#content .shinchiku {color:#746D12; font-size: 1.8em; padding: 0.5em; border:solid 1px #8e8522;}
#content .shinchiku  a {color:#746D12;}
#content .memo {font-size: smaller;}
#content .box {border: solid 1px #8e8522; margin-left: 1em; padding-left: 3em;margin-bottom: 1em;}
#content .more { padding-right: 5px;  text-align:right; }
/* #content ol {margin-bottom: 1.5em;padding-left: 1em;} */

#bloglink dd {margin-left: 10px;}

img.icon {border: none; vertical-align: middle; padding-right: 5px; }

.ask ol { color: #8e8522; margin-left: 30px; }
.askbutton { text-align: center;}
.ask img { border: none; vertical-align: text-bottom; padding-right: 5px; }

.mail { border: solid 1px #8e8522;}

#content .studio { padding-left:22px; margin: 0 0 5px 10px;}
#studio1 { background: url('images/s_brt_01.jpg') center left no-repeat; }
#studio2 { background: url('images/s_brt_02.jpg') center left no-repeat; }
#studio3 { background: url('images/s_brt_03.jpg') center left no-repeat; }

.studio_private { background: url('images/bg_image_private.jpg') top left repeat-y; }
.studio_rihearsal { background: url('images/bg_image_rihearsal.jpg') top left repeat-y; }
.studio_dance { background: url('images/bg_image_dance.jpg') top left repeat-y; }

/* 物件情報表示 */
.rent, .sale {position:relative; width:650px; height:168px; border:solid 1px #8e8522;font-size:smaller;}
.sale {height: 214px} 
.rent div, .sale div {position:absolute; height:22px; border: solid 1px #fff; background: #f3f3f3; overflow:hidden;}

.rent .check, .sale .check {left:  0px; top:0px; width: 100px; color:#8e8522; font-size:smaller; font-style:oblique; border-right: #004788; border-bottom: #004788;}
.rent .check img.icon, .sale .check img.icon {margin:0px; border: none; vertical-align: middle;}
.rent .status, .sale .status {left:  0px; top:24px; width: 100px; color: #f00; border-right: none; font-size:smaller;}
.rent .photo        {left:  0px; top:48px; width:100px; height:116px;}
.sale .photo        {left:  0px; top:48px; width:100px; height:162px;}
.rent .number, .sale .number {left:102px; top:0px; width: 286px; font-weight: bold; border-left: none;}
.rent .detaillink, .sale .detaillink {left:296px; top:0px; width:90px; z-index:2; font-style:oblique; border:none;}
.rent .type, .sale .type {left:388px; top:0px; width:200px; color:#ff6030;}
.rent .upd, .sale .upd {left:590px; top:0px; width:58px; font-size: smaller;}

.rent .access       {left:102px; top:24px; width:220px;}
.rent .address      {left:324px; top:24px; width:150px;}
.rent .playtime     {left:476px; top:24px; width:172px;}
.rent .layout       {left:102px; top:48px; width:56px;}
.rent .layoutdetail {left:160px; top:48px; width:194px;}
.rent .fee          {left:356px; top:48px; width:100px;}
.rent .additionalfee{left:458px; top:48px; width:190px;}
.rent .floor        {left:102px; top:72px; width:100px;}
.rent .structure    {left:204px; top:72px; width:100px;}
.rent .year         {left:306px; top:72px; width:100px;}
.rent .elseinfo     {left:408px; top:72px; width:240px;}
.rent .note         {left:102px; top:96px; width:546px; height:44px;}
.rent .dealer       {left:102px; top:142px; width: 546px;}

.sale .access       {left:102px; top:24px; width: 250px;}
.sale .address      {left:354px; top:24px; width: 294px;}
.sale .playtime     {left:476px; top:24px; width: 172px;}
.sale .layout       {left:102px; top:48px; width: 100px;}
.sale .layoutdetail {left:204px; top:48px; width: 444px;}
.sale .price        {left:102px; top:72px; width: 180px;}
.sale .housearea    {left:284px; top:72px; width: 362px;}
.sale .area         {left:466px; top:72px; width: 182px; z-index:2;}
.sale .structure    {left:102px; top:96px; width: 180px;}
.sale .year         {left:284px; top:96px; width: 180px;}
.sale .elseinfo     {left:466px; top:96px; width: 182px;}
.sale .note         {left:102px; top:120px; width: 546px; height:66px;}
.sale .dealer       {left:102px; top:188px; width: 546px; }

.rent * span, .sale * span {
  display: block;
  border: outset 1px #004447;
  background-color: #fff;
  font-style: oblique;
  font-size: small;
  text-align: center;
  position: absolute;
  top: 0px;
  right: -60px;
  visibility: hidden;
  width: 60px;
}
.rent *:hover span, .sale *:hover span { visibility: visible; z-index:10; }
.rent .extraphoto, .sale .extraphoto {display: none;}

/* bukken detail */
#primaryContentOnly .detail { width:100%;}
#primaryContentOnly .detail td {text-align:left;}
#primaryContentOnly .detail .title {width: 150px; text-align:left; background: #cfbf4e; padding-left: 2px;}
#primaryContentOnly .detail .photo img {max-width: 100%; margin:5px;}
#primaryContentOnly .detail .check         {margin-left:auto; margin-right:auto; width:100%; text-align:center;}
#primaryContentOnly .detail .check img     {height: 22px; border:none;}
#primaryContentOnly .detail .detaillink    {display:none;}
#primaryContentOnly .detail_extraphoto img {padding: 5px; vertical-align:top;}

/* list on top page */
.newlist { position: relative; width:420px; height: 24px; border: solid 1px #8e8522;font-size:smaller;1w}
.newlist * { border-left: solid 1px #fff; background: #f3f3f3;}
.newlist .address {position: absolute; left:0px; top:0px; width: 225px; height: 22px;}
.newlist .layout  {position: absolute; left:227px; top:0px; width: 55px; height: 22px;}
.newlist .fee     {position: absolute; left:284px; top:0px; width: 70px; height: 22px; text-align:right;}
.newlist .floor   {position: absolute; left:356px; top:0px; width: 62px; height: 22px; text-align:right;}

.sptitle { position: relative; width:650px; height: 56px; border: solid 1px #8e8522; vertical-align:middle;} 
.sptitle .address  {position: absolute; left: 0px; top:0px; width: 200px; height: 56px; border: solid 1px #8e8522;}
.sptitle .access   {position: absolute; left: 202px; top:0px; width: 270px; height: 56px; border: solid 1px #8e8522;}
.sptitle .completion {position: absolute; left: 474px; top:0px; width: 176px; height: 56px; border: solid 1px #8e8522;}

.spitem { position: relative; width:650px; height: 28px; border: solid 1px #8e8522;text-align:center;} 
.spitem * { border: solid 1px #fff; background: #f3f3f3;}

.spitem .check        {position: absolute; left:  0px; top:0px; width: 100px; height: 26px; color: #004788; font-size: smaller; font-style:oblique; border-right: #004788; border-bottom: #004788;}
.spitem .check img.icon {margin:0px; border: none; vertical-align: middle;}
.spitem .room {position: absolute; left: 102px; top:0px; width: 70px; height: 26px;}
.spitem .area {position: absolute; left: 174px; top:0px; width:120px; height: 26px;}
.spitem .fee {position: absolute; left: 296px; top:0px; width: 100px; height: 26px;}
.spitem .additionalfee {position: absolute; left: 398px; top:0px; width: 100px; height: 26px;}
.spitem .note {position: absolute; left: 500px; top:0px; width: 148px; height: 26px;}

.sptitle1 * {background: #8e8522; color: #ffffff; height:28px;} 
.sptitle2 {background: #b0b0b0;}


.hits { text-align: center; }
.hits a {
	color: #0077dd;
	text-decoration: none;
}

/* ask form */

#ask td.td-item-title {text-align: left; border: none;}
#ask td.td-item-comment {text-align: left; border: none;}
#ask input.form-textline01 {width: 450px;}
#ask textarea {width: 450px;}
#ask input.form-button {width: 200px; }
#ask td.submit {text-align: center; border:none;}
#askresult { border:solid 1px; }

/* slide show */
#slideshow {text-align: center;}
#slideshow .caption {font-style:oblique;}

/* other */
#nolistheader ul{ list-style-type:none; }