body { text-align: center; margin: 0; padding: 0; }
body, th, td { font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", sans-serif; }
p { margin: 0 0 1em; }
p, li, th, td { line-height: 140%; }
img { vertical-align: bottom; }
a { color: #00F; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }
a img { border-style: none; }
#wrap { text-align: left; position: relative; width: 750px; margin: 0 auto; }
#logo { position: absolute; top: 0; left: 7px; margin: 0; }
ul#menu { margin: 0 0 0 144px; padding: 0; list-style-type: none; }
ul#menu li { display: inline; }
#menu a { text-indent: -999em; width: 120px; height: 55px; overflow: hidden; float: left; margin-left: 1px; display: block; }
#company { background-image: url(../img/menu/company.gif); }
#business { background-image: url(../img/menu/business.gif); }
#products { background-image: url(../img/menu/products.gif); }
#support { background-image: url(../img/menu/support.gif); }
#contactus { background-image: url(../img/menu/contactus.gif); }
#menu-children { position: relative; clear: left; }
#menu-children ul { margin: 0; padding: 0; list-style-type: none; visibility: hidden; }
#menu-children ul a { color: #ffffff; width: 110px; padding: 2px 5px; border-top: 1px solid #fff; display: block; }
#menu-children ul a:hover { color: #000000; background-color: #FFD700; text-decoration: none; }
#children-company { background-color: #F19EC2; position: absolute; top: 0; left: 145px; }
#children-business { background-color: #EE87B4; position: absolute; top: 0; left: 266px; }
#children-products { background-color: #EB6EA5; position: absolute; top: 0; left: 387px; }
#children-support { background-color: #E85298; position: absolute; top: 0; left: 508px; }
p#submenu { text-align: right; clear: left; margin: 0; padding: 0.5em 0 1em 0; list-style-type: none; }
p#navigation { color: #fff; background-color: #E62F8B; margin: 0; padding: 2px 0.5em; }
#navigation a { color: #fff; }
#main { width: 550px; float: left; }
#main h1 { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif; font-size: 18px; margin: 16px 0 16px 0; }
#main h2 { color: #E62F8B; font-size: 14px; background-color: #e7e7e7; position: relative; margin: 0 0 12px; padding: 2px; border-color: #E62F8B; border-style: solid; border-width: 1px 1px 1px 18px; }
.to-pagetop { position: absolute; top: 2px; right: 2px; }
#main h2 a { color: #E62F8B; }
#main h3 { font-size: 14px; margin: 0 0 1em; }
#main li { margin-bottom: 4px; }
#right-side { width: 170px; float: right; margin-top: 16px; }
#right-side dl { margin: 0 0 1em; padding: 0; border-top: 1px solid #999; border-left: 1px solid #999; }
#right-side dt { color: #fff; font-size: 14px; background-color: #999; text-align: center; margin: 0; padding: 2px; }
#right-side dt a { color: #fff; }
#right-side dd { margin: 0; padding: 0; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#right-side dd span { padding: 2px; display: block; }
#right-side dd a { background-color: #ddd; width: 164px; padding: 2px; display: block; }
#right-side dd a:hover { background-color: #fff; text-decoration: none; }
#right-side dd ul { margin: 0; padding: 0; list-style-type: none; }
#right-side dd li { display: inline; }
#right-side dd li a, #right-side dd li span { width: 152px; padding-left: 14px; }
#index-in-page { margin: 0 0 1em; border: solid 1px #999; }
#right-side h2 { color: #fff; font-size: 14px; font-weight: normal; background-color: #999; text-align: center; margin: 0; padding: 2px; }
#index-in-page ul { margin: 2px; padding-left: 2em; }
#index-in-page ol { margin: 0; padding-left: 1em; }
p#bottommenu { color: #fff; background-color: #E62F8B; clear: both; margin: 0; padding: 2px 0.5em; }
#bottommenu a { color: #fff; }
#bottommenu a:hover { text-decoration: underline; }
p#copy { color: #666; font-family: verdana; margin: 0; }
.right { text-align: right; }
.float-right { float: right; margin: 0 0 12px 12px; }
.float-left { float: left; margin: 0 12px 12px 0; }
.clear { clear: both; }
a.arrow-right { background-image: url(../img/arrow_right_blue.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px; }
a:hover.arrow-right { background-image: url(../img/arrow_right_red.gif);}