/* ------------------------------------------------ Gloval Reset ------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img,abbr{border:0;} address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;} caption,th {text-align:left;} li,dl{list-style:none;} hr {display: none; clear:both; } img {vertical-align:bottom; border:none; border-bottom:none;} /* ------------------------------------------------ Text SET ------------------------------------------------*/ dt,dd,ol,li,pre,input,p,blockquote,th,td,address,p{font-size:12px;line-height:1.5;color:#000000;} h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;line-height:1.5;color:#000000;} dt,dd,ol,li,pre,input,p,blockquote,th,td,address,h1,h2,h3,h4,h5,h6{font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; } /* ------------------------------------------------ Link SET ------------------------------------------------*/ a:link {text-decoration:underline; color:#58C8DC;} a:visited {text-decoration:underline; color:#58C8DC;} a:hover {text-decoration:none; color:#58C8DC;} a:active {text-decoration:none; color:#58C8DC;} a.foot:link {text-decoration:underline; color:#000000;} a.foot:visited {text-decoration:underline; color:#000000;} a.foot:hover {text-decoration:none; color:#000000;} a.foot:active {text-decoration:none; color:#000000;} a.link:link {text-decoration:underline; color:#000000;} a.link:visited {text-decoration:underline; color:#000000;} a.link:hover {text-decoration:none; color:#000000;} a.link:active {text-decoration:none; color:#000000;} /* ------------------------------------------------ Other SET ------------------------------------------------*/ table{border-collapse:collapse;border-spacing:0;border: none;empty-cells:show;} table,th,td{margin:0;padding:0;} .alRight { text-align:right; } .alCenter { text-align:center; } .left { float:left; } .right { float:right; } .clear { clear:both; } .pb8 { padding-bottom:8px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .bold { font-weight:bold; } .mini { font-size:10px; } .red { color:#CC0033; } /* ------------------------------------------------ Layout ------------------------------------------------*/ body { background:url(../misc/bg_base.jpg) repeat-x; background-color:#FDFDFD; } #wrap { width:830px; margin:0 auto; background:url(../misc/bg_wrap.gif) repeat-y; } #base { width:820px; margin:0 auto; } #main_block { background:url(../misc/bg_main_block.gif) repeat-y; width:820px; } #main_block .left_block { float:left; width:200px; } #main_block .right_block { padding-top:20px; float:right; width:620px; } /* ------------------------------------------------ Header ------------------------------------------------*/ #header { width:820px; height:70px; background:url(../misc/bg_header.jpg) no-repeat; } #header h1 { padding-top:5px; padding-left:15px; font-size:10px; color:#999999; } #logo { padding-left:15px; padding-top:5px; width:315px; height:32px; } /* ------------------------------------------------ LeftBlock ------------------------------------------------*/ #main_block .left_block .inner { padding-top:20px; width:170px; margin:0 auto; } #main_block .left_block .inner ul li { padding-bottom:10px; } /* ------------------------------------------------ Contents-main ------------------------------------------------*/ #main_block .right_block .inner { width:562px; margin:0 auto; } #main_block h2 { padding-bottom:15px; } #main_block h3 { padding-bottom:15px; } #main_block h4 { background:url(../misc/bg_h4.gif) no-repeat; padding-left:25px; font-weight:bold; height:32px; padding-top:8px; margin-bottom:5px; } #main_block .box01 { margin-bottom:20px; } #main_block .box_half { margin-top:15px; } #main_block .box_half .left { width:275px; float:left; } #main_block .box_half .right { width:275px; float:right; } #main_block .box_one_third .left { float:left; width:180px; } #main_block .box_one_third .middle { float:left; width:202px; } #main_block .box_one_third .right { float:left; width:180px; } #main_block .box_one_third ul li { padding-bottom:5px; width:180px; } #main_block .box_one_third ul li.link_point { background:url(../misc/ico01.jpg) no-repeat left 8px; padding-left:15px; } #main_block .page_top { text-align:right; margin-top:10px; margin-bottom:15px; } /* ------------------------------------------------ Footer ------------------------------------------------*/ #footer { background:url(../misc/bg_footer.jpg) no-repeat top center; padding-top:15px; height:40px; } #footer .left { float:left; width:250px; } #footer .right { float:right; width:330px; } #footer ul { padding-left:20px; } #footer ul li { float:left; padding-left:15px; padding-right:15px; background:url(../misc/ico01.jpg) no-repeat left center; } /* ------------------------------------------------ Top-page ------------------------------------------------*/ #base .top_pr .left { float:left; width:200px; height:224px; background-color:#000000; } #base .top_pr .left ul { padding-top:30px; } #base .top_pr .right { float:right; width:620px; height:224px; } #top div.news { border-bottom:#CCCCCC 1px solid; padding-bottom:3px; margin-bottom:8px; } #top dl dt { width:90px; float:left; background:url(../misc/ico01.jpg) no-repeat center right; } #top dl dd { width:460px; float:right; } #top .sorrow { border:#CCCCCC 1px solid; background:#EFEFEF; padding:10px; margin-bottom:15px; } #top .recruit { border:#C8E0EC 1px solid; background:#F2F8FB; margin-bottom:15px; padding:10px; } /* ------------------------------------------------ Company-page ------------------------------------------------*/ #company .box01 .left { width:135px; float:left; } #company .box01 .right { width:400px; float:right; } #company .box01 .name { text-align:right; padding-top:10px; } #company .outline { margin-bottom:15px; } #company .outline table { width:100%; border-collapse:separate; border-spacing:2px; } #company .outline table th { background-color:#EAEAEC; padding:5px; text-align:center; } #company .outline table td { border:#EAEAEC solid 1px; padding:5px; } #company .map01 { width:562px; height:412px; } #company .type01 table { width:100%; border-collapse:separate; border-spacing:2px; } #company .type01 table th { background-color:#999999; padding:5px; text-align:center; color:#FFFFFF; } #company .type01 table td { border:#EAEAEC solid 1px; padding:5px; } #company .type01 table tr.blue td { border:#BFE8EC solid 1px; background:#F2FDFD; padding:5px; } /* ------------------------------------------------ Shanghai-page ------------------------------------------------*/ #shanghai .outline table { width:100%; border-collapse:separate; border-spacing:2px; } #shanghai .outline table th { background-color:#EAEAEC; padding:5px; text-align:center; width:150px; } #shanghai .outline table td { border:#EAEAEC solid 1px; padding:5px; } #shanghai .type01 table { width:100%; border-collapse:separate; border-spacing:2px; } #shanghai .type01 table th { background-color:#999999; padding:5px; text-align:center; color:#FFFFFF; } #shanghai .type01 table td { border:#EAEAEC solid 1px; padding:5px; } #shanghai .type01 table tr.blue td { border:#BFE8EC solid 1px; background:#F2FDFD; padding:5px; } #shanghai .box_half img { padding-bottom:8px; } #shanghai .box_half dl dt { background:url(../misc/ico01.jpg) no-repeat left 5px; padding-left:15px; font-weight:bold; padding-bottom:3px; } #shanghai .box_half dl dd { padding-bottom:5px; } #shanghai .list { margin-top:15px; } #shanghai .list table { width:100%; } #shanghai .list table td { width:275px; padding:4px 2px; } #shanghai .pro { margin-top:15px; } #shanghai .pro table { width:100%; } #shanghai .pro table td { width:275px; padding:4px 2px; } #shanghai .pro table td dl dt { background:url(../misc/ico01.jpg) no-repeat left 5px; padding-left:15px; font-weight:bold; padding-bottom:3px; } #shanghai .pro table td dl dd { padding-bottom:5px; } /* ------------------------------------------------ Link-page ------------------------------------------------*/ #link dl dt { background:url(../misc/ico01.jpg) no-repeat left 5px; padding-left:15px; padding-bottom:5px; } #link dl dd { padding-left:15px; padding-bottom:5px; margin-bottom:15px; border-bottom:#CCCCCC 1px dotted; font-size:10px; } /* ------------------------------------------------ Recruit-page ------------------------------------------------*/ #recruit .outline table { width:100%; border-collapse:separate; border-spacing:2px; } #recruit .outline table th { background-color:#EAEAEC; padding:5px; text-align:center; width:150px; } #recruit .outline table td { border:#EAEAEC solid 1px; padding:5px; } #recruit .box_read { background:url(../recruit/img/bg_read.jpg) no-repeat; width:562px; height:170px; margin-bottom:15px; } #recruit .box_read p { width:400px; padding-top:20px; } /* ------------------------------------------------ Product-page ------------------------------------------------*/ #product .box_product { margin-bottom:15px; } #product .box_product .left { width:224px; float:left; } #product .box_product .right { width:325px; float:right; } #product .box_product dl dt { background:url(../misc/ico01.jpg) no-repeat left 5px; padding-left:15px; font-weight:bold; padding-bottom:3px; } #product .box_product dl dd { padding-bottom:10px; } #product table { width:100%; } #product table td { width:275px; padding:4px 2px; } #product table td dl { padding-top:10px; } #product table td dl dt { background:url(../misc/ico01.jpg) no-repeat left 5px; padding-left:15px; font-weight:bold; padding-bottom:3px; } #product table td dl dd { padding-bottom:5px; } #product ol li { padding-bottom:10px; } /* ------------------------------------------------ Repair-page ------------------------------------------------*/ #repair table { width:100%; border-collapse:separate; border-spacing:2px; } #repair table th { background-color:#999999; padding:5px; text-align:center; color:#FFFFFF; } #repair table td { border:#EAEAEC solid 1px; padding:5px; } #repair dl dt { background:url(../misc/ico01.jpg) no-repeat left 5px; padding-left:15px; font-weight:bold; padding-bottom:3px; } #repair dl dd { padding-bottom:15px; }