/*** General Settings***/
body { padding: 0; margin: 0; background-color: /*#F1EFEA*/ #fff;
       font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
       line-height: 25px; behavior: url(../js/csshover.htc); }
div#body-top { width: 1024px/*1000px*/; margin: 0 auto; background-color: #fff; padding: 5px 0; }
/* p { margin: 0; } */

#container { margin: 0 auto; }
#wrapper { padding: 10px 20px; }
div.mainbox { font-size: 10pt; }

a { color: #0076BF/*#44A0D6*/; text-decoration: none; }
a:hover { text-decoration: none; color: #00ADFF; /*background-color: rgba(0, 102, 204, 0.1);*/ }
/* ul { padding: 0 10px; margin: 0; } */
h1,h2,h3 { color: /*#1D5C79*/#222; }
img { border: 0; }
dt { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; border: 0; font-size: inherit; }
table.normal { border-collapse: collapse; border-spacing: 0; border: 0; font-size: inherit; width: 100%;
               border-spacing: 5px; }
table.normal img { /*margin: 5px 0 0 0;*/ }
.tbox { height: 25px; margin: 0 0 10px 0; }
.vbl { height: 30px;
       background: url(../img/v_dottedline_CCC.gif) 10px 0 repeat-y; }

td { margin: 0; border: 0; padding: 0; }
h1 { margin: 0; }
/* FORMS */

.submit-r input { float: right; padding: 10px; }

form.uniForm input[type="text"], form.uniForm input[type="password"] { width: /*250px*/180px; }
form th { text-align : left; }
form.signup input[type="submit"], form.login input[type="submit"] { margin: 20px 0; font-size: 14pt; }
/* input[type="text"], input[type="password"], textarea {
   padding: 3px; margin: 3px 0; border: solid 4px #8EC31F; width: 90%;
   color: #666; font-size: 12pt;
   background: #F3F3F3 url("../pinax/images/form-shadow.png") left top repeat-x; } */
ul.errorlist { padding: 0 0 0 3px; list-style: none; color: #ff0000; border: 1px dotted #ff0000; font-size: 9pt;
               background-color: /*#6E5934*/#ffc0cb; margin: 5px 5px 0 0; }
.help { color: #809db9; font-size: 9pt; }
.multi-checkbox ul { list-style-type: none; padding: 0; }
.multi-checkbox ul li { float: left; padding: 7px 10px 3px 0; font-size: 9pt; white-space: nowrap; }
.multi-checkbox ul li label { /*float: left;*/ }
table.tsignup th { font-weight: normal; width: 200px; font-size: 10pt; }

/* BUTTONS */
.yellow-btn {  background: url("../img/yellow_bar.png") 0 0 repeat-x; text-align: center;
              display: block; color: #fff; height: 33px; padding-top: 7px; border: 1px solid #FFBC1B;  }

.blue-btn { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto;
            -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px;
            -moz-border-radius-topright: 8px; -moz-box-shadow: 0 2px 2px #888888; background-attachment: scroll;
            background-color: #0066CC; background-image: none; background-position: 0 0; background-repeat: repeat;
            border-bottom-color: #0066CC; border-bottom-style: solid; border-bottom-width: 3px;
            border-left-color-ltr-source: physical; border-left-color-rtl-source: physical;
            border-left-color-value: #0066CC; border-left-style-ltr-source: physical;
            border-left-style-rtl-source: physical; border-left-style-value: solid;
            border-left-width-ltr-source: physical; border-left-width-rtl-source: physical;
            border-left-width-value: 3px; border-right-color-ltr-source: physical;
            border-right-color-rtl-source: physical; border-right-color-value: #0066CC;
            border-right-style-ltr-source: physical; border-right-style-rtl-source: physical;
            border-right-style-value: solid; border-right-width-ltr-source: physical;
            border-right-width-rtl-source: physical; border-right-width-value: 3px;
            border-top-color: #0066CC; border-top-style: solid;
            border-top-width: 3px; color: #EEEEEE;
            cursor: pointer; display: block;
            font-size: 15px; font-weight: bold;
            height: 32px; line-height: 32px; text-align: center;
            margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0;
            text-decoration: none; width: 192px; }

.sky-btn {
           moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto;
           -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px;
           -moz-border-radius-topright: 8px; -moz-box-shadow: 0 2px 2px #888888; background-attachment: scroll;
           -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
           -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;
           -webkit-box-shadow: 0 2px 2px #888888;
           background-color: #E7F0FE; background-image: none; background-position: 0 0; background-repeat: repeat;
           border-bottom-color: #E7F0FE; border-bottom-style: solid; border-bottom-width: 3px;
           border-top-color: #E7F0FE; border-top-style: solid;
           border-top-width: 3px; color: #1D5C79;
           border: 1px solid #BFCEEA;

            border-left-color-ltr-source: physical; border-left-color-rtl-source: physical;
            border-left-color-value: #BFCEEA; border-left-style-ltr-source: physical;
            border-left-style-rtl-source: physical; border-left-style-value: solid;
            border-left-width-ltr-source: physical; border-left-width-rtl-source: physical;
            border-left-width-value: 3px; border-right-color-ltr-source: physical;
            border-right-color-rtl-source: physical; border-right-color-value: #BFCEEA;
            border-right-style-ltr-source: physical; border-right-style-rtl-source: physical;
            border-right-style-value: solid; border-right-width-ltr-source: physical;
            border-right-width-rtl-source: physical; border-right-width-value: 3px;
            cursor: pointer; display: block;
            font-size: 10pt; font-weight: bold;
            height: 32px; line-height: 32px; text-align: center;
            margin: 10px auto; text-decoration: none; width: 80%; }

.yellow-btn:hover {  background: #FFBC1B; color: #fff; }
.blue-btn:hover {  background-color: #003399; border-bottom-color: #003399; border-top-color: #003399; }
.sky-btn:hover {  background-color: #DCE9F2; border-bottom-color: #DCE9F2; border-top-color: #DCE9F2;
                 border: 1px solid #BFCEEA; }


/*** base.html ***/
h1#title { }
td#g-left { width: 300px; }
#gheader-box { width: 900px; margin: 0 auto; }
.u-info { float: right; width: 400px; margin: 5px; }
.search-box { width: 1024px; text-align: center; padding: 10px 0; border-bottom: 1px solid #B0B0B0;
              }
/* .search { width: 670px; margin: 0 auto; height: 40px; font-size: 0; line-height: 0; overflow: hidden; } */
#sbtn { margin: 5px 0 0 0; }
#search-lbl { width: 120px; height: 31px;
              background: url("../img/search/search_icon.png") 0 0 no-repeat; }
.gnavi { height: 48px; font-size: 10pt; /*width: 600px;*/ clear: both;
         background: #fff; font-size: 10pt; }
.gnavi ul { width: 1000px; }

/** size btn */
table.size div { height: 27px; width: 25px; cursor: pointer; }
table.size div#size-lbl { width: 65px; height: 14px;
                        background: url(../img/header/size.png) 0 0 no-repeat; }

#size-s { height: 27px; width: 25px;
          background: #fff url(../img/header_fontsize.gif) 0 0 no-repeat; }
#size-s.selected-s { height: 27px; width: 25px;
                   background: #fff url(../img/header_fontsize.gif) 0 -28px no-repeat; }
/*#size-s:hover { height: 27px; width: 25px;
                background: url(../img/header_fontsize.gif) 0 -28px no-repeat; }*/

#size-m { height: 27px; width: 25px;
          background: #fff url(../img/header_fontsize.gif) -25px 0 no-repeat; }
#size-m.selected-s { height: 27px; width: 25px;
                   background: #fff url(../img/header_fontsize.gif) -25px -28px no-repeat; }
/*#size-m:hover { height: 27px; width: 25px;
                  background: url(../img/header_fontsize.gif) -25px -28px no-repeat; }*/

#size-l { height: 27px; width: 29px;
          background: #fff url(../img/header_fontsize.gif) -50px 0 no-repeat; }
#size-l.selected-s { height: 27px; width: 29px;
                   background: #fff url(../img/header_fontsize.gif) -50px -28px no-repeat; }
/*#size-l:hover { height: 27px; width: 29px;
                  background: url(../img/header_fontsize.gif) -50px -28px no-repeat; }*/


div#htel { width: 172px; height: 23px;
           background: url(../img/header_tell.gif) 0 0 no-repeat; }
div#hcontact { width: 181px; height: 23px;
               background: url(../img/header_contact.gif) 0 0 no-repeat; }

/** menu btns */
table.gmenu { margin: 0 auto; width: 100%; }
table.gmenu div { width: 139px; height: 50px; cursor: pointer; }
table.gmenu div#gnavi-left { width: 60px;
                             background: url(../img/g_menu.gif) 0 0 no-repeat; }
table.gmenu div#top { width: 80px;
                      background: url(../img/g_menu.gif) -60px 0 no-repeat; }
table.gmenu div#top:hover { background: url(../img/g_menu.gif) -60px -52px no-repeat; }
table.gmenu div#gcompany { background: url(../img/g_menu.gif) -140px 0 no-repeat; }
table.gmenu div#gcompany:hover { background: url(../img/g_menu.gif) -140px -52px no-repeat; }
table.gmenu div#gservice { background: url(../img/g_menu.gif) -279px 0 no-repeat; }
table.gmenu div#gservice:hover { background: url(../img/g_menu.gif) -279px -52px no-repeat; }
table.gmenu div#gwork { width: 139px;
                        background: url(../img/g_menu.gif) -418px 0 no-repeat; }
table.gmenu div#gwork:hover { background: url(../img/g_menu.gif) -418px -52px no-repeat; }
table.gmenu div#gnews { width: 133px;
                        background: url(../img/g_menu.gif) -557px 0 no-repeat; }
table.gmenu div#gnews:hover { background: url(../img/g_menu.gif) -557px -52px no-repeat; }
table.gmenu div#gfaq { width: 108px;
                       background: url(../img/g_menu.gif) -690px 0px no-repeat; }
table.gmenu div#gfaq:hover { background: url(../img/g_menu.gif) -690px -52px no-repeat; }
table.gmenu div#gpatent { width: 166px;
                          background: url(../img/g_menu.gif) -797px 0 no-repeat; }
table.gmenu div#gpatent:hover { background: url(../img/g_menu.gif) -797px -52px no-repeat; }
table.gmenu div#gnavi-right { width: 60px;
                              background: url(../img/g_menu.gif) -962px 0px no-repeat; }

.display-main { width: 1024px; margin: 0 auto;
                /*border: 1px solid #f1efea;*/ background-color: /*#fafafa*/#fff; }
.pain1,.pain2 { margin: 10px 10px 0 0; }
.leftmenu { width: 255px; }
.pain3 { padding: 5px 0; margin: 10px 0 0 0; }
.rightmenu { width: 240px; }

#pain3-box { width: 100%; }
.left-main { /*float: left; width: 470px*/; margin: 10px 10px 0 0;
             border: 1px solid #f1efea; }
.right-main { /*float: left;*/ width: 200px; padding: 5px 0; margin: 10px 0 0 0;
              border: 1px solid #f1efea; }
.box { margin: 5px 0; padding: 5px; }

.grey-box { margin: 5px 0; border: 1px solid #ccc; }
.green-box { margin: 5px 0; border: 1px solid #47b200;  }

.expand-area { display: none; }
.expand { height: 28px; width: 99px;
          background: url(../img/expand.gif) 0 0 no-repeat; }
.unexpand { height: 28px; width: 99px;
            background: url(../img/unexpand.gif) 0 0 no-repeat; }
.expand-btn { float: right; height: 28px; cursor: pointer; }
.expand-window { border-bottom: 1px solid #ccc; }
.expand-window-title { color: #0076BF; font-weight: bold; font-size: 11pt; margin: 10px 10px 0 10px; }
.expand-window-main { padding: 10px 10px 0 10px; }
.right-box { float: right; width: 55%; padding: 5px 0; }
.winicon { padding: 0 0 0 20px; background: url(../img/service/outside_link.gif) 0 5px no-repeat; }

#footer { color: #fff; margin: 0 auto; clear: both; }
#footer-line { height: 2px; border-top: 1px solid #a29d78; margin-top: 20px; }
#footer a.footer-link, #footer a.footer-link:visited { color: #888; }
.legal-links { float: right; padding: 0 5px 0 0; font-size: 9pt; }
.footer-link { padding: 2px 10px; }
.legal { padding: 5px 5px 5px 10px; /*border-top: 1px solid #fff;*/ }
.legal div { color: #6E5934; }
.trademark { float: left; font-size: 8pt; }
.vbar { padding: 1px 0; border-left: 1px solid #aaa; }
.totop { font-size: 9pt; margin: 30px 5px 20px 0; }
.totop div { float: right; text-decoration: underline; color: #0076BF; padding-left: 20px;
             background: url(../img/totop.gif) 0 8px no-repeat; }


#slider-top { width: 1024px; margin: 0 auto; }
#slider-bg { background: url(../img/slide_bg.gif) 0 0 repeat-x; }
#slider { margin: 0 auto; width: 918px; }
div.window { margin: 5px 5px 15px 5px; border: 1px solid /*#2B3B5E*/#ccc; }
div.window-title { padding: 5px 10px; background-color: /*#2B3B5E*/#6cc133; color: #fff; }
div.window-main { padding: 5px 10px; background-color: #fff; color: #444/*#1D5C79*/;
                  word-break: break-all; word-wrap: break-word;
                  text-align: justify; text-justify: inter-ideograph; }

.chapter-title-p { padding: 0; font-size: 14pt; border-bottom: 1px dotted #888; }
.chapter-title-p div { padding: 0 0 2px 13px; margin: 0 0 2px 0;
                       background: url(../img/service/vertical_line.gif) 0 0 repeat-y;
                       }
.chapter-title-t { padding: 0 0 3px 0; font-size: 12pt; font-weight: bold;
                   background: url(../img/corner_title_underline.gif) 0 0 repeat-x; }
.chapter-title-t p, .chapter-title-t div, .chapter-title-t h2 { height: 30px; padding-left: 13px; margin: 0 0 2px 0;
                                           background: url(../img/corner_title_l.gif) 0 0 no-repeat;
                                           }
.chapter-title-t .right-info-s { float: right; font-size: 9pt; margin: 5px 5px 0 0;
                               background: url(../img/arrow_orange.gif) 0 6px no-repeat; }
.chapter-title-t .right-info-s a { padding-left: 15px; }

.chapter-title { padding: 0; font-size: 12pt; font-weight: bold;
                 border-bottom: 1px dotted #888; }
.chapter-title p, .chapter-title div { /*height: 30px;*/ padding: 0 0 0 13px; margin: 0 0 2px 0;
                                       line-height: 25px;
                                       /*background: url(../img/corner_title_l.gif) 0 0 no-repeat;*/
                                       background: url(../img/service/vertical_line.gif) 0 0 repeat-y;
                                       }

.subchapter { font-weight: bold; padding: 0 0 0 15px;
              background: url(../img/bluepoint.gif) 0 7px no-repeat; }
.subsubchapter { font-weight: bold; }

.right-info-s { float: right; font-size: 9pt; color: #888; }
.right-info-m { float: right; font-size: 11pt; color: #888; }
.grey-info { font-size: 10pt; color: #888;  }
.chapter{ word-break: break-all; word-wrap: break-word;
  text-align: justify; text-justify: inter-ideograph; }
.text-midium { font-size: 14pt; }

ul.menu, ul.hmenu { list-style-type: none; padding: 0; }
ul.menu a { display: block; margin: 5px 0; padding: 5px; background-color: /*#f1efea*/#fff; }
ul.hmenu li { float: left; }
ul.hmenu li a { padding: 0 20px 0 0; }

table.form { width: 70%; border-collapse: collapse; margin-bottom: 30px; }
table.contact { width: 70%; border-collapse: collapse; margin-bottom: 30px; width: 100%; }
table.contact td.header { width: 40%; padding: 5px 10px; margin: 5px 0; color: #595757;
                          background-color: #eee; }
table.contact td.val { width: 60%; padding: 5px 10px; margin: 5px 0; color: #595757;
                       background-color: #ddd; }
table.contact td.val-nlw { width: 30%; padding: 5px 10px; margin: 5px 0; color: #595757;
                           background-color: #ddd; }
.white-line { height: 2px; font-size: 0; line-height: 0; }
table.contact input[type="text"], table.contact input[type="password"], table.contact textarea {
    padding: 3px; margin: 3px 0; border: solid 1px #999; width: 90%;
    color: #666; font-size: 12pt;
    background: #F3F3F3 url("../pinax/images/form-shadow.png") left top repeat-x; }
table.contact .hlp { color: #809DB9; font-size: 8pt; }
.submit-area { width: 300px; margin: 0 auto; }
.flow { float: left; }


.subtitle { padding: 5px 10px; margin: 30px 0; }
.header { width: 180px; font-size: 10pt; }
.val { font-size: 10pt; }
.table-line { height: 10px; border-bottom: 1px dotted #eee; margin-bottom: 10px; }
.dot { height: 10px; border-bottom: 1px dotted #eee; margin-bottom: 10px;
       font-size: 0; line-height: 0;}

#body-content { /*width: 880px; margin: 0 auto;*/ }

.display-sub { width: /*880px*/900px; margin: 0 auto; }

.bread { color: #CFDFBF; font-size: 9pt; padding: 2px 10px;
         background: #222 url(../img/pankuzu_haikei.gif) 0 0 repeat-x; }
.bread a { color: #CFDFBF; }

.padding-pain1 { margin: 10px 10px 0 /*40px*/20px; width: 650px; }

table.green-generic { border: 1px solid #ccc; margin: 10px 0; width: 100%; }
table.green-generic th { background-color: #6cc133/*#90C565*/; color: #fff;
                         border-left: 1px solid #ccc; padding: 5px;
                         border-bottom: 1px solid #ccc; }
table.green-generic td { border-left: 1px solid #ccc; padding: 5px;
                         border-bottom: 1px solid #ccc; }
table.green-generic tr { border-top: 1px solid #ccc; }
table.green-generic tr.g td { border-top: 1px solid #ccc; background-color: #edf7e6; }
td-left { float: left; }
td-right { float: right; }

table.green { border: 1px solid #BBDB9F; margin: 10px 0; width: 100%;
              font-size: 10pt; }
table.green th { background-color: #6CC133/*#90C565*/; color: #fff; padding: 5px;
                 text-align: center; border-left: 1px solid #ccc; }
table.green td { border-left: 1px solid #BBDB9F; }
div.g { background-color: #F2F8ED; padding: 5px; }
div.w { background-color: #fff; padding: 5px; }
div.gl { height: 0px; border-bottom: 1px solid #BBDB9F; font-size: 0; line-height: 0; }

.sspace { margin: 5px; }
.space { margin: 10px; }
.space-v { margin: 10px 0; }
.space-vb { margin: 40px 0; }
.space-t { margin: 10px 0 0 0; }
.space-b { margin: 0 0 10px 0; }
.space-h { margin: 0 10px; }
.indent1 { margin-left: 5px; }
.indent2 { margin-left: 10px; }
.indent3 { margin-left: 20px; }


/* blog settings */
#blog-header { height: 40px; width: 221px;
               background: url(../img/blog/localnavi_head.gif) 0 0 no-repeat; }
.blog-menu { list-style-type: none; padding: 0; }
.blog-menu div { height: 45px; width: 219px;
                border-bottom: 1px solid #ccc ;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                background: url(../img/bluepoint.gif) 5px 19px no-repeat; }
.blog-menu div a { display: block; padding: 10px 0 10px 20px; color: #222; font-weight: bold; font-size: 10pt; }
.blog-menu div a:hover { color: #0076BF; }

.blog-post { /*border: 1px solid #999; background-color: #eee; */ margin-bottom: 10px;  }
.blog-box { /*border: 1px solid #999;*/ background-color: #fff; margin: 3px 3px 100px 3px; position: relative; }
.blog-box p { margin-right: 10px; /*width: 660px;*/ word-break: break-all;  word-wrap: break-word;
              padding: 0px; margin: 0px; }
.blog-post-meta { width: 180px; margin: 0 0 0 20px; padding-left: 10px; }
.blog-under-title { font-size: 10pt; }
.blog-meta { padding: 0 10px; float: left; color: /*#888*/#222; }
.blog-meta-right {  float: right; padding-right: 5px; }
.blog-tags {  padding-left: 10px; color: #888; font-size: 10pt; }
.blog-post h2 { /*font-style: normal; text-shadow: 4px 4px 4px #ccc;*/ margin: 0px; padding: 10px; }
.blog-post h2 a { font-weight: bold; color: #222; }
.blog-post h2 a:hover { color: #0076BF; }

.blog-post-tease {  width: 97%; margin: 10px 10px; word-wrap: break-word; word-break: break-all;
                   text-align: justify; text-justify: inter-ideograph;
                   font-size: 10pt; color: /*#444*/#222; }
.blog-post-tease p { word-break: break-all; word-wrap: break-word; margin-bottom: 15px;  }
.blog-post-tease img { /*float: left;*/ padding: 3px 10px 3px 0; }
.blog-writer-img {  margin: 0 10px 0 0; }
.blog-comments-box h3 {  text-shadow: 4px 4px 4px #ccc; }
.blog-title-area {  border-bottom: 1px dotted #999; margin: 0; padding-bottom: 5px;
                   font-weight: bold; }
.blog-readmore {  float: right; height: 50px; width: 110px;
                 background: url("../img/readmore.png") no-repeat scroll 0 -60px; }
.blog-readmore2 a { float: right; }

.blog-readmore-sticker {  padding-top: 20px; font-size: 10pt; }
.top-title {  font-size: 14px; padding: 5px; }
.comment-form {  list-style-type: none; }
.comment-submit {  float: right; }
.comment-box {  width: 450px; padding-bottom: 20px;  }
.preview-box {  border: 1px dotted #888; padding: 10px; margin-bottom: 20px;  }

pre {  padding: 10px; border: 1px dotted #888; background-color: #f5f5dc;
      text-align: justify; text-justify: inter-ideograph; }

.what_next { margin: 20px 10px; }
.what_next dt { }
.what_next dd { margin: 0 0 20px 10px; }

.pager-box { width: 100%; }
.pagination { margin: /*20px 10px 0 0*/10px; }
.page { padding: 3px 5px; margin: 0 5px; background-color: /*#7A87AC*/#81BF43; /*border: 1px solid #888;*/
        color: #fff; font-size: 10pt; }
a.page:hover { /*color: #ff0000;*/ background-color: #A5F055; color: #fff; }
.pagination .current { background-color: /*#fff*/#eee; color: #44A0D6; }
.font-ss { font-size: 8pt; }
.font-s { font-size: 9pt; color; #444; }
.font-mm { font-size: 10pt; }
.font-m { font-size: 11pt; }
.font-b { font-size: 14pt; }
.font-bb { font-size: 18pt; }
.font-hb li { margin: 10px 0; }
.label { padding: 3px 5px; margin: 2px 10px 2px 0; color: #000; font-size: 9pt; }

.patent-info dd { margin: 0 5px 20px 10px; }
.box-number { margin: 0 5px; width: 25px; height: 19px; }
.no-1 { background: url(../img/patent/ranking.gif) 0 0 no-repeat; }
.no-2 { background: url(../img/patent/ranking.gif) 0 -32px no-repeat; }
.no-3 { background: url(../img/patent/ranking.gif) 0 -64px no-repeat; }
.no-4 { background: url(../img/patent/ranking.gif) 0 -96px no-repeat; }
.no-5 { background: url(../img/patent/ranking.gif) 0 -128px no-repeat; }

.kwd { color: #ff0000; margin: 0 3px; }
.snip { margin: 0 0 0 15px; color: #444; }
.docicon { margin: 0 10px; padding-left: 20px;
           background: url(../img/search/icon.gif) 0 4px no-repeat; }

/*** search ***/
.warn { color: #FF7140; }
.warnning-box {  padding: 5px 10px; background: #EFD; margin: 10px; border: 1px solid #BC9;  }
.strong-box { padding: 5px 10px; margin: 20px 10px; background-color: #fff; border: 1px dotted #8EC31F; }
#search-nokwd {  padding: 10px; color: #666; line-height: 18px;  }
div.h2box {  color: #fff; background-color: #7A87AC; padding: 7px; font-size: 14pt; }
div.h4box {  color: #fff; background-color: #7A87AC; padding: 5px; font-size: 12pt;  }
.srch-distbox {  padding: 10px 0 10px 3px;  }
.srch-list {  margin-left: 20px;  }

.r-pager { float: right;  }
.curpage { list-style-type: none; float: left; padding: 3px 5px; /*border: 2px solid #888;*/
           background-color: /*#fff*/#eee; color: #44A0D6; margin: 0 3px; }
li.pager { list-style-type: none; float: left; /*border: 1px solid #888;*/ background-color: /*#7a87ac*/#81BF43;
           margin: 0 3px; }
a.pager-a { display: block; padding: 3px 5px; color: #fff;  }
a.pager-a:hover { background-color: /*#f6f6f6*/#A5F055;  }




/*** threadedcomment ***/
.hidden { display: none; }
.thread-0 { margin-left: 0px; }
.thread-1 { margin-left: 0px; }
.thread-2 { margin-left: 0px; }
.thread-3 { margin-left: 0px; }
.thread-4 { margin-left: 0px; }
.thread-5 { margin-left: 0px; }
.thread-6 { margin-left: 0px; }
.thread-7 { margin-left: 0px; }
.thread-8 { margin-left: 0px; }
.thread-9 { margin-left: 0px; }

.responses { font-size: 14px; }
.responses .even, .topics .even { background-color: #fafafa; }
.responses .odd, topics .odd { background-color: #f3f3f3; }

div.meta {
    float: left;
    width: 100px;
    margin: 4px;
    padding: 4px;
    font-size: 12px;
}

.responses li { list-style-type: none; }
.bulk a { font-size: 12px; }

#id_comment { height: 100px; margin: 20px 10px; }

.grant-date { width: 400px; font-size: 9pt; color: #444; padding: 0 0 5px 0; }
.grant-title { background: url(../img/icon_file.gif) 0 5px no-repeat; }
.grant-title a { margin: 0 0 0 20px; }
.news-date { width: 400px; font-size: 9pt; color: #444; padding: 0 0 5px 0;
             background: url(../img/h_dottedline_CCC.gif) 0 13px repeat-x;
             float: left; }
.news-date span { background-color: #fff; padding: 0 5px 0 0; float: left; }
.news-space { margin: 10px 10px 10px 10px; }
.rlabel { float: right; width: 90px; height: 15px; margin-top: 5px; }
/*
.event { margin-right: -13px;
         background: #fff url(../img/news_label.gif) 5px 0 no-repeat; }
.patent { margin-right: -27px;
          background: #fff url(../img/news_label.gif) 5px -20px no-repeat; }
.achievement { margin-right: -27px;
               background: #fff url(../img/news_label.gif) 5px -40px no-repeat; }
.press { margin-right: -9px;
         background: #fff url(../img/news_label.gif) 5px -60px no-repeat; }
.company { margin-right: -27px;
           background: #fff url(../img/news_label.gif) 5px -80px no-repeat; }
.blog { margin-right: -40px;
        background: #fff url(../img/news_label.gif) 5px -100px no-repeat; }
.otherwise { margin-right: -40px;
             background: #fff url(../img/news_label.gif) 5px -120px no-repeat; }
*/
.text { text-align: justify; text-justify: inter-ideograph; word-break: break-all; word-wrap: break-word; }
.product { width: 250px; height: 40px; }
.product-title { width: 250px; height: 40px;
                 background: url(../img/items_window_top.gif) 0 0 no-repeat; }
.product-main { width: 250px;
                background: url(../img/items_window_base.gif) 0 0 repeat-y; }
.product-bottom { width: 250px; height: 15px;
                  background: url(../img/items_window_btm.gif) 0 0 repeat-y; }
.product-inner { padding: 10px 30px 0 20px; line-height: 20px; }

.gline { height: 6px; background: url(../img/items_hline.gif) 0 0 repeat-x; }

.pickup { margin: 5px 0; padding: 2px 0 5px 0;
          background: url(../img/items_pickup.gif) 0 3px no-repeat; }
.pickup div { margin: 0 0 0 40px; }


.purpose-menu,.contact-menu { list-style-type: none; margin: 10px 0; padding: 0; }
.contact-box { width: 221px; }
.contact-menu li { padding: 5px 0 0 0; }
.contact-menu p { padding: 0 0 0 10px; }
.contact-menu-p3 { width: 210px; margin: 10px 0 0 8px; }
.purpose-menu li { height: 55px;
                   border-bottom: 1px dotted #0084D6; }
.purpose-menu div { width: 230px; height: 50px; cursor: pointer; }
#purpose1 { background: url(../img/purpose.gif) 0 0 no-repeat; }
#purpose1:hover { background: url(../img/purpose.gif) -250px 0 no-repeat; }

#purpose2 { background: url(../img/purpose.gif) 0 -70px no-repeat; }
#purpose2:hover { background: url(../img/purpose.gif) -250px -70px no-repeat; }

#purpose3 { background: url(../img/purpose.gif) 0 -140px no-repeat; }
#purpose3:hover { background: url(../img/purpose.gif) -250px -140px no-repeat; }

#purpose4 { background: url(../img/purpose.gif) 0 -210px no-repeat; }
#purpose4:hover { background: url(../img/purpose.gif) -250px -210px no-repeat; }

#purpose5 { background: url(../img/purpose.gif) 0 -280px no-repeat; }
#purpose5:hover { background: url(../img/purpose.gif) -250px -280px no-repeat; }

#company-header { width: 221px; height: 39px;
                  background: url(../img/company/localnavi_head) 0 0 no-repeat; }
#service-header { width: 221px; height: 40px;
                  background: url(../img/service/localnavi_head.gif) 0 0 no-repeat; }
#work-header { width: 221px; height: 40px;
               background: url(../img/work/localnavi_head.gif) 0 0 no-repeat; }

.company-menu { list-style-type: none; padding: 0; }
.company-menu li { list-style-type: none; padding: 0; height: 48px; }
.company-menu div { width: 221px; height: 48px; cursor: pointer; margin: 0; padding: 0; }

#company-nav1.selected { background: url(../img/company/localnavi_rollover) 0 -1px no-repeat; }
#company-nav1:hover { background: url(../img/company/localnavi_rollover) 0 -1px no-repeat; }
#company-nav1 { background: url(../img/company/localnavi_normal) 0 -1px no-repeat; }
#company-nav2.selected { background: url(../img/company/localnavi_rollover) 0 -49px no-repeat; }
#company-nav2:hover { background: url(../img/company/localnavi_rollover) 0 -49px no-repeat; }
#company-nav2 { background: url(../img/company/localnavi_normal) 0 -49px no-repeat; }
#company-nav3.selected { background: url(../img/company/localnavi_rollover) 0 -97px no-repeat; }
#company-nav3:hover { background: url(../img/company/localnavi_rollover) 0 -97px no-repeat; }
#company-nav3 { background: url(../img/company/localnavi_normal) 0 -97px no-repeat; }


#service-nav1 { background: url(../img/service/localnavi_normal.gif) 0 0 no-repeat; }
#service-nav1:hover { background: url(../img/service/localnavi_rollover.gif) 0 0 no-repeat; }
#service-nav1.selected { background: url(../img/service/localnavi_rollover.gif) 0 0 no-repeat; }
#service-nav2 { background: url(../img/service/localnavi_normal.gif) 0 -48px no-repeat; }
#service-nav2:hover { background: url(../img/service/localnavi_rollover.gif) 0 -48px no-repeat; }
#service-nav2.selected { background: url(../img/service/localnavi_rollover.gif) 0 -48px no-repeat; }
#service-nav3 { background: url(../img/service/localnavi_normal.gif) 0 -96px no-repeat; }
#service-nav3:hover { background: url(../img/service/localnavi_rollover.gif) 0 -96px no-repeat; }
#service-nav3.selected { background: url(../img/service/localnavi_rollover.gif) 0 -96px no-repeat; }
#service-nav4 { background: url(../img/service/localnavi_normal.gif) 0 -144px no-repeat; }
#service-nav4:hover { background: url(../img/service/localnavi_rollover.gif) 0 -144px no-repeat; }
#service-nav4.selected { background: url(../img/service/localnavi_rollover.gif) 0 -144px no-repeat; }
#service-nav5 { background: url(../img/service/localnavi_normal.gif) 0 -192px no-repeat; }
#service-nav5:hover { background: url(../img/service/localnavi_rollover.gif) 0 -192px no-repeat; }
#service-nav5.selected { background: url(../img/service/localnavi_rollover.gif) 0 -192px no-repeat; }

#work-nav1 { background: url(../img/work/localnavi_normal.gif) 0 0 no-repeat; }
#work-nav1:hover { background: url(../img/work/localnavi_rollover.gif) 0 0 no-repeat; }
#work-nav1.selected { background: url(../img/work/localnavi_rollover.gif) 0 0 no-repeat; }
#work-nav2 { background: url(../img/work/localnavi_normal.gif) 0 -48px no-repeat; }
#work-nav2:hover { background: url(../img/work/localnavi_rollover.gif) 0 -48px no-repeat; }
#work-nav2.selected { background: url(../img/work/localnavi_rollover.gif) 0 -48px no-repeat; }
#work-nav3 { background: url(../img/work/localnavi_normal.gif) 0 -96px no-repeat; }
#work-nav3:hover { background: url(../img/work/localnavi_rollover.gif) 0 -96px no-repeat; }
#work-nav3.selected { background: url(../img/work/localnavi_rollover.gif) 0 -96px no-repeat; }


.loggedin { padding: 0 0 0 20px; }
.loggedin div { float: left; height: 31px; }
.loggedin .left { width: 30px;
                  background: url(../img/header_login_icon.gif) 0 0 no-repeat; }
.loggedin .center { color: #fff; padding: 3px 0 0 0; font-size: 8pt;
                    background: url(../img/header_login_base.gif) 0 0 repeat-x; }
.loggedin .right { width: 84px;
                   background: url(../img/header_logout.gif) 0 0 no-repeat; }

.imgbox { margin: 20px 0; text-align: center; }
.mapimgbox { border: 1px solid #ccc; height: 200px; margin: 20px 0; }

.anchor-box { margin: 30px 0 60px 0; }
.navibox { width: 232px; }

.bv-box { margin: 0 10px; padding: 0 0 0 15px;
          background: url(../img/service/vertical_line.gif) 0 0 repeat-y; }
.bv-box p { color: #108FCC; font-size: 12pt; font-weight: bold; margin: 5px 0; }

.hdot-box { margin: 40px 0; padding: 15px 0; text-align: center;
            border-top: 1px dotted #888; border-bottom: 1px dotted #888; }
.dot-box { margin: 40px 0; padding: 15px; text-align: center;
           border: 1px dotted #888; }

table.service-btn { margin: 10px 0 0 18px; }
table.service-btn div { cursor: pointer; width: 150px; height: 68px; }
#service-btn1 { background: url(../img/service/link.gif) 0 0 no-repeat; }
#service-btn2 { background: url(../img/service/link.gif) -155px 0 no-repeat; }
#service-btn3 { background: url(../img/service/link.gif) -310px 0 no-repeat; }
#service-btn4 { background: url(../img/service/link.gif) -465px 0 no-repeat; }

#contact-header { width: 224px; height: 35px; margin: 0;
                  background: url(../img/service/inquiry.gif) 0 0 no-repeat; }

.faqbox { margin: 10px 0 30px 0; }
.faqbox p { color: #0076BF; padding-left: 15px;
            background: url(../img/faq/point.gif) 0 7px no-repeat; }
.faqbox-inner { margin: 5px 0; padding: 10px; background-color: #FFFDF0; border: 1px solid #FFC190; }
.faqlink { color: #47B200; margin: 20px 0 0 0; }

ol.normal li { margin: 10px 0; }

a.anchor { margin: 0 5px; }

.aster { color: #ff6b00; font-size: 11pt; }

.footer-lafla a { color: #0076BF; }
.footer-lafla a:hover { color: #00ADFF; }

.list { list-style-type: none; padding: 0; }
.olist { padding: 0; margin-left: 25px; }

.list-title { float: left; padding-right: 10px; font-weight: bold; }
.list-content { float: left; width: 550px; }

.link { border-bottom: 1px solid #ccc; padding: 5px; }
.product-bg { width: /*614*/590px; height: 32px; color: #fff; padding: 4px 0 0 25px;
              background: url(../img/product/title_bg.gif) 0 0 no-repeat;
              font-size: 11pt; }

.menus-float div { float: left; padding: 0 20px 0 10px; }

table.sitemap { border-collapse: collapse; border-spacing: 0; border: 0; font-size: inherit; width: 100%;
               border-spacing: 5px; }
table.sitemap td { border-left: 1px dotted #888; padding-left: 10px; }
.lists { padding: 0 10px 40px 10px; }
.lists-title { padding-left: 25px;
               background: url(../img/blue_hbar.gif) 0 10px no-repeat; }
.lists-one { padding-left: 20px; margin: 0 0 0 5px;
             background: url(../img/blue_arrow.gif) 0 7px no-repeat; }
.lists-main {  }
.lists-main ul li { list-style-type: none; padding-left: 20px; margin: 15px 0 5px 20px;
                    background: url(../img/blue_arrow.gif) 0 7px no-repeat; }

.blue-text { color: #0076BF; }

button#page-control {
  border: 1px solid transparent;
  color: #6c757d;
  border-color: #6c757d;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  margin: 0;
  font-family: inherit;
  margin: 20px;
}