@media screen {
/*buildings*/
#buildings .main_inner {width: 780px; padding:0px 7px 15px 45px;}
h1 {margin-top: 4px;}

.post {clear:both;}
.buildings_container{width: 745px; margin: 0; padding: 0;}
.buildings_container h2{font-size: 139%; background: #eee; padding: 10px 20px 8px 20px; margin-bottom: 20px; border: 2px outset #ddd;}
.not_available {display: none;}

.ename {font-size: 12px;}
.buildings_container h4 {font-size: 116%; border-bottom:1px dotted #CA0019; border-left:3px solid #CA0019; margin:0 0 20px; padding:2px 0 2px 5px;}
.outlook {width: 300px; float: left; margin-bottom: 40px;}
.access {width: 405px; float: right; margin-bottom: 40px;}
.spec {float: right; width: 405px; margin-bottom: 20px;}
.basic {clear: both; float: left; width: 305px; margin-bottom: 10px;}
.outlook img, .basic img {width: 300px;}
.basic dl, .spec dl, .chintai dl {border: 1px solid #dcdcdc; border-top: none; font-size: 85%;}
.basic dt, .spec dt,.basic dd, .spec dd, .chintai dd{padding: 5px;}
.spec dt {width: 170px; clear: both; float: left; font-weight: bold; color: #1c295c; border-top: 1px solid #dcdcdc;}
.spec dd {margin-left: 180px; background: #faf9f7; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.basic dt {width: 120px; clear: both; float: left; font-weight: bold; color: #1c295c; border-top: 1px solid #dcdcdc;}
.basic dd {margin-left: 130px; background: #faf9f7; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.chintai dt {width: 120px; clear: both; float: left; font-weight: bold; color: #1c295c; border-top: 1px solid #dcdcdc;}
.chintai dd {margin-left: 130px; background: #faf9f7; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}

.path a {text-decoration: underline; color:#464646;}
.bldg_cat_container {clear: both; height: 1%; margin-bottom: 15px;}
.bldg_cat_container h2,  .area_list h2{background: #eee; font-weight: bold; width: 705px;padding:5px 20px; margin-bottom: 0px; border: 1px outset #ddd; }
.bldg_cat_container h2 {position: relative;}
.bldg_container {margin-top:20px; margin-bottom: -15px; display:none;}
.bldg_num { font-weight: normal; font-size: 12px; position: absolute; right: 20px; top : 0; line-height: 30px;}

 .area_list h2 {font-size: 139%; background: #eee;  border: 2px outset #ddd; margin-bottom: 18px;}

ul.top{width: 132px; height:250px; margin: 0 20px 20px 0; padding: 20px 20px 0 20px ; background: #eee; float: left; position: relative; font-size: 83%; line-height: 150%; }
ul.hover {cursor: pointer; background-color: #f90; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
ul.top a:hover {color:#000;}
.top .img_container{width: 132px; height: 100px; overflow: hidden; margin: 0 auto; text-align: center;}
.top img {height: 90px; }
.open_all_container {float:right; margin-right: 33px; margin-bottom: 10px;}
.open_all, .hide_full {text-align: right;text-decoration: underline;}
.to_detail {position: absolute; bottom: 10px; right: 10px; display: block;}

.open_all_container li, .to_detail a {display: inline; background: url(../images/arrow.png) no-repeat 0 -1px; height: 12px; width:100%; line-height: 12px; overflow: hidden; padding: 1px 0 0 16px; margin-left:10px;}
.open_all_container li:hover{background: url(../images/arrow.png) no-repeat 0 -86px; padding: 1px 0 0px 16px;}
.to_detail a {color:#464646; padding-left: 16px;}
.to_detail a:hover {color: #464646; text-decoration: underline; padding-left: 16px;}

.return_t {position:absolute; right:38px; top:25px; width:180px;}
.return{clear: both;}
.return a { background:transparent url(../images/arrow_l.png) no-repeat scroll 0 -1px; color:#464632; display:block; float:right; height:12px; line-height:12px; overflow:hidden; padding:1px 0 0 16px; border-bottom: 1px solid #464646; padding-bottom:3px;}
.return a:hover {background: url(../images/arrow_l.png) no-repeat 0 -86px; padding: 1px 0 3px 16px; color: #f90; border-bottom: 1px solid #f90; padding-bottom:3px;}



}