@charset "UTF-8";
.cf { *zoom: 1; }
.cf:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

#house-information .room-type ul li, #house-information .heimenzu ul li { display: inline-block; *display: inline; *zoom: 1; }

#page-title { border: 4px solid #ccc; padding: 38px 0 8px 36px; height: 46px; background-color: #fff; background-position: right 0; background-repeat: no-repeat; font-size: 30px; }
#page-title span { display: block; padding: 2px 0 0 10px; border-left: 5px solid #6c9bd2; line-height: 1.2; }

.title-news { background-image: url(../images/sub/bg_title_news.jpg); }

.title-apart { background-image: url(../images/sub/bg_title_apart.jpg); }

.title-greets { background-image: url(../images/sub/bg_title_greets.jpg); }

.title-access { background-image: url(../images/sub/bg_title_access.jpg); }

#information { border: 1px solid #ccc; background-color: #fff; }
#information h2 { border: none; }
#information .body { margin: 16px; padding: 16px; border: 2px solid #ccc; }
#information .body article { padding: 8px 0 4px; border-bottom: 1px dotted #999; }
#information .body article:first-child { padding-top: 0; }
#information .body article time { float: left; padding: 0 0 0 8px; border-left: 4px solid #6c9bd2; }
#information .body article h3 { padding: 0 0 0 11em; background: url(../images/sub/list_01.png) no-repeat 9em 0.2em; }

#information-detail { border: 1px solid #ccc; background-color: #fff; }
#information-detail h2 { border: none; }
#information-detail time { display: block; margin: 8px 16px 0; border-bottom: 1px dotted #999; text-align: right; font-weight: bold; font-size: 12px; }
#information-detail .body { margin: 24px; }
#information-detail .body pre { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; line-height: 1.4; white-space: pre-wrap; word-wrap: break-word; overflow: auto; }
#information-detail p { margin: 0 0 1em; line-height: 1.5; }


#side-nav { text-align: right; }
#side-nav h3 { text-align: left; }
#side-nav dl { padding: 0 12px 8px; border: 1px solid #ccc; background-color: #fff; font-size: 12px; text-align: left; }
#side-nav dl dt { margin: 8px 0 0; padding: 0 0 0 12px; background: url(../images/sub/list_01.png) no-repeat 0 0.2em; font-weight: bold; }
#side-nav dl dd { padding: 2px 0 4px; border-bottom: 1px dashed #aaa; }
#side-nav p { display: inline-block; padding: 4px 16px; border: 1px solid #ccc; border-top: none; background-color: #fff; }
#side-nav p a { color: #eb6100; font-size: 12px; font-weight: bold; }

#greets-box h2 { margin: 16px 0 0; }
#greets-box .body { margin: 16px 0 0; padding: 24px; background: #fff url(../greets/images/bg_body.png) no-repeat 100% 98%; border: 3px double #999; font-size: 15px; }
#greets-box .body ol { padding: 1em 0 0 2em; line-height: 1.2; }
#greets-box .body ol dl dt { font-weight: bold; font-size: 16px; }
#greets-box .body ol dl dd { padding: 8px 0 1em 1em; }
#greets-box .body ol dl dd ul { padding: 0 0 0 1.5em; list-style: disc; }
#greets-box .body ol dl dd ul li + li { margin: 1em 0 0; }
#greets-box .body .button { margin: 16px 0 0; text-align: center; }

#adobe-reader { margin: 16px 0 0; }
#adobe-reader a { float: left; padding: 0 16px 0 0; }
#adobe-reader p { font-size: 11px; }

#access-map .body { margin: 16px 0 0; padding: 8px; border: 1px solid #ccc; background-color: #fff; }
#access-map .body dl { float: right; width: 20%; }
#access-map .body dl dt { padding: 4px; background-color: #ecdac6; border-left: 5px solid #96734b; color: #5a3f1f; font-weight: bold; }
#access-map .body dl dd ul li { padding: 8px 4px 1px; border-bottom: 1px dashed #999; }
#access-map .body p { clear: both; padding: 4px 0 0; font-size: 14px; }

#mapcamvas { width: 77%; height: 600px; float: left; }

#around-access { margin: 32px 0 0; }
#around-access .body { margin: 16px 0 0; padding: 8px; border: 1px solid #ccc; background-color: #fff; }
#around-access .body dl { overflow: hidden; padding: 8px; font-size: 15px; border-bottom: 1px dashed #999; }
#around-access .body dl dt { width: 10em; float: left; border: 1px solid #ccc; background-color: #e6ddd1; text-align: center; }
#around-access .body dl dd { float: left; padding: 0 0 0 140px; background: url(../images/sub/rail.png) no-repeat 20px center; }
#around-access .body dl dd span { padding: 0 .5em 0 0; font-size: 11px; }

#house-information .body { overflow: hidden; padding: 16px; border: 1px solid #ccc; background-color: #fff; }
#house-information .body .left { float: left; width: 650px; }
#house-information .body .left table { width: 100%; }
#house-information .body .left table th, #house-information .body .left table td { padding: 5px 3px; border: 1px solid #999; vertical-align: middle;}
#house-information .body .left table th { background-color: #eee; font-weight: bold; white-space: nowrap;}
#house-information .body .left table td a { font-weight: bold; }
#house-information .body .right { float: right; width: 240px; }
#house-information .body h3 { padding: 4px; background-color: #ecdac6; border-left: 5px solid #96734b; color: #5a3f1f; font-weight: bold; }
#house-information .room-type ul { margin: 8px 0 0; padding: 8px 0 0; border-top: 1px dashed #999; text-align: center; }
#house-information .room-type ul li { padding: 0 4px; }
#house-information .room-type ul li a { display: block; border: 1px solid #ccc; }
#house-information .room-type ul li p { font-weight: bold; }
#house-information .heimenzu h3 { margin: 8px 0 0; }
#house-information .heimenzu ul { text-align: center; }
#house-information .heimenzu ul li { margin: 8px 8px 0; }
#house-information .heimenzu p { padding: 4px 0 0; font-size: 11px; font-weight: bold; text-align: center; }

#rent { margin: 16px 0 0; padding: 0 0 16px; background-color: #fff; border: 1px solid #ccc; }
#rent h2 { border: none; }
#rent table { margin: 16px auto 8px; width: 90%; }
#rent table th, #rent table td { border: 1px solid #999; vertical-align: middle; text-align: center; }
#rent table th { font-weight: bold; }
#rent table td { width: 10%; }
#rent table dl dt { padding: 3px 0; background-color: #d3e8ff; color: #2461a7; border-bottom: 3px double #999; font-weight: bold; }
#rent table dl dd { padding: 3px 0; margin: 8px; }/*2022/12/9 margin変更*/
#rent table dl dd.price { border-bottom: 1px dashed #999; }
#rent table dl dd.free { background-color: #EB6100; color: #fff; border-radius: 4px; }
#rent table dl dd.booking { background-color: #6C9BD2; color: #fff; border-radius: 4px; }
#rent table dl dd.inuse { background-color: #EEEEEE; border-radius: 4px; }
#rent table dl dd.inuse.thisyear { background-color: #ccc;}
#rent table dl dd.become-free { background-color: #e49551; color: #fff; border-radius: 4px; letter-spacing: -0.5px; }
#rent table .hall { background-color: #eeeeff; }
#rent table .commu { background-color: #ffeeaa; }
#rent table a { font-weight: bold; }
#rent table tfoot td, #rent table tfoot th { padding: 8px 4px; background-color: #eee; }
#rent table em { font-weight: bold; }
#rent table.setsumei { width: 50%; }/*2022/12/9 width変更*/
#rent table.setsumei th, #rent table.setsumei td { width: 200px; }
#rent table .bggray { background-color: #f0f0f0; }
#rent .update { background-color: #f0b0b0; font-size: 24px; }
#rent .update a { padding: 8px 0; color: #000080; display: block; }
#rent .update strong { color: #f00; }

#rent .body{
    padding: 0 40px 20px;
}

#utilities { margin: 16px 0 0; border: 1px solid #ccc; background-color: #fff; }
#utilities h2 { border: none; }
#utilities .body { padding: 0 40px 20px; overflow: hidden; }
#utilities .body .image { width: 40%; float: right; }
#utilities .body .image img { max-width: 100%; }
#utilities .body ul { float: left; width: 60%; padding: 16px 0 0; }
#utilities .body ul li { box-sizing: border-box; float: left; width: 50%; margin: 10px 0 0; padding: 0 0 0 30px; background: url(../images/sub/list_01.png) no-repeat 15px 5px; font-size: 15px; }


/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { #page-title { background-size: auto 100%; height: auto; padding: 16px 0 12px 12px; border-width: 3px; font-size: 18px; }
  #information .body { margin: 16px 8px; padding: 0; border: none; }
  #information .body article h3 { padding: 0 0 0 9em; background-position: 7.6em .2em; }
  #information-detail h2 { background: none; border-bottom: 2px solid #826038; }
  #greets-box .body { padding: 16px 8px; font-size: 14px; }
  #greets-box .body .fr img { width: 200px; }
  #greets-box .body ol { padding: 1em 0 0 1.8em; }
  #greets-box .body ol dl dd { padding: 4px 0 1em; }
  #greets-box .body .button img { width: 200px; }
  #access-map .body dl { margin: 16px 0 0; float: none; width: auto; }
  #access-map .body p { margin: 16px 0 0; }
  #mapcamvas { width: auto; height: 400px; float: none; }
  #around-access .body dl { text-align: center; }
  #around-access .body dl dt { float: none; width: auto; }
  #around-access .body dl dd { float: none; padding: 8px 0 0; background: no-repeat; }
  #house-information .body .left { width: auto; float: none; }
  #house-information .body .right { width: auto; float: none; margin: 16px 0 0; }
  #house-information .body .left table th, #house-information .body .left table td { padding: 4px 8px; display: block; }
  #house-information .body .left table th { margin: 4px 0 0; text-align: left; }
  #house-information .body .left table td { border-top: none; }
  #rent table { display: block; }
  #rent table tr th, #rent table tr td { margin: 1%; box-sizing: border-box; display: block; width: 48%; float: left; }
  #rent table tfoot { display: none; }
  #utilities .body { padding: 0 20px 20px; }
  #utilities .body ul li { padding: 0 0 0 12px; background-position: 0 3px; font-size: 13px; }
  #utilities .body { padding: 8px; }
  #utilities .body .image { float: none; width: auto; text-align: center; }
  #utilities .body .image img { width: 200px; }
  #utilities .body ul { float: none; width: auto; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 949px) { #page-title { background-size: auto 100%; height: auto; padding: 22px 0 18px 20px; font-size: 22px; }
  #house-information .body .left { width: auto; float: none; }
  #house-information .body .right { width: auto; float: none; margin: 16px 0 0; }
  #rent table { width: 98%; }
  #rent table dl dd.price { font-size: 12px; }
  #utilities .body { padding: 0 20px 20px; }
  #utilities .body ul li { padding: 0 0 0 12px; background-position: 0 3px; font-size: 13px; } }
/* pc
-------------------------------------------------- */

/*# sourceMappingURL=sub.css.map */