@charset "utf-8";

body  {
  font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  background:#FFF;
  padding: 0;
  margin: 0;
  color:#333;
  _text-align:center;
}
a:link    { color:#369; text-decoration:underline; }
a:visited { color:#369; text-decoration:underline; }
a:hover   { color:#39C; text-decoration:none; }



/* header ----------------------------------------------------------*/

#header {
  width:960px;
  padding:10px 0 5px;
  margin:0 auto;
  text-align:left;
}
#header .side-left {
  float:left;
  width:322px;
}
#header .side-right {
  float:right;
  width:600px;
}
/*
#header .side-right ul {
  float:right;
}
#header .side-right li {
  display:inline-block;
  background:url(../images/arr_sq_blue.png) left center no-repeat;
  font-size:0.8em;
  padding-left:20px;
  margin-left:20px;
}
*/
#header iframe {
  width: 100%;
  height: 20px;
}

#navHeader {
  float:right;
}
#navHeader li {
  display:inline-block;
  background:url(../images/arr_sq_blue.png) left center no-repeat;
  font-size:0.8em;
  padding-left:20px;
  margin-left:20px;
}

#gnav {
  clear:both;
  text-align:center;
  background:url(../images/bg_nav.png) repeat-x;
  height:58px;
  margin-bottom:10px;
}
#gnav ul {
  width:960px;
  margin:0 auto;
}
#gnav li {
  float:left;
}
#gnav a {
  display:block;
  text-indent:-9999px;
  background:url(../images/btns_nav.png) no-repeat;
  width:172px;
  height:58px;
}
#gnav .home a {
  width: 99px;
}

#gnav li.home a { background-position:0 0; }
#gnav li.home a:hover { background-position:0 -58px; }
#gnav li.home a.selected { background-position:0 -58px; pointer-events:none; cursor:default; }

#gnav li.lall a { background-position:-99px 0; }
#gnav li.lall a:hover { background-position:-99px -58px; }
#gnav li.lall a.selected { background-position:-99px -58px; pointer-events:none; cursor:default; }

#gnav li.amenity a { background-position:-271px 0; }
#gnav li.amenity a:hover { background-position:-271px -58px; }
#gnav li.amenity a.selected { background-position:-271px -58px; pointer-events:none; cursor:default; }

#gnav li.medical a { background-position:-443px 0; }
#gnav li.medical a:hover { background-position:-443px -58px; }
#gnav li.medical a.selected { background-position:-443px -58px; pointer-events:none; cursor:default; }

#gnav li.property a { background-position:-615px 0; }
#gnav li.property a:hover { background-position:-615px -58px; }
#gnav li.property a.selected { background-position:-615px -58px; pointer-events:none; cursor:default; }

#gnav li.education a { background-position:-787px 0; }
#gnav li.education a:hover { background-position:-787px -58px; }
#gnav li.education a.selected { background-position:-787px -58px; pointer-events:none; cursor:default; }



/* contents ----------------------------------------------------------*/

#contents {
  clear:both;
  width:960px;
  padding:0;
  margin:0 auto 40px;
  text-align:left;
}

#contents .side-left {
  float:left;
  width:740px;
}
#contents .side-right {
  float:right;
  width:200px;
  text-align:left;
}




/* footer ----------------------------------------------------------*/

#footer {
  clear:both;
  _text-align:center;
}
#ptop {
  width:960px;
  font-size:0.75em;
  margin:0 auto 0;
  text-indent:-9999px;
  _text-align:right;
}
#ptop a {
  display:block;
  width:200px;
  height:14px;
  background:url(../images/btn_ptop.png) no-repeat;
  margin:0 0 0 auto;
  text-align:left;
}
#ptop a:hover {
  background-position:0 -14px;
}

#footer ul {
  text-align:center;
  font-size:0.75em;
  margin:0 auto;
}
#footer ul li {
  display:inline;
  list-style:none;
  margin:0 5px 0 0;
  padding:2px 0 2px 10px;
}
#footer ul li+li {
  border-left:#999 solid 1px;
}
#footer ul a {
  padding:0;
  margin:0;
  color:#666;
  text-decoration:none;
}
#footer ul a:hover {
  color:#333;
  text-decoration:underline;
}

#copyright {
  height:36px;
  background:url(../images/bg_footer_top.png) repeat-x;
  text-align:center;
  color:#999;
  font-size:0.75em;
  line-height: 36px;
}

#lall {
  background:#F9F9F9;
  padding:0 0 10px;
  _text-align:center;
}
#lall .inner {
  clear:both;
  width:960px;
  margin:0 auto;
  text-align:left;
}
#lall .logo-lall {
  float:left;
  margin:2px 15px 7px 0;
}
#lall .hd-lall {
  float:left;
  font-size:0.7em;
  line-height:1.2em;
  padding:14px 0 0;
}
#lall .hd-lall a { text-decoration:none; color:#555; }
#lall .hd-lall a:hover { color:#999; }
#lall .hd-lall a span { color:#888; }
#lall .hd-lall a:hover span { color:#CCC; }

#lall .group {
  float:left;
  width:315px;
  margin:0 5px 0 0;
}
#lall .title {
  margin:0 0 15px;
}
#lall .group ul {
  font-size:0.7em;
  line-height:1.2em;
}
#lall .group ul li {
  border-left:#999 solid 2px;
  padding:2px 0 2px 7px;
  margin:0 0 10px;
  color:#555;
}
#lall .group ul li span { color:#888; }
#lall .group ul li a {
  display:block;
  width:300px;
  text-decoration:none;
  color:#555;
}
#lall .group ul li a:hover { color:#999; }
#lall .group ul li a span { color:#888; }
#lall .group ul li a:hover span { color:#CCC; }



/* common ----------------------------------------------------------*/

.red    { color:#C06; }
.navy   { color:#369; }
.orange { color:#F60; }
.green  { color:#690; }
.purple { color:#936; }
.white  { color:#FFF; }
.gray   { color:#777; }

.bg-lred { background-color:#FEE; }
.bg-lblue { background-color:#EEF; }
.bg-lgray { background-color:#EEE; }


.f1 { font-size:0.75em !important; }
.f2 { font-size:0.875em !important; }
.f3 { font-size:1em !important; }
.f4 { font-size:1.1em !important; }
.f5 { font-size:1.25em !important; }
.bold { font-weight:bold !important; }

.mb00 { margin-bottom:0 !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

.w50 { width:50px !important; }
.w100 { width:100px !important; }
.w200 { width:200px !important; }
.w300 { width:300px !important; }
.w400 { width:400px !important; }
.w500 { width:500px !important; }
.w50p { width:50% !important; }
.w80p { width:80% !important; }
.w90p { width:90% !important; }
.w100p { width:100% !important; }

.cent {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.fl   { float:left ; }
.fr   { float:right ; }
.left   { text-align:left; }
.right  { text-align:right ; }
.center { text-align:center ; }
.vamid  { vertical-align:middle ; }
.vatb   { vertical-align:text-bottom ; }

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
  visibility:hidden;
}
.clearfix {
  display:inline-table;
  min-height:1px;
}

/* hides from IE-mac \*/
* html .clearfix  { height:1%; }
.clearfix     { display:block; }
/* end of hides from IE-mac */

.clear-both { clear:both; }
.bbdot { padding-bottom:10px; border-bottom:#999999 dotted 1px; }
.nowrap { white-space:nowrap; }

/* form input IME */
input.zenkaku{ ime-mode:active; }
input.ascii{ ime-mode:disabled; }


/* error */
.err{ color:#f30; }

