@charset "utf-8"; /* $Date: 2013-04-04 17:53:04 +0900 (木, 04 4 2013) $ $Rev: 1016 $ */ /* ---------- ---------- ---------- ::index:: 01. General 02. About Us 03. Products 04. Solutions 05. Downloads 06. Support ---------- ---------- ---------- */ /* 01. General ---------- ---------- ---------- */ div#MegaMenu { margin: 0 0 0 -485px; position: absolute; top: 116px; left: 50%; z-index: 200; width: 970px; zoom:1; } div#MegaMenu div#MegaMenuInner { border-top: 1px solid #d0d0d0; position: relative; color: #fff; background: #ededed; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); zoom: 1; color: #333; } div#MegaMenu div#MegaMenuInner > div { padding: 25px 15px 25px; } .js [id*="MegaMenu_"] { display: none; } div#MegaMenu a { color: #333; } div#MegaMenu ul { list-style: none; } /* Grid Layout ---------- ---------- */ div#MegaMenu div.GridWrap:after { content: ""; display: block; clear: both; } div#MegaMenu div.GridWrap { zoom: 1; } div#MegaMenu div.GridWrap div.Col { display: inline; float: left; } /* Grid Pattern (equality) ---------- */ /* Grid2 */ div#MegaMenu div.GridWrap.Grid2 { margin-right: -14px; } div#MegaMenu div.GridWrap.Grid2 div.Col { margin-right: 14px; width: 463px; } /* Grid3 */ div#MegaMenu div.GridWrap.Grid3 { margin-right: -14px; } div#MegaMenu div.GridWrap.Grid3 div.Col { margin-right: 14px; width: 304px; } div#MegaMenu div.GridWrap.Grid3 div.Size2 { width: 622px; } /* Grid4 */ div#MegaMenu div.GridWrap.Grid4 { margin-right: -16px; } div#MegaMenu div.GridWrap.Grid4 div.Col { margin-right: 16px; width: 223px; } div#MegaMenu div.GridWrap.Grid4 div.Size2 { margin-right: 15px; width: 463px; } div#MegaMenu div.GridWrap.Grid4 div.Size3 { width: 701px; } /* Grid5 */ div#MegaMenu div.GridWrap.Grid5 { margin-right: -15px; } div#MegaMenu div.GridWrap.Grid5 div.Col { margin-right: 15px; width: 176px; } div#MegaMenu div.GridWrap.Grid5 div.Size2 { width: 367px; } div#MegaMenu div.GridWrap.Grid5 div.Size3 { width: 553px; } div#MegaMenu div.GridWrap.Grid5 div.Size4 { width: 749px; } /* Grid6 */ div#MegaMenu div.GridWrap.Grid6 { margin-right: -14px; } div#MegaMenu div.GridWrap.Grid6 div.Col { margin-right: 14px; width: 145px; } /* general modules ---------- ---------- */ div#MegaMenu p , div#MegaMenu ul , div#MegaMenu dl { margin: 20px 0 0; } div#MegaMenu p:first-child , div#MegaMenu ul:first-child , div#MegaMenu dl:first-child { margin-top: 0; } div#MegaMenu dl dt { margin-bottom: 10px; padding: 0 0 0 13px; font-weight: bold; } div#MegaMenu dl dt.Link, div#MegaMenu dl dd.Link { position: relative; background: none; } div#MegaMenu dl dt.Link::before { content: ""; display: block; position: absolute; top: 0.3em; left: 2px; transform: rotate(45deg); width: 4px; height: 4px; border-top: solid 2px #ea0437; border-right: solid 2px #ea0437; } div#MegaMenu ul li.Link { position: relative; padding: 0 0 0 13px; } div#MegaMenu ul li.Link::before { content: ""; display: block; position: absolute; top: 0.3em; left: 4px; width: auto; height: auto; border-style: solid; border-width: 2.5px 0 2.5px 4px; border-color: transparent transparent transparent #666; } div#MegaMenu ul.HorizontalList li { margin: 0 15px 5px 0; display: inline-block; *display: inline; *zoom: 1; } div#MegaMenu ul.TitleAndBannerList.Horizontal li a span.Title { position: relative; background: none; } div#MegaMenu ul.TitleAndBannerList.Horizontal li a span.Title::before { content: ""; display: block; position: absolute; top: 0.3em; left: 2px; transform: rotate(45deg); width: 4px; height: 4px; border-top: solid 2px #ea0437; border-right: solid 2px #ea0437; } div#MegaMenu ul.BannerList li { margin: 10px 0 0; padding: 0; background: none; } div#MegaMenu ul.BannerList li img { vertical-align: top; } /* 03. About Us ---------- ---------- */ div#MegaMenu div#MegaMenu_AboutUs div.GridWrap div.MainCol { float: left; } div#MegaMenu div#MegaMenu_AboutUs div.GridWrap div.SubCol { margin-left: -1px; padding-left: 10px; border-left: solid 1px #8a8c8d; float: left; width: 176px; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal:after { content: ""; display: block; clear: both; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal { overflow: hidden; zoom: 1; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal li { float: left; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal li a { display: block; text-decoration: none; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal li a:hover , div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal li a:focus { text-decoration: underline; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal li a span.Title { margin: 0 0 10px; padding: 0 0 0 13px; display: block; font-weight: bold; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal.Grid4 { margin-left: -13px; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal.Grid4 li { width: 176px; margin: 0 0 0 13px; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal.Grid5 { margin-left: -15px; } div#MegaMenu div#MegaMenu_AboutUs ul.TitleAndBannerList.Horizontal.Grid5 li { width: 176px; margin: 0 0 0 15px; } /* 03. Products ---------- ---------- */ div#MegaMenu div#MegaMenu_Products dl dt { margin: 0 0 2px; font-weight: bold; } div#MegaMenu div#MegaMenu_Products dl dt.Link a.Blank{ background: url("../../img/common/icon_blank_02.gif") no-repeat right .2em; padding-right: 16px; } div#MegaMenu div#MegaMenu_Products dl dd { margin: 0 0 2px; font-size: 0.91em; } div#MegaMenu div#MegaMenu_Products dl dd.Link { padding: 0 0 0 13px; } div#MegaMenu div#MegaMenu_Products dl dd.Link::before { content: ""; display: block; position: absolute; top: 0.3em; left: 4px; width: auto; height: auto; border-style: solid; border-width: 2.5px 0 2.5px 4px; border-color: transparent transparent transparent #666; } div#MegaMenu div#MegaMenu_Products dl dd.Link a.Blank { position: relative; padding-right: 16px; background: url(../../img/common/icon_blank_02.gif) no-repeat right .1em; } div#MegaMenu div#MegaMenu_Products dl dd ul.StandardsIconList li { margin: 0 5px 5px 0; padding: 4px; float: left; background: none; list-style: none; width: 24px; height: 24px; background-color: #fff; text-align: center; } div#MegaMenu div#MegaMenu_Products dl dd ul.StandardsIconList li a { margin: -4px; padding: 4px; display: block; } /* 04. Solutions ---------- ---------- */ div#MegaMenu div#MegaMenu_Solutions ul.TitleAndBannerList.Horizontal:after { content: ""; display: block; clear: both; } div#MegaMenu div#MegaMenu_Solutions ul.TitleAndBannerList.Horizontal { overflow: hidden; zoom: 1; } div#MegaMenu div#MegaMenu_Solutions ul.TitleAndBannerList.Horizontal li { float: left; } div#MegaMenu div#MegaMenu_Solutions ul.TitleAndBannerList.Horizontal li a { display: block; text-decoration: none; } div#MegaMenu div#MegaMenu_Solutions ul.TitleAndBannerList.Horizontal li a:hover , div#MegaMenu div#MegaMenu_Solutions ul.TitleAndBannerList.Horizontal li a:focus { text-decoration: underline; } div#MegaMenu div#MegaMenu_Solutions ul.TitleAndBannerList.Horizontal li a span.Title { margin: 0 0 10px; padding: 0 0 0 13px; display: block; font-weight: bold; } /* 05. Downloads ---------- ---------- */ div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal:after { content: ""; display: block; clear: both; } div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal { overflow: hidden; zoom: 1; } div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal li { float: left; } div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal li a { display: block; text-decoration: none; } div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal li a:hover , div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal li a:focus { text-decoration: underline; } div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal li a span.Title { margin: 0 0 10px; padding: 0 0 0 13px; display: block; font-weight: bold; } div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal.Grid5 { margin-left: -15px; } div#MegaMenu div#MegaMenu_Downloads ul.TitleAndBannerList.Horizontal.Grid5 li { width: 176px; margin: 0 0 0 15px; } /* 06. Support ---------- ---------- */ div#MegaMenu div#MegaMenu_Support div.SubCol { margin-top: 15px; padding-top: 15px; border-top: solid 1px #8a8c8d; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal:after { content: ""; display: block; clear: both; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal { overflow: hidden; zoom: 1; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal li { float: left; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal li a { display: block; text-decoration: none; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal li a:hover , div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal li a:focus { text-decoration: underline; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal li a span.Title { margin: 0 0 10px; padding: 0 0 0 13px; display: block; font-weight: bold; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal.Grid4 { margin-left: -16px; } div#MegaMenu div#MegaMenu_Support ul.TitleAndBannerList.Horizontal.Grid4 li { width: 223px; margin: 0 0 0 16px; }