@charset "UTF-8";

/* 目次
------------------------------------------
・Reset
・Header
・Toppage
・Basic
--------------------------
・Print
・For IE5.x
------------------------------------------ */


/* Reset
------------------------------------------ */

/* -------- 共通項目 -------- */
* {margin: 0; padding: 0; font-family:'ＭＳ Ｐゴシック','Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;}
img {border: 0;}
ul,li {list-style: none;}
li li {font-size: inherit;}
img {border: 0; vertical-align: bottom; line-height: 0; font-size: 0;}
input, textarea, select {font-family: inherit; font-size: 1em;}

/* --------- body ------------ */
body {padding-top: 5px; background: #fff; text-align: center;}
#wrapper {width: 950px; margin: 0 auto; text-align: left;}

/* --------- font ---------- */
th {font-weight: normal; text-align: left;}
th,td {vertical-align: top;}
a:link    {color: #00e;}
a:visited {color: #551a8b;}
a:hover   {color: #d00;}
a.ichi_tex:link,
a.ichi_tex:visited {color: #333; text-decoration: none;}
a.ichi_tex:hover   {color: #d00; text-decoration: underline;}
/* ------------------------------------------------------ */


/* Header
------------------------------------------ */
#header {position: relative; width: 950px; height: 65px;}
/* kokuchi #header {position: relative; width: 950px; height: 130px;} */
#header p, #header li {line-height: 1.3;}

#header .clm01 {width: 950px;}
#header .clm01 .fL h1 {position: absolute; top: 0; left: 0; font-size: 10px; line-height: 1; font-weight: normal; letter-spacing: -1px; white-space: nowrap; z-index: 1000;}
#header .clm01 .fL p.logo {position: absolute; top: 10px; left: 0;}
#header .clm01 .fR {position: absolute; top: 0; right: 0; width: 650px;}
#header .clm01 .fR li {float: left;}
#header .clm01 .fR li.ouccino {margin-top: -15px;}
#header .clm01 .fR ul.ul01 {position: absolute; top: 6px; right: 150px;}
#header .clm01 .fR ul.ul01 li {margin-right: 2px; padding-left: 9px; background: url(../../icons/mansion/shuto/shikaku.gif) no-repeat left center; font-size: 10px; white-space: nowrap;}
#header .clm01 .fR ul.ul01 li.quicknavi {margin-right: 0;}
#header .clm01 .fR ul.ul01 li.faq {margin-right: 4px; padding-left: 16px; background: url(../../icons/mansion/shuto/question.gif) no-repeat left center; font-size: 10px;}
#header .clm01 .fR ul.ul01 li.rss {margin-right: 4px; padding-left: 16px; width: 110px; height: 12px; background: url(/icons/common/rss2.gif) no-repeat left center; font-size: 10px;}

#header .clm01 .fR ul.ul02 {float: right; padding-top: 22px;}
#header .clm01 .fR ul.ul02 li {margin-right: 10px;}
#header #topnavi {position: absolute; top: 70px; left: 0; width: 950px; height: 42px;}
/* kokuchi #header #topnavi {position: absolute; top: 90px; left: 0; width: 950px; height: 42px;} */

/* kokuchi
#header #kokuchi p{position: absolute; top: 67px; left: 0; font-size: 10px; line-height: 1; font-weight: normal; letter-spacing: -1px; white-space: nowrap;} */

#header #topnavi .txt {float: left; margin-right: 8px;}
#header #topnavi li {float: left; margin-right: 4px;}
#header #topnavi li.navi07 {margin-right: 0;}

#header #kokuchi p{position: absolute; top: 67px; left: 0; font-size: 10px; line-height: 1; font-weight: normal; white-space: nowrap;}


/* 首都圏navi */
#header #topnavi li a {display: block; width: 112px; height: 42px; overflow: hidden; text-indent: -9999px; background: url(http://mansion.home-plaza.jp/icons/mansion/alljapan/navi_01.gif) no-repeat;}

#header #topnavi .navi01 a:link,
#header #topnavi .navi01 a:visited {background-position: 0 0;}
#header #topnavi .navi01Act a,
#header #topnavi .navi01 a:hover,
#header #topnavi .navi01 a:active  {background-position: 0 -42px !important}

#header #topnavi .navi02 a {width: 113px;}
#header #topnavi .navi02 a:link,
#header #topnavi .navi02 a:visited {background-position: -112px 0;}
#header #topnavi .navi02Act a,
#header #topnavi .navi02 a:hover,
#header #topnavi .navi02 a:active  {background-position: -112px -42px !important;}

#header #topnavi .navi03 a:link,
#header #topnavi .navi03 a:visited {background-position: -226px 0;}
#header #topnavi .navi03Act a,
#header #topnavi .navi03 a:hover,
#header #topnavi .navi03 a:active  {background-position: -226px -42px !important;}

#header #topnavi .navi04 a:link,
#header #topnavi .navi04 a:visited {background-position: -339px 0;}
#header #topnavi .navi04Act a,
#header #topnavi .navi04 a:hover,
#header #topnavi .navi04 a:active  {background-position: -339px -42px !important;}

#header #topnavi .navi05 a:link,
#header #topnavi .navi05 a:visited {background-position: -452px 0;}
#header #topnavi .navi05Act a,
#header #topnavi .navi05 a:hover,
#header #topnavi .navi05 a:active  {background-position: -452px -42px !important;}


#header #topnavi .navi06 a:link,
#header #topnavi .navi06 a:visited {background-position: -565px 0;}
#header #topnavi .navi06Act a,
#header #topnavi .navi06 a:hover,
#header #topnavi .navi06 a:active  {background-position: -565px -42px !important;}

#header #topnavi .navi07 a {width: 113px;}
#header #topnavi .navi07 a:link,
#header #topnavi .navi07 a:visited {background-position: -678px 0;}
#header #topnavi .navi07Act a,
#header #topnavi .navi07 a:hover,
#header #topnavi .navi07 a:active  {background-position: -678px -42px !important;}

/* クイックナビメニュー */
#z1_head1_3 {position: absolute; right:10px; top:53px; width:193px; text-align: center; z-index: 1000;} /* top: 0; left: 0; width: 100%; */
#z1_head1_3 li{float:left;font-size:10px;}
#z1_head1_3 li.li01{padding-left:10px;margin-right:5px;}
.z19_body3_1_2_1{float:right;padding:0px 0px 15px 0px;clear:both;}
#z1_showHideLayer1_div{position:absolute; left:0px; top:0px; height:10px; visibility:visible; border:0; margin:0; padding:0; line-height:100%;}
	
#z1_showHideLayer1_div li.li99{float:right; width:60px; background:url(../icons/common/z1_list_re.gif) no-repeat 0 3px;}

#z1_showHideLayer2_div{position:absolute; left:-130px; top:-110px; width:192px; height:16px; border:0; margin:0; padding:0; line-height:100%; z-index: 1000; visibility:hidden;}
/* position: relative; width: 950px; margin: 0 auto; text-align: left; */
	#z1_showHideLayer2_div img.imgover { width:212px; height:22px; border:none;}


/* Toppage
------------------------------------------ */
/* 検索 */
#allsearch {margin-top: 10px; width: 951px; background: url(../../icons/mansion/shuto/bg_search_02.gif) repeat-y; text-align: left; position:relative;} /* */
#allsearch #allsearchT {width: 951px; background: url(../../icons/mansion/shuto/bg_search_01.gif) no-repeat;}
#allsearch #allsearchB {padding-bottom: 19px; width: 951px; background: url(../../icons/mansion/shuto/bg_search_03.gif) no-repeat left bottom;}
#allsearch li {font-size: 75%; line-height: 1.1;}
#allsearch .vessel01 {margin-left: 11px; padding: 11px 0 7px 0; width: 930px;}
#allsearch .vessel01 .left {float: left; width: 521px;}
#allsearch .vessel01 .right {float: right; width: 407px;}
#allsearch .vessel01 h3 {float: left; margin-right: 21px; padding-top: 2px; font-size: 0;}
#allsearch .vessel01 p.shinchaku {float: left; padding: 5px 0 0 12px; background: url(../../icons/mansion/shuto/sankaku_wp.gif) no-repeat 0 3px; font-size: 75%;}
#allsearch .vessel01 .formSearch { background:url(../../icons/mansion/shuto/bg_search_form_01.gif) no-repeat; position: relative; width: 407px; height: 26px;}
#allsearch .vessel01 .formSearch .ttl {position: absolute; top: 0; left: 0px; width: 407px; height: 26px; z-index: 0;}
#allsearch .vessel01 .formSearch .input {position: absolute; top: 6px; left: 240px; width: 122px; height: 18px;}
#allsearch .vessel01 .formSearch .input input {border: 1px solid #fff; width: 118px; height: 12px; font-size: 75%;}
#allsearch .vessel01 .formSearch .btn {position: absolute; top: 4px; left: 364px; width: 33px; height: 16px;}

#allsearch .vessel01 .formSearch .btn span {position: absolute; text-indent: -9999px; height: 0; font-size: 0;}

#allsearch .vessel01 .formSearch .btn a {display: block; overflow: hidden; text-indent: -9999px; width: 33px; height: 16px; background: url(../../icons/mansion/shuto/area_btn_01.gif) no-repeat;}
#allsearch .vessel01 .formSearch .btn a:link,
#allsearch .vessel01 .formSearch .btn a:visited {background-position: 0 -29px;}
#allsearch .vessel01 .formSearch .btn a:hover,
#allsearch .vessel01 .formSearch .btn a:active  {background-position: -33px -29px;}

#allsearch .vessel02 {margin: 0 0 0 11px; width: 930px;}
#allsearch .vessel02 .areaSearch {float: left; margin-right: 6px; width: 521px;}
#allsearch .vessel02 .areaSearch .areaSearchM {margin-left: 10px; width: 505px;}
#allsearch .vessel02 .areaSearch .areaList {float: left; margin-right: 16px; width: 243px;}
#allsearch .vessel02 .areaSearch .areaList th {padding-top: 5px; width: 66px;}
#allsearch .vessel02 .areaSearch .areaList tr.first th {padding-top: 3px;}
#allsearch .vessel02 .areaSearch .areaList td {padding-top: 2px; vertical-align: middle;}
#allsearch .vessel02 .areaSearch .areaList .areaBtn {position: relative; margin-top: 6px; width: 243px; height: 29px;}
#allsearch .vessel02 .areaSearch .areaList .areaBtn a {display: block; overflow: hidden; text-indent: -9999px; width: 243px; height: 29px; background: url(../../icons/mansion/shuto/area_btn_01.gif) no-repeat;}
#allsearch .vessel02 .areaSearch .areaList .areaBtn a:link,
#allsearch .vessel02 .areaSearch .areaList .areaBtn a:visited {background-position: 0 0;}
#allsearch .vessel02 .areaSearch .areaList .areaBtn a:hover,
#allsearch .vessel02 .areaSearch .areaList .areaBtn a:active  {background-position: -243px 0;}

#allsearch .vessel02 .areaSearch .map {float: left; width: 243px;}
#allsearch .vessel02 .areaSearch .map .map01 li {background: none;}
#allsearch .vessel02 .areaSearch .map .map01 li span {position: absolute; text-indent: -9999px; height: 0; font-size: 0; line-height: 0;}

/* main */
#main p {font-size: 12px; text-align: right;},
#main li {font-size: 75%; line-height: 1.3; zoom: 1;}

#main {margin: 10px 0 0 0; width: 950px; text-align: left;}
#main .mainArea {float: left; width: 920px;}
#main .vLink    {float: right; width: 20px;}
#main .mainTop {width: 921px; background: url(../../icons/mansion/shuto/bg_main_01.gif) repeat-y;}
#main .mainTop .mainTopM {background: url(../../icons/mansion/shuto/bg_main_02.gif) no-repeat left bottom;}
#main .mainTop .spacial,
#main .mainTop .middle   {float: left; margin-right: 10px; width: 300px;}
#main .mainTop .bnr      {float: left; width: 300px;}

/* footer上文言 */
#hpinfo02 {margin-top: 20px; width: 948px; border-width: 2px 1px; border-style: solid; border-color: #ccc;}
#hpinfo02 .vessel {padding: 10px 15px;}
#hpinfo02 .vessel li {padding-left: 10px; background: url(../../icons/mansion/shuto/sankaku_g.gif) no-repeat 0 3px; font-size: 66.66%; color: #666;}

/* Footer */
#footer {margin-top: 28px; padding: 10px 0 36px 0; text-align: center;}
#footer li {display: inline; font-size: 75%;}
#footer p.copyright {margin-top: 32px;}

/* Basic
------------------------------------------ */
.floatL {float: left;}
.floatR {float: right;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/*\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**/

.alL {text-align: left !important;}
.alC {text-align: center !important;}
.alR {text-align: right !important;}
.vaT {vertical-align: top !important;}
.vaM {vertical-align: middle !important;}
.vaB {vertical-align: bottom !important;}

.pdt5 {padding-top: 5px !important;}
.pdt10 {padding-top: 10px !important;}

.mgt5 {margin-top: 5px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt15 {margin-top: 15px !important;}
/* List */
ul.liArrSs li {padding-left: 10px; padding-top:5px; background: url(../../icons/mansion/shuto/sankaku_ss.gif) no-repeat 0 0.1em;}
ul.liArrS li  {padding: 1px 0 0 11px; background: url(../../icons/mansion/shuto/sankaku_s.gif) no-repeat 0 0.1em;}

/* Print
------------------------------------------ */
@media print {
	body {}
}
/* For IE5.x
------------------------------------------ */
@media tty {
i{content:"\";/*" "*/}}@import 'ie5win.css'; /*";}
}/* */

/* pankuzu */
#pankuzu_rnk ul li{text-align:left; font-size:12px; ine-height:14px;}
