@charset "UTF-8"; * { margin: 0; padding: 0; border: 0; background-color: transparent; color: black; font-size: 100%; font-weight: normal; font-style: normal; text-decoration: none; } body { margin: 0 1em; /*background: #eee url(../bodybg.gif);*/ background: #eee; font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Osaka","ＭＳＰゴシック",Verdana,Arial,sans-serif; font-size: 11pt; /* IE6 では XHTML の場合、... の前に空白以外の文字、この場合は xml 宣言になるが存在する場合、過去互換モードでレンダリングされる。過去互換モードでは

...

の div で magin: n auto; と指定してセンタリングしようとしても auto が無視されるバグがあるそうなので、body で text-align: center; を指定する必要がある */ text-align: center; } /* 言語切り替えメニュー */ ul#ChangeLang { width: 700px; margin: 0 auto; text-align: right; } ul#ChangeLang li { display: inline; padding-right: 4px; font-size: 90%; } ul#ChangeLang li a:hover { text-decoration: underline; color: blue; } /* ページ全体外枠 */ div#container { width: 700px; margin: 0.2em auto; border: 1px solid black; background: white; padding: 0; } h1 { text-indent: -9999px; height: 0; } /* CSSBug: for IE6 */ /* IE6 では height: が無視される? */ * html h1 { display: none; } /* div#Top { margin: 0; background: gray; } */ div#CompanyLogo { position: relative; height: 130px; background: url(../CompanyLogoBackground.png) no-repeat; } div#CompanyLogo p a img { position: absolute; top: 45px; left: 78px; } h2#mainmenutitle,h2#globalmenutitle { text-indent: -9999px; height: 0; } /* CSSBug: for IE6 */ * html h2#mainmenutitle,* html h2#globalmenutitle { display: none; } ul#globalmenulist { position: absolute; top: 110px; left: 430px; text-align: right; margin-right: 16px; } ul#globalmenulist li { font-size: 90%; display: inline; padding-left: 16px; background: url(../Separator_V.gif) no-repeat; } ul#globalmenulist li#l1st { padding: 0; background: none } ul#globalmenulist li a { color: white; } ul#globalmenulist li a:hover { color: #8fc; text-decoration: underline; } ul#globalmenulist li a:active { color: #ff8; text-decoration: none; } ul#mainmenulist { margin: 2px auto -6px; } /* CSSBug: for IE6 */ * html ul#mainmenulist { margin: 2px 0 0 0px; } ul#mainmenulist li { display: inline; list-style-type: none; margin: -2px; border: 0; padding: 0; } div#maincontainer { /*background: #6f9dd3;*/ } div#submenu { width: 170px; /*height: 800px;*/ float: right; /* background: url(../submenubackground.png); */ /* background: で背景色を指定しているが、height: auto; 出来ないので意味がない。するなら親要素の div で背景色を指定し、メインコンテンツの div の背景色を白にするしかない */ background: #6f9dd3; } /* CSSBug: for IE6 */ /* IE6 のみ中身を position: absolute するための起点作り */ * html div#submenu { position: relative; height: 300px; /* 中身を position: absolute; で位置指定しているので高さの指定が必要 */ } h2#submenutitle { text-indent: -9999px; height: 0; } /* CSSBug: for IE6 */ * html h2#submenutitle { display: none; } div#submenu h3 { margin-bottom: -6px; } /* CSSBug: for IE7 */ *+html div#submenu h3 { margin-bottom: 0px; } /* CSSBug: for Opera 8 以降(IE7 の CSSBug が Opera 8 以降にも適用されてしまうための対策 */ *+html>/**/body div#submenu h3 { margin-bottom: -6px; } /* CSSBug: for IE6 */ * html div#submenu h3 { margin-bottom: 0px; } /* CSSBug: for IE6 */ /* ellesse ロゴ */ * html div#submenu h3#sub_ell { position: absolute; top: 0px; left: 1px; } /* CSSBug: for IE6 */ /* ぐーチョコランタンロゴ */ * html div#submenu h3#sub_goo { position: absolute; top: 205px; left: 1px; } div#submenu ul { list-style-type: none; text-align: left; /*margin-left: 24px;*/ } div#submenu ul li { height: 22px; } /* CSSBug: for IE7 */ *+html div#submenu ul li { margin-bottom: -1px; } /* CSSBug: for Opera 8 以降(IE7 の CSSBug が Opera 8 以降にも適用されてしまうための対策 */ *+html>/**/body div#submenu ul li { margin-bottom: 0px; } /* CSSBug: for IE6 */ /* ellesse - MTB-1 リンク */ * html div#submenu ul li#sub_ell_FREECARRY { position: absolute; top: 51px; left: 0px; } /* CSSBug: for IE6 */ /* ellesse - Comfort リンク */ * html div#submenu ul li#sub_ell_MAMA { position: absolute; top: 73px; left: 0px; } /* CSSBug: for IE6 */ /* ellesse - 折りたたみリンク */ * html div#submenu ul li#sub_ell_KIDS { position: absolute; top: 95px; left: 0px; } /* CSSBug: for IE6 */ /* ellesse - 小径車 */ * html div#submenu ul li#sub_ell_FOLDING { position: absolute; top: 117px; left: 0px; } /* CSSBug: for IE6 */ /* ellesse - 軽快車 */ * html div#submenu ul li#sub_ell_COMPACT { position: absolute; top: 139px; left: 0px; } /* CSSBug: for IE6 */ /* ellesse - 軽快車 */ * html div#submenu ul li#sub_ell_COMFORT { position: absolute; top: 161px; left: 0px; } /* CSSBug: for IE6 */ /* ellesse - 軽快車 */ * html div#submenu ul li#sub_ell_MTB { position: absolute; top: 183px; left: 0px; } /* CSSBug: for IE6 */ /* ぐーチョコランタン - デラックスリンク */ /* * html div#submenu ul { position: absolute; top: 256px; left: 0px; } */ /* CSSBug: for IE6 */ /* ぐーチョコランタン - スタンダードリンク */ * html div#submenu ul li#sub_goo_std { position: absolute; top: 278px; left: 0px; } /* div#submenu ul li a:hover { color: #4af; text-decoration: underline; } div#submenu ul li a:active { color: #f88; text-decoration: none; } */ div#maincontents { float: left; width: 529px; border-right: 1px solid black; text-align: left; background: white; } /* CSSBug: for IE6 */ * html div#maincontents { width: 528px; text-align: center; } p#currentpos { text-align: left; padding-left: 16px; border-bottom: 1px solid black; } h2#currendpostitle, h2#maincontentstitle { text-indent: -9999px; height: 0; } /* CSSBug: for IE6 */ * html h2#currendpostitle,* html h2#maincontentstitle { display: none; } div#copyright { clear: both; } /* 工事中文章 */ p.UnderPreparation { margin-top: 32px; margin-right: 0px; margin-bottom: 32px; margin-left: 0px; font-size: 200%; }