/* Theme Name: Nikko Info Theme URI: http://www.info.nikko-net.co.jp/ Author: Nikko Co., Ltd. Author URI: http://www.nikko-net.co.jp/ Description: あなたの街のNIKKOサイト用 Template: twentyeleven Version: 1.0 Tags: light, left-sidebar, fixed-width */ @charset "UTF-8"; /* CSS Document */ /*----------------------------------------------- RESET -----------------------------------------------*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,label,button { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } strong { font-weight:bold; } button { border:none; background:none; } /*----------------------------------------------- LINK -----------------------------------------------*/ a:link, a:visited { color: #003A86; text-decoration:none; } a:hover, a:active { color: #f20000; text-decoration:underline; } /*----------------------------------------------- STRUCTURE -----------------------------------------------*/ body { font-size:75%; line-height:1.6em; color:#000; background-color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #container { margin:0 auto; width:900px; background-color:#fff; position:relative; border-right:1px solid #221e1f; border-left:1px solid #221e1f; } #main { float:right; width:618px; padding-right:24px; margin-bottom:3em; } #side { float:left; width:210px; padding-left:24px; margin-bottom:3em; } /* HEADER -----------------------------------------------*/ #header_top { position:relative; padding:3px 20px 5px; background-color:#005baa; border-bottom:4px solid #f9cb00; } #header { position:relative; padding:9px 20px 5px; height:63px; background:#005baa url(img/common/bg_header.png) no-repeat right top; border-bottom:4px solid #f9cb00; margin-bottom:22px; } #hnav { position:absolute; right:0; top:13px; text-align:right; _zoom:1; _margin-right:-28px; } #hnav li { float:left; background:url(img/common/bg_hnav.png) no-repeat left 3px; padding-left:12px; margin-right:28px; } #hnav a:link, #hnav a:visited { color:#fff; text-decoration:none; } #hnav a:hover, #hnav a:active { color: #f9cb00; } /* GNAVI -----------------------------------------------*/ #gnav { margin-bottom:24px; } #gnav li { float:left; line-height:0.5em; font-size:1px; } /* SIDE -----------------------------------------------*/ #snav { margin-bottom:22px; line-height:0.5em; font-size:1px; } #snav li { margin-bottom:4px; } #snav ul { margin:16px 0 0 16px; } #snav li li { margin-bottom:9px; } .banner li { margin-bottom:10px; } /* FOOTER -----------------------------------------------*/ #footer { clear:both; background-color:#005baa; padding:16px 0; *padding:8px 0 16px; text-align:center; } #fnav { display:inline; text-align:center; border-left:1px solid #fff; } #fnav li { display:inline; border-right:1px solid #fff; padding:0 1em; } #fnav a:link, #fnav a:visited { color:#fff; text-decoration:none; } #fnav a:hover, #fnav a:active { color: #f9cb00; } #footer address { color:#fff; font-style:normal; padding-top:10px; } /*----------------------------------------------- TOP PAGE -----------------------------------------------*/ h2.topcopy { font-size:100%; border-left:none; padding-left:0; margin-bottom:1em; } p.topcopy { margin-bottom:1em; } .list_sono { border-top:2px dotted #999; margin-bottom:14px; } .list_sono li { border-bottom:2px dotted #999; padding:14px 7px 14px 90px; text-indent:-14px; } .sono1 { background:url(img/top/sono1.png) no-repeat 7px center; } .sono2 { background:url(img/top/sono2.png) no-repeat 7px center; } .sono3 { background:url(img/top/sono3.png) no-repeat 7px center; } .sono4 { background:url(img/top/sono4.png) no-repeat 7px center; } .whatsnew { border:1px solid #545454; } .whatsnew h3 { padding:7px 14px 5px; background-color:#005baa; margin-bottom:0; } .whatsnew dl { padding:20px 20px 10px; } .whatsnew dt { float:left; width:84px; padding-left:16px; background:url(img/top/bg_news.png) no-repeat left 2px; } .whatsnew dd { padding-left:100px; margin-bottom:10px; } /*----------------------------------------------- CONTENTS -----------------------------------------------*/ #breadcrumbs { font-size:83.3%; margin-bottom:1em; } h2 { font-size:28px; line-height:1.2em; border-left:6px solid #f07821; padding-left:18px; margin-bottom:0.7em; } h3 { margin-bottom:1em; } h4 { font-size:116.6%; font-weight:bold; margin-bottom:0.8em; } .box_indent { margin-left:8px; } .totop { text-align:right; margin:2em 0; clear:both; } /* COMMON STYLES -----------------------------------------------*/ .red { color:#e40800; } .mt1em { margin-top:1em !important; } .mb0 { margin-bottom:0 !important; } .mb05em { margin-bottom:0.5em !important; } .mb1em { margin-bottom:1em !important; } .mb2em { margin-bottom:2em !important; } .mb3em { margin-bottom:3em !important; } .mb4em { margin-bottom:4em !important; } .ml1em { margin-left:1em !important; } .ml2em { margin-left:2em !important; } .pr1em { padding-right:1em; } .tacenter { text-align:center; } .taright { text-align:right; } .aligncenter { margin-left:auto; margin-right:auto; } /* need to set width with inline stylesheet */ .floatright { display:block; float:right; margin:0 0 1em 15px; } .floatleft { display:block; float:left; margin:0 15px 1em 0; } .oh { overflow:hidden; } .pos_rel { position:relative; } .zoom1 { _zoom:1; } .clear { clear:both; } .disp_block { display:block; } .list_dot { } .list_dot li { background:url(img/common/li_dot.png) no-repeat left 6px; padding-left:12px; } /*----------------------------------------------- JS STYLES -----------------------------------------------*/ .fixHeight { } .hover { } .rollover { } /*----------------------------------------------- PAGE SPECIFIC STYLES -----------------------------------------------*/ /*#### TECH PAGE ####*/ .nikko_in_the_world { background:url(img/tech/bg_nikko_in_the_world.png) no-repeat left bottom; height:552px; position:relative; } .nikko_in_the_world h3 { margin-left:12px; } .nitw_lead { position:absolute; width:200px; top:115px; left:55px; } .nitw_germany { position:absolute; width:256px; top:234px; left:72px; } .nitw_shanghai { position:absolute; width:256px; top:92px; left:335px; } .nitw_wuhan { position:absolute; width:256px; top:386px; left:78px; } .nitw_taipei { position:absolute; width:185px; top:452px; left:409px; } .nikko_in_the_world h4 { color:#005baa; margin-bottom:0.3em; } .core_tech { font-size:18px; color:#ec1b23; font-weight:bold; } /*#### STAFF PAGE ####*/ .list_staff { margin-left:10px; overflow:hidden; _margin-right:-18px; } .list_staff li { float:left; margin-right:18px; padding:20px 16px 0 46px; width:220px; height:355px; background:url(img/staff/bg_stafflist.png) no-repeat left top; } h3.staff_name { font-size:20px; font-weight:bold; margin:9px 0; } .staff_history { background:url(img/staff/bg_ul_staff_history.png) repeat left top; padding-top:2px; height:74px; } .staff_history li { float:none; margin-right:0; padding:0 0 0 12px; width:auto; height:auto; background:url(img/staff/bg_staff_history.png) no-repeat left 9px; font-size:12px; line-height:25px; } .bt_staff { text-align:center; } h3.staffstory { margin-bottom:2em; } .bt_staffstory { overflow:hidden; margin:0 0 3em 39px; width:571px; } .bt_staffstory li { float:left; margin:0 39px 6px 0; } /*#### QA PAGE ####*/ .qa { } .qa dt { font-size:116.6%; font-weight:bold; color:#ec1b23; margin-bottom:0.5em; background:url(img/qa/q.png) no-repeat left top; padding:2px 0 0 26px; } .qa dd { margin:0 0 3em 20px; background:url(img/qa/a.png) no-repeat left 2px; padding:0 0 0 20px; } .qa_inq { font-size:133.3%; } .qa_inq a:link, .qa_inq a:visited { font-size:112.5%; font-weight:bold; color:#5fb7ff; text-decoration:underline; } .qa_inq a:hover, .qa_inq a:active { color: #f20000; text-decoration:underline; } /*#### EMPLOYMENT PAGE ####*/ /*.box_nikkodata { padding-top:12px; background:url(img/employment/bg_nikkodata_top.png) no-repeat left top; margin:0 63px 2em; position:relative; width:483px; } .box_nikkodata div { padding:10px 26px 22px 22px; background:url(img/employment/bg_nikkodata_btm.png) no-repeat left bottom; } .box_nikkodata h3 { position:absolute; right:-20px; top:0; } .box_nikkodata table { margin-bottom:1em; } .box_nikkodata table th,.box_nikkodata table td { vertical-align:top; font-weight:normal; text-align:left; }*/ .nikkodata_link { text-align:center; margin-bottom:5em; } /*.nikkodata_link a:link, .nikkodata_link a:visited { color:#5fb7ff; text-decoration:underline; } .nikkodata_link a:hover, .nikkodata_link a:active { color: #f20000; text-decoration:underline; }*/ h3.guideline { text-align:center; margin-bottom:1em; } h3.md { font-size:116.6%; font-weight:normal; margin-bottom:1em; } .want_ad table { border:1px solid #666; border-collapse:collapse; margin-bottom:3em; } .want_ad table th { border:1px solid #666; padding:8px; width:120px; background-color:#005baa; color:#fff; text-align:center; } .want_ad table td { border:1px solid #666; padding:8px; } .no_ad { font-size:116.6%; text-align:center; margin-bottom:3em; } /*----------------------------------------------- CLEARFIX -----------------------------------------------*/ #contents:after, #hnav:after, #gnav:after, .clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;font-size:0;} /* IE6 */ * html #contents, * html #hnav, * html #gnav, * html .clearfix {zoom:1;} /* IE7 */ *:first-child+html #contents, *:first-child+html #hnav, *:first-child+html #gnav, *:first-child+html .clearfix {zoom:1;} @media print { body { _zoom:0.7; } .list_sono li { _zoom:1; } }