@charset "UTF-8"; /* Basic Structure START */ /* Basic Structure END */ body { font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif; margin: 0; padding: 0; text-align: center; background-color: #ffffff; color: #222222; } h1 { font-size: 1em; font-weight: normal; line-height: 16px; margin: 0 0 0 10px; color: #999999; } h2 { font-size: 1em; line-height: 16px; margin: 0px 0 0px 0; color: #0085AB; } h3 { font-size: 1em; font-weight: normal; line-height: 12px; color: #0085AB; } p,pre { margin: 0 0 0 0; font: 12px/16px 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif; color: #333333; } img { border: 0; } .clear { clear: both; } a:link { color: #0085AB; text-decoration: none; } a:visited { color: #0085AB; text-decoration: none; } a:hover { color: #8C0000; text-decoration: underline; } table { border-collapse: collapse; } /* Layout START */ div#wrapper { margin:10px auto; text-align: center; } div#container { width: 950px; margin: 0 auto; text-align :left; } /* Layout END */ /* header START */ div#header { } div#header-logo { width: 230px; float: left; } div#header-menu { width: 460px; float: left; padding: 0 0 0 10px; } div.header-menu1 { width: 115px; float: left; padding: 20px 0 0 0; } div#yj { width: 250px; float: left; } /* header END */ /* contents START */ div#contentsarea-wrapper { width: 920px; margin:10px 0 0 15px; } div#contents-wrapper { width: 710px; float: left; margin:10px 0 0 0; } /* contents END */ /* sidebar START */ div#sidebar-wrapper { width: 210px; float: left; margin:10px 0 0 0; } div#sidebar-wrapper .img{ margin: 0 0 0 0; } div#sidebar-wrapper p.sidebar-menu{ border: solid 1px #CCCCCC; padding: 5px 0px 0px 5px; margin: 0 0 5px 0; } div#sidebar-wrapper p.magazine{ border: solid 1px #0085AB; padding: 5px 0px 0px 5px; margin: 0 0 5px 0; } /* sidebar END */ /* contents2 START */ div#contents2-wrapper { width: 920px; margin: 5px 0 0 0; } /* contents2 END */ /* comment START */ /* comment END */ /* footer START */ div#footer { width: 950px; border-top: dotted 1px #333333; } div#footer p { text-align: right; color: #999999; padding:0 30px 0 0; } 
div#footer-menu {
  width: 950px;
  margin: 5px 0 0 0;
}
div#footer-menu ul {
  margin: 3px 0 3px 50px;
}
div#footer-menu li {
  margin: 10px 0 5px 5px;

  float: left;
}

/* footer END */
 /* index.html START */ div.top-wrapper { width: 920px; margin: 10px 0 0 0; } div.contents-top1 { width: 452px; height:350px; margin: 5px 0 5px 4px; float: left; } div.contents-top1 h2{ font-size: 1em; color: #0085AB; } div.contents-top1 img{ margin: 0 5px 0 0; } div.contents-top1 p{ } div.contents-top2 { width: 450px; height:350px; margin: 5px 0 5px 5px; float: left; } div.contents-top2 img{ margin: 0 0 10px 0; } img.srd { } .pickup { width: 920px; height: 195px; margin: 5px 0 0 0; } .pickup img{ margin: 15px 0 0 5px; } .pickup2 { width: 920px; height: 30px; text-align: right; } .pickup2 img{ margin: 0px 20px 0 0; } /* BLOG-BLOCK*/ .blog-wrapper { width: 360px; float: left; } .blog-wrapper h2{ border-bottom: dotted 1px #333333; } div.blog{ width: 350px; height: 312px; } div.blog-block1{ width: 80px; height: 90px; margin: 0 0 3px 0; float: left } div.blog-block2{ width: 270px; float: left } /* INFO-BLOCK*/ .info-wrapper { width: 340px; float: left; padding: 5px 5px 5px 5px; margin: 8px 0 0 0; } .info-wrapper h2{ border-bottom: dotted 1px #333333; } .topics-block{ width: 330px; height: 100px; margin: 0 0 20px 0; } .news-block{ width: 330px; height: 100px; margin: 0 0 20px 0; } /* index.html END */ 

/* rent START */
 div#RENT-MAIN {
 width: 940px; padding: 10px 0 10px 0; }
 div.ROOM-SELECT{ width: 920px; float: left; padding: 15px 0 0 0px; }
 div.room-select-s{ width: 170px; float: left; padding: 0 10px 10px 0; }
 div.room-info-wrapper { width: 310px; float: left; }
 div.room-info { width: 300px; height: 630px; margin: 5px 5px 5px 5px; padding: 5px 0 5px 0; }
 div.room-info .room-icon { margin: 0 10px 0 0; align: right; }
 div.room-info h2{ margin: 5px 0 0 5px; }
 div.room-info p{ margin: 5px 0 0 5px; }
 div.room-info table{ margin: 15px 0 10px 5px; }
 .rent { color: #cc0000; }
 .rent2 { color:#cc0000; font-size:x-small; font-family:Arial; }
 .property-title { padding: 2px 0 0 5px; font-weight: bold; color: #ffffff; background-color: #666666; }
 .property-detail { padding: 6px 0 3px 0; border-bottom: #cccccc 1px solid; } .property-detail2 { padding: 6px 0 3px 0; border-bottom: #cccccc 1px solid; } div.room-info .icon-a { margin: 5px 0 0 14px; } div.room-info .icon-b { margin: 5px 0 0 2px; } div.room-info .kengaku { margin: 10px 0 10px 14px; } div.room-info .pickup-a { margin: 0 0 0 14px; } div.room-info .pickup-b { margin: 0 0 0 1px; } div.photo-yoko { width: 600px; float: left; margin: 0 0 0 10px; } div.photo-tate { width: 400px; float: left; margin: 0 0 0 10px; } div.introduce-w { width: 400px; float: left; margin: 10px 0 0 10px; } div.introduce-h { width: 190px; height: 400px; float: left; margin: 0 0 0 10px; } div.madori { width: 190px; float: left; margin: 10px 0 0 10px; } /* rent END */ /* parking START */ div.parking { width: 600px; margin: 0 0 0 100px; } div.parking .right{ text-align: right; } .parking-title { padding: 2px 0 0 5px; font-weight: bold; color: #ffffff; background-color: #666666; text-align: center; } .parking-detail { padding: 6px 0 3px 0; border-bottom: #cccccc 1px solid; text-align: center; } .parking-detail2 { padding: 6px 0 3px 0; border-bottom: #cccccc 1px solid; } /* parking END */ /* aboutus START */ div.aboutus-navi { width: 940px; padding: 0 30px 10px 0; margin: 5px 0 0 0; text-align: center; } div.aboutus-navi ul { font-size: 12px; margin: 0 0 0 20px; padding: 0em 0.5em; display: inline; list-style-type: none; color: #666666; } div.aboutus-navi li { color: #0085AB; font-size: 12px; margin: 0; padding: 0; display: inline; } div.aboutus-navi li a:link { text-decoration: none; } div.aboutus-navi li a:visited { text-decoration: none; } div.aboutus-navi li a:hover { color: #8C0000; text-decoration: underline; } div.aboutus-menu { width: 940px; padding: 0 30px 10px 0; text-align: center; } div.aboutus-menu ul { font-size: 12px; margin: 0 0 0 20px; padding: 0em 0.5em; display: inline; list-style-type: none; color: #666666; } div.aboutus-menu li { color: #0085AB; font-size: 12px; margin: 0; padding: 0; display: inline; } div.aboutus-menu li a:link { color: #0085AB; text-decoration: none; } div.aboutus-menu li a:visited { color: #0085AB; text-decoration: none; } div.aboutus-menu li a:hover { color: #8C0000; text-decoration: underline; } div.aboutus-menu2 { width: 940px; padding: 0 30px 10px 0; text-align: right; } div.aboutus-menu2 ul { font-size: 12px; margin: 0 0 0 20px; padding: 0em 0.5em; display: inline; list-style-type: none; color: #666666; } div.aboutus-menu2 li { color: #0085AB; font-size: 12px; margin: 0; padding: 0; display: inline; } div.aboutus-menu2 li a:link { color: #0085AB; text-decoration: none; } div.aboutus-menu2 li a:visited { color: #0085AB; text-decoration: none; } div.aboutus-menu2 li a:hover { color: #8C0000; text-decoration: underline; } /* aboutus END */

.title {
}
.icon {
height:18px;
}

div.example {
 width: 170px; float: left; padding: 0 10px 10px 0; 
}
div.example p {
 line-height:18px;
}