/* ========================================================= main css Modified: 2010-02-24 ========================================================= */ /* ========================================================= css reset ========================================================= */ body, form, select, input, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, div, fieldset, legend { margin: 0; padding: 0; line-height:1.22; } body { color:#000; font-family:Arial, Helvetica, sans-serif; margin:0px; font-size:small; background:#ebeae6; } html:not(:target) body { font-size:13px;} fieldset, img { border:0; } p { margin-bottom:0.5em; } li { list-style-type:none; } select, input, textarea { font-size:100%; } /* ========================================================= common ========================================================= */ .floatL { float:left; } .floatR { float:right; } .floatC { clear:both; } .alignL { text-align:left; } .alignR { text-align:right; } .alignC { text-align:center; } .indent { margin-left:1em; } html { background:#6b7377; } a:link { color:#333; text-decoration:none; } a:visited { color:#333; text-decoration:none; } a:visited { color:#666; text-decoration:none; } a:hover { color:#87992e; text-decoration:underline; } a.navi:visited { color:#333; } a.navi:hover { color:#87992e; } a.blue { color:#3d7a99; text-decoration:none; } a.blue:visited { color: #3d7a99; text-decoration:none; } a.blue:hover { color: #3d7a99; text-decoration:underline; } a.arrow1 { background:url(../img/arw_w.gif) no-repeat left center; padding-left:12px; } a.arrow2 { background:url(../img/arw_b.gif) no-repeat left center; padding-left:12px; } a.blank { background:url(../img/blank.gif) no-repeat right center; padding-right:15px; } a.blankL { background:url(../img/blank.gif) no-repeat left center; padding-left:12px; } a.blankL { background:url(../img/blank.gif) no-repeat left center; padding-left:15px; } a.pdf { background:url(../img/pdf.gif) no-repeat left center; padding-left:16px; } a.pdf { background:url(../img/pdf.gif) no-repeat left center; padding-left:20px; } p.booklet { margin-top:1em; } p.booklet a { margin-left:2em; } a.inquiry { text-decoration:none; text-indent:-10000px; *text-indent:0px; color:#f5f5f5; font:0px/0px sans-serif; width:240px; height:60px; display:inline-block; background:url(../img/contact_privacy.gif) no-repeat; } a.inquiry:visited { color:#f5f5f5; text-decoration:none; } a.inquiry:hover { background-position:0 -60px; color:#e5e5e5; text-decoration:none; } a.inquiry.partner { background-image:url(../img/partners_contact.gif); } a.inquiry.recruit { background-image:url(../img/recruit_contact.gif); } a.inquiry.ide { background-image:url(../img/ide_contact.gif); } a.inquiry.consult { background-image:url(../img/consult_contact.gif); } a.inquiry.privacy { background-image:url(../img/inquiry_privacy.gif); } a.inquiry.partner { background-image:url(../img/inquiry_partner.gif); } a.inquiry.recruit { background-image:url(../img/inquiry_recruit.gif); } a.inquiry.product { background-image:url(../img/inquiry_product.gif); } a.inquiry.solution { background-image:url(../img/inquiry_solution.gif); } /* #header --------------------------------------------------------- */ #headContainer { height:103px; background:#fafafa url(../img/ghead_bg.gif) repeat-x;} #header { width:980px; height:103px; margin:0 auto; position:relative; z-index:20; background:#fafafa url(../img/ghead_bg.gif) repeat-x;} #header div.logo { margin-top:27px; width:160px; height:56px; float:left; } #header div.search { float:right; margin-top:10px; margin-right:10px; } #header div.search a { font-size:85%; } #header div.search input { vertical-align:middle; } #header div.search input.txtfld { width:128px; margin-left:10px; margin-right:3px; background:#fff; border:1px solid #ccc; } #header ul { width:620px; height:33px; background:url(../img/gnavi_txt.gif) no-repeat; position:absolute; top:50px; right:0px; } #header ul { width:600px; height:30px; background:url(../img/gnavi_txt.gif) no-repeat; position:absolute; top:50px; right:0px; } #header ul li { line-height:0; font:0px/0px sans-serif; } #header ul li { line-height:0; font:0px/0px sans-serif; float:left; } #header ul li#gNavi0 { width:110px; } #header ul li#gNavi1 { width:152px; } #header ul li#gNavi2 { width:118px; } #header ul li#gNavi3 { width:112px; } #header ul li#gNavi4 { width:98px; } #header ul li a { float:left; height:33px; text-decoration:none; text-indent:-10000px; font:0px/0px sans-serif; background:url(../img/gnavi_txt.gif) -1000px 0px no-repeat; } #header ul li a { float:left; height:30px; text-decoration:none; text-indent:-10000px; font:0px/0px sans-serif; background:url(../img/gnavi_txt.gif) -1000px 0px no-repeat; } #header ul li#gNavi0 a { width:112px; } #header ul li#gNavi1 a { width:150px; } #header ul li#gNavi2 a { width:120px; } #header ul li#gNavi3 a { width:112px; } #header ul li#gNavi4 a { width:126px; } #header ul li#gNavi0 a { width:74px; } #header ul li#gNavi1 a { width:116px; } #header ul li#gNavi2 a { width:82px; } #header ul li#gNavi3 a { width:76px; } #header ul li#gNavi4 a { width:108px; } #header ul li#gNavi0 ul a, #header ul li#gNavi1 ul a, #header ul li#gNavi2 ul a, #header ul li#gNavi3 ul a { width:135px; } #header ul li#gNavi0 a:hover, #header ul li#gNavi0.on a, #header ul li#gNavi0.act a { background-position:0px -33px; } #header ul li#gNavi1 a:hover, #header ul li#gNavi1.on a, #header ul li#gNavi1.act a { background-position:-112px -33px; } #header ul li#gNavi2 a:hover, #header ul li#gNavi2.on a, #header ul li#gNavi2.act a { background-position:-262px -33px; } #header ul li#gNavi3 a:hover, #header ul li#gNavi3.on a, #header ul li#gNavi3.act a { background-position:-382px -33px; } #header ul li#gNavi4 a:hover, #header ul li#gNavi4.on a, #header ul li#gNavi4.act a { background-position:-494px -33px; } #header ul li#gNavi0 a:hover, #header ul li#gNavi0.on a, #header ul li#gNavi0.act a { background-position:0px -30px; } #header ul li#gNavi1 a:hover, #header ul li#gNavi1.on a, #header ul li#gNavi1.act a { background-position:-110px -30px; } #header ul li#gNavi2 a:hover, #header ul li#gNavi2.on a, #header ul li#gNavi2.act a { background-position:-262px -30px; } #header ul li#gNavi3 a:hover, #header ul li#gNavi3.on a, #header ul li#gNavi3.act a { background-position:-380px -30px; } #header ul li#gNavi4 a:hover, #header ul li#gNavi4.on a, #header ul li#gNavi4.act a { background-position:-492px -30px; } #header ul.lv1 { width:160px; height:auto; position:absolute; top:27px; left:15px; z-index:25; background:none; display:none; } #header ul.lv1 { width:160px; height:auto; position:absolute; top:25px; left:-10px; z-index:25; background:none; display:none; } #header ul.lv1.no { width:1px; height:1px; } #header ul.lv1 a { float:none; height:auto; position:static; text-indent:0px; font-size:13px; line-height:1.22; background:none; } #header ul.lv1 a:link { color:#fff; text-decoration:none; } #header ul.lv1 a:visited { color:#fff; text-decoration:none; } #header ul.lv1 a:hover { color:#c2cc8f; text-decoration:underline; } #header ul.lv1 li { padding-left:0; line-height:1.1; width: 160px; height:auto; background: url(../img/menu_sub.png) no-repeat left -35px; } #header ul.lv1 li.top { padding-top:20px; background-position:left top; } #header ul.lv1 li.btm { padding-bottom:15px; background-position:left bottom; } #header ul.lv1 li a { display:block; margin:0 5px; padding:3px 5px 3px 10px; } *html #header ul.lv1 li { background-image:url(../img/menu_sub.gif); } #header li#gNavi1 ul.lv1 { left:127px; } #header li#gNavi2 ul.lv1 { left:277px; } #header li#gNavi3 ul.lv1 { left:397px; } #header li#gNavi4 ul.lv1 { left:509px; } #header li#gNavi1 ul.lv1 { left:100px; } #header li#gNavi2 ul.lv1 { left:252px; } #header li#gNavi3 ul.lv1 { left:370px; } #header li#gNavi4 ul.lv1 { left:482px; } /* #mainCcontents --------------------------------------------------------- */ #mainContainer { width:980px; margin:0 auto; padding:0 0 30px; background:#ebeae6;} #mainContainer #tagline { padding-top:6px; } #mainContainer.index { padding-top:19px; } #indexMain { position:relative; } #tagline { display:block; } #mainCcontents { position:relative; } #mainCcontents div.mcTop { width:980px; height:69px; background:url(../img/mc_bg1.gif) no-repeat; } #mainCcontents div.mcTop ul { overflow:hidden; zoom:1; padding:0 18px; } #mainCcontents div.mcTop li { float:left; height:50px; } #mainCcontents div.mcTop li a { text-decoration:none; color:#333; display:block; margin-top:8px; padding:10px 14px; } #mainCcontents div.mcTop li span { text-decoration:none; color:#333; display:block; margin-top:8px; padding:10px 14px; } #mainCcontents div.mcTop li a:visited { color: #333; text-decoration:none; } #mainCcontents div.mcTop li a:hover { color: #87992e; text-decoration:underline; } #mainCcontents div.mcTop li.on { background:url(../img/mc_bg2.gif) center bottom no-repeat; } #mainCcontents div.mcTop li.on a { color:#87992e; } #mainCcontents div.mcTop li.on a:visited { color: #87992e; } #mainCcontents div.mcTop li.on a:hover { color: #87992e; } #mainCcontents div.mcMiddle { width:960px; padding:0 10px; background:#fff url(../img/mc_bg3.gif) -1960px 0 repeat-y; zoom:1; } #mainCcontents div.mcMiddle:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; } #mainCcontents div.mcMiddle.col2 { background-position:-980px 0; } #mainCcontents div.mcMiddle.col2 div.col1 { width:181px; float:left; } #mainCcontents div.mcMiddle.col2 div.col2 { width:779px; float:left; } #mainCcontents div.mcBottom { width:980px; height:22px; background:url(../img/mc_bg4.gif) no-repeat; font:0px/0px sans-serif; } #mainCcontents div.mcNavi { padding-top:22px; } #mainCcontents div.mcNavi li { } #mainCcontents div.mcNavi li.on { background:url(../img/mc_bg5.gif) right center no-repeat; } #mainCcontents div.mcNavi li a { text-decoration:none; color:#333; display:block; width:154px; text-align:right; padding:10px 22px 10px 5px; } #mainCcontents div.mcNavi li a:visited { color: #333; text-decoration:none; } #mainCcontents div.mcNavi li a:hover { color: #87992e; text-decoration:underline; } #mainCcontents div.mcNavi li.on a { color:#87992e; } #mainCcontents div.mcNavi li.on a:visited { color: #87992e; } #mainCcontents div.mcNavi li.on a:hover { color: #87992e; } /* mcBody */ #mainCcontents div.mcBody { padding:20px 70px; } #mainCcontents div.col2 div.mcBody { padding:20px 70px 20px 35px; } #mainCcontents div.mcBody.basic h1, #mainCcontents div.mcBody.basic h2 { color:#808080; font-size:123%; margin-bottom:1em; } #mainCcontents div.mcBody.basic.recruit h3 { color:#333; font-size:100%; margin-top:10px; padding:30px 0 20px; background:url(../img/dotline_h.gif) left top repeat-x; } #mainCcontents div.mcBody.basic p { line-height:1.6; margin-bottom:1.5em; } #mainCcontents div.mcBody.basic div.hrb { background:url(../img/dotline_h.gif) left bottom repeat-x; padding-bottom:20px; padding-right:10px; margin-bottom:2em; } #mainCcontents div.mcBody.basic dl { margin-bottom:1em; } #mainCcontents div.mcBody.basic dt { font-weight:bold; margin-bottom:0.3em; } #mainCcontents div.mcBody.basic dd { margin-bottom:0.2em; } #mainCcontents div.mcBody.basic dl.disc dd { margin-left:2em; list-style-type:disc; display:list-item; } #mainCcontents div.mcBody.basic ol li { list-style-type:decimal; margin-left:2em; } #mainCcontents div.mcBody.basic ul.disc li { margin-left:1em; list-style-type:disc; display:list-item; margin-bottom:0.2em; } #mainCcontents div.mcBody.basic ul.disc li.atn { color:#666; margin-left:0; list-style-type: none; margin-bottom:1em; } #mainCcontents div.mcBody.basic span.atn { color:#808080; } #mainCcontents div.mcBody div.atn { text-align:center; color:#900; padding:20px 0 30px;} #mainCcontents div.mcBody table.theme1 { width:100%; border:0; } #mainCcontents div.mcBody table.theme1 td, #mainCcontents div.mcBody table.theme1 th { border:0; padding-bottom:1em; vertical-align:top; line-height:1.4; } #mainCcontents div.mcBody table.theme1 th { padding-right:30px; white-space:nowrap; text-align:left; color:#808080; } #mainCcontents div.mcBody.recruit table.theme1 th { width:60px; padding-left:10px; white-space:nowrap; text-align:left; color:#808080; } #mainCcontents div.mcBody table.theme1 th.cn { vertical-align:middle; } #mainCcontents div.mcBody.recruit table.theme1 li { margin-left:1em; list-style-type:disc; display:list-item; padding-bottom:0.5em } #mainCcontents div.mcBody table.theme2 { width:100%; border:0; padding:0 0 0 10px;} #mainCcontents div.mcBody table.theme2 td, #mainCcontents div.mcBody table.theme2 th { padding-left:5px; border:0; padding-bottom:1em; vertical-align:top; line-height:1.4; font-size:100%; } #mainCcontents div.mcBody table.theme2 th { padding-right:30px; white-space:nowrap; text-align:left; color:#808080; width:240px; background:url(../img/dotline_h.gif) right 0.7em repeat-x; } #mainCcontents div.mcBody table.theme2 th { padding-left:0; } #mainCcontents div.mcBody table.theme2 th span { background:#fff; padding-right:5px; } #mainCcontents div.mcBody table.theme2 span.atn { font-size:85%; color:#900; padding-left:5px; } #mainCcontents div.mcBody table.theme2 span.atn2 { font-size:85%; color:#900; padding-left:5px; text-align:right; font-weight:normal; display:block; margin-top:2em; } #mainCcontents div.mcBody table.theme2 p.atn { font-size:85%; color:#900; padding-left:5px; } #mainCcontents div.mcBody table.theme2 select.slct { width:480px; } #mainCcontents div.mcBody table.theme2 input.txtfld { width:480px; } #mainCcontents div.mcBody table.theme2 input.txtfld2 { width:200px; } #mainCcontents div.mcBody table.theme2 .s1 { width:480px; } #mainCcontents div.mcBody table.theme2 .s2 { width:200px; } #mainCcontents div.mcBody table.theme2 .s2 { width:100px; } #mainCcontents div.mcBody table.theme2 .s3 { width:740px; margin:0 } #mainCcontents div.mcBody table.theme2 .s3 { font-size:85%; text-align:left; width:720px; height:300px; margin:0 auto; padding: 10px; border: 1px solid #ccc; overflow: scroll;} #mainCcontents div.mcBody div.submit { text-align:center; padding-top:30px; overflow:hidden; zoom:1; } #mainCcontents div.mcBody div.submit span.back { float:left; display:inline-block; padding-top:10px; } #mainCcontents div.mcBody div.submit span.next { display:inline-block; padding:10px; background:#f5f5f5; -webkit-border-radius:3px; margin-bottom:1em; } #mainCcontents div.mcBody div.submit input.sbmt { width:15em; } /* designPreview */ div.designPreview { overflow:hidden; zoom:1;} div.designPreview div.previewBlock { float:left; text-align:center;} div.designPreview div.previewBlock { float:left; text-align:center; padding: 0 20px;} div.designPreview div.previewBlock span {display:block;} div.designPreview div.previewBlock span {display:block; padding-bottom:1px;} /* #footer --------------------------------------------------------- */ #footContainer { background:#6b7377 url(../img/foot_bg.gif) top repeat-x; } #footer { height:8em; width:980px; margin:0 auto; color:#fff; font-size:85%; background:#6b7377 url(../img/foot_bg.gif) top repeat-x;} #footer { height:10em; width:980px; margin:0 auto; color:#fff; font-size:85%; background:#6b7377 url(../img/foot_bg.gif) top repeat-x;} #footer a:link { color:#fff; text-decoration:none; } #footer a:visited { color:#fff; text-decoration:none; } #footer a:hover { color:#ccc; text-decoration: underline; } #footer ul.links { padding-top:18px; float:left; } #footer ul.links li { float:left; margin-right:20px; } #footer div.gotop { padding-top:12px; float:right; } #footer div.gotop { padding-top:18px; float:right; } #footer div.gotop a { background:url(../img/arw_bu.gif) no-repeat left center; padding-left:12px; } #footer div.copyright { clear:both; text-align:right; padding-top:8px; } #footer div.copyright { clear:both; text-align:right; padding-top:10px; color:#aaa; } /* ========================================================= index ========================================================= */ #indexNavi { width:320px; height:380px; background:url(../img/home_navi_bg.gif) 8px 8px no-repeat; position:relative; } #indexNavi h1 { position:absolute; left:74px; top:27px; } #indexNavi ul.lv0 { position:absolute; left:29px; top:117px; width:150px; height:200px; background:url(../img/home_navi_txt.gif) no-repeat; } #indexNavi ul.lv0 li { line-height:0; font:0px/0px sans-serif; } #indexNavi ul.lv0 li a { display:block; width:150px; height:40px; text-decoration:none; text-indent:-10000px; font:0px/0px sans-serif; background:url(../img/home_navi_txt.gif) -500px 0 no-repeat; } #indexNavi ul.lv0 li#gNavi0 a:hover, #indexNavi ul.lv0 li#gNavi0.on a, #indexNavi ul.lv0 li#gNavi0.act a { background-position:-150px 0px; } #indexNavi ul.lv0 li#gNavi1 a:hover, #indexNavi ul.lv0 li#gNavi1.on a, #indexNavi ul.lv0 li#gNavi1.act a { background-position:-150px -40px; } #indexNavi ul.lv0 li#gNavi2 a:hover, #indexNavi ul.lv0 li#gNavi2.on a, #indexNavi ul.lv0 li#gNavi2.act a { background-position:-150px -80px; } #indexNavi ul.lv0 li#gNavi3 a:hover, #indexNavi ul.lv0 li#gNavi3.on a, #indexNavi ul.lv0 li#gNavi3.act a { background-position:-150px -120px; } #indexNavi ul.lv0 li#gNavi4 a:hover, #indexNavi ul.lv0 li#gNavi4.on a, #indexNavi ul.lv0 li#gNavi4.act a { background-position:-150px -160px; } #indexNavi ul.lv1 { width:160px; height:auto; position:absolute; left:135px; top:-5px; z-index:25; background:none; display:none; } #indexNavi ul.lv1 li a { display:block; width:auto; height:auto; text-indent:0px; margin:0 5px 0 10px; padding:3px 5px 3px 10px; font-size:13px; line-height:1.1; background:none; } #indexNavi ul.lv1 a:link { color:#fff; text-decoration:none; } #indexNavi ul.lv1 a:visited { color:#fff; text-decoration:none; } #indexNavi ul.lv1 a:hover { color:#c2cc8f; text-decoration:underline; } #indexNavi ul.lv1 li { padding-left:0; line-height:1.1; width: 160px; height:100%; background: url(../img/home_menu_sub.png) no-repeat left -35px; } #indexNavi ul.lv1 li.top { padding-top:15px; background-position:left top; } #indexNavi ul.lv1 li.btm { padding-bottom:15px; background-position:left bottom; } #indexNavi li#gNavi1 ul.lv1 { top:35px; } #indexNavi li#gNavi2 ul.lv1 { top:75px; } #indexNavi li#gNavi3 ul.lv1 { top:115px; } #indexNavi li#gNavi4 ul.lv1 { top:155px; } #indexNavi div.search { position:absolute; left:20px; top:338px; } #indexNavi div.search a { font-size:85%; } #indexNavi div.search input { vertical-align:middle } #indexNavi div.search input.txtfld { width:125px; margin:0 7px; background:#fff; border:1px solid #ccc; } #bannerCtl { overflow:hidden; zoom:1; position:absolute; top:6px; right:10px; } #bannerCtl li { width:20px; height:20px; float:left; line-height:0; font:0px/0px sans-serif; } #bannerCtl li a { display:block; width:20px; height:20px; text-decoration:none; text-indent:-10000px; font:0px/0px sans-serif; background:url(../img/home_banner_dot.gif) left top no-repeat; } #bannerCtl li a:hover, #bannerCtl li a.on { background-position:-20px 0; } #indexBanners { width:660px; height:380px; position:absolute; top:26px; left:320px; height:380px;} #indexBanners .image { position:absolute; left:10px; top:10px; width:640px; height:360px; z-index:1; display:none; overflow:hidden;} #indexBanners .image.first { display:block; } /*#indexBanners .frame { cursor:pointer; position:absolute; left:0px; top:0px; width:660px; height:380px; background:url(../img/home_banner_frame.png) left top no-repeat; z-index:5;}*/ #indexBanners div.frame01 { position:absolute; top:0px; left:0px; width:660px; height:12px; background:url(../img/home_banner_frame.png) left top no-repeat; z-index:5; overflow:hidden; line-height:0; font:0px/0px sans-serif;} #indexBanners div.frame02 { position:absolute; top:368px; left:0px; width:660px; height:12px; background:url(../img/home_banner_frame.png) left bottom no-repeat; z-index:5; overflow:hidden; line-height:0; font:0px/0px sans-serif;} #indexBanners div.frame03 { position:absolute; top:12px; left:0px; width:12px; height:360px; background:url(../img/home_banner_frame.png) left -12px no-repeat; z-index:5; overflow:hidden; line-height:0; font:0px/0px sans-serif;} #indexBanners div.frame04 { position:absolute; top:12px; left:648px; width:12px; height:360px; background:url(../img/home_banner_frame.png) right -12px no-repeat; z-index:5; overflow:hidden; line-height:0; font:0px/0px sans-serif;} #indexInfo { width:964px; margin:8px auto; background:url(../img/home_info_bg.gif) left bottom; padding-bottom:5px; } #indexInfo div.indexInfoCont { background:url(../img/home_info_bg.gif) left top; overflow:hidden; zoom:1;} #indexInfo div.newsList { width:430px; padding:20px; padding-bottom:10px; float:left; } #indexInfo div.newsList div.h2 { overflow:hidden; zoom:1; } #indexInfo div.newsList div.h2 h2 { float:left; } #indexInfo div.newsList div.h2 span { display:block; float:right; margin-right:15px; } #indexInfo div.newsList div.h2 span.list { line-height:22px; font-size:85%; } #indexInfo div.newsList table { border:0; margin-top:14px; } #indexInfo div.newsList td { border:0; padding-bottom:8px; vertical-align:middle; } #indexInfo div.newsList td { border:0; padding-bottom:8px; vertical-align: top; } #indexInfo div.newsList td.date { font-size:85%; color:#808080; padding-right:8px; width:4em; } #indexInfo div.newsList td.sts { padding-right:8px; width:30px; } #indexInfo div.newsList td.data { font-size:92%; } #indexInfo div.newsList td.data span.ctg { font-size:85%; color:#808080; } #bottomBanner { width:950px; margin:0 auto; margin-top:18px; } #bottomBanner ul { overflow:hidden; zoom:1; } #bottomBanner li { float:left; margin-right:10px; } #bottomBanner li.last { margin-right:0; } #bottomBanner li img { display:block; } /*ie6 hacks*/ *html #indexBanners .frame { position:absolute; left:0px; top:0px; width:660px; height:380px; z-index:5; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home_banner_frame.png',sizingmethod='crop');} *html #indexBanners div.frame01 { background:none; display:none;} *html #indexBanners div.frame02 { background:none; display:none;} *html #indexBanners div.frame03 { background:none; display:none;} *html #indexBanners div.frame04 { background:none; display:none;} *html #indexNavi ul.lv1 li { background-image:url(../img/home_menu_sub.gif); } /* ========================================================= company ========================================================= */ #mainCcontents div.mcBody table.cpfl { width:100%; border:0; background:url(../img/dotline_h.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:20px; } #mainCcontents div.mcBody table.cpfl.no { background:none; padding-bottom:0; margin-bottom:0; } #mainCcontents div.mcBody table.cpfl td, #mainCcontents div.mcBody table.cpfl th { border:0; padding-bottom:1em; vertical-align:top; line-height:1.4; } #mainCcontents div.mcBody table.cpfl th { white-space:nowrap; text-align:left; color:#808080; width:121px; } #mainCcontents div.mcBody table.cpfl th.cn { vertical-align:middle; width:165px; } #mainCcontents div.mcBody table.cpfl td dd { padding:0 0 5px 20px;} /* ========================================================= message ========================================================= */ #mainCcontents div.mcBody.message { padding:20px 40px; } #mainCcontents div.mcBody.message div.h1 { position:absolute; top:36px; left:60px; } #mainCcontents div.mcBody.message div.h1 { position:absolute; top:50px; left:10px; } #mainCcontents div.mcBody.message div.h1 p { position:absolute; left:30px; top:173px; color:#4c4c4c; font-weight:bold; line-height:1.6; } #mainCcontents div.mcBody.message div.content { padding:280px 0 0; overflow:hidden; zoom:1; } #mainCcontents div.mcBody.message div.content { padding:200px 0 0; overflow:hidden; zoom:1; } #mainCcontents div.mcBody.message div.messageContainer { width:430px; float:left; margin-right:15px; } #mainCcontents div.mcBody.message div.messageContainer.no { margin-right:0; } #mainCcontents div.mcBody.message div.balloon { background:url(../img/message_bln.gif) left top; width:430px; padding-top:15px; } #mainCcontents div.mcBody.message div.balloon { background:url(../img/message_bln.gif) left top; width:430px; padding-top:20px; } #mainCcontents div.mcBody.message div.balloonBody { background:url(../img/message_bln.gif) left bottom; padding:0 15px 30px; min-height:19em; _height:19em; } #mainCcontents div.mcBody.message div.balloonBody { background:url(../img/message_bln.gif) left bottom; padding:0 20px 10px; min-height:32em; _height:32em;} #mainCcontents div.mcBody.message div.balloon h2 { font-size:100%; margin-bottom:1em; } #mainCcontents div.mcBody.message div.balloon p { line-height:1.4; padding:0 0 1em 10px; } #mainCcontents div.mcBody.message div.person { padding-top:10px; position:relative; } #mainCcontents div.mcBody.message div.person { padding:0 0 0 25px; position:relative; } #mainCcontents div.mcBody.message div.person span { line-height:3em; } #mainCcontents div.mcBody.message div.person span { display:block; margin:-40px 0 0 80px; } #mainCcontents div.mcBody.message div.balloonMini { width:220px; background:url(../img/message_bln2.gif) left bottom; padding-bottom:10px; } #mainCcontents div.mcBody.message div.balloonMiniBody { background:url(../img/message_bln2.gif) left top; padding:10px 10px 0 30px; } #snakajima { position:absolute; left:100px; top:20px; } /* ========================================================= partners ========================================================= */ div.partnersImage { width:560px; text-align:center; float:left;} div.partnersImage { width:500px; text-align:center; float:left;} div.partnersImage li { display:inline; margin:0 10px; } div.partnersImage a {display:inline-block; padding-bottom:25px;} div.partnersImage a {display:inline-block; padding-bottom:0; margin-bottom:30px;} ul.partners { margin-left:560px; } ul.partners { margin-left:520px; } ul.partners li { margin-bottom:0.2em;} ul.partners li { margin-bottom:0.4em;} ul.partners li.atn { padding-top:10px; color:#808080; } div.aboutPartners { clear:both; background:url(../img/dotline_h.gif) left top repeat-x; margin-top:20px; padding:10px; padding-top:20px; overflow:hidden; zoom:1; } div.aboutPartners p { margin-right:260px; } div.aboutPartners a { float:right; } /* ========================================================= recruit ========================================================= */ table.theme1.treatment { margin-top:20px; padding-top:30px; background:url(../img/dotline_h.gif) left top repeat-x;} table.theme1.treatment table.treatment { width:100%; border:1px solid #dfdfdf; border-bottom:none; margin-bottom:1em; } table.theme1.treatment table.treatment tr td, table.theme1.treatment table.treatment tr th { background:#fff; } table.theme1.treatment table.treatment tr.odd td, table.theme1.treatment table.treatment tr.odd th { background:#f7f7f7; } table.theme1.treatment table.treatment td, table.theme1.treatment table.treatment th { border-bottom:1px solid #dfdfdf !important; padding:5px !important; } #mainCcontents div.mcBody.staff { padding:20px 0px 20px 35px; } #mainCcontents div.col2 div.mcBody.staff { padding:20px 60px 0 35px; } #mainCcontents div.mcBody.staff div.staffContainer { overflow:hidden; zoom:1; margin-bottom:40px; } #mainCcontents div.mcBody.staff div.balloon { background:url(../img/staff_bln.gif) left top; width:600px; padding-top:15px; } #mainCcontents div.mcBody.staff div.balloon { background:url(../img/staff_bln.gif) left top; width:600px; padding-top:20px; } #mainCcontents div.mcBody.staff div.balloonBody { background:url(../img/staff_bln.gif) left bottom; padding:0 15px 30px; } #mainCcontents div.mcBody.staff div.balloonBody { background:url(../img/staff_bln.gif) left bottom; padding:0 30px 1px 20px; } #mainCcontents div.mcBody.staff div.balloon dt { font-weight:bold; margin-bottom:1em; } #mainCcontents div.mcBody.staff div.balloon dd { padding: 0 0 0 10px; } #mainCcontents div.mcBody.staff div.balloon dl { margin-bottom:2em; } #mainCcontents div.mcBody.staff div.person { float:right; margin-top:-130px; } #mainCcontents div.mcBody.staff div.person { float:right; margin-top:-120px; text-align:right; } #mainCcontents div.mcBody.staff div.person span { display:block; height:30px; margin:-30px 100px 0 0; color:#333;} #mainCcontents div.mcBody.recruit td strong { color:#900; font-weight:normal;} /* ========================================================= news ========================================================= */ #mainCcontents div.mcBody span.rss { display:block; margin-top:-10px; } #mainCcontents div.mcBody table.newsList { border:0; margin-top:10px; width:100%; } #mainCcontents div.mcBody table.newsList td { border:0; padding-bottom:8px; vertical-align:middle; } #mainCcontents div.mcBody table.newsList td { border:0; padding-bottom:8px; vertical-align: top; } #mainCcontents div.mcBody table.newsList td.date { font-size:85%; color:#808080; padding-right:8px; width:4em; } #mainCcontents div.mcBody table.newsList td.sts { padding-right:8px; width:30px; } #mainCcontents div.mcBody table.newsList td.data { font-size:92%; } #mainCcontents div.mcBody table.newsList td.data span.ctg { font-size:85%; color:#808080; } #mainCcontents div.mcBody.basic.news div { margin-left:1em; } #mainCcontents div.mcBody.basic.news p.date { margin-left:1em; padding-top:1em; } #mainCcontents div.mcBody.basic.news p.date { margin-left:1em; padding-top:1em; } #mainCcontents div.mcBody.basic.news table { width:100%;} #mainCcontents div.mcBody.basic.news table th { text-align:left; background-color:#eee; color:#333; padding:5px 10px;} #mainCcontents div.mcBody.basic.news table td { text-align:left; background-color:#f3f3f3; color:#333; padding:5px 10px;} #mainCcontents div.mcBody.basic.news a { color:#3d7a99; text-decoration:none; } #mainCcontents div.mcBody.basic.news a:visited { color: #3d7a99; text-decoration:none; } #mainCcontents div.mcBody.basic.news a:hover { color: #3d7a99; text-decoration:underline; } /* ========================================================= solutiontop ========================================================= */ #mainCcontents div.mcBody.solutiontop { padding:0 0 20px; } #mainCcontents div.mcBody.solutiontop div.h1 { position:absolute; top:51px; } #mainCcontents div.mcBody.solutiontop div.h1 { position:absolute; top:50px; } #mainCcontents div.mcBody.solutiontop div.content { padding:350px 50px 10px; overflow:hidden; zoom:1; } #mainCcontents div.mcBody.solutiontop div.content { padding:320px 50px 10px; overflow:hidden; zoom:1; } #mainCcontents div.mcBody.solutiontop p.solutiontop { color:#406a80; line-height:2; padding-bottom:20px; font-weight:bold; } #mainCcontents div.mcBody.ide div.content h2 { font-size:123%; color:#808080; margin-bottom:1em; } #mainCcontents div.mcBody.basic.solution { padding:20px 55px; } #mainCcontents div.mcBody.basic div.pickup { padding:10px; background:#e6e6e6; overflow:hidden; zoom:1; -moz-border-radius:3px; -webkit-border-radius:3px; } #mainCcontents div.mcBody.basic div.pickup { padding:10px; background:#e6e6e6; overflow:hidden; zoom:1; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:20px; } #mainCcontents div.mcBody.basic div.pickup p { margin-right:450px; background:url(../img/iptv_pickup.gif) -2px top no-repeat; padding-top:15px; } #mainCcontents div.mcBody.basic div.pickup p { margin-right:440px; background:url(../img/iptv_pickup.gif) -2px top no-repeat; padding:20px 0 0 10px; line-height:1.4; font-size:85%; } div.designPreview.dp_deliver { width:500px; margin:0 auto;} div.designPreview.dp_deliver { width:680px; margin:0 auto 40px;} div.designPreview.dp_iptv { width:750px; margin:0 auto;} div.designPreview.dp_iptv { width:505px; margin:0 auto;} div.designPreview.dp_iptv div.previewBlock { padding-bottom:20px;} div.designPreview.dp_signage { width:488px; margin:0 auto;} div.designPreview.dp_signage { width:505px; margin:0 auto;} div.designPreview.dp_automotive { width:615px; margin:0 auto;} div.designPreview.dp_automotive { width:615px; margin:0 auto 20px;} /* ========================================================= uiengine ========================================================= */ #mainCcontents div.mcBody.uiengine { padding:0 0 20px; } #mainCcontents div.mcBody.uiengine { padding:0 0 0; } #mainCcontents div.mcBody.uiengine div.h1 { position:absolute; top:41px; } #mainCcontents div.mcBody.uiengine div.content { padding:220px 50px 10px; overflow:hidden; zoom:1; } #mainCcontents div.mcBody.uiengine div.content h2 { font-size:123%; color:#808080; margin-bottom:1em; } #mainCcontents div.mcBody.uiengine div.content div.basicBox { margin-bottom:3em; } #mainCcontents div.mcBody.uiengine div.content div.basicBox { margin-bottom:2em; } #mainCcontents div.mcBody.uiengine div.content p { line-height:1.4; } #mainCcontents div.mcBody.uiengine div.content ul { } #mainCcontents div.mcBody.uiengine div.content ul li { margin-bottom:0.2em; background:url(../img/dot1.gif) 4px 0.5em no-repeat; padding-left:12px; } #mainCcontents div.mcBody.uiengine div.content ul li li { background:url(../img/hyphen0.gif) 0px 0.7em no-repeat; padding-left:10px; } #mainCcontents div.mcBody.uiengine p.booklet { margin-top:2em; } #mainCcontents div.mcBody.uiengine p.booklet { margin:2em 0; } #mainCcontents div.mcBody.uiengine p.booklet a { margin-left:2em; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform { overflow:hidden; zoom:1; padding-top:83px; background: url(../img/uiengine_icons.gif) -5px top no-repeat; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform { overflow:hidden; zoom:1; padding-top:0; margin:0 auto; width:700px; background: none; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform li { float:left; width:150px; font-size:123%; font-weight:bold; text-align:center; color:#808080; background:none; padding:0; margin-right:20px; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform li ul.lv1 { width: 150px; margin-top:5px; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform li ul.lv1 li { line-height:0; font:0px/0px sans-serif; text-align:left; padding:0; margin:0; float:none; font-weight:normal; height:auto; background:#f5f5f5 url(../img/sitemap_bg2.gif) no-repeat left -35px; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform li ul.lv1 li.top { padding-top:15px; background-position:left top; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform li ul.lv1 li.btm { padding-bottom:15px; background-position:left bottom; } #mainCcontents div.mcBody.uiengine ul#uienginePlatform li ul.lv1 li span { display:block; padding:3px 5px 3px 10px; font-size:13px; line-height:1.1; } /* ========================================================= ide ========================================================= */ #mainCcontents div.mcBody.ide { padding:0 0 20px; } #mainCcontents div.mcBody.ide div.h1 { position:absolute; top:29px; } #mainCcontents div.mcBody.ide div.content { padding:210px 50px 10px; overflow:hidden; zoom:1; } #mainCcontents div.mcBody.ide div.content h2 { font-size:123%; color:#808080; margin-bottom:1em; } #mainCcontents div.mcBody.ide div.content div.basicBox { margin-bottom:3em; } #mainCcontents div.mcBody.ide div.content p { line-height:1.4; } #mainCcontents div.mcBody.ide div.content ul { } #mainCcontents div.mcBody.ide div.content ul li { margin-bottom:0.2em; background:url(../img/dot1.gif) 4px 0.5em no-repeat; padding-left:12px; } #mainCcontents div.mcBody.ide div.content ul li li { background:url(../img/hyphen0.gif) 0px 0.7em no-repeat; padding-left:10px; } div.basicBox.bb_ide { margin-left:525px;} div.basicBox.bb_ide ul, div.basicBox.bb_ide p { padding-left:10px;} /* ========================================================= portfolio ========================================================= */ table.datasheet { border:0; margin-left:39px; margin-top:10px; } table.datasheet { border:0; margin-left:39px; margin-top:10px; width:700px; } table.datasheet td { border:0; padding:3px; } table.datasheet th { border:0; font-weight:normal; color:#808080; padding-right:2em; text-align:left; } table.datasheet th { border:0; font-weight:normal; color:#808080; padding-right:2em; text-align:left; width:90px; } table.datasheet a { color:#3d7a99; } table.datasheet a:visited { color: #855c99; } table.datasheet a:hover { color: #c33; } /* tv */ #mainCcontents div.col2 div.mcBody.tv { position:relative; padding:20px 0px; } #mainCcontents div.col2 div.mcBody.tv h1 { text-align:center; width:338px; padding-top:141px; padding-bottom:42px; position:relative; z-index:10; } #mainCcontents div.col2 div.mcBody.tv div.content { height:407px; } #tvCtl { overflow:hidden; zoom:1; padding-left:42px; position:relative; z-index:10; } #tvCtl li { float:left; width:62px; } #tvCtl li a { padding:3px; display:block; -moz-border-radius:2px; -webkit-border-radius:2px; } #tvCtl li a.on { background:#ccc; } #tvCtl.ondemand li { float:left; width:50px; } #tvPreview { width:741px; height:448px; position:absolute; top:-29px; left:38px; background:url(../img/portfolio/hikari_tv_preview_bg.gif) no-repeat; z-index:5; } #tvPreview .image { position:absolute; left:312px; top:26px; width:366px; height:360px; z-index:1; display:none; } #tvPreview .image.first { display:block; } /* mobile */ #mainCcontents div.col2 div.mcBody.mobile { position:relative; padding:20px 0px; } #mainCcontents div.col2 div.mcBody.mobile h1 { text-align:center; width:380px; padding-top:141px; padding-bottom:42px; position:relative; z-index:10; } #mainCcontents div.col2 div.mcBody.mobile div.content { height:407px; } #mobileCtl { overflow:hidden; zoom:1; padding-left:110px; position:relative; z-index:10; } #mobileCtl li { float:left; width:31px; } #mobileCtl li a { padding:3px; display:block; -moz-border-radius:2px; -webkit-border-radius:2px; } #mobileCtl li a.on { background:#ccc; } #mobileCtl.myspace li { float:left; width:32px; } #mobileCtl.fox li { float:left; width:36px; } #mobilePreview { width:741px; height:432px; position:absolute; top:-29px; left:38px; background:url(../img/mobile_preview_bg.gif) no-repeat; z-index:5; } #mobilePreview .image { position:absolute; left:372px; top:62px; width:366px; height:360px; z-index:1; display:none; } #mobilePreview .image.first { display:block; } /* ========================================================= sitemap ========================================================= */ #mainCcontents div.mcBody.sitemap { padding:20px 50px; } #mainCcontents div.mcBody.sitemap h1 { width:850px; font-size:123%; color:#808080; text-align:center; background:url(../img/sitemap_bg3.gif) no-repeat center top; padding-top:62px; } ul#sitemap { overflow:hidden; zoom:1; padding-top:83px; background:url(../img/sitemap_bg1.gif) 10px top no-repeat; } ul#sitemap li { float:left; width:170px; font-size:123%; font-weight:bold; text-align:center; color:#808080; } ul#sitemap li ul.lv1 { margin:10px auto; width: 150px; } ul#sitemap li ul.lv1 li { line-height:0; font:0px/0px sans-serif; text-align:left; padding-left:0; float:none; width:150px; font-weight:normal; height:auto; background:url(../img/sitemap_bg2.gif) no-repeat left -35px; } ul#sitemap li ul.lv1 li.top { padding-top:15px; background-position:left top; } ul#sitemap li ul.lv1 li.btm { padding-bottom:15px; background-position:left bottom; } ul#sitemap li ul.lv1 li a { display:block; padding:3px 5px 3px 10px; font-size:13px; line-height:1.1; } ul#sitemap li ul.lv2 { margin:0; width:auto; } ul#sitemap li ul.lv2 li { background:none; padding-left:12px; width:auto; } /* ========================================================= contact ========================================================= */ #mainCcontents div.mcBody.contact { padding:20px 90px; } #mainCcontents div.mcBody.contact div.headBox { overflow:hidden; zoom:1; margin-bottom:2em; } #mainCcontents div.mcBody.contact h1 { font-size:123%; color:#808080; float:left; } #mainCcontents div.mcBody.contact span.status { color:#808080; float:right; } div.mcBody.contact div.verisign { overflow:hidden; zoom:1; padding:5px; margin:5px; background:#f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:1em; } div.mcBody.contact div.verisign img { float:left; margin-right:10px; } div.mcBody.contact div.verisign p { width:600px; float:right; padding:20px 20px 10px 0; } /* ========================================================= search ========================================================= */ #mainCcontents div.mcMiddle.searchResult { background-position:0 0; } #mainCcontents div.mcMiddle.searchResult div.col1 { width:251px; float:left; text-align:right; } #mainCcontents div.mcMiddle.searchResult div.col2 { width:709px; float:left; } #mainCcontents div.mcMiddle.searchResult div.col2 div.mcBody { padding:0 20px 0px; } #mainCcontents div.mcMiddle.searchResult div.search { background:url(../img/mc_bg5.gif) no-repeat right 5px; padding-right:21px; width:230px; } #mainCcontents div.mcMiddle.searchResult div.search input { vertical-align:middle; } #mainCcontents div.mcMiddle.searchResult div.search input.txtfld { width:154px; margin-left:10px; margin-right:3px; background:#fff; border:1px solid #ccc; } #mainCcontents div.mcMiddle.searchResult div.wordsList { margin-top:22px; padding-right:21px;} #mainCcontents div.mcMiddle.searchResult div.wordsList dt { font-weight:bold; margin-bottom:20px; color:#808080;} #mainCcontents div.mcMiddle.searchResult div.wordsList dd {margin-top:8px;} #mainCcontents div.mcMiddle.searchResult div.wordsList dd a { color:#3d7a99; text-decoration:none; } #mainCcontents div.mcMiddle.searchResult div.wordsList dd a:visited { color: #855c99; text-decoration:none; } #mainCcontents div.mcMiddle.searchResult div.wordsList dd a:hover { color: #3d7a99; text-decoration:underline; } #mainCcontents div.mcMiddle.searchResult div.searchMenu { overflow:hidden; zoom:1;} #mainCcontents div.mcMiddle.searchResult div.searchMenu span.resultStatus { display:block; float:left; color:#666;} #mainCcontents div.mcMiddle.searchResult div.searchMenu span.resultStatus strong { color:#333;} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count { float: right} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count li { float:left; line-height:20px;} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count li a { display:block; color:#808080; margin:0 5px;} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count li.on a { font-weight:bold; color:#333;} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count li a.prev { color:#d6d6d6; width:50px; height:20px; background:url(../img/search_prev_next.gif) no-repeat 0px -20px; text-decoration:none; text-indent:-10000px; font:0px/0px sans-serif; margin:0 5px 0 10px;_text-indent:0px;} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count li a.next { color:#d6d6d6; width:50px; height:20px; background:url(../img/search_prev_next.gif) no-repeat -50px -20px; text-decoration:none; text-indent:-10000px; font:0px/0px sans-serif; margin:0;_text-indent:0px;} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count li a.prev.act { color:#999999; background-position: 0px 0px;} #mainCcontents div.mcMiddle.searchResult div.searchMenu ul.count li a.next.act { color:#999999; background-position: -50px 0px;} #mainCcontents div.mcMiddle.searchResult div.searchBody { margin:26px 0;} #mainCcontents div.mcMiddle.searchResult div.searchBody li { margin-bottom:10px; background:url(../img/arw_w.gif) left 0.4em no-repeat; padding-left:15px; padding-right:30px;} #mainCcontents div.searchBottom { margin-top:-1.6em; float:left; background:url(../img/mc_bg5.gif) no-repeat right 5px;; padding-right:21px; width:230px; text-align:right; clear:both; } #mainCcontents div.searchBottom input { vertical-align:middle; } #mainCcontents div.searchBottom input.txtfld { width:154px; margin-left:10px; margin-right:3px; background:#fff; border:1px solid #ccc; }