@charset "UTF-8"; /* Index ------------------------------------------ Basic Form Margin Padding Layout Text Link -------------------------- Wrapper Header Breadcrumbs MiddleArea Side Menu Main Pagetop Group Footer -------------------------- Image:Icon Head Content List Table Navigation Box Plugin AnnaiMod01 Popup -------------------------- Index Policy Company -------------------------- Overwrite Print ------------------------------------------ */ /* ~~ 補足 ~~ 1)Companyを追加しました。[2011/9/2] ------------------------------------------ */ /* Basic ------------------------------------------ */ html{ overflow-y: scroll; } body { color: #333; background-color: #fff; font-family: 'Hiragino Sans GB W3','宋体',SimSun,'MS Song',serif; font-size: 87.5%; } body, div, p, h1, h2, h3, h4, h5, h6, pre, blockquote, table, th, td, dl, dt, dd, ul, ol, li, form, textarea, address { margin: 0; padding: 0; } * html h1, * html h2, * html h3, * html h4, * html h5, * html h6 { height: 1%; } img { border: none; } table { border: none; border-collapse: collapse; border-spacing: 0; font-size: inherit; } caption, th, td {text-align: left;} a[name] { color: #000; } a[name]:hover { color: #000; text-decoration: none !important; outline:0 !important; } a img {color: #000;} fieldset { border: 0; } input, textarea, select { font-family: inherit; font-size: 1em; } input { vertical-align: -3px; } select { vertical-align: middle; } ul li { list-style-type: none; } li li { font-size: inherit; } em { font-weight: bold; font-style: normal; } address { font-style: normal; } label { cursor: pointer; } .navskip, .hide { position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0; } hr { display: none; border: 0; height: 0; visibility: hidden; } h1, h2, h3, h4, h5, h6, form, textarea, pre, blockquote, table, th, td { font-size: 100%; } p, li, dt, dd ,pre, legend { line-height: 1.5; } h1, h2, h3, h4, h5, h6, dt { font-weight: bold; } /* Form ------------------------------------------ */ /* IME : For Windows IE */ .imeA { ime-mode: active; } .imeD { ime-mode: disabled; } /* password */ input[type="password"] { height: 1.2em; font-family: arial; ime-mode: disabled; } /* button */ input[type="submit"] , input[type="reset"] , input[type="button"] , input[type="image"] { cursor: pointer; } /* file */ input[type="file"] { height: 20px; } /* Margin ------------------------------------------ */ .mgt0 { margin-top: 0 !important; } .mgt1 { margin-top: 1px !important; } .mgt2 { margin-top: 2px !important; } .mgt3 { margin-top: 3px !important; } .mgt4 { margin-top: 4px !important; } .mgt5l { margin-top: -3px !important; } .mgt5 { margin-top: 5px !important; } .mgt8 { margin-top: 8px !important; } .mgt10t { margin-top: 6px !important; } .mgt10 { margin-top: 10px !important; } .mgt15t { margin-top: 12px !important; } .mgt15 { margin-top: 15px !important; } .mgt20t { margin-top: 16px !important; } .mgt20 { margin-top: 20px !important; } .mgt25t { margin-top: 22px !important; } .mgt25 { margin-top: 25px !important; } .mgt30t { margin-top: 26px !important; } .mgt30 { margin-top: 30px !important; } .mgt35 { margin-top: 35px !important; } .mgt40t { margin-top: 36px !important; } .mgt40 { margin-top: 40px !important; } .mgt50t { margin-top: 46px !important; } .mgt50 { margin-top: 50px !important; } /* Padding ------------------------------------------ */ .pdt3 { padding-top: 3px !important; } .pdt4 { padding-top: 4px !important; } .pdt5 { padding-top: 5px !important; } .pdt8 { padding-top: 8px !important; } .pdt10 { padding-top: 10px !important; } .pdt10t { padding-top: 6px !important; } .pdt15 { padding-top: 15px !important; } .pdt20t { padding-top: 16px !important; } .pdt20 { padding-top: 20px !important; } .pdt25t { padding-top: 22px !important; } .pdt25 { padding-top: 25px !important; } .pdt30t { padding-top: 26px !important; } .pdt30 { padding-top: 30px !important; } .pdt40t { padding-top: 36px !important; } .pdt40 { padding-top: 40px !important; } .pdt50t { padding-top: 46px !important; } .pdt50 { padding-top: 50px !important; } /* Layout ------------------------------------------ */ .floatL { float: left; } .floatR { float: right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /*\*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /**/ .clearboth { clear: both; } br.clear { margin: 0; padding: 0; clear: both; line-height: 0; font-size: 0; } .alL { text-align: left !important; } .alC { text-align: center !important; } .alR { text-align: right !important; } .vaT { vertical-align: top !important; } .vaM { vertical-align: middle !important; } .vaB { vertical-align: bottom !important; } /* Text ------------------------------------------ */ .nowrap { white-space: nowrap; } .bold { font-weight: bold; } .normal { font-weight: normal; } .fs01 { font-size: 78%; } .fm01 { font-size: 85%; } .fl01 { font-size: 114%; } .fl02 { font-size: 128%; } .fRed01 { color: #f00 !important; } .fBlue01 { color: #00f !important; } .fGreen01 { color: #090 !important; } .fGreen02 { color: #008576 !important; } .fGray01 { color: #666 !important; } .fWhite01 { color: #fff !important; } /* Link ------------------------------------------ */ a:link, a:visited { color: #039; text-decoration: underline; } a:hover, a:active { color: #f00; text-decoration: underline; } /* Wrapper ------------------------------------------ */ #wrapper { margin: 0 auto; width: 900px; max-width:100%; min-height: 600px; overflow: hidden; } /* Header ------------------------------------------ */ #header { position: relative; width: 900px; height: 79px; background: url(../img_cmn/bg_header_01.gif) left bottom no-repeat; } /* headerLink01 */ #header ul#headerLink01 { position: absolute; height: 16px; top: 9px; right: 0; border-right: 1px solid #d4d4d4; } #header ul#headerLink01 li { float: left; border-left: 1px solid #d4d4d4; height: 16px; line-height: 0; } #header ul#headerLink01 li img { vertical-align: top; } /* fontChanger */ #header dl#fontChanger { position: absolute; top: 38px; right: 0; font-size: 0; } /* #header dl#fontChanger { position: absolute; top: 38px; left: 529px; font-size: 0; } */ #header dl#fontChanger dt, #header dl#fontChanger dd { float: left; } #header dl#fontChanger dt { margin-right: 7px; } #header dl#fontChanger dd { margin-right: 3px; } /* headerSearch01 */ #header #headerSearch01 { position: absolute; top: 38px; right: 0; } #header #headerSearch01 dt, #header #headerSearch01 dd { float: left; height: 19px; background: transparent url(../img_cmn/bg_header_search_01.gif) no-repeat; font-size: 12px; } #header #headerSearch01 dt { margin-right: 6px; font-size: 0; } #header #headerSearch01 dd input { vertical-align: top; } #header #headerSearch01 dd input#searchinput { margin-right: 5px; padding-top: 0.15em; border: none; width: 138px; background: none; font-size: 12px; outline: none; } /* For Safari3 or 4 */ body:first-of-type #header #headerSearch01 dd input#searchinput { padding-top: 0; } /**/ /* Breadcrumbs ------------------------------------------ */ p.breadcrumbs { margin-top: 8px; } /* MiddleArea ------------------------------------------ */ #middleArea { width: 900px; margin-top: 20px; } /* Side ------------------------------------------ */ /* sideMod01 */ #side div.sideMod01 { width: 210px; border-bottom: 2px solid #e4e4e4; background: #f0f0f0; } /* sideServiceMod01 */ #side div.sideServiceMod01 { padding-bottom: 10px; } #side div.sideServiceMod01 div.sideServiceMod01Img01 { margin-top: 5px; text-align: center; } #side div.sideServiceMod01 ul.sideServiceMod01Btn01 li { margin: 2px 0 0 5px; font-size: 0; } /* sidePickupMod01 */ #side div.sidePickupMod01 { margin-top: 10px; padding-bottom: 10px; } #side div.sidePickupMod01 ul { margin-top: 4px; } #side div.sidePickupMod01 ul li { margin-left: 5px; padding-top: 6px; font-size: 0; } /* sideBusinessMod01 */ #side div.sideBusinessMod01 { padding-bottom: 9px; } #side div.sideBusinessMod01 .sideBusinessMod01Txt01 { margin: 12px 0 0 8px; } #side div.sideBusinessMod01 ul { margin: 10px 0 0 8px; } #side div.sideBusinessMod01 ul li img { vertical-align: top; } /* sideMod02 */ #side div.sideMod02 { margin-top: 20px; width: 210px; background: url(../img_cmn/bg_sidemod02_01.gif) repeat-y; } #side div.sideMod02 div.sideMod02Vsl01 { padding-bottom: 10px; width: 210px; background: url(../img_cmn/bg_sidemod02_02.gif) left bottom no-repeat; } #side div.sideMod02 p { margin: 9px 10px 0 10px; color: #666; } /* sideMod03 */ #side div.sideMod03 { margin-top: 20px; padding-bottom: 1px; width: 210px; background: url(../img_cmn/bg_sidemod03_01.gif) left bottom no-repeat; } #side div.sideMod03 div.sideMod03Vsl01 { border: 1px solid #d4d4d4; width: 208px; overflow: hidden; zoom: 1; } #side div.sideMod03 ul { margin: -1px 0 0 11px; } #side div.sideMod03 ul li { padding-top: 1px; width: 190px; background: url(../img_cmn/line_dot_01.gif) repeat-x; } #side div.sideMod03 ul li img { vertical-align: top; } /* sideKanrenMod01 */ #side div.sideKanrenMod01 { margin-top: 20px; padding-bottom: 12px; border: 1px solid #d4d4d4; width: 208px; } #side div.sideKanrenMod01 ul { margin: 4px 10px 0 10px; } #side div.sideKanrenMod01 ul li { padding-top: 5px; } /* sideStockMod01 */ #side div.sideStockMod01 { width: 210px; background: url(../img_cmn/bg_side_stock_01.gif) repeat-y; } #side div.sideStockMod01 div.sideStockMod01Ttl01 { position: relative; width: 210px; height: 32px; } #side div.sideStockMod01 div.sideStockMod01Ttl01 img { position: absolute; top: 0; left: 0; } #side div.sideStockMod01 div.sideStockMod01Ttl01 p { position: absolute; bottom: 6px; right: 10px; line-height: 1.1; } #side div.sideStockMod01 div.sideStockMod01Vsl01 { padding: 9px 0 11px 0; width: 210px; background: url(../img_cmn/bg_side_stock_02.gif) left bottom no-repeat; } #side div.sideStockMod01 div.sideStockMod01Vsl01 p { margin: 0 12px; } /* sideBnr01 */ #side ul.sideBnr01 { margin-top: 20px; } #side ul.sideBnr01 li { padding-top: 5px; } #side ul.sideBnr01 li img { vertical-align: top; } /* Menu ------------------------------------------ */ #menu { float: left; width: 200px; } /* menuMod01 */ #menu .menuMod01 { width: 200px; background: url(../img_cmn/bg_menu_01.gif) repeat-y; } #menu .menuMod01 div.menuMod01Vsl01 { padding-top: 4px; width: 200px; background: url(../img_cmn/bg_menu_header_01.gif) no-repeat; } #menu .menuMod01 ul { padding-bottom: 6px; width: 200px; background: url(../img_cmn/bg_menu_footer_01.gif) left bottom no-repeat; } #menu .menuMod01 li { width: 200px; background: url(../img_cmn/bg_menu_02.gif) no-repeat; font-weight: bold; } #menu .menuMod01 li a, #menu .menuMod01 li strong { display: block; padding: 6px 5px 3px 23px; zoom: 1; } #menu .menuMod01 li a { background: url(../img_cmn/i_menu_01.gif) 9px 0.75em no-repeat; } #menu .menuMod01 li.menuMod01Act { background: url(../img_cmn/bg_menu_02_act.gif) repeat-y; } #menu .menuMod01 li.menuMod01Act strong, #menu .menuMod01 li.menuMod01Act a { background: url(../img_cmn/i_menu_01_act.gif) 9px 0.75em no-repeat; } #menu .menuMod01 li.menuMod01First.menuMod01Act { background: url(../img_cmn/bg_menu_02_act_f.gif) repeat-y; } /* Main ------------------------------------------ */ #main { float: right; width: 680px; } * html #main { overflow: hidden; } #main.mainWide01 { float: none; width: 900px; } #main.mainWide01 .headMod03 { width: 900px; } /* Pagetop ------------------------------------------ */ /* pagetopMod01 (page bottom) */ p.pagetopMod01 { clear: both; padding: 46px 10px 0 0; } *:first-child+html p.pagetopMod01 { padding: 23px 10px 0 0; } p.pagetopMod01 a { display: block; float: right; padding-left: 13px; background: url(../img_cmn/i_up_01.gif) 0 0.4em no-repeat; } /* pagetopMod02 */ p.pagetopMod02 { margin-top: 40px; padding-right: 10px; } p.pagetopMod02 a { display: block; float: right; padding-left: 13px; background: url(../img_cmn/i_up_01.gif) 0 0.4em no-repeat; } /* Group ------------------------------------------ */ #groupMod01 { margin-top: 50px; padding-top: 11px; border-top: 2px solid #e4e4e4; width: 900px; } #groupMod01 dl { margin: 0 10px; } #groupMod01 dl dt { vertical-align: top; } #groupMod01 dl dt a { margin-left: 23px; } #groupMod01 dl dd { margin-top: 2px; } #groupMod01 dl dd ul li { float: left; margin-right: 10px; padding-top: 5px; } #groupMod01 dl dd ul li p { line-height: 1.1; white-space: nowrap; } #groupMod01 dl dd ul li a { color: #666; } /* Footer ------------------------------------------ */ #footer { position: relative; margin-top: 16px; width: 900px; height: 50px; background: url(../img_cmn/bg_footer_01.gif) repeat-x; } /* footerLink01 */ #footer ul#footerLink01 { position: absolute; top: 14px; left: 10px; } #footer ul#footerLink01 li { float: left; padding-left: 19px; background: url(../img_cmn/bg_footer_link_01.gif) 9px 0.2em no-repeat; zoom: 1; } #footer ul#footerLink01 li.footerLink01First { padding-left: 0; background: none; } /* footerCopy01 */ #footer p#footerCopy01 { position: absolute; top: 18px; right: 10px; } /* Image:Icon ------------------------------------------ */ /* imgFloatR01 */ .imgFloatR01 { float: right; margin: 0 0 15px 15px; } /* imgFloatL01 */ .imgFloatL01 { float: left; margin: 0 15px 15px 0; } /* iLink01 */ .iLink01 { padding-left: 10px; background: url(../img_cmn/i_link_02.gif) 0 0.6em no-repeat; zoom: 1; } /* iLink02 */ .iLink02 { padding-left: 14px; background: url(../img_cmn/i_link_01.gif) 0 0.35em no-repeat; zoom: 1; } /* iBack01 */ .iBack01 { padding-left: 14px; background: url(../img_cmn/i_back_01.gif) 0 0.5em no-repeat; zoom: 1; } /* iDownload01 */ .iDownload01 { padding-left: 21px; background: url(../img_cmn/i_download_01.gif) 0 0.3em no-repeat; zoom: 1; } /* iPop01 */ .iPop01 { padding-left: 14px; text-indent: -14px; } * html .iPop01 { padding-top: 0.2em; padding-bottom: 0.2em; } /* imgPop01 */ .imgPop01 { vertical-align: -1px; } * html .imgPop01 { vertical-align: middle; } /* iPdf01 */ .iPdf01 { padding-left: 17px; text-indent: -17px; } * html .iPdf01 { padding-top: 0.2em; } /* imgPdf01 */ .imgPdf01 { vertical-align: -1px; } * html .imgPdf01 { vertical-align: middle; } /* iXls01 */ .iXls01 { padding-left: 17px; text-indent: -17px; } * html .iXls01 { padding-top: 0.2em; } /* imgXls01 */ .imgXls01 { vertical-align: -1px; } * html .imgXls01 { vertical-align: middle; } /* imgFloatMod01L */ .imgFloatMod01L { float: left; margin: 0 15px 15px 0; } /* imgFloatMod01R */ .imgFloatMod01R { float: right; margin: 0 0 15px 15px; } /* Head ------------------------------------------ */ /* headMod01 */ #main div.headMod01 { position: relative; width: 670px; height: 43px; background: url(../img_cmn/bg_headmod01_01.gif) no-repeat; } #main div.headMod01 h2 { margin-left: 28px; } #main div.headMod01 ul { position: absolute; top: 0; right: 0; } #main div.headMod01 ul li { float: left; zoom: 1; } #main div.headMod01 .headMod01Link01 a { display: block; padding: 0 10px 0 29px; height: 43px; background: url(../img_cmn/bg_headmod01_02.gif) no-repeat; zoom: 1; } #main div.headMod01 .headMod01Link01 a span { display: block; padding-top: 1px; line-height: 43px; } * html #main div.headMod01 .headMod01Link01 a { display: inline; } /* headMod02 */ .headMod02 { margin-top: 30px; width: 100%; height: 39px; background: url(../img_cmn/bg_headmod02_01.gif) repeat-x; } .headMod02 img { vertical-align: top; } /* headMod03 */ #main .headMod03 { position: relative; width: 680px; height: 69px; background: url(../img_cmn/bg_headmod03_01.gif) repeat-x; } #main .headMod03 span { position: absolute; top: 27px; left: 10px; font-size: 157%; } /* headMod04 */ #main .headMod04 { padding: 7px 10px 3px 10px; width: auto; min-height: 22px; border-bottom: 1px solid #e2e2e2; background: url(../img_cmn/bg_headmod04_01.gif) repeat-x; line-height: 1.5; zoom: 1; } * html #main .headMod04 { height: 22px; } /* headMod04Rel */ #main .headMod04Rel { padding: 7px 10px 3px 10px; width: auto; min-height: 22px; border-bottom: 1px solid #e2e2e2; background: url(../img_cmn/bg_headmod04rel_01.gif) repeat-x; line-height: 1.5; zoom: 1; } * html #main .headMod04Rel { height: 22px; } /* headMod05 */ #main .headMod05 { padding: 0 0 0 11px; border-bottom: 1px solid #ccc; background: url(../img_cmn/bg_headmod05_01.gif) 3px 0.3em no-repeat; line-height: 1.5; zoom: 1; } /* headMod06 */ #main .headMod06 { line-height: 1.5; } /* headMod06Gr */ #main .headMod06Gr { color: #069B87; line-height: 1.5; } /* headMod07 */ #main .headMod07 { position: relative; width: 680px; background: url(../img_cmn/bg_headmod07_01.gif) no-repeat; } #main .headMod07 div.headMod07Vsl01 { padding-bottom: 2px; width: 680px; min-height: 160px; background: url(../img_cmn/bg_headmod07_02.gif) left bottom no-repeat; } * html #main .headMod07 div.headMod07Vsl01 { height: 160px; } #main .headMod07 h1 { padding: 21px 0 0 16px; } #main .headMod07 h1 img { vertical-align: top; } #main .headMod07 div.headMod07Txt { margin: 12px 0 0 16px; padding-bottom: 10px; width: 420px; } #main .headMod07 div.headMod07Img { position: absolute; top: 0; right: 0; } /* Content ------------------------------------------ */ /* contMod01 */ .contMod01 { margin-left: 10px; margin-right: 10px; } /* contMod02 */ .contMod02 { margin-left: 15px; margin-right: 15px; } /* cont2CMod01 */ .cont2CMod01 { width: 100%; } .cont2CMod01 .cont2CMod01L { float: left; width: 330px; } .cont2CMod01 .cont2CMod01R { float: right; width: 330px; } /* csrEffEconomicMod02 */ #main div.cont2CMod01.csrEffEconomicMod02 { margin: 15px 0 0 10px; width: 660px; } #main div.cont2CMod01.csrEffEconomicMod02 div.cont2CMod01L { width: 520px; } #main div.cont2CMod01.csrEffEconomicMod02 div.cont2CMod01R { width: 120px; } /* csrEffortSafetyMod01 */ #main div.cont2CMod01.csrEffortSafetyMod01 { margin: 15px 0 0 10px; width: 660px; } #main div.cont2CMod01.csrEffortSafetyMod01 div.cont2CMod01L { width: 500px; } #main div.cont2CMod01.csrEffortSafetyMod01 div.cont2CMod01R { width: 140px; } /* csrEffEnvTbl01 */ #main table.tableMod02V1.csrEffEnvTbl01 { margin: 15px 0 0 0; width: 650px; border-left: none; } #main table.tableMod02V1.csrEffEnvTbl01 th { border-left: 1px solid #ccc; } #main table.tableMod02V1.csrEffEnvTbl01 tbody th { width: 167px; } #main table.tableMod02V1.csrEffEnvTbl01 tbody td { width: 146px; } /* List ------------------------------------------ */ /* listPdf01 */ ul.listPdf01 { margin-top: -4px; overflow: hidden; zoom: 1; } ul.listPdf01 li { margin-top: 4px; } /* listLink3C01 */ ul.listLink3C01 { margin: 8px 0 0 10px; width: 700px; } ul.listLink3C01 li { float: left; padding: 8px 10px 0 0; width: 220px; } /* listDot01 */ ul.listDot01 li { padding-left: 10px; background: url(../img_cmn/i_dot_01.gif) 2px 0.6em no-repeat; zoom: 1; } /* listNo01 */ ul.listNo01 .listNo01No, ul.listNo01 .listNo01Txt { display: table-cell; vertical-align: top; } * html ul.listNo01 .listNo01Txt { padding-top: 0.1em; } * html ul.listNo01 .listNo01No, * html ul.listNo01 .listNo01Txt { display: block; float: left; } /* For IE6 */ *:first-child+html ul.listNo01 .listNo01No, *:first-child+html ul.listNo01 .listNo01Txt { display: block; float: left; } /* For IE7 */ /* listNote01 */ ul.listNote01 li { margin-left: 1em; text-indent: -1em; } /* Table ------------------------------------------ */ /* tableMod01 */ #main table.tableMod01 { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; } #main table.tableMod01 th, #main table.tableMod01 td { padding: 6px 10px 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: top; line-height: 1.5; } #main table.tableMod01 th { background: #f0f0f0; } #main table.tableMod01 td.tableMod01Nest01 { padding: 0; } #main table.tableMod01 td.tableMod01Nest01 table { margin-top: -1px; border: none; } #main table.tableMod01 td.tableMod01Nest01 tr { background: transparent url(../img_cmn/line_dot_01.gif) 1px 0 repeat-x; } #main table.tableMod01 td.tableMod01Nest01 th, #main table.tableMod01 td.tableMod01Nest01 td { padding: 7px 10px 5px 10px; border: none; background: url(../img_cmn/line_dot_01.gif) 1px 0 repeat-x; } #main table.tableMod01 td.tableMod01Nest01 th { font-weight: normal; } /* tableMod02 */ #main table.tableMod02 { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; } #main table.tableMod02 th, #main table.tableMod02 td { padding: 6px 10px 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: top; line-height: 1.5; font-weight: normal; } #main table.tableMod02 thead th { padding: 4px 0 3px 0; background: #f0f0f0; text-align: center; font-weight: bold; } /* tableMod03 */ .tableMod03 { overflow: hidden; zoom: 1; } .tableMod03 table { margin-top: -1px; } .tableMod03 tr { background: url(../img_cmn/line_dot_01.gif) repeat-x; } .tableMod03 th, .tableMod03 td { padding: 9px 10px 6px 10px; vertical-align: top; line-height: 1.5; } /* tableMod02V1 */ #main table.tableMod02V1 { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; } #main table.tableMod02V1 thead th { padding: 3px 0 2px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f0f0f0; text-align: center; font-weight: normal; line-height: 1.5; } #main table.tableMod02V1 tfoot th, #main table.tableMod02V1 tfoot td, #main table.tableMod02V1 tbody th { padding: 3px 5px 2px 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: top; line-height: 1.5; font-weight: normal; } #main table.tableMod02V1 tbody td { padding: 3px 5px 2px 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: top; line-height: 1.5; font-weight: normal; text-align:right} #main table.tableMod02V1 tfoot th, #main table.tableMod02V1 tbody th { background: #f0f0f0; } /* coBoardTbl01 */ #main table.tableMod02.coBoardTbl01 { margin-top: 20px; } #main table.tableMod02.coBoardTbl01 thead th { font-weight: normal; } #main table.tableMod02.coBoardTbl01 tbody th { width: 138px; } #main table.tableMod02.coBoardTbl01 tbody td { width: 499px; } #main table.tableMod02.coBoardTbl01 .coInfoTbl01N01 { width: 499px; } #main table.tableMod02.coBoardTbl01 .coInfoTbl01N01 th, #main table.tableMod02.coBoardTbl01 .coInfoTbl01N01 td { padding: 0; border: none; } #main table.tableMod02.coBoardTbl01 .coInfoTbl01N01 th { padding-right: 10px; width: 19%; white-space: nowrap; } #main table.tableMod02.coBoardTbl01 .coInfoTbl01N01 td { width: auto; } /* coBoardTbl02 */ #main table.tableMod01.coBoardTbl02 { margin-top: 20px; } #main table.tableMod01.coBoardTbl02 th { width: 138px; } #main table.tableMod01.coBoardTbl02 td { width: 499px; } /* Navigation ------------------------------------------ */ /* naviMod01 */ div.naviMod01 { margin-top: 20px; width: 670px; background: url(../img_cmn/bg_navimod01_01.gif) repeat-y; } div.naviMod01.naviMod01Half, div.naviMod01.naviMod01Half div.naviMod01Vsl01 { width: 325px !important; } div.naviMod01 div.naviMod01Vsl01 { padding-bottom: 13px; width: 670px; background: url(../img_cmn/bg_navimod01_02.gif) left bottom no-repeat; } div.naviMod01 div.naviMod01Vsl01 p { margin: 0 11px; } div.naviMod01 div.naviMod01L { float: left; width: 325px; } div.naviMod01 div.naviMod01R { float: right; width: 325px; } /* naviMod01W */ div.naviMod01W { margin-top: 20px; padding-bottom: 13px; width: 668px; border: 1px solid #ccc; } div.naviMod01W p { margin: 0 11px; } /* naviMod02 */ div.naviMod02 { margin-top: 20px; width: 670px; background: url(../img_cmn/bg_navimod02_01.gif) repeat-y; } div.naviMod02 div.naviMod02Vsl01 { padding-bottom: 16px; width: 670px; background: url(../img_cmn/bg_navimod02_02.gif) left bottom no-repeat; } div.naviMod02 div.naviMod02L { float: left; width: 330px; } div.naviMod02 div.naviMod02R { float: right; width: 330px; } div.naviMod02 div.naviMod02Clm01 { margin-left: 11px; width: 308px; } div.naviMod02 div.naviMod02Clm01 div.naviMod02Clm01Txt { float: left; margin-top: 4px; width: 210px; } div.naviMod02 div.naviMod02Clm01 div.naviMod02Clm01Img { float: right; padding-top: 10px; width: 90px; } div.naviMod02 div.naviMod02Clm01 div.naviMod02Clm01Txt ul li { margin-top: 5px; padding-left: 10px; background: url(../img_cmn/i_link_02_yl.gif) 0 0.5em no-repeat; zoom: 1; } /* naviMod03 */ div.naviMod03 { margin: 20px 0 0 10px; width: 660px; background: url(../img_cmn/bg_navimod03_01.gif) repeat-y; } div.naviMod03.naviMod03Half, div.naviMod03.naviMod03Half div.naviMod03Vsl01 { width: 320px !important; } div.naviMod03 div.naviMod03Vsl01 { padding-bottom: 13px; width: 660px; background: url(../img_cmn/bg_navimod03_02.gif) left bottom no-repeat; } div.naviMod03 div.naviMod03Vsl01 p { margin: 0 11px; } div.naviMod03 div.naviMod03L { float: left; width: 320px; } div.naviMod03 div.naviMod03R { float: right; width: 320px; } /* naviMod04 */ ul.naviMod04 { margin: 1px 0 0 10px; width: 660px; overflow: hidden; zoom: 1; } ul.naviMod04 li { float: left; margin-right: 10px; padding-top: 14px; width: 320px; } ul.naviMod04 li img { vertical-align: top; } /* anchorMod01 */ ul.anchorMod01 { margin: 12px 0 0 12px; } ul.anchorMod01 li { float: left; margin-right: 20px; padding: 5px 0 0 13px; background: url(../img_cmn/i_down_01.gif) 0 0.75em no-repeat; zoom: 1; white-space: nowrap; } /* pagingMod01 */ .pagingMod01 { margin: 10px 0 0 15px; width: 650px; } .pagingMod01 li.pagingMod01Prev { float: left; } .pagingMod01 li.pagingMod01Prev a { display: block; padding-left: 41px; background: url(../img_cmn/i_paging_prev_01.gif) no-repeat; } .pagingMod01 li.pagingMod01Next { float: right; } .pagingMod01 li.pagingMod01Next a { display: block; padding-right: 41px; background: url(../img_cmn/i_paging_next_01.gif) 100% 0 no-repeat; } /* pagingMod02 */ .pagingMod02 { margin-top: 17px; padding: 9px 0 14px 0; border: 1px solid #FFE6B5; width: 678px; background: #FFF6CC; } .pagingMod02 dl { margin: 0 0 0 14px; padding-top: 5px; width: 650px; } .pagingMod02 dl dt { float: left; padding-top: 3px; width: 140px; line-height: 0; } .pagingMod02 dl dt img { vertical-align: top; } .pagingMod02 dl dd { float: right; width: 506px; } .pagingMod02 dl dd li { float: left; margin-right: 20px; } .pagingMod02 dl dd li p { float: left; white-space: nowrap; } .pagingMod02 p.iLink01 { background-image: url(../img_cmn/i_link_02_bgyl.gif); } .pagingMod02 p.iLink01.pagingMod02Act { background-image: url(../img_cmn/i_link_02_bgyl_act.gif); } /* Box ------------------------------------------ */ /* infoBox01 */ div.infoBox01 { margin-top: 20px; width: 670px; background: url(../img_cmn/bg_infobox01_01.gif) repeat-y; } div.infoBox01 div.infoBox01Ttl01 { position: relative; width: 670px; height: 35px; } div.infoBox01 div.infoBox01Ttl01 p.iLink02 { position: absolute; top: 0; right: 12px; height: 35px; line-height: 35px; background-position: 0 47%; } div.infoBox01 div.infoBox01Vsl01 { padding: 9px 0 11px 0; width: 670px; background: url(../img_cmn/bg_infobox01_02.gif) left bottom no-repeat; } div.infoBox01 div.infoBox01Vsl01 table { margin: 0 0 0 14px; width: 642px; } div.infoBox01 div.infoBox01Vsl01 table th, div.infoBox01 div.infoBox01Vsl01 table td { padding: 3px 0 2px 0; line-height: 1.5; font-weight: normal; vertical-align: top; } div.infoBox01 div.infoBox01Vsl01 table th { padding-right: 10px; width: 10%; white-space: nowrap; } div.infoBox01 div.infoBox01Vsl01 table td { width: auto; } div.infoBox01 div.infoBox01Vsl01 table td p.iLink01 { background-position: 0 0.5em; } /* kanrenMod01 */ div.kanrenMod01 { margin-left: 10px; padding-bottom: 11px; border: 1px solid #d4d4d4; width: 658px; } div.kanrenMod01 ul { margin: 5px 10px 0 10px; } div.kanrenMod01 ul li { padding-top: 5px; } /* downloadMod01 */ div.downloadMod01 { text-align: center; } div.downloadMod01 table { margin: 0 auto; } div.downloadMod01 td { background: url(../img_cmn/bg_downloadmod01_01.gif) no-repeat; } div.downloadMod01 td strong { display: block; padding-left: 5px; background: url(../img_cmn/bg_downloadmod01_03.gif) left bottom no-repeat; } div.downloadMod01 td strong span { display: block; background: url(../img_cmn/bg_downloadmod01_02.gif) right top no-repeat; } div.downloadMod01 td strong span span { display: block; padding: 11px 20px 9px 10px; background: url(../img_cmn/bg_downloadmod01_04.gif) right bottom no-repeat; } div.downloadMod01 td strong span span span.iDownload01 { display: block; padding: 0 0 0 21px; background: url(../img_cmn/i_download_01.gif) 0 0.3em no-repeat; zoom: 1; line-height: 1.5; } /* Plugin ------------------------------------------ */ /* pluginMod01 */ div.pluginMod01 { margin-top: 30px; padding-top: 18px; width: 670px; background: url(../img_cmn/line_dot_01.gif) repeat-x; } div.pluginMod01 dl { margin-left: 10px; width: 650px; } div.pluginMod01 dl dt { float: left; width: 88px; } div.pluginMod01 dl dd { float: right; width: 551px; } div.pluginMod01 dl dd p { margin-top: -0.1em; } /* pluginMod02 */ div.pluginMod02 { width: 100%; } div.pluginMod02 dl { margin-left: 10px; width: 650px; } div.pluginMod02 dl dt { float: left; width: 88px; } div.pluginMod02 dl dd { float: right; width: 551px; } div.pluginMod02 dl dd p { margin-top: -0.1em; } /* AnnaiMod01 ------------------------------------------ */ div.annaiMod01 { margin: 7px 0 0 4px; width: 666px; } div.annaiMod01 div.annaiMod01Img { float: left; width: 50px; } div.annaiMod01 div.annaiMod01Txt { float: right; width: 603px; } /* Popup ------------------------------------------ */ body.popup #wrapper { width: 600px; min-height: 0; } body.popup #header { width: 600px; height: 73px; border-top: 1px solid #d6d6d6; background: url(../img_cmn/bg_pop_header_01.gif) left bottom no-repeat; } body.popup #main { float: none; width: 600px; } body.popup #footer { margin-top: 47px; width: 600px; } body.popup #main .headMod03 { padding-bottom: 3px; width: 600px; height: auto; background: url(../img_cmn/bg_pop_headmod03_01.gif) left bottom repeat-x; } body.popup #main .headMod03 img { position: relative; top: 0; left: 0; } /* closeMod01 */ .closeMod01 { margin-top: 50px; text-align: center; } .closeMod01 a { padding-left: 14px; background: url(../img_cmn/i_close_01.gif) 0 50% no-repeat; zoom: 1; } /* Index ------------------------------------------ */ /* indexMod01 */ #main div.cont2CMod01.indexMod01 { margin: 20px 0 0 15px; width: 650px; } #main div.cont2CMod01.indexMod01 div.cont2CMod01L { width: 460px; } #main div.cont2CMod01.indexMod01 div.cont2CMod01R { width: 182px; } /* Policy ------------------------------------------ */ /* policyUseTbl01 */ #main table.tableMod01.policyUseTbl01 { margin-top: 17px; } #main table.tableMod01.policyUseTbl01 th { width: 20%; background: #fff; text-align: center; vertical-align: middle; } #main table.tableMod01.policyUseTbl01 td { width: 80%; } /* Company ------------------------------------------ */ /* coPhilTbl01 */ #main table.tableMod01.coPhilTbl01 { margin-top: 20px; } #main table.tableMod01.coPhilTbl01 th { width: 148px; } #main table.tableMod01.coPhilTbl01 td { width: 469px; } /* Overwrite ------------------------------------------ */ .pagingMod02 dl dd ul:after, .pagingMod02 dl:after, .pagingMod01:after, ul.naviMod04:after, ul.listNo01 li:after, .cont2CMod01:after, ul.listLink3C01:after, #main div.annualClm01:after, ul.anchorMod01:after, #main p.pagetopMod01:after, #main p.pagetopMod02:after, div.pluginMod01:after, div.pluginMod02:after, div.annaiMod01:after, div.naviMod01 div.naviMod01Vsl01:after, div.naviMod02 div.naviMod02Vsl01:after, div.naviMod02 div.naviMod02Clm01:after, div.naviMod03 div.naviMod03Vsl01:after, #groupMod01 dl dd ul:after, #main .topMod03:after, #gNavi:after, #footer ul#footerLink01:after, #middleArea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .pagingMod02 dl dd ul, .pagingMod02 dl, .pagingMod01, ul.naviMod04, ul.listNo01 li, .cont2CMod01, ul.listLink3C01, #main div.annualClm01, ul.anchorMod01, #main p.pagetopMod01, #main p.pagetopMod02, div.pluginMod01, div.pluginMod02, div.annaiMod01, div.naviMod01 div.naviMod01Vsl01, div.naviMod02 div.naviMod02Vsl01, div.naviMod02 div.naviMod02Clm01, div.naviMod03 div.naviMod03Vsl01, #groupMod01 dl dd ul, #main .topMod03, #gNavi, #footer ul#footerLink01, #middleArea { display: inline-block; } /*\*/ * html .pagingMod02 dl dd ul, * html .pagingMod02 dl, * html .pagingMod01, * html ul.naviMod04, * html ul.listNo01 li, * html .cont2CMod01, * html ul.listLink3C01, * html #main div.annualClm01, * html ul.anchorMod01, * html #main p.pagetopMod01, * html #main p.pagetopMod02, * html div.pluginMod01, * html div.pluginMod02, * html div.annaiMod01, * html div.naviMod01 div.naviMod01Vsl01, * html div.naviMod02 div.naviMod02Vsl01, * html div.naviMod02 div.naviMod02Clm01, * html div.naviMod03 div.naviMod03Vsl01, * html #groupMod01 dl dd ul, * html #main .topMod03, * html #gNavi, * html #footer ul#footerLink01, * html #middleArea { height: 1%; } .pagingMod02 dl dd ul, .pagingMod02 dl, .pagingMod01, ul.naviMod04, ul.listNo01 li, .cont2CMod01, ul.listLink3C01, #main div.annualClm01, ul.anchorMod01, #main p.pagetopMod01, #main p.pagetopMod02, div.pluginMod01, div.pluginMod02, div.annaiMod01, div.naviMod01 div.naviMod01Vsl01, div.naviMod02 div.naviMod02Vsl01, div.naviMod02 div.naviMod02Clm01, div.naviMod03 div.naviMod03Vsl01, #groupMod01 dl dd ul, #main .topMod03, #gNavi, #footer ul#footerLink01, #middleArea { display: block; } /**/ /* Print ------------------------------------------ */ @media print { /* All */ html { overflow: visible; } /* left menu */ #wrapper, #header, #middleArea, #footer { width: 680px; } #middleArea { margin-top: 0; } #main { float: none; } #header #headerLink01, #header #fontChanger, #header #headerSearch01, #gNavi, #menu, .breadcrumbs, .pagetopMod01, #footer #footerLink01 { display: none !important; } } .fWhite01 { color: #fff; }