@charset "US-ASCII";
@import "elems.css";
@import "base.css";

body {
background:none;
color:#000;
font-size:14px;
*font-size:85%;
line-height:135%;
}
body, input, textarea, select {
font-family:"\FF2D\FF33\20\FF30\660E\671D", 
"Hiragino Mincho Pro", "\30D2\30E9\30AE\30CE\660E\671D\20Pro\20W3", 
Times, serif;
}
h1, h2, h3, h4, h5, h6, th, p.tagline,
#header, #copy,
#sidebar #contact address {
font-family:"Meiryo, "\30E1\30A4\30EA\30AA", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", 
"Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3", 
"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Lucida Grande", verdana, sans-serif;
}
a, a:visited {
color:#00F;
text-decoration:underline;
}
pre {
margin-bottom:15px;
}
pre.newsletter {
padding:0 15px;
color:#1D1D1D;
}
pre.sourcecode {
padding:15px;
border:#CCC solid 1px;
overflow:auto;
}
pre.sql {
font:100% courier;
}
pre.console {
background:#EEE;
color:#000;
}

#container {
position:relative;
width:630px;
margin:0 auto;
padding:0 5px;
}
#header {
position:relative;
width:100%;
margin-bottom:20px;
padding:0;
}
#header .inner {
margin:20px 0;
padding:20px 0;
border-top:#CCC solid 1px;
border-bottom:#CCC solid 1px;
}
#header .key-image {
background:none;
}
#header .key-image span.hidden,
#header .key-image span.page-heading {
display:inline;
}
#contents {
position:relative;
padding:0;
}
#contents div.inner {
position:relative;
width:100%;
}
#main-content {
width:630px;
}

#sidebar {
margin:20px 0 0;
width:630px;
border-top:#CCC groove 2px;
}
#sidebar #contact {
width:350px;
padding:0 10px 10px;
margin-top:20px;
float:left;
}
#sidebar #contact h3 {
padding:0 0 0.5em;
border-bottom:#000 dashed 1px;
margin-top:0;
margin-bottom:10px;
}
#sidebar #contact address {
margin-top:5px;
}
#sidebar #contact address span {
display:block;
}
#sidebar #certs {
border:#CCC solid 1px;
padding:10px 10px 5px;
width:230px;
margin-top:20px;
float:right;
}
#sidebar #certs ul.cert-seals {
}
#sidebar #certs ul.cert-seals li {
float:left;
}
#sidebar #certs ul.cert-seals li:last-child,
#sidebar #certs ul.cert-seals li.last-child {
float:right;
}

#footer {
float:none;
position:relative;
padding:15px 0 0;
margin:20px 0 0;
border-top:#CCC groove 2px;
}
#footer address {
padding:0 0 0 10px;
}
#footer address span {
display:inline;
padding-right:1em;
}
#footer .footer-addresses .name {line-height:200%;display:block;}
#footer .footer-addresses .zip:before { content:"\3012";}
#footer .footer-addresses address.head-office .name {font-weight:bold;}


#copy {
clear:both;
margin-top:20px;
padding:10px 0;
border-top:#000 solid 2px;
text-align:right;
}
#copy span {
font-size:90%;
text-align:right;
}


#contents .nowrap {
white-space:pre-wrap;
word-wrap:break-word;
}


#main-content h3, #main-content h4, #main-content h5, #main-content h6,
#main-content p, #main-content ul, #main-content ol, #main-content dl,
#main-content table {
margin-bottom:15px;
}
#main-content p, #main-content ul, #main-content ol {
line-height:150%;
}
#main-content blockquote {
padding:15px 15px 0.3em 20px;
margin-bottom:15px;
color:#333;
border:#CCC solid 1px;
border-left:#CCC solid 5px;
}
#main-content h1 {
margin:20px 0;
font-size:140%;
border-bottom:#999 solid 1px;
}
#main-content h1 span {
display:block;
padding:0 0 10px;
border-bottom:#C6C6C6 solid 3px;
}
#main-content h2 {
margin:20px 0;
font-size:125%;
border:#CCC solid 1px;
border-bottom:#999 solid 1px;
background:none;
}
#main-content h2 span {
display:block;
padding:10px 8px;
border-top:#D9D9D9 solid 1px;
border-bottom:#DDD solid 2px;
}
#main-content h3 {
margin:20px 0 15px;
font-size:115%;
padding-bottom:5px;
background:none;
border-bottom:#000 dashed 1px;
}
#main-content h3 span {
display:block;
padding:0.2em 5px;
border-left:#000 solid 4px;
}
#main-content h4 {
margin:20px 0 15px;
}
#main-content > :first-child,
#main-content * > h1:first-child,
#main-content * > h2:first-child,
#main-content * > h3:first-child,
#main-content blockquote > h2:first-child,
#main-content blockquote > h3:first-child,
#main-content th > h2:first-child,
#main-content td > h2:first-child,
#main-content th > h3:first-child,
#main-content td > h3:first-child {
margin-top:0;
}
#main-content .first {
margin-top:0;
}
#main-content ul {
list-style:disc;
padding-left:1.8em;
}
#main-content ul.square li {
list-style:square;
}
#main-content ul.link li.align-right {
list-style:none;
}
#main-content ul.plain {
padding-left:0;
list-style:none;
}
#main-content ol {
list-style:decimal;
margin-left:1.8em;
}
#main-content ol.lower-alpha li {
list-style:lower-alpha;
}
#main-content ol.upper-alpha li {
list-style:upper-alpha;
}
#main-content dl dt {
margin-bottom:0.7em;
padding-top:1em;
}
#main-content dl dt:first-child,
#main-content dl dt.first-child {
padding-top:0;
}
#main-content dl dd {
margin-top:0.5em;
padding-left:1em;
}
#main-content dl.faq {
padding-left:2em;
}
#main-content dl.faq dt {
display:list-item;
padding:8px 0;
border-bottom:#000 dashed 1px;
list-style:url("../img/marker_faq_q_print.png") outside;
}
#main-content dl.faq dt span {
}
#main-content dl.faq dt:first-child,
#main-content dl.faq dt.first-child {
margin-top:0;
}
#main-content dl.faq dd {
display:list-item;
padding:0;
list-style:url("../img/marker_faq_a_print.png") outside;
}
#main-content table.date-listing {
width:100%;
}
#main-content table.date-listing thead {
display:none;
}
#main-content table.date-listing tbody th {
padding: 0.7em 10px;
vertical-align:top;
font-weight:normal;
border-bottom:#999 dashed 1px;
}
#main-content table.date-listing tbody td {
padding: 0.7em 0;
vertical-align:top;
border-bottom:#999 dashed 1px;
}
#main-content table.date-listing tbody td span.title {
display:block;
color:#F60;
}
#main-content table.date-listing tbody td span.lead {
display:block;
color:#333;
}
#main-content table.date-listing tbody td img {
padding-left:3px;
vertical-align:top;
}
#main-content table.type-a {
width:100%;
border-top:1px solid #999;
border-left:1px solid #999;
}
#main-content table.type-a th,
#main-content table.type-a td {
border-bottom:1px solid #999;
border-right:1px solid #999;
vertical-align:top;
line-height: 150%;
}
#main-content table.type-a th {
padding:8px 10px;
text-align:center;
background:#EDF0F3;
}
#main-content table.type-a td {
padding:8px 0 8px 10px;
text-align:left;
}
#main-content table.type-b {
width:100%;
border-top:1px solid #999;
}
#main-content table.type-b th,
#main-content table.type-b td {
border-bottom:1px solid #999;
vertical-align:top;
line-height: 150%;
}
#main-content table.type-b th {
padding:8px 10px;
}
#main-content table.type-b td {
padding:8px 0 8px 10px;
}
#main-content table.sticky-enabled h2 {
background:none;
}
#main-content div.two-cols {}
#main-content div.two-cols div.col-01,
#main-content div.two-cols div.col-02 {
width:310px;
}
#main-content div.two-cols div.col-01 {
float:left;
}
#main-content div.two-cols div.col-02 {
float:right;
}
#main-content div.two-cols.ratio-1-2 div.col-01 {width:225px;}
#main-content div.two-cols.ratio-1-2 div.col-02 {width:395px;}
#main-content div.two-cols.ratio-1-3 div.col-01 {width:168px;}
#main-content div.two-cols.ratio-1-3 div.col-02 {width:452px;}
#main-content div.two-cols.ratio-1-4 div.col-01 {width:134px;}
#main-content div.two-cols.ratio-1-4 div.col-02 {width:486px;}
#main-content div.two-cols.ratio-1-5 div.col-01 {width:110px;}
#main-content div.two-cols.ratio-1-5 div.col-02 {width:510px;}

#main-content div.two-cols.image-left div.col-01,
#main-content div.two-cols.image-right div.col-02 {
float:left;
}
#main-content div.two-cols.image-left div.col-02,
#main-content div.two-cols.image-right div.col-01 {
float:right;
}
#main-content div.foot-note {
margin-top:5px;
margin-bottom:15px;
padding:15px 15px 0;
background:#F6F6F6;
border:1px solid #CCC;
}
#main-content div.solutions div.two-cols div.col-01,
#main-content div.solutions div.two-cols div.col-02 {
width:310px;
padding:0;
}
#main-content div.solutions div.two-cols div.header-wrap h2 {
margin:0;
padding:8px;
background:none;
}
#main-content div.solutions div.two-cols div.header-wrap h2 a {
padding:0px;
background:none;
}
#main-content div.solutions div.two-cols div.header-wrap p {
margin:0;
padding:10px 0;
}
#main-content div.solutions div.two-cols div.desc-wrap {
padding:10px 0;
}
#main-content div.solutions div.two-cols div.desc-wrap ul a {
background:none;
}
#main-content div.products div.product-info,
#main-content div.mailmagazine div.tech-info {
margin-top:20px;
}
#main-content div.products div.product-info h2,
#main-content div.mailmagazine div.tech-info h2 {
padding:8px;
margin-bottom:0;
}
#main-content div.products div.product-info h2 a,
#main-content div.mailmagazine div.product-info h2 a {}
#main-content div.products div.product-info h2 span,
#main-content div.mailmagazine div.tech-info h2 span {
display:inline;
border:none;
}
#main-content div.products div.two-cols,
#main-content div.mailmagazine div.two-cols {
padding:15px 15px 0;
border:#C6C6C6 solid 1px;
border-top:none;
page-break-inside:avoid;
}
#main-content div.products div.two-cols div.col-01,
#main-content div.mailmagazine div.two-cols div.col-01 {
width:120px;
}
#main-content div.products div.two-cols div.col-02,
#main-content div.mailmagazine div.two-cols div.col-02 {
width:460px;
}
#main-content div.products div.two-cols div.header-wrap h2,
#main-content div.mailmagazine div.two-cols div.header-wrap h2 {
margin:0;
padding:8px 0;
background:none;
}


form.webform-client-form {
border-top:#CCC solid 1px;
}
label {
font-weight:bold;
}
label.option {
font-weight:normal;
}
.webform-component-textfield,
.webform-component-select,
.webform-component-textarea,
.webform-component-date,
.webform-component-time,
.webform-component-textarea,
.webform-component-fieldset,
.webform-component-file,
.webform-component-email {
padding:10px;
border-bottom:#CCC solid 1px;
}
span.form-required {
color:#B33636;
}
.webform-submission-navigation {
text-align: right;
}
.webform-submission-next {
margin-left: 20px;
}
.webform-checkbox {
text-align: center;
width: 40px;
}
.webform-default-value {
color: #999;
}
.webform-results-per-page a.selected {
font-weight: bold;
}
tr.webform-add-form .tabledrag-changed {
display: none;
}
#webform-components tr.webform-add-form {
background-color: inherit;
}
form table.sticky-enabled th,
form table.sticky-enabled td div.form-item {
text-align:center;
}

.content-footer,
#menu,
#sub-nav,
#tabs-wrapper,
#header ul.utils,
#header ul.site-nav,
#header #google-search,
#main-content div.info-list ul,
#main-content div.booknav,
#sidebar ul.banners,
ul.pagetop-anchor,
body.front ul.link,
ul.footer-services,
body.front #header .key-image .slider-wrap {
display:none;
}