@charset "utf-8";

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

/* ============================== layout */
html { height: 100%; }
body { height: 100%; }
#container { width: 745px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; background: url(../img/bg_container.gif) repeat-y 0 0; text-align: left; }
#header { width: 715px; margin-left: 25px; padding-top: 15px; font-size: 10px; }
#gnav { width: 740px; margin: 20px 0 0 5px; background: url(../img/gnav_bg.gif) repeat-x left bottom; }
#maincontents { width: 740px; margin: 20px 0 20px 5px; }


/* ============================== header */
#header li { float: left; background: url(../img/nav_util_bg.gif) no-repeat right top; margin-top: 6px; }
#header li#logo, #header li#english, #header { background: none; }
#header li#header_search { float: right; margin-right: 25px; padding-top: 15px; background: none; }
#header li#logo, #header li#header_search { margin-top: 0; }
#header li img { margin-right: 21px; }
#header li#logo img { margin-right: 30px; }
#header li input { vertical-align: top; padding: 0; }
#header li input#search_ntu { width: 140px; height: 14px; margin-right: 2px; padding: 2px; font-size: 12px; }


/* ============================== gnav */
#gnav ul { width: 530px; float: left; }
#gnav li { float: left; }
#gnav li a { display: block; width: 106px; height: 40px; }
#gnav li a:hover, #gnav li a:active { background-position: 0 -40px; }
#gnav_business a { background-image: url(../img/gnav_business.gif); }
#gnav_company a { background-image: url(../img/gnav_company.gif); }
#gnav_ir a { background-image: url(../img/gnav_ir.gif); }
#gnav_csr a { background-image: url(../img/gnav_csr.gif); }
#gnav_recruit a { background-image: url(../img/gnav_recruit.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 { background-position: 0 -40px; }


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


/* 文字の大きさ */
#gnav dl { width: 158px; float: right; }
#gnav dt, #gnav dd { float: left; }
#gnav dl img { margin: 10px 2px 0 0; }
#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(../img/bt_text_small.gif); }
#gnav dd#text_to_medium a { background-image: url(../img/bt_text_medium.gif); }
#gnav dd#text_to_large a { background-image: url(../img/bt_text_large.gif); }


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