@charset "utf-8"; /*================================================================ 1 : Basic Setting ================================================================*/ /*======== 1-1 : Universal Selector ========*/ *{ margin: 0; padding: 0; font-size: 100%; color: #333333; text-align: left; } /*======== 1-2 : ========*/ body{ color: #555555; font: 12px/1.6em "MS Pゴシック","ＭＳＰゴシック",sans-serif,verdana,helvetica; background: #D4D7E4; text-align: center; } html* body {/*Safari + IE5.5-6*/ font-size:11px; } * html body {/*IE5.5-6*/ font-size:75%; } *:first-child+html body {/*IE7*/ font-size:75%; } /*======== 1-3 : Block Level ========*/ h1, div, form{ font-size: 13px; text-align: left; } h2{ font-size: 13px; font-weight: bold; } h3, h4{ font-size: 12px; font-weight: bold; } h5{ font-size: 12px; font-weight: bold; } p,ul,ol,li{ font-size: 12px; } /*IE6*/ * html h1, * html h2, * html div{ height: 1px; } /*======== 1-4 : List ========*/ ul{ list-style: none; } ol{ padding-left: 35px; margin-bottom: 10px; } /*======== 1-5 : ========*/ a:link { text-decoration: none; color: #555555; } a:visited { color: #555555; text-decoration: none; } a:hover { color: #95C4CC; text-decoration: underline; } /*======== 1-6 :

========*/ hr{ display: none; clear: both; } /*======== 1-7 : etc ========*/ img{ border: none; } strong{ font-weight: bold; } .center { text-align: center; } /* サイト内共通スタイル ---------------------------------------------------- */ h1 { font-weight: bold; color: #001157; padding: 10px 0px 10px 10px; } .lead { font-size: 10px; line-height: 1.3em; padding: 10px; text-align: left; } .center { text-align: center; } .photo { filter:alpha(opacity=100); } .gopagetop { font-size: 10px; color: #666666; text-decoration: none; text-align: right; margin: 0; padding: 0; clear: both; } img.right { float: right; padding-left: 10px; } /*================================================================ 2 : Layout Setting ================================================================*/ /*======== 2-1 : div#wrapper ========*/ #wrapper { width: 800px; background: #FFFFFF; text-align: left; border-right: 1px solid #999; border-left: 1px solid #999; margin: 0 auto; } /*======== 2-2 : div#header ========*/ #header { width: 800px; height: 60px; margin: 0; padding: 0; border-bottom: 1px solid #999; } #en #headleft { width: 260px; padding: 0; float: left; } #en #headright { width: 540px; float: right; } #headright div { margin: 0; padding: 0; } #headright ul { background-repeat: no-repeat; background-position: left top; float: right; list-style: none; } #headright li { display: inline; } #headright li a { float: left; overflow: hidden; } #headright li a:hover { text-decoration: none; } #headright #language { height: 28px; } #headright #menu { height: 32px; } #headright #menu ul { margin: 0; padding: 0; } #headright div li a { display: block; } #headright #menu li { float: left; } #headright #language li a { height: 0; padding-top: 28px; float: right; } #headright #language li.japanese a { width: 59px; } #headright #language li.chinese a { width: 49px; } /*======== 2-2' : div#en header ========*/ #en #headright #menu ul { width: 540px; height: 32px; background-image: url(/img/en/web/eMenu.gif); } #en #headright #menu li a { width: 135px; height: 0; padding-top: 32px; } #en #headright #menu li.product a.root { background: url(/img/en/web/eMenu.gif) no-repeat 0 -64px; } #en #headright #menu li.product a:hover { background: url(/img/en/web/eMenu.gif) no-repeat 0 -32px; } #en #headright #menu li.company a.root { background: url(/img/en/web/eMenu.gif) no-repeat -135px -64px; } #en #headright #menu li.company a:hover { background: url(/img/en/web/eMenu.gif) no-repeat -135px -32px; } #en #headright #menu li.news a.root { background: url(/img/en/web/eMenu.gif) no-repeat -270px -64px; } #en #headright #menu li.news a:hover { background: url(/img/en/web/eMenu.gif) no-repeat -270px -32px; } #en #headright #menu li.contact a.root { background: url(/img/en/web/eMenu.gif) no-repeat -405px -64px; } #en #headright #menu li.contact a:hover { background: url(/img/en/web/eMenu.gif) no-repeat -405px -32px; } #en #headright #language ul { width: 108px; height: 22px; margin: 3px 5px 0 0; background-image: url(/img/en/web/eLanguage.gif); } #en #headright #language li.japanese a:hover { background: url(/img/en/web/eLanguage.gif) no-repeat -49px -22px; } #en #headright #language li.chinese a:hover { background: url(/img/en/web/eLanguage.gif) no-repeat 0 -22px; } /*======== 2-3 : div#title ========*/ #title { width: 800px; border-bottom: 1px solid #999; clear: both; } /*======== 2-4 : div#location ========*/ #location { width: 800px; border-bottom: 1px solid #999; padding: 7px 0px; } #location_in { color: #FFFFFF; font-size: 12px; text-decoration: none; line-height: 1.3em; margin: 0px 10px; } #location_in strong { color: #FFFFFF; } #location_in a:link { color: #FFFFFF; text-decoration: none; } #location_in a:visited { color: #FFFFFF; text-decoration: none; } #location_in a:hover { text-decoration: underline; } /*======== 2-5 : div#container ========*/ #container { width: 800px; background-color: #FFFFFF; } /*======== 2-6 : div#content ========*/ #content { float: right; width: 590px; padding: 10px; } /*======== 2-6 : div#side ========*/ #side { float: left; width: 180px; padding: 10px 0 0 10px; } #side ul { width: 178px; list-style: none; margin-bottom: 10px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } #side ul li { font-weight: bold; background-color: #ebf3f5; border-bottom: 1px solid #CCCCCC; list-style: none; } #side ul li a, #side ul li span { font-size: 12px; font-weight: bold; width: 168px; padding: 5px; display: block; } #side ul li ul { border: none; margin-bottom: 0; } #side ul li ul li { font-size: 12px; font-weight: normal; padding-left: 15px; border-top: 1px solid #CCCCCC; border-bottom: none; background-color: #FFFFFF; background-image: url(/img/en/web/products/e_pList.gif); background-repeat: no-repeat; background-position: 5px 6px; _background-position: 5px 8px; } #side ul li ul li a, #side ul li ul li span { font-weight: normal; width: 153px; } #side h2 { margin-bottom: 5px; } #side select { width: 150px; } #side p { font-size: 12px; } /*======== 2-7 : div#footer ========*/ #footer { clear: both; border-top: 1px solid #999999; width: 800px; height: 50px; } #footer div { float: right; display: block; padding: 5px; } #footer p { font-size: 11px; color: #555555; text-align: right; } #footer ul { margin: 5px; list-style: none; float: left; } #footer li { font-size: 12px; display: inline; padding: 3px 3px 3px 21px; } #footer li a { text-decoration: none; /* ■Firefox等で線が表示されないようにする */ } #footer li#enviropage { background: url(/img/en/web/footEnviro.gif) 0 center no-repeat; } #footer li#sitemap { background: url(/img/en/web/footSitemap.gif) 0 center no-repeat; }