/* ubicast Corporation */

html, body { text-align: center; background: #ffffff; font-size: 90%;  }

* { font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif; color: #333344; text-align: left; padding: 0; margin: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 1em; }
h1 { font-size: 130%; line-height: 50px; color: #003082; border-bottom: 1px dotted #003082; }
h2 { font-size: 120%; line-height: 150%; color: #003082; }
h3 { font-size: 110%; line-height: 150%; color: #003082; }
h4 { font-size: 100%; line-height: 150%; margin-bottom: 0.5em; }
h5 { font-size: 100%; line-height: 150%; margin-bottom: 0.5em; }
h6 { font-size: 100%; line-height: 150%; margin-bottom: 0.5em; }

table { width:620px; margin:5px 5px 20px 15px; border-spacing:0; border-collapse:collapse; border-style:solid; border-color:#999; border-width:1px 0 0 1px; float: left; }
table td { padding: 4px 4px 4px 12px; border: 1px solid #62676E; text-align: center;}
table th { background: #CCDDFF; padding: 4px 0 4px 0; text-align: center; border: 1px solid #62676E; }
table caption { margin:0 0 0 15px; font-weight: bold; }

p { font-size: 100%; line-height: 1.6em; text-indent: 0; margin-bottom: 0.6em; }
a { text-decoration: none; font-weight: bold; }
a:hover { color: #ff0000; text-decoration: underline; }

.attention { color: #FF0000; font-weight: bold; }

div.hidden { display: none; }
form.hidden {margin: 0; padding: 0;}

.bold { font-weight: bold; }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#wrap-head { margin: 0 auto; text-align: center; background: #fff url(/common/img/head_bg.gif) repeat-x; }

#head { position: relative; width: 960px; height: 80px; margin: 0 auto; }

#head div.logo { position: absolute; width: 170px; height: 50px; left: 0px; overflow: hidden; }

#head div.message p { font-size: 85%; color: #888888; position: absolute; left: 180px; top: 9px; width: 780px; overflow: hidden; text-indent: 0; line-height: 100%; }

#head div.search { position: absolute; left: 750px; top: 25px; margin: 5px 5px 0 0; width: 200px; height: 22px; text-align: right; }
#head div.search span.right {margin-right: 10px;}
#head div.search a { color: #62676E; }
#head div.search a:hover { color: #b31b34; }
#head div.search form { margin: 1px 0 0 4px; padding: 0; text-align: right; float: right;}
#head div.search form span { margin-top: 2px; }
#head div.search form span.right { padding-right: 15px; }
#head div.search input.field { width: 130px; height: 16px; margin-right: 10px; border: 1px solid #62676E; vertical-align: top; }
#head div.search input.button { width: 40px; height: 18px; font-size: 12px; color: #ffffff; text-align: center; background: url(../img/btn_search.gif) no-repeat; }

#head div.gnav ul { position: absolute; left: 15px; top: 53px; width: 780px; list-style: none; }
#head div.gnav ul a { text-decoration: none; color: #fff; padding-left: 10px; display: block; float: left; background: url(/common/img/bg_tab-left.gif) no-repeat left top; }
#head div.gnav ul a:hover { color: #003082; background: url(/common/img/bg_tab-left_on_line.gif) left top no-repeat; padding-left: 10px; }
#head div.gnav ul a:hover span { text-decoration: none; background: url(/common/img/bg_tab-right_on_line.gif) right top no-repeat; }
#head div.gnav ul a span { font-family: Verdana,Arial,Helvetica,sans-serif; color: #fff; display: block; float: left; background: url(/common/img/bg_tab-right.gif) no-repeat right top; padding: 4px 20px 4px 10px; cursor: pointer; }
#head div.gnav ul li {float:left;}
#head div.gnav ul li.current a { font-weight: bold; background: url(/common/img/bg_tab-left_on.gif) left top no-repeat; }
#head div.gnav ul li.current a span { font-size:115%; color:#003082; background: url(/common/img/bg_tab-right_on.gif) no-repeat right top; cursor: pointer; }

#wrap { width: 100%; margin: 0 auto; text-align: center; background: #ecedee; }

#wrap-body { position: relative; left: 0; top: 0; width: 960px; min-height: 400px; height: auto !important; height: 400px; margin: 0 auto; text-align: center; background: #FFFFFF none repeat scroll 0 50%; }

#body-main { width: 640px; overflow: hidden; margin: 0 5px; float: right; display: inline; }

/* breadcrumb area */
#body-main div.breadcrumb { margin: 0; padding: 2px; line-height: 1.2em; width: 640px; float: left; border-bottom: 1px dotted #A3AAB7; }
#body-main div.breadcrumb a { font-size: 90%; color: #333344; }

/* content area */
#content { margin: 1.6em 0 1em 0; }

#content h4 { padding: 0 0 0 0.5em; }
#content p { }

#content ul { margin: 0 0 1em; padding: 0; }
#content ul li { margin: 0; list-style-position: inside; }

#content ul.sitemap { float: left; }
#content ul.sitemap a:hover { backgroud: #00EEFF; text-decoration: none; }
#content ul.sitemap span.file { padding: 0 20px; background: transparent url(/common/img/page.gif) no-repeat scroll 0 50%; }
#content ul.sitemap span.folder { padding: 0 20px; background: transparent url(/common/img/folder.gif) no-repeat scroll 0 50%; }
#content ul.sitemap span.home { padding: 0 20px; background: transparent url(/common/img/nv/sitemap-home.gif) no-repeat scroll 0 50%; }
#content ul.sitemap span.contact { padding: 0 20px; background: transparent url(/common/img/contact.gif) no-repeat scroll 0 50%; }
#content ul.sitemap li { padding: 0 0 0 1em; list-style: none; }
#content ul.sitemap li ul{ }
#content ul.sitemap li ul li { }
#content ul.sitemap li ul li ul { }
#content ul.sitemap li ul li ul li { }

/* #content div.section { float: left; margin: 5px 0 5px 0; } */
#content div.section-image-center { padding: 0 0 15px 0; }
#content div.section-image-left { padding: 0 15px 15px 0; float: left; }
#content div.section-image-right { padding: 0 0 15px 15px; float: right; }
#content div.photo-caption { font-size: 80%; margin: 0 5px 8px; }
#content div.section div.section-paragraph {}
#content div.section div.section-paragraph ul li { margin: 0 0 0 2em; list-style-position: inside; }

#content div.twocol-first { width: 50%; float: left; }
#content div.twocol-second { width: 50%; float: right; }
#content div.twocol-second ul { border-left: none; }

#content div.section { }
#content div.subsection { }
#content div.subsubsection { }

#content img.left { float: left; padding: 0 1em 1em 0; }
#content img.center { float: center; }
#content img.right { float: right; padding: 0 0 1em 1em; }

#content div.index { margin: 1.5em 0 0 0; }
#content div.index h2 { margin: 0; padding: 4px 0 0 10px; color: #003082; background: url(/common/img/item_title_orange.gif) repeat; border: 1px solid #CCCCCC;}
#content div.index ul { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#content div.index ul li { margin: 0; padding: 0 10px 0 10px; list-style: none; border-bottom: 1px dotted #A3AAB7; }
#content div.index ul li h3 { margin: 0 0 0.2em 0; }
#content div.index ul li h3 a { color: #003082; }
#content div.index ul li p { margin: 0 0 0 0; padding: 0; font-size: 85%; }
#content div.index ul li div.teaser-folder { }
#content div.index ul li div.teaser-folder h3 { margin: 0; padding: 0 0 0 2.5em; background: transparent url(/common/img/folder.gif) no-repeat scroll left top; }
#content div.index ul li div.teaser-folder h3 a { color: #003082; }
#content div.index ul li div.teaser-folder p.date { font-size: 90%; margin: 0; padding: 0; text-align: right; }
#content div.index ul li div.teaser-page { }
#content div.index ul li div.teaser-page h3 { margin: 0; padding: 0 0 0 2.5em; background: transparent url(/common/img/page.gif) no-repeat scroll left top; }
#content div.index ul li div.teaser-page h3 a { color: #003082; }
#content div.index ul li div.teaser-page p.date { font-size: 85%; text-align: right; margin-bottom: 0; }

#content dl.refsite { padding: 0 0 1em 0; }
#content dl.refsite dt { font-weight: bold; }
#content dl.refsite dd { padding: 0 0 0 1em; }

#body-left div.similar { margin: 0 10px 20px 10px; background: #92E2E2; }
#body-left div.similar h2 { padding: 0 0 0 10px; color: #FFFFFF; font-size: 100%; background: url(/common/img/left_similar_title.gif) no-repeat; }
#body-left div.similar ul { margin: 0 0 0 15px; font-size: 80%; }
#body-left div.similar ul li { list-style: none; }
#body-left div.similar ul li h3 a { color: #333344; }
#body-left div.similar div.btm { height: 15px; background: url(/common/img/left_similar_btm.gif) top no-repeat; }

#body-left { margin: 0 5px; float: left; width: 300px; overflow: hidden; }

#body-left div.news { margin: 0 10px 10px; width: 280px;  overflow: hidden; }
#body-left div.news h2 { margin: 0; padding: 0 0 0 10px; font-size: 95%; color: #003082; background: url(/common/img/item_title_green.gif) repeat 0 50%; border: 1px solid #CCCCCC;}
#body-left div.news ul { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
/* { padding: 0 0 0 10px; font-size: 100%; color: #FFFFFF; background: url(/common/img/left_news_title.gif) no-repeat; } */
#body-left div.news ul li { padding: 3px 10px 0 10px; border-bottom: 1px dotted #A3AAB7; }
#body-left div.news ul li h3 { margin: 0 0 0.2em 0; padding: 0; font-size: 95%; background: none;}
#body-left div.news ul li h3 a { color: #3333AA;}
#body-left div.news ul li p { font-size: 85%; line-height: 140%; text-indent: 0;}
#body-left div.news div.news-btm { height: 15px; background: url(/common/img/left_news_btm.gif) top no-repeat; }

#body-left div.lpo { margin: 0 10px 10px; width: 280px;  overflow: hidden; }
#body-left div.lpo h2 { margin: 0; padding: 0 0 0 10px; font-size: 95%; color: #003082; background: url(/common/img/item_title_red.gif) repeat 0 50%; border: 1px solid #CCCCCC;}
#body-left div.lpo ul { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
/* { padding: 0 0 0 10px; font-size: 100%; color: #FFFFFF; background: url(/common/img/left_news_title.gif) no-repeat; } */
#body-left div.lpo ul li { padding: 3px 10px 0 10px; border-bottom: 1px dotted #A3AAB7; }
#body-left div.lpo ul li h3 { margin: 0 0 0.2em 0; padding: 0; font-size: 95%; background: none;}
#body-left div.lpo ul li h3 a { color: #3333AA;}
#body-left div.lpo ul li p { font-size: 85%; line-height: 140%; text-indent: 0;}
#body-left div.lpo div.news-btm { height: 15px; background: url(/common/img/left_news_btm.gif) top no-repeat; }

#body-left div.lpo_demo { margin: 0 10px 10px; width: 280px;  overflow: hidden; }
#body-left div.lpo_demo input.field { width: 180px; height: 16px; margin-right: 10px; border: 1px solid #62676E; vertical-align: top; }
#body-left div.lpo_demo input.button { width: 40px; height: 18px; font-size: 12px; color: #ffffff; text-align: center; background: url(../img/btn_search.gif) no-repeat; }

/* local navigation in left sidebar */
#body-left div.lnav { width: 300px; margin-bottom: 15px; }

#body-left div.lnav div.top { height: 10px;  background: url(/common/img/lnav_top.gif) top no-repeat; }

#body-left div.lnav div.btm { height: 10px; background: url(/common/img/lnav_btm.gif) top no-repeat; }

#body-left div.lnav div.content a { font-size: 100%; font-weight: normal; color: #002070; }
#body-left div.lnav div.content a.active { font-size: 100%; font-weight: bold; color: #002070; }
#body-left div.lnav div.content ul { list-style: none outside; background-color: #A3B0C2; margin: 0 10px; padding: 0;}
#body-left div.lnav div.content li { padding: 0.1em 0 0.2em 0.5em; }
#body-left div.lnav div.content span.folder { padding: 0 0 0 22px; background: transparent url(/common/img/folder.gif) no-repeat scroll 0; }
#body-left div.lnav div.content span.folder_new { padding: 0 0 0 22px; background: transparent url(/common/img/folder_new.gif) no-repeat scroll 0; }
#body-left div.lnav div.content span.folder_opened { padding: 0 0 0 22px; background: transparent url(/common/img/folder_opened.gif) no-repeat scroll 0; }
#body-left div.lnav div.content span.folder_new_opened { padding: 0 0 0 22px; background: transparent url(/common/img/folder_opened.gif) no-repeat scroll 0; }
#body-left div.lnav div.content span.file{ padding: 0 0 0 22px; background: transparent url(/common/img/page.gif) no-repeat scroll 0; }
#body-left div.lnav div.content span.file_new{ padding: 0 0 0 22px; background: transparent url(/common/img/page_new.gif) no-repeat scroll 0; }
#body-left div.lnav div.content span.contact{ padding: 0 0 0 22px; background: transparent url(/common/img/contact.gif) no-repeat scroll 0; }

/* document navigation in left sidebar */
#left-dnav a { font-size: 1.0em; color: #002070; }
#left-dnav ul { list-style: none outside; margin: 0 10px; padding: 0;}
#left-dnav ul li { margin: 0; padding: 3px 10px; }
#left-dnav ul li a{ font-weight: normal; }
#left-dnav ul li a{ font-size: 1.0em;}
#left-dnav ul li a.active { font-size: 1.2em; font-weight: bold; }
#left-dnav ul li ul { margin: 0; padding: 3px 0 0 0; }

/* link */
#body-left div.links { margin: 0 10px 15px 10px; padding: 0; width: 280px; overflow: hidden; }
#body-left div.links div { }

/* banner area in far-left */
#left-banner { margin: 0 10px 10px 10px; width: 280px; overflow: hidden; }
#left-banner div { border-top: 1px dotted #A3AAB7; }

/* rss */
#body-left div.rss { margin: 0 10px 10px 10px;  width: 280px; overflow: hidden; }
#body-left div.rss ul li { width:140px; padding: 0 0 0 55px; background: transparent url(/common/img/rss_plate.gif) no-repeat scroll 0; }
#body-left div.rss ul li aaa{ padding: 0 0 2px 48px; }
#body-left div.rss ul li a { color: #FFFFFF; font-weight: bold; font-size: 85%; }

#body_go_top { width: 940px; float: left; padding: 40px 20px 0 0; text-align: right; }
#body_go_top a { font-size: 90%; color: #333344; }

/* footer area */
#wrap-foot { margin: 0 auto; height: 55px; text-align: center; background: #fff url(/common/img/foot_bg.gif) repeat-x top; }

/* copyright in footer */
#foot { width: 960px; height: 45px; font-size: 75%; padding-top: 10px; margin: 0 auto; clear: both; }

/* ex. W3C icons */
#foot div.icon-right { float: right;  margin: 5px 15px 0 0; padding: 0; width: 180px; overflow: hidden; }
#foot div.icon-left { float: left; margin: 5px 0 0 15px; padding: 0; width: 180px; overflow: hidden; }
#foot div.copyright { margin: 0; padding: 0; width: 960px; }
#foot div.copyright p { text-align: center; }
/* webform */
table.webform_table { margin: 0 0 0 1px; width: 639px; }
table.webform_table .onlineform { width: 360px; border: 1px solid #62676E; }
table.webform_table td { text-align: left; }
span.webform_msg_error {color: #BB0000;}
span.webform_label_error {color: #BB0000;}

/* company table */
table#company td {
  text-align: left;
}
table#company td ul {
  padding: 0 0 0 1em;
}