/* CSS Document */ /*========================= ul#companyNavに指定 =========================*/ #companyDust{ padding: 21px 0 5px 0; width: 545px; height: 18px; color: #666666; text-align: left; text-indent: -1px; letter-spacing: 2px; border-bottom: 1px solid #E1E1E1; } ul#companyNav{ display: block; position: relative; margin-top: 1px; top: 0px; left: 0px; width: 477px; height: 20px; list-style: none; } ul#companyNav li{ margin: 1px 0 0 0; padding: 0 0; float: left; } li#c_ogura a{ display: block; width: 113px; height: 20px; text-indent: -9999px; background: url(img/ogura_btn.gif) left top no-repeat; } li#c_ogura{ display: block; width: 113px; height: 20px; text-indent: -9999px; background: url(img/ogura_btn.gif) left bottom no-repeat; } li#c_company a{ display: block; width: 91px; height: 20px; text-indent: -9999px; background: url(img/company_btn.gif) left top no-repeat; } li#c_company{ display: block; width: 91px; height: 20px; text-indent: -9999px; background: url(img/company_btn.gif) left bottom no-repeat; } li#c_history a{ display: block; width: 78px; height: 20px; text-indent: -9999px; background: url(img/history_btn.gif) left top no-repeat; } li#c_history{ display: block; width: 78px; height: 20px; text-indent: -9999px; background: url(img/history_btn.gif) left bottom no-repeat; } li#c_organizationalTree a{ display: block; width: 77px; height: 20px; text-indent: -9999px; background: url(img/organizationalTree_btn.gif) left top no-repeat; } li#c_organizationalTree{ display: block; width: 77px; height: 20px; text-indent: -9999px; background: url(img/organizationalTree_btn.gif) left bottom no-repeat; } li#c_accessMap a{ display: block; width: 118px; height: 20px; text-indent: -9999px; background: url(img/accessmap_btn.gif) left top no-repeat; } li#c_accessMap{ display: block; width: 118px; height: 20px; text-indent: -9999px; background: url(img/accessmap_btn.gif) left bottom no-repeat; } /*-------------ロールオーバー-----------*/ li#c_ogura a:hover{ background-position: 0 -20px; } li#c_company a:hover{ background-position: 0 -20px; } li#c_history a:hover{ background-position: 0 -20px; } li#c_organizationalTree a:hover{ background-position: 0 -20px; } li#c_accessMap a:hover{ background-position: 0 -20px; } /*========================= mapに指定 =========================*/ #mapbg{ width: 545px; height: 384px; background: url(img/accessmapbg.gif) left top no-repeat; } img.map{ margin: 3px 0 0 3px; } /*========================= pに指定 =========================*/ p#A_address{ margin-top: 12px; font-size: 10px; line-height: 16px; letter-spacing: 1.5px; } /*=========================== billboardに指定 ===========================*/ .billboardimg_c{ margin-top: 46px; width: 545px; height: 59px; } * html .billboardimg_c{ margin-top: 66px; width: 545px; height: 59px; } /*=========================== indexに指定 ===========================*/ #aboutOgura{ margin: 0 0; padding: 0 0; width: auto; height: auto; } p.about{ float: left; width: 292px; text-align: left; letter-spacing: 1px; line-height: 20px; } #presidentbg{ position: relative; left: 0px; margin-left: 308px; width: 237px; height: 389px; background: url(img/presidentbg.gif) right top no-repeat; } * html #presidentbg{ position: relative; left: 0px; margin-left: 305px; width: 237px; height: 389px; background: url(img/presidentbg.gif) right top no-repeat; } img.presidentimg{ padding-top: 4px; padding-left: 4px; } p.presidentText{ font-size: 10px; text-indent: 63px; line-height: 38px; letter-spacing: 0px; color: #FFFFFF; } .presidentName{ margin-left: 11px; font-size: 14px; color: #FFFFFF; letter-spacing: 0px; } /*=========================== ul#dataListに指定 ===========================*/ #bg{ width: 545px; height: auto; } table#historytable{ width: 545px; height: auto; } td.infoA{ width: 74px; height: auto; padding: 13px 16px 13px 16px; vertical-align: top; color: #FFFFFF; line-height: 21px; background-color: #949494; border-bottom: 1px solid #FFFFFF; } td.infoB{ width: 399px; height: auto; padding: 13px 16px 13px 16px; color: #000000; line-height: 21px; background-color: #FFFFFF; border-bottom: 1px solid #E8E8E8; } td.infoG{ width: 399px; height: auto; padding: 13px 16px 13px 16px; color: #000000; line-height: 21px; background-color: #FFFFFF; } /*---------------------btn--------------------*/ a.accesskochira{ display: block; position: relative; margin-top: 5px; line-height: 0px; width: 140px; height: 16px; text-indent: -9999px; background: url(img/accesskochira_btn.gif) left top no-repeat; } a.accesskochira:hover{ background-position: 0 -16px; } a.detailkochira{ display: block; position: relative; margin-top: 10px; line-height: 0px; width: 98px; height: 16px; text-indent: -9999px; background: url(../img/detail_btn.gif) left top no-repeat; } a.detailkochira:hover{ background-position: 0 -16px; } #bghistory{ width: 545px; height: auto; } table#historytable{ width: 545px; height: auto; } td.hisyoryA{ width: 90px; height: auto; padding: 13px 0 13px 16px; vertical-align: top; color: #FFFFFF; background-color: #949494; border-bottom: 1px solid #FFFFFF; } td.hisyoryB{ width: 415px; height: auto; padding: 13px 0 13px 16px; color: #000000; background-color: #FFFFFF; border-bottom: 1px solid #E8E8E8; } td.historyC{ width: 2px; height: auto; background: url(img/historybgleftside.gif) left top repeat-y; } td.hisyoryD{ width: 2px; height: auto; background: url(img/historybgrightside.gif) left top repeat-y; } td.historyE{ width: 545px; height: 4px; background: url(img/historytopbg.gif) center bottom repeat-y; } td.historyF{ width: 545px; height: 3px; background: url(img/historybottombg.gif) center bottom repeat-y; } td.hisyoryG{ width: 415px; height: auto; padding: 13px 0 13px 16px; color: #000000; line-height: 21px; background-color: #FFFFFF; } /*=========================== a要素に指定 ===========================*/ ul#aboutList{ margin-bottom: 20px; padding-top: 23px; list-style: none; clear: both; } ul#aboutList li{ padding-bottom: 5px; } #aboutOgura{ float: left; }