@charset "utf-8"; /* -------------------------------------------------------------------- # FUJITSU CSS v2.0 -- FUJITSU.COM EDITION # Copyright 2010 FUJITSU LIMITED -------------------------------------------------------------------- */ /* Framework -------------------------------------------- */ body { position: relative; text-align: center; background-color: #0D0D0D !important;} .stage { width: 100%; min-width: 980px; border-top: none !important; background: url(/images/common/fj/imgv4/common/stageborder-bottom.gif) #fff repeat-x left bottom; } .personal.body4span.localchange .stage, .personal.body4span.localchange_2col .stage { min-width: 0; } @media only screen and (min-width: 769px) { .header-pc.pc { display: block !important; } .header-sp.sp { display: none !important; } } @media only screen and (max-width: 768px) { .header-pc.pc { display: none !important; } .header-sp.sp { display: block !important; } .nav-top .global-nav-search-input { font-size: 20px; } } .nav-top .search-input, .nav-top .search-btn { font-size: 16px; } .bodyarea { position: relative; width: 980px; margin: 0 auto; padding-bottom: 60px; text-align: left; } .personal.body4span.localchange .bodyarea, .personal.body4span.localchange_2col .bodyarea { width: 100%; max-width: 980px; } .personal.body4span.localchange .bodyarea img, .personal.body4span.localchange_2col .bodyarea img { max-width: 100%; height: auto; } div.bodyarea { padding-top: 149px; } .bodyarea:after { content: "."; display: block; clear: both; width: 0; height: 0; line-height: 0; visibility: hidden; } * html .bodyarea { display: inline-block; } @media screen and ( max-width: 900px) { div.bodyarea { padding-top: 192px; } } @media screen and ( max-width: 768px) { div.bodyarea { padding-top: 58px; } } .footer-child-second.u-mb-xl { margin-bottom: 30px !important; } @media only screen and (max-width: 768px) { footer #deepfooter .pc { display: none; } footer #deepfooter .sp { display: block; } } /* Block Skip */ div#blockskip { z-index: 9999; overflow: visible; margin: 0; padding: 0; width: 100%; } div#blockskip a { display: block; float: left; background: #666666; margin: 0; margin-top: -1px; padding: 0; width: 100%; min-width: 980px; color: #ffffff; text-align: center; text-decoration: none; font-size: 1px; color: #666666; line-height: 0; cursor: default; height: 1px; overflow: hidden; } div#blockskip a:hover { text-decoration: underline; } div#blockskip a.show { color: #ffffff; height:1em; margin-top: -3px; padding: 5px 0; font-size: 93%; line-height: 1; cursor: pointer; } /* Location Area */ #location { width: 978px; background: #f7f7f7; border: 1px solid #eeeeee; padding: 0; margin-bottom: 15px; text-align: left; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; } #location ol { padding: 7px 10px 7px; margin: 0; list-style: none; font-size: 93%; } ol.location-inside { border: 1px solid #ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; } *:first-child+html #location div.highlight_v { padding: 0 !important; } #location li { display: inline; margin: 0; margin-right: 2px; line-height: 1.3; } #location li a { margin-right: 2px; } #location li a:link, #location li a:visited, #location li a:active { margin-right: 2px; text-decoration: none; } #location li a:hover { margin-right: 2px; text-decoration: underline; } /* Aside Area */ .aside { float: left; width: 184px; } .aside .submenu { float: none; } /* MainMenu Area */ #mainmenu { width: 184px; margin-bottom: 15px; background: url(/images/common/fj/imgv4/common/mainmenu-li-open-bg.gif) repeat-y; line-height: 1.2; } #mainmenu a:link, #mainmenu a:visited, #mainmenu a:active { text-decoration: none; } #mainmenu a:hover { text-decoration: underline; } #mainmenu p.top { margin: 0px; padding: 0; font-size: 93%; background: #f3f3f3 url(/images/common/fj/imgv4/common/mainmenu-p-bg.gif) left top no-repeat; border-bottom: 1px solid #cecfce; } #mainmenu p.top strong { display: block; padding: 8px 6px; font-weight: normal; } #mainmenu p.top strong.current { display: block; background: #ffffff url(/images/common/fj/imgv4/common/mainmenu-p-current-bg.gif) left top no-repeat; } #mainmenu ul { list-style: none; margin: 0px; margin-top: -1px; padding: 2px 0px 0px 0px; background: url(/images/common/fj/imgv4/common/mainmenu-li-spr182.gif) center top no-repeat; font-size: 93%; } #mainmenu li ul { padding: 0px; background: #e5e5e5 url(/images/common/fj/imgv4/common/mainmenu-li-spr.gif) left bottom repeat-x; font-size: 100%; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #cdcdcd #cdcdcd #cdcdcd #cdcdcd; zoom: 1; } #mainmenu li li ul { background-image: none; border-style: none; } #mainmenu li li { margin-left: 8px; } /* indent the lebel 2 */ #mainmenu li li li { margin-left: 15px; } /* indent below the lebel 3 */ #mainmenu li { display: block; margin: 0px; padding: 0px 0px 2px 0px; background: url(/images/common/fj/imgv4/common/mainmenu-li-bg.gif) 0px 100% no-repeat; line-height: 1.2; } #mainmenu li a { display: block; margin: 0px; padding: 8px 6px 8px 17px; background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; zoom: 1; } #mainmenu li strong.current { display: block; margin-left: 1px; margin-right: 1px; padding: 8px 6px 8px 16px; background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; font-weight: normal; zoom: 1; } /* menu selected sign */ #mainmenu li.open li strong.current { margin-right: 0px; } #mainmenu li.open { background: url(/images/common/fj/imgv4/common/mainmenu-li-open-bg.gif) 0px 0px no-repeat; } #mainmenu li.open a {} #mainmenu li.open > a { display: block; margin: 0px 1px; padding: 8px 4px 8px 15px; background: #f3f3f3 url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 2px 0.8em no-repeat; border-style: solid; border-color: #ffffff; border-width: 0px 1px; } /* menu selected sign */ #mainmenu li.open li.open > a { margin: 0px 2px; background-color: #e5e5e5; border: none; } /* menu selected sign */ #mainmenu li.open strong.current { display: block; padding: 8px 6px 8px 16px; background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; font-weight: normal; } /* menu selected sign */ #mainmenu li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } #mainmenu li.open li.open > strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } #mainmenu li.open li.open strong.current, #mainmenu li.bottom-gray li.open strong.current { margin: 0px 0px 0px 1px; padding-left: 16px; } #mainmenu li.open li { background-image: none; } #mainmenu li.open li > strong.current {} /* menu selected sign */ /* menu selected sign for IE lte 6 below... */ * html #mainmenu li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li.open a { background: url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } #mainmenu li.bottom { background: #f3f3f3 url(/images/common/fj/imgv4/common/mainmenu-li-last-bg.gif) left bottom no-repeat; } #mainmenu li.bottom strong.current { background: transparent url(/images/common/fj/imgv4/common/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } #mainmenu li.bottom a { padding-bottom: 12px; } #mainmenu li.bottom-gray { padding-bottom: 8px; background: transparent url(/images/common/fj/imgv4/common/mainmenu-li-last-open-bg.gif) left bottom no-repeat; border-style: none; } #mainmenu li.bottom-gray ul { background: #e5e5e5 none; } #mainmenu li.bottom-gray a { margin: 0px 1px; padding: 8px 4px 8px 15px; background-color: #f3f3f3; border-style: solid; border-width: 0px 1px; border-color: #ffffff; } #mainmenu li.bottom-gray li a { margin: 0px; padding-left: 17px; background-color: #e5e5e5; border-style: none; } /* SubMenu common */ .submenu { display: block; float: right; width: 184px; line-height: 1.5; text-align: left; } .submenu img { margin: 0 auto 20px; border: none; } .submenu div.frm { margin-bottom: 10px; border: solid 1px #b8b8b8; } .submenu div.frm-bg { margin-bottom: 10px; background: #f2f2f2; border: solid 1px #b8b8b8; } .submenu div.bg { margin-bottom: 10px; background: #f2f2f2; border: solid 1px #ffffff; } .submenu div.frm-grd { margin-bottom: 10px; background: #ffffff url(/images/common/fj/imgv4/common/box-bg-demo.gif) 0px 0px repeat-x; border: solid 1px #b8b8b8; } .submenu div.inside { border: solid 1px #ffffff; padding: 8px 8px 0px 8px; } .submenu div.frm div.innerblock, .submenu div.frm-bg div.innerblock, .submenu div.bg div.innerblock, .submenu div.frm-grd div.innerblock { padding: 8px 8px 0px 8px; } .submenu div.frm.title, .submenu div.frm-bg.title, .submenu div.bg.title, .submenu div.frm-grd.title { margin-bottom: 5px; } .submenu div.rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .submenu div.rounded-inside { border: solid 1px #ffffff; padding: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .submenu .textindent { text-indent: 1em; } .submenu .textleft { text-align: left; } .submenu .textright { text-align: right; } .submenu .textcenter { text-align: center; } .submenu .alignleft { float: left; } .submenu .alignright { float: right; } .submenu .clearleft { clear: left; } .submenu .clearright { clear: right; } .submenu .clearall { clear: both; } .submenu .vtop { vertical-align: text-top; } .submenu .vmiddle { vertical-align: middle; } .submenu .vbottom { vertical-align: text-bottom; } .submenu .bordernone { border-style: none; } .submenu .border010 { border: solid 1px #666666; } .submenu .notice { color: #bb0000; } .submenu em.notice { font-style: italic; } .submenu a.deconone { text-decoration: none; } .submenu a.deconone:hover { text-decoration: underline; } .submenu p { font-size: 93%; line-height: 1.5; } .submenu ul { font-size: 93%; padding-bottom: 16px; padding-left: 0; width: 100%; margin: 0; } .submenu h2 { font-size: 93%; color: #555; margin-bottom: 8px; padding: 0 8px; padding-top: 10px; } .submenu h3 { font-size: 93%; color: #555; margin-bottom: 3px; padding: 0 8px; font-weight: normal; } .submenu li { padding-left: 24px; padding-right: 8px; margin: 0; list-style: none; background: url(/images/common/fj/imgv4/common/li_dot_lv1.gif) no-repeat 6px 4px; } .submenu #changelanguage li { background: none; } .submenu .tasks { width: 182px; background: url(/images/common/fj/imgv4/common/box-bg-demo.gif) repeat-x left top; margin-bottom: 15px; text-align: left; border: 1px solid #b8b8b8; } .submenu .tasks { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; } .submenu .tasks img { margin-bottom: 0; border: none; } .submenu .tasks a:link, .submenu .tasks a:visited, .submenu .tasks a:active { text-decoration: none; } .submenu .tasks a:hover { text-decoration: underline; } .submenu .tasks ul.newlist { background: url(/images/common/fj/imgv4/common/hr.gif) repeat-x left top; padding-top: 16px; margin: 0; } .submenu .tasks li.image { background: none; padding: 0; text-align: center; } /* Pickup Banner Area */ .submenu .pickup { margin-bottom: 15px; } .submenu .pickup div.frm-bg.title div.rounded-inside { padding: 10px; } .submenu .pickup div.frm-bg.title div.highlight_v { padding: 4px 10px 10px 10px !important; } /* <-- This is className on boxrounded.js. for IE & Opera */ .submenu .pickup h2 { padding: 0; } .submenu .pickup p { font-size: 93%; } .submenu .pickup div.frm-bg.title { margin-bottom: 15px; } .submenu .pickup div.frm-bg.title h2{ font-size: 93%; text-align: left; line-height: 1.1; margin: 0; color: #555555; } .submenu .pickup div.frm-bg.title p { font-size: 93%; text-align: left; margin-bottom: 10px; color: #555555; } .submenu .pickup p.pickupthumb { margin-bottom: 15px; padding: 0; line-height: 1.5; width: 184px; } .submenu .pickup p.pickupthumb br { display: none; } .submenu .pickup p.pickupthumb img { display: block; text-align: center; vertical-align: bottom; border: none; margin-bottom: 5px; padding: 0; } .submenu div.optionnav { clear: left; border-style: none; margin: 10px 0px 0px 0px; padding: 0px; } .submenu div.optionnav ul { display: block; list-style: none; border-style: none; margin: 0px; padding-bottom: 15px; } .submenu div.optionnav li { display: block; border-style: none; margin: 4px 0px 0px 0px; padding-left: 16px; word-wrap: break-word; background: none; } .submenu div.optionnav img { border-style: none; margin: 0px 4px 0px 0px; padding: 0px; } .submenu div.pickup-shortlead { margin-bottom: 15px; } .submenu .pickup-shortlead div.highlight_v { padding: 3px 8px 0 8px !important; } .submenu .pickup-shortlead h2 { padding: 0; } .submenu .pickup-shortlead h3 { padding: 0; } .submenu .pickup-shortlead p { margin: 0 0 15px 0; } .submenu .pickup-shortlead img { margin: 0; } .submenu .pickup-shortlead img.alignleft { margin: 0 5px 5px 0; } .submenu .pickup-shortlead img.alignright { margin: 0 0 5px 5px; } .submenu .pickup-shortlead img { margin-bottom: 5px; } .submenu .pickup-shortlead div.moreinfo { clear: both; border-style: none; margin: 0; padding: 6px 0px 6px; } .submenu .pickup-shortlead div.moreinfo p { background: none; display: block; overflow: visible; border-style: none; margin: -15px 0 0; padding: 0; text-align: right; font-size: 93%; } .submenu .pickup-shortlead div.moreinfo p.textleft { text-align: left; } .submenu .pickup-shortlead div.moreinfo p.textcenter { text-align: center; } .submenu .pickup-shortlead div.moreinfo p.textright { text-align: right; } .submenu .pickup-shortlead div.moreinfo p img { margin-left: 5px; margin-bottom: 0; border: none; } .submenu .pickup-shortlead div.moreinfo a:link, .submenu .pickup-shortlead div.moreinfo a:visited, .submenu .pickup-shortlead div.moreinfo a:active { text-decoration: none; } .submenu .pickup-shortlead div.moreinfo a:hover { text-decoration: underline; } .submenu div.pickup div.title { margin-top: 0px !important; } .submenu div.highlight_v { padding-top: 0; padding-left: 8px; padding-rIght: 8px; } /* Contents Area */ .contentsarea { float: right; width: 781px; } .contentsarea .submenu { float: right; } /* MainContents Area */ .maincontents { float: left; width: 582px; } @media print { .stage { background: none; } .stage .bodyarea { clear: both; float: none; } div.contentsarea { padding-bottom: 40px; } div.contentsarea .maincontents { float: none; clear: both; display: table-cell; } div.contentsarea .submenu { float: none; clear: both; display: table-cell; padding-left: 15px; } body.body4span-noleftnav div.contentsarea .maincontents { float: none; clear: both; } body.body4span-noleftnav div.contentsarea .submenu { float: none; clear: both; } /*IE7*/ *:first-child+html div.contentsarea { display: block; padding-bottom: 0; } *:first-child+html div.contentsarea .maincontents { float: left; clear: none; display: block; } *:first-child+html div.contentsarea .submenu { float: right; clear: none; display: block; padding-left: none; } *:first-child+html body.body4span-noleftnav div.contentsarea { display: table; padding-bottom: 40px; } *:first-child+html body.body4span-noleftnav div.contentsarea .maincontents { float: left; clear: both; display: table-cell; } *:first-child+html body.body4span-noleftnav div.contentsarea .submenu { float: right; clear: both; display: table-cell; } /*IE6*/ * html div.contentsarea { display: block; padding-bottom: 0; } * html div.contentsarea .maincontents { float: left; clear: none; display: block; } * html div.contentsarea .submenu { float: right; clear: none; display: block; padding-left: 0; } * html body.body4span-noleftnav div.contentsarea { display: table; padding-bottom: 40px; } * html body.body4span-noleftnav div.contentsarea .maincontents { float: left; clear: both; display: table-cell; } * html body.body4span-noleftnav div.contentsarea .submenu { float: right; clear: both; display: table-cell; } } /* Contents Width Optional */ body.new-window .contentsarea { width: 980px; float: none; } body.new-window .maincontents { width: 980px; float: none; } body.new-window .stage { border-top: none; } body.new-window .bodyarea { padding-top: 50px; padding-bottom: 30px; } body.body5span .contentsarea { width: 980px; float: none; } body.body5span .maincontents { width: 980px; float: none; } body.body4span .contentsarea { width: 781px; } body.body4span .maincontents { width: 781px; } body.personal.body4span.localchange .contentsarea { width: 100% !important; } body.personal.body4span.localchange_2col .contentsarea { width: calc(100% - 199px); } body.personal.body4span.localchange .maincontents, body.personal.body4span.localchange_2col .maincontents { width: 100% !important; } body.body4span-noleftnav .contentsarea { width: 980px; float: left; } body.body4span-noleftnav .maincontents { width: 781px; float: left; } body.allover .stage { text-align: left; zoom: 1; } body.allover #blockskip a { padding-left: 0; } body.allover .bodyarea { width: 100%; margin: 0; } body.allover #location { margin-left: 10px; } body.allover .aside { margin-left: 10px; } body.allover .mainmenu { width: 184px; float: left; } body.allover .contentsarea { width: auto; float: none; margin-left: 209px; } body.allover .maincontents { width: 100%; } body.allover-noleftnav .stage { text-align: left; zoom: 1; } body.allover-noleftnav #blockskip a { padding-left: 0px; } body.allover-noleftnav .bodyarea { width: 100%; margin: 0; } body.allover-noleftnav #location { margin-left: 10px; } body.allover-noleftnav .contentsarea { width: auto; float: none; margin-left: 10px; } body.allover-noleftnav .maincontents { width: 100%; } body.gig3-750 .contentsarea { width: 980px; float: none; text-align: center; } body.gig3-750 .maincontents { width: 750px; float: none; margin: 0 auto; text-align: left; } body.gig3-new-window { width: auto; } body.gig3-new-window .contentsarea { width: 100%; float: none; } body.gig3-new-window .maincontents { width: 100%; float: none; } body.gig3-new-window div.stage { width: 100%; min-width: 0; border-top: none; } body.gig3-new-window .bodyarea { width: auto; padding-top: 50px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } body.gig3-allover div.stage { width: auto; padding-left: 10px; min-width: 0; border-top: none; } * html body.gig3-allover div.stage { width: 100%; text-align: left; padding-left: 20px; margin-left: -10px; } body.gig3-allover #blockskip a { min-width: 980px; margin-left: -10px; padding-left: 10px; border-top: 3px solid #666666; } * html body.gig3-allover #blockskip { margin-left: -10px; } * html body.gig3-allover #blockskip a { margin-left: 0; padding-left: 0; } body.gig3-allover .bodyarea { width: auto; zoom: 1; } body.gig3-allover .contentsarea { width: auto; margin-right: 10px; float: none; } body.gig3-allover .maincontents { width: 100%; } /* Ajax Object Base */ /* subsidiary -------------------------------------------------------*/ body.subsidiary div#permanentmenu ul.parentcom { margin-top: 10px; } body.subsidiary div#permanentmenu ul.parentcom li { list-style: none; display: block; float: left; display: inline; /* <-- for IE6 float-margin bug */ margin: 0 5px 0 0; padding: 0px; } /* for modern browser exclude ie 7, 8 */ html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; position: relative; top: 2px; border: 1px solid #999999; } html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; top: -2px; border: 1px solid #111111; margin: 0 -1px -2px -1px; padding: 0; } html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; top: 1px;display: block; padding: 2px 6px 3px 6px; margin-bottom: 1px; background: #222222 url(/images/common/fj/imgv4/common/parentcomlink-bg.gif) left top repeat-x; } html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a img { border: none; vertical-align: middle; margin-left: 3px; } /* for ie 6 */ * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn { position: relative; border: 1px solid #999999; } * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock { border: 1px solid #111111; margin: -2px -1px 0px -1px; padding: 0; } * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a { position: relative; top: 1px; display: block; padding: 3px 6px 2px 6px; margin-bottom: 1px; background: #222222 url(/images/common/fj/imgv4/common/parentcomlink-bg.gif) left top repeat-x; word-break: keep-all; } * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a img { border: none; vertical-align: middle; margin-left: 3px; } body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock { padding: 0; }