/*** General Settings***/
body { padding: 0; margin: 0; 
       /*
       background-color: #fff;
       background-attachment:fixed;
       background-image: url("/site_media/static/img/bg.png");
       background-repeat: no-repeat;
       background-position: center;
          */
       font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
       line-height: 25px; 
       behavior: url(/site_media/static/js/csshover.htc); }

div#background-layer { z-index: -1; 
                       background-color: #fff; 
                       background-image: url("/site_media/static/img/bg.png");
                       background-repeat: no-repeat;
                       /*background-size: 1024px auto; */
                       margin: 0 auto;
                       width: 1024px;
                       position: fixed;
                       top: 0; left: 0; right: 0; bottom: 0; }

div#body-top { /*width: 1024px; margin: 0 auto;*/ padding: 0; }
div#body-main { }
p { margin: 0; }
#container { margin: 0 auto; }

#wrapper { padding: 10px 20px; }
div.mainbox { font-size: 10pt; }
#navigation2 {  }

a { color: #0076BF/*#44A0D6*/; text-decoration: none; }
a:visited {  }
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(/site_media/static/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; }
input[type="submit"], input[type="button"]
 { padding: 10px 5px; color: #fff; height: 40px;
   background: #888 url("/site_media/static/img/yellow_bar.png") 0 0 repeat-x;
   border: 1px solid #FFBC1B; }
input[type="submit"]:hover, input[type="button"]:hover { background: #FFBC1B; cursor: pointer;  }

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/*1px #BCCDF0*/; width: 90%;
    /*border-bottom: solid 1px #abbce0; */color: #666; font-size: 12pt;
    background: #F3F3F3 url("/site_media/static/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("/site_media/static/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; }


/* MESSAGES */
div#messages-box { margin: 0 auto; width: 1000px; }
ul#messages { list-style: none; width:980px; position:fixed; margin: 0 auto; top:0;
              padding: 30px 10px 10px; background: #fff; border: 1px solid /*#6eb92c*/#ccc;;
              border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; text-align:center; cursor: pointer;
              filter:alpha(opacity=95); opacity: 0.95;
              z-index:1200; }
ul#messages li { color: #1d5c79; font-size:20px;}
ul#messages li a { float: right; color: #693; }
#subnav ul { list-style-type: none; width: 900px; margin: 0 auto; }
#subnav li { float: left; padding-left: 10px; }

/* CLEARS */
.clearboth { clear: both; }
/* reference:
 *   http://www.positioniseverything.net/easyclearing.html
 *   http://www.zeldman.com/2006/10/27/ie7fixes1/
 *      comment by michael on 10/28/2006
 */
.clearfix { min-height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* hides from ie5-mac \*/
* html .clearfix { height: 1%; }
/* end hide from ie5-mac */



/*** base.html ***/
h1#title { }
td#g-left { width: 200px; }
#gheader { background-color: #fff; height: 70px; }
#gheader-box { width: 1024px; margin: 0 auto; padding: 10px 0 0 0; }
#gheader-box-inner { margin: 0 0 0 30px; }
.u-info { /*float: right; width: 700px;*/ 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("/site_media/static/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(/site_media/static/img/header/size.png) 0 0 no-repeat; }

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

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

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


div#htel { width: 172px; height: 23px;
           background: url(/site_media/static/img/header_tell.gif) 0 0 no-repeat; }
div#hcontact { width: 181px; height: 23px; 
               background: url(/site_media/static/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(/site_media/static/img/g_menu.gif) 0 0 no-repeat; }
table.gmenu div#top { width: 80px;
                      background: url(/site_media/static/img/g_menu.gif) -60px 0 no-repeat; }
table.gmenu div#top:hover { background: url(/site_media/static/img/g_menu.gif) -60px -52px no-repeat; }
table.gmenu div#gcompany { background: url(/site_media/static/img/g_menu.gif) -140px 0 no-repeat; }
table.gmenu div#gcompany:hover { background: url(/site_media/static/img/g_menu.gif) -140px -52px no-repeat; }
table.gmenu div#gservice { background: url(/site_media/static/img/g_menu.gif) -279px 0 no-repeat; }
table.gmenu div#gservice:hover { background: url(/site_media/static/img/g_menu.gif) -279px -52px no-repeat; }
table.gmenu div#gwork { width: 139px;
                        background: url(/site_media/static/img/g_menu.gif) -418px 0 no-repeat; }
table.gmenu div#gwork:hover { background: url(/site_media/static/img/g_menu.gif) -418px -52px no-repeat; }
table.gmenu div#gnews { width: 133px;
                        background: url(/site_media/static/img/g_menu.gif) -557px 0 no-repeat; }
table.gmenu div#gnews:hover { background: url(/site_media/static/img/g_menu.gif) -557px -52px no-repeat; }
table.gmenu div#gfaq { width: 108px;
                       background: url(/site_media/static/img/g_menu.gif) -690px 0px no-repeat; }
table.gmenu div#gfaq:hover { background: url(/site_media/static/img/g_menu.gif) -690px -52px no-repeat; }
table.gmenu div#gpatent { width: 166px;
                          background: url(/site_media/static/img/g_menu.gif) -797px 0 no-repeat; }
table.gmenu div#gpatent:hover { background: url(/site_media/static/img/g_menu.gif) -797px -52px no-repeat; }
table.gmenu div#gnavi-right { width: 60px;
                              background: url(/site_media/static/img/g_menu.gif) -962px 0px no-repeat; }

.display-top { height: 170px; padding-top: 45px; }
.display-top-inner { padding-top: 60px; font-size: 18pt; text-align: center; }

.display-top-inner-left { padding: 60px 0 0 30px; font-size: 18pt; text-align: left; width: 1024px; margin: 0 auto; }

.display-main { margin: 0 auto; filter:alpha(opacity=92); opacity: 0.92; background-color: #fff; 
                width: 1024px; 
                }
.display-main-inner { opacity: 1.0; z-index: 1;
                      width: 930px;
                      padding: 10px 20px; 
                      margin: /*0 0 0 110px*/0 auto;
                      line-height: 40px;
                      font-size: 15pt; 
                      font-family: "ＭＳ 明朝", serif;
                      /*border-top: 1px solid #eee;
                        border-bottom: 1px solid #eee;*/
                      }
.display-main-inner-l { width: 750px; float: left; margin-right: 20px; }
.display-main-inner-r { width: 120px; float: left; margin-top: 80px; }
.profile-data { font-size: 9pt; font-weight: bold; color: #444; line-height: 16px; 
                /* text-align: right;  margin: 2px 2px 0 0; */
                text-align: center;  margin: 5px 2px 0 0;
                font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
                }
/*
.display-main { width: 1024px; margin: 0 auto; 
                background-color: #fff; 
                filter: url("/site_media/static/svg/filter.svg#blur");
                -webkit-filter: blur(3px);
                height: 350px; width: 100%;
                opacity: 0.92;
                position: absolute;
                z-index: 0;
                }

.display-main-inner { opacity: 1.0; z-index: 1;
                      position: absolute;
                      width: 820px; 
                      z-index: 1;
                      padding: 10px 20px; 
                      margin: 0 0 0 110px;
                      line-height: 40px;
                      font-size: 16pt; 
                      font-family: "ＭＳ 明朝", serif;
                      }
*/

.pain1,.pain2 { margin: 30px 10px 0 0; }
.pain2 { font-family: "ＭＳ 明朝", serif; }

.leftmenu { width: 255px; }
.pain3 { padding: 5px 0; margin: 10px 0 0 0; }
.rightmenu { width: 240px; }

#pain3-box { width: 100%; background-color: #fff; margin-top: 100px; }
#pain3-box-inner { width: 1024px; background-color: #fff; margin: 0 auto; }

.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(/site_media/static/img/expand.gif) 0 0 no-repeat; }
.unexpand { height: 28px; width: 99px; 
            background: url(/site_media/static/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(/site_media/static/img/service/outside_link.gif) 0 5px no-repeat; }

#footer { color: #fff; margin: 0 auto; clear: both; background-color: #fff; 
          background: #fff url("/site_media/static/img/footer.png") 0 0 no-repeat;
          background-position: center; 
          width: 1024px; height: 320px;
          }
#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 { padding: 10px 5px 0 0; font-size: 9pt; }

.footer-link { padding: 2px 10px; }
.legal { padding: 150px 5px 0px 10px; }
.legal div { color: /*#6E5934*/#143E4C; }
.legal-zipcode { font-size: 9pt; line-height: 20pt; }
.trademark { float: left; font-size: 8pt; margin: 17px 0 0 10px; }
.vbar { padding: 1px 0; border-left: 1px solid #aaa; }
.totop { font-size: 9pt; padding-right: 20px; }
.totop div { float: right; text-decoration: underline; color: #0076BF; padding-left: 20px; 
             background: url(/site_media/static/img/totop.gif) 0 8px no-repeat; }
.box { width: 1024px; margin: 0 auto; background-color: #fff; }

.fhdr { padding: 0 10px 0 0; }

#slider-top { width: 1024px; margin: 0 auto; }
#slider-bg { background: url(/site_media/static/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 { padding: 5px 5px 15px 5px; }
.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(/site_media/static/img/service/vertical_line.gif) 0 0 repeat-y;
                       }
.chapter-title-t { padding: 0; font-size: 18pt; margin: 0 0 5px 0;
                   border-bottom: 1px dotted #ccc; }
.chapter-title-t p, .chapter-title-t div, .chapter-title-t h2 { height: 30px; padding-left: 13px; 
                                           background: url("/site_media/static/img/subject_bar.png") 0 0 no-repeat;
                                           }
.chapter-title-t .right-info-s { float: right; font-size: 9pt; margin: 5px 5px 0 0;
                               background: url(/site_media/static/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(/site_media/static/img/corner_title_l.gif) 0 0 no-repeat;*/
                                       background: url(/site_media/static/img/service/vertical_line.gif) 0 0 repeat-y;
                                       }

.subchapter { font-weight: bold; padding: 0 0 0 15px;
              background: url(/site_media/static/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-main { padding: 5px 10px; margin: 0 0 20px 0;
                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("/site_media/static/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(/site_media/static/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; }
table.green-generic-2 { border: 1px solid #ccc; margin: 10px 0; width: 100%; table-layout:fixed; }
table.green-generic-2 th { background-color: #6cc133/*#90C565*/; color: #fff;
                         border-left: 1px solid #ccc; padding: 5px; 
                         border-bottom: 1px solid #ccc; }
table.green-generic-2 td { border-left: 1px solid #ccc; padding: 5px; 
                         border-bottom: 1px solid #ccc; }
table.green-generic-2 tr { border-top: 1px solid #ccc; }
table.green-generic-2 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(/site_media/static/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(/site_media/static/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("/site_media/static/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: 12pt; }
.font-b { font-size: 16pt; }
.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(/site_media/static/img/patent/ranking.gif) 0 0 no-repeat; }
.no-2 { background: url(/site_media/static/img/patent/ranking.gif) 0 -32px no-repeat; }
.no-3 { background: url(/site_media/static/img/patent/ranking.gif) 0 -64px no-repeat; }
.no-4 { background: url(/site_media/static/img/patent/ranking.gif) 0 -96px no-repeat; }
.no-5 { background: url(/site_media/static/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(/site_media/static/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(/site_media/static/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(/site_media/static/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(/site_media/static/img/news_label.gif) 5px 0 no-repeat; }
.patent { margin-right: -27px;
          background: #fff url(/site_media/static/img/news_label.gif) 5px -20px no-repeat; }
.achievement { margin-right: -27px;
               background: #fff url(/site_media/static/img/news_label.gif) 5px -40px no-repeat; }
.press { margin-right: -9px;
         background: #fff url(/site_media/static/img/news_label.gif) 5px -60px no-repeat; }
.company { margin-right: -27px;
           background: #fff url(/site_media/static/img/news_label.gif) 5px -80px no-repeat; }
.blog { margin-right: -40px;
        background: #fff url(/site_media/static/img/news_label.gif) 5px -100px no-repeat; }
.otherwise { margin-right: -40px;
             background: #fff url(/site_media/static/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(/site_media/static/img/items_window_top.gif) 0 0 no-repeat; }
.product-main { width: 250px; 
                background: url(/site_media/static/img/items_window_base.gif) 0 0 repeat-y; }
.product-bottom { width: 250px; height: 15px;
                  background: url(/site_media/static/img/items_window_btm.gif) 0 0 repeat-y; }
.product-inner { padding: 10px 30px 0 20px; line-height: 20px; }

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

.pickup { margin: 5px 0; padding: 2px 0 5px 0;
          background: url(/site_media/static/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(/site_media/static/img/purpose.gif) 0 0 no-repeat; }
#purpose1:hover { background: url(/site_media/static/img/purpose.gif) -250px 0 no-repeat; }

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

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

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

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

#company-header { width: 221px; height: 39px; 
                  background: url(/site_media/static/img/company/localnavi_head) 0 0 no-repeat; }
#service-header { width: 221px; height: 40px; 
                  background: url(/site_media/static/img/service/localnavi_head.gif) 0 0 no-repeat; }
#work-header { width: 221px; height: 40px; 
               background: url(/site_media/static/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(/site_media/static/img/company/localnavi_rollover) 0 -1px no-repeat; }
#company-nav1:hover { background: url(/site_media/static/img/company/localnavi_rollover) 0 -1px no-repeat; }
#company-nav1 { background: url(/site_media/static/img/company/localnavi_normal) 0 -1px no-repeat; }
#company-nav2.selected { background: url(/site_media/static/img/company/localnavi_rollover) 0 -49px no-repeat; }
#company-nav2:hover { background: url(/site_media/static/img/company/localnavi_rollover) 0 -49px no-repeat; }
#company-nav2 { background: url(/site_media/static/img/company/localnavi_normal) 0 -49px no-repeat; }
#company-nav3.selected { background: url(/site_media/static/img/company/localnavi_rollover) 0 -97px no-repeat; }
#company-nav3:hover { background: url(/site_media/static/img/company/localnavi_rollover) 0 -97px no-repeat; }
#company-nav3 { background: url(/site_media/static/img/company/localnavi_normal) 0 -97px no-repeat; }


#service-nav1 { background: url(/site_media/static/img/service/r-menus_normal.gif) 0 -41px no-repeat; }
#service-nav1:hover { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -41px no-repeat; }
#service-nav1.selected { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -41px no-repeat; }
#service-nav2 { background: url(/site_media/static/img/service/r-menus_normal.gif) 0 -89px no-repeat; }
#service-nav2:hover { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -89px no-repeat; }
#service-nav2.selected { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -89px no-repeat; }
#service-nav3 { background: url(/site_media/static/img/service/r-menus_normal.gif) 0 -137px no-repeat; }
#service-nav3:hover { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -137px no-repeat; }
#service-nav3.selected { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -137px no-repeat; }
#service-nav4 { background: url(/site_media/static/img/service/r-menus_normal.gif) 0 -185px no-repeat; }
#service-nav4:hover { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -185px no-repeat; }
#service-nav4.selected { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -185px no-repeat; }
#service-nav5 { background: url(/site_media/static/img/service/r-menus_normal.gif) 0 -233px no-repeat; }
#service-nav5:hover { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -233px no-repeat; }
#service-nav5.selected { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -233px no-repeat; }
#service-nav6 { background: url(/site_media/static/img/service/r-menus_normal.gif) 0 -281px no-repeat; }
#service-nav6:hover { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -281px no-repeat; }
#service-nav6.selected { background: url(/site_media/static/img/service/r_menu_active.gif) 0 -281px no-repeat; }

#work-nav1 { background: url(/site_media/static/img/work/localnavi_normal.gif) 0 0 no-repeat; }
#work-nav1:hover { background: url(/site_media/static/img/work/localnavi_rollover.gif) 0 0 no-repeat; }
#work-nav1.selected { background: url(/site_media/static/img/work/localnavi_rollover.gif) 0 0 no-repeat; }
#work-nav2 { background: url(/site_media/static/img/work/localnavi_normal.gif) 0 -48px no-repeat; }
#work-nav2:hover { background: url(/site_media/static/img/work/localnavi_rollover.gif) 0 -48px no-repeat; }
#work-nav2.selected { background: url(/site_media/static/img/work/localnavi_rollover.gif) 0 -48px no-repeat; }
#work-nav3 { background: url(/site_media/static/img/work/localnavi_normal.gif) 0 -96px no-repeat; }
#work-nav3:hover { background: url(/site_media/static/img/work/localnavi_rollover.gif) 0 -96px no-repeat; }
#work-nav3.selected { background: url(/site_media/static/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(/site_media/static/img/header_login_icon.gif) 0 0 no-repeat; }
.loggedin .center { color: #fff; padding: 3px 0 0 0; font-size: 8pt;
                    background: url(/site_media/static/img/header_login_base.gif) 0 0 repeat-x; }
.loggedin .right { width: 84px; 
                   background: url(/site_media/static/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(/site_media/static/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(/site_media/static/img/service/link.gif) 0 0 no-repeat; }
#service-btn2 { background: url(/site_media/static/img/service/link.gif) -155px 0 no-repeat; }
#service-btn3 { background: url(/site_media/static/img/service/link.gif) -310px 0 no-repeat; }
#service-btn4 { background: url(/site_media/static/img/service/link.gif) -465px 0 no-repeat; }

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

.faqbox { margin: 10px 0 30px 0; }
.faqbox p { color: #0076BF; padding-left: 15px; 
            background: url(/site_media/static/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; }
.aster-b { color: #0B89D8; font-size: 11pt; }

.footer-logo { margin: 20px; }
.footer-contact { margin: 0 0 0 20px; }

.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(/site_media/static/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(/site_media/static/img/blue_hbar.gif) 0 10px no-repeat; }
.lists-one { padding-left: 20px; margin: 0 0 0 5px;
             background: url(/site_media/static/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(/site_media/static/img/blue_arrow.gif) 0 7px no-repeat; }

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

.header-link { padding: 5px 30px; margin: 5px 0; }

.img-main { text-align: center; margin: 50px 0 30px 0; }

.thdr { padding: 0 30px 0 0; text-align: right; }
.tthdr { padding: 0 30px 10px 0; width: 400px; }

.wd { background-color: #F8B413; width: 400px;
      padding: 0 3px 3px 3px; margin: 0 30px 30px 30px; }
.wd-title { font-size: 14pt; color: #fff; padding: 0 0 0 10px; }
.wd-box { background-color: #fff; padding: 15px 0 20px 0; height: 200px; }
.wd-box ul li { list-style-type: none; }

.list-hdr { float: left; padding-right: 10px; }
.list-content { float: left; width: 345px; }

.chapter-title-t-small { font-size: 12pt; padding: 0 0 0 20px; }
.pdf { padding: 10px 0; }
.pdf img { padding: 0 5px 5px 0; }

.profile-arrow { background: #fff url("/site_media/static/img/profile_arrow.png") 0 0 no-repeat;
                 height: 1276px; margin: 5px 0 0 0; }
.profile-hdr { margin: 30px 0 0 0; width: 100px; font-size: 18pt; color: #fff; padding-left: 13px; }
.profile-content { margin: 30px 0 0 0; }