@charset "utf-8";

/* ------------------------- TOC 
layout
header
gnav
パンくず領域
 ------------------------- */

/* ============================== layout */
html { height: 100%; }
body { height: 100%; }
#container { width: 970px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; background: url(/common/img/bg_container.gif) repeat-y 0 0; text-align: left; }
#header { width: 940px; height: 54px; margin-left: 25px; font-size: 10px; position: relative; }
#gnav { width: 959px; margin-left: 5px; margin-top: 3px; background: url(/english/common/img/gnav_bg.gif) repeat-x left bottom; border-right: 1px solid #fff; }
#directory { width: 925px; margin-left: 25px; padding: 15px 0; }


/* ============================== header */
#header #logo { position: absolute; left: 0; top: 15px; width: 324px; height: 21px; }
#header #util { width: 343px; margin-left: 577px; padding-top: 10px; }
#header #util ul { width: 343px; }
/*inquries公開時
#header #util { width: 406px; margin-left: 514px; padding-top: 10px; }
#header #util ul { width: 406px; }*/
#header li { float: left; background: url(/common/img/nav_util_bg.gif) no-repeat right top; }
#header li#japanese { background: none; }
#header li img { margin-right: 21px; }
#header li#japanese img { margin-right: 0; }
#header #util form { text-align: right; }
#header input { vertical-align: top; padding: 0; margin-top: 16px; }
#header input#search_ntu { width: 91px; height: 10px; margin-right: 2px; padding: 2px; font-size: 100%; }


/* ============================== gnav */
#gnav ul { width: 769px; float: left; }
#gnav li { float: left; }
#gnav li a { display: block; width: 154px; height: 40px; }
#gnav li#gnav_business a { width: 153px; }
#gnav li a:hover, #gnav li a:active { background-position: 0 -40px; }
#gnav_business a { background-image: url(/english/common/img/gnav_business.gif); }
#gnav_company a { background-image: url(/english/common/img/gnav_company.gif); }
#gnav_properties a { background-image: url(/english/common/img/gnav_properties.gif); }
#gnav_ir a { background-image: url(/english/common/img/gnav_ir.gif); }
#gnav_csr a { background-image: url(/english/common/img/gnav_csr.gif); }

.office #gnav #gnav_business a, .amenity #gnav #gnav_business a, .residence #gnav #gnav_business a, .lease #gnav #gnav_business a, .solution #gnav #gnav_business a, .recruit #gnav_recruit a, .company #gnav_company a, .business #gnav #gnav_business a, .ir #gnav #gnav_ir a, .csr #gnav #gnav_csr a, .properties #gnav #gnav_properties a, #f01 #gnav #gnav_csr a { background-position: 0 -40px; }

/* ============================== パンくず領域 */
#directory p#hierarchy { float: left; font-size: 84%; width: 640px; }
#directory p#hierarchy a { text-decoration: underline; }
#directory p#category_top { float: right; }


/* 文字の大きさ */
#gnav dl { width: 147px; float: right; }
#gnav dt, #gnav dd { float: left; }
#gnav dl img { margin: 10px 0 0 2px; }
#gnav dd a { display: block; width: 20px; height: 20px; margin: 10px 2px 0 0; }
#gnav dd a:hover, #gnav dd a:active { background-position: 0 -20px; }
#gnav dd#text_to_small a { background-image: url(/english/common/img/bt_text_small.gif); }
#gnav dd#text_to_medium a { background-image: url(/english/common/img/bt_text_medium.gif); }
#gnav dd#text_to_large a { background-image: url(/english/common/img/bt_text_large.gif); }


/* ============================== skip link */
#skiplink { position: absolute; left: -2000px; top: 0; width: 300px; height: 50px; }