/*last update 20161129 */
/*css-reset*/
* { margin: 0; padding: 0 }

p { font-size: 100%; font-weight: normal; font-style: normal }


/*float_clear*/
.clearall{
  display: block;
}
.clearall:after{
  display: block;
  content: "";
  clear: both;
  visibility: hidden;
}
.clear { clear: both }
.clearl { clear: left }
.clearr { clear: right }


/*topbody*/
body.gcomw_body { background-color: tranceparent; background-image: url(../images/cont_bg2.jpg);
              background-repeat: repeat-x;
         text-align: center; font-family: "�l�r �o�S�V�b�N",sans-serif } 

body.gcomw_ebody { background-color: tranceparent; background-image: url(../images/cont_bg2.jpg);
              background-repeat: repeat-x;
        text-align: center; font-family: Arial,sans-serif } 

.tcontents { background-image: url(../images/gcomw_top_nov2016.png); 
          background-repeat: no-repeat; background-attachment: scroll;
       width: 900px; margin: 0 auto; text-align: left; background-color: tranceparent }

.etcontents { background-image: url(../images/gcomw_etop_nov2016.png); 
          background-repeat: no-repeat; background-attachment: scroll; 
       width: 900px; margin: 0 auto; text-align: left; background-color: tranceparent }

.jump_contents { background-image: url(../images/jump_header_w.png); 
          background-repeat: no-repeat; background-attachment: scroll;
       width: 900px; margin: 0 auto; text-align: left; background-color: tranceparent;
     font-family: "�l�r �o�S�V�b�N",sans-serif }

.jump_econtents { background-image: url(../images/jump_eheader_w.png); 
          background-repeat: no-repeat; background-attachment: scroll; 
       width: 900px; margin: 0 auto; text-align: left; background-color: tranceparent;
     font-family: Arial,sans-serif }


/*j or e*/
#j_or_e { padding-left: 810px; text-align: left; height: 24px; font-size: small; font-style: normal;
          font-weight: bold; padding-top: 2px; margin-bottom: 0px; background-color: tranceparent }

/*go_gcom*/
#go_gcom { padding-left: 605px; text-align: left; height: auto; margin-top: 28px; margin-bottom: 0px;
     background-color: tranceparent }



/*header_navi*/

#navibar { width: auto; height: auto;
                        margin: 27% 0 0 70% ; padding: 0 ; border-style: none }/*headerstyle2*/

#navibar p { width: auto; height: 32px; background-color: tranceparent; background-image: none;
                       border-style: none; text-align: center; vertical-align: middle; 
                     font-size: small; font-style: normal;
                    font-family: Arial, "�l�r �o�S�V�b�N",sans-serif }

#navibar a:link { text-decoration: underline; color: #005ccf;
                   background-color: tranceparent; background-image: none }
#navibar a:visited { text-decoration: none; color: #993366;
                      background-color: tranceparent; background-image: none }
#navibar a:hover { text-decoration: underline; color: #cc0033;
                      background-color: tranceparent; background-image: none }
#navibar a:active { text-decoration: none; color: #99ffff;
                      background-color: tranceparent; background-image: none }

/*topicpass*/
#topicp { padding-left: 10px; text-align: left; height: auto; font-size: small; font-style: normal;
          margin-top: 8px; margin-bottom: 6px }

/*headerlink*/

table#header_link { background-color: none; background-image: none;
                             width: 900px; height: 26px; font-size: small; font-style:normal; 
                            font-family: Arial, "�l�r �o�S�V�b�N",sans-serif; text-decoration: none;
                           caption-side: top; margin-top: 74px; padding: 0;
                          border-collapse: collapse }

table#header_link td { background-color: none; background-image: url(../images/w_menubar1.png); 
                    vertical-align: middle; text-align: center;
                width: 15%; height: 26px; font-weight: bold }

table#header_link a:link {  text-shadow: 1px 1px 0px #fff; text-decoration: none; color: #000000  }
table#header_link a:visited { text-shadow: 1px 1px 0px #fff; text-decoration: none; color: #000000 }
table#header_link a:hover   { text-shadow: 1px 1px 0px #fff; text-decoration: none; color: #000000 }
table#header_link a:active  { text-shadow: 1px 1px 0px #fff; text-decoration: none; color: #000000 }

/*top event area*/
#eventarea { clear: both; width: 900px; height: auto; background-color: tranceparent; margin: 8px 0;
    position: relative; top: 0px }

#eventarea img { border-width: 0px; border-style: none; padding-bottom: 0px }


/*top menuarea all*/
.top-mainarea{
  display: block;
  width: 900px;
  margin: 15px 0 0;
}
#w_menuarea {
  position: relative;
  display: block;
  width: 900px;
  min-height: 880px;
  height: auto; 
  margin: 15px 0 0;
}
h1 { background-color: tranceparent; width: 384px; height: auto; text-align: left;
        border-width: 0px; border-style: hidden; margin-left: 0px; margin-right: auto; padding-top: 8px;
             border-collapse: collapse }

h2 { background-color: tranceparent; width: 80px; height: auto; text-align: right;
        border-width: 0px; border-style: hidden; margin-left: 16px; margin-top: 6px;
             border-collapse: collapse }

h3.cont { width: 130px; height: auto; background-color: #ffffff;
           color: #333333; font-size: medium; font-weight: bold; font-family: Arial,sans-serif;
          text-align: left; vertical-align: bottom; line-height: 140%;
        margin-top: 16px; padding: 4px 0px 4px 10px;
      border-top: double 4px #33cccc; border-bottom: double 4px #33cccc }

h3.link { width: 130px; height: auto; background-color: #ffffff;
           color: #333333; font-size: medium; font-weight: bold; font-family: Arial, sans-serif;
          text-align: left; vertical-align: bottom; line-height: 140%;
        margin-top: 16px; padding: 4px 0px 4px 10px;
      border-top: double 4px #33cccc; border-bottom: double 4px #33cccc }


/*top menuarea left*/
.left_menu{
  display: block;
  float: left;
  width:240px;
  margin:0;
  padding: 0 8px 10px 0;
}
#l_menu { background-color: tranceparent; 
           position: absolute; top: 0; left: 0;
       width: 256px; height: auto; margin-top: 0px;
      float: left; padding: 0 8px 10px 0; }

/*top menuarea center*/
.center_menu {
  display: block;
  float: left;
  width: 500px;
  margin:0;
  padding: 0 10px 10px 0; }

#c_menu {
  display: block;
  position: absolute;
  top:0;
  left: 250px;
  width: 500px; height: auto; background-color: tranceparent; margin-left: 0px; margin-bottom: 8px;
  padding: 0 10px 10px 0; }

/*top menuarea right*/
.right_menu { 
  display: block;
  float: right;
  width: 130px;
  padding: 0 0 10px 8px;
}
#r_menu { 
  background-color: tranceparent; 
  position: absolute; 
  top: 0; 
  right: 0;
  width: 136px; height: auto; 
  padding: 0 0 10px 8px;
}
/*contents area*/

div#doc_main { width: auto; height: auto; background-color: #ffffff; padding: 0 8px; }
div#doc_main .whatnew {
  display: block;
  width: 484px; 
  height: 24px;
  margin: 5px 0 0;
  padding:0;
  vertical-align: top;
}
div#doc_main .whatnew img{
  display: block;
  width: 484px; 
  height: 24px;
  margin:0;
  padding:0;
}
div#doc_main h1 {
  display: block;
  width: 484px; 
  height: 24px;
  margin:0;
  padding:0;
  vertical-align: top;
}
#doc_main h2 { background-color: #ffffff; width: 368px; height: auto; text-align: left;
             color: #333333; font-size: medium; font-weight: bold; font-family: Arial, sans-serif;
          text-align: left; vertical-align: bottom; line-height: 140%;
        margin-top: 16px; padding: 4px 0 }

#doc_main h3 { background-color: #ffffff; width: 340px; height: auto; text-align: left;
             color: #333333; font-size: small; font-weight: bold; font-family: Arial, sans-serif;
          text-align: left; vertical-align: bottom; line-height: 140%;
        margin-top: 16px; padding: 4px 0px 4px 4px }

#doc_main h6 { background-color: #ffffff; width: 440px; height: auto; text-align: left;
             color: #333333; font-size: small; font-weight: bold; font-family: Arial, sans-serif;
          text-align: left; vertical-align: bottom; line-height: 140%;
        margin: 0 0 0 0; padding: 4px 0px 4px 0 }

#doc_main p { width: 368px; height: auto; background-color: tranceparent; padding: 0 2px; margin-top: 16px;
        color: #333333; font-size: small; font-weight: nomal; font-family: Arial, sans-serif;
       text-align: left; vertical-align: bottom; line-height: 140%; }

#doc_main div#topi_win { table-layout: fixed; background-color: transparent; background-image: none;
/*             width: auto; height: 435px; overflow: scroll; overflow-x: hidden; padding-bottom: 8px }*/
             width: auto; height: 760px; overflow: scroll; overflow-x: hidden; padding-bottom: 8px; }

#doc_main table#topi_t { table-layout: fixed; background-color: transparent; background-image: none;
                             width: 448px; height: auto; font-size: small; font-style:normal; 
                            font-family: "�l�r �o�S�V�b�N",sans-serif;
                           caption-side: top; margin-top: 12px; padding: 0px;
                          border-collapse: collapse; border-top: solid 2px #cccccc }
 
#topi_t td.t_date { width: 320px; padding: 10px 0 10px 8px; background-color: #ffffff; text-align: left;
         color: #330066; font-size: small; font-style:normal; font-weight: bold;
            font-family: "�l�r �o�S�V�b�N",sans-serif;
             border-collapse: collapse }

#topi_t td.t_cont { padding: 10px 0 10px 8px; background-color: #ffffff; text-align: left;
          color: #000000; font-size: small; font-style:normal; font-family: "�l�r �o�S�V�b�N",sans-serif;
             border-collapse: collapse; border-bottom: solid 2px #cccccc }

#topi_t ul { list-style-type: disc; list-style-position: inside; width: 400px }

#topi_t li { margin: 8px 0 8px 10px; line-height: 140% }


#topi_t td.et_date { width: 320px; padding: 10px 0 10px 8px; background-color: #ffffff; text-align: left;
         color: #330066; font-size: small; font-style:normal; font-weight: bold;
            font-family: Arial,sans-serif;
             border-collapse: collapse }

#topi_t td.et_cont { padding: 10px 0 10px 8px; background-color: #ffffff; text-align: left;
          color: #000000; font-size: small; font-style:normal; font-family: Arial,sans-serif;
             border-collapse: collapse; border-bottom: solid 2px #cccccc }


/*top menubox(about gcom-w)*/
.aboutgcom { width: 240px;
  vertical-align: bottom;
  margin-left: 0px;
  padding: 0; }

.aboutgcom h4 { width: auto; height: 64px; background-color: tranceparent; color: #000000;
           font-size: small; font-weight: bold; font-family: Arial, sans-serif;
          text-align: left; vertical-align: bottom; line-height: 140%;
        padding: 0 0 2px 0;
      background-image: none ; background-repeat: no-repeat }

.aboutgcom h5 { width: auto; height: auto; background-color: tranceparent; color: #000000;
           font-size: small; font-weight: bold; font-family: Arial, sans-serif;
          text-align: left; vertical-align: top; line-height: 120%;
        margin: 12px 8px 0 24px; padding: 0 0 2px 8px;
      background-image: none ; border-bottom: dotted 3px #00cccc }

.aboutgcom img { border-width: 0px; border-style: hidden }

.aboutgcom ul { margin-top: 8px }

.aboutgcom li { margin: 8px 0px 0px 0px;
             list-style-type: square; list-style-position: inside; line-height: 120%;
           font-size: small; font-weight: bold; font-family: Arial, sans-serif;
          text-align: left; vertical-align: bottom; line-height: 140% }

/*top menubox(link)*/
#linkarea { 
  height: auto; 
  text-align: right; vertical-align: bottom; line-height: 140%;
        padding: 0 0 0 8px }

/*top banner*/
.banner {
  display: block;
  height: auto; 
  text-align: right;
  margin: 0;
  padding: 0;
}
.banner img { 
  width: 120px;
  height: 48px;
  border-style: none; 
  padding: 4px 0;
}

/*top menu(link)*/
#linkbox { width: 130px; height: auto; background-color: tranceparent; text-align: right;
                color: #333333; font-size: small; line-height: 140%;
             padding: 8px 0 ; margin-top: 0px }

#linkbox li { margin: 8px 0; list-style-type: none; list-style-position: outside; line-height: 120% }


/*footer*/
div#footer01 { clear: both; width: 900px; height: auto; background-color: transparent; position: relative;
             margin: 0px; padding-top: 32px; }

div#footer01 hr { width: 900px; background-color: transparent; margin: 0px 0px }

#footer01 table { background-color: transparent; background-image: none;
                             background-position: 0% 0%; color: #000000;
                            background-attachment: fixed;
                         width: 700px; height: auto;
                        margin: 0px 10px; padding: 0px; border: none }

div#footer02 { background-color: transparent; border-color: transparent; width: 432px;
                  text-align: left; font-size: small; font-style: normal; float: left;
                    font-family: Arial, "�l�r �o�S�V�b�N",sans-serif; line-height: 140%;
                      padding: 8px 8px 8px 0 }

#footer02 img { border-width: 0px; border-style: hidden; float: left; margin: auto 16px }

div#footer03 { background-color: transparent; border-color: transparent; width: 360px;
                  text-align: right; font-size: small; font-style: normal; float: right;
                    font-family: Arial, "�l�r �o�S�V�b�N",sans-serif; line-height: 140% }

#footer03 img { border-width: 0px; border-style: hidden; float: left; padding: 12px 0 0 8px }


/*footer_en*/
div#efooter02 { background-color: transparent; border-color: transparent; width: 432px;
                  text-align: left; font-size: small; font-style: normal; float: left;
                    font-family: Arial,sans-serif; line-height: 140%;
                      padding: 8px 8px 8px 0 }

#efooter02 img { border-width: 0px; border-style: hidden; float: left; margin: auto 16px }

div#efooter03 { background-color: transparent; border-color: transparent; width: 320px;
                  text-align: right; font-size: small; font-style: normal; float: right;
                    font-family: Arial,sans-serif; line-height: 140% }

#efooter03 img { border-width: 0px; border-style: hidden; float: left; padding: 12px 0 0 8px }


/*text*/
.bodytext1 { font-size: large; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }/*title*/
.bodytext2 { font-size: miedium; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }
.bodytext3 { font-size: small; font-style:normal; line-height: normal;
                 font-family: "�l�r �o�S�V�b�N",sans-serif; background-color: #66ccff;
                   margin-right: 0px; }
.bodytext3p { color: #ffffff; font-size: small; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }
.bodytext3l { color: #003399; font-size: small; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }
.bodytext3n { color: #006600; font-size: small; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }
.bodytext4 { color: #990000; font-size: x-small; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }
.bodytext5 { color: #ff0000; font-size: x-small; font-style: italic; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }
.bodytext5l { color: #ff0000; font-size: small; font-style: normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }
.bodytext6 { color: #990000; font-size: xx-small; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif;
                       text-decoration: underline; letter-spacing: 30pt; }/*decotext*/
.bodytext7 { color: #990000; font-size: x-small; font-style:normal; line-height: normal;
                        font-family: "�l�r �o�S�V�b�N",sans-serif; }/*download*/
.bodytext-tp { font-size: small; font-style:normal; line-height: normal;
                 font-family: "�l�r �o�S�V�b�N",sans-serif; background-color: tranceparent; 
                   padding-left: 100px; }/*topicpass*/

.bodytext-sm1 { font-size: small; font-style:normal; 
                 font-family: "�l�r �o�S�V�b�N",sans-serif; background-color: tranceparent; 
                   padding-left: 80px; }/*sitemap1*/

.bodytext-sm2 { font-size: small; font-style:normal; 
                 font-family: "�l�r �o�S�V�b�N",sans-serif; background-color: tranceparent; 
                   padding-left: 120px; }/*sitemap2*/

.bodytext-sm3 { font-size: small; font-style:normal; 
                 font-family: "�l�r �o�S�V�b�N",sans-serif; background-color: tranceparent; 
                   padding-left: 160px; }/*sitemap3*/

.menutext{ font-size: small; font-style: normal; font-weight: bold;
                             color: #3300ff; }


.em1 { font-style: normal; font-weight: bold;
                             color: #0000ff; }/*blue*/
.em2 { font-size: xx-small; font-style: italic; font-weight: bold;
                             color: #ff0000; }/*red-small*/
.em3 { font-size: small; font-style: normal; font-weight: bold;
                             color: #000000; }/*black*/
.em4 { font-size: small; font-style: normal; font-weight: bold;
                             color: #ff0000; }/*red*/
.em5 { font-size: small; font-style: normal; font-weight: bold; line-height: 150%;
                              }/*bold only*/
.emf { font-style: normal; font-weight: bold;
                             color: #0099cc; }/*footer blue*/


/*images*/

.title_img { border-style: none; border-width: 0px;
               padding-left: 0px; padding-right: 0px;
                 padding-top: 0px; padding-bottom: 0px; vertical-align: middle }/*with title*/

.space1 { border-style: none; border-width: 0px; text-align: left;
                         padding-left: 0px; padding-right: 0px;
                        padding-top: 0px; padding-bottom: 0px }/*space1*/

.gazo1 { border-width: 0px; border-style: none; float:right;
                          vertical-align: top;
                         padding-left: 10px; padding-right: 0px;
                        padding-top: 20px; padding-bottom: 0px }/*f-right*/

.gazo2 { border-width: 0px; border-style: none; margin: 0px;
                        vertical-align: middle; text-align: center; 
                         padding-left: 0px; padding-right: 0px;
                        padding-top: 0px; padding-bottom: 0px }

.gazo3 { border-width: 0px; border-style: none;
                        vertical-align: middle; text-align: center; 
                         padding-left: 0px; padding-right: 0px;
                        padding-top: 20px; padding-bottom: 0px }

.gazo4 { border-width: 0px; border-style: none;
                        vertical-align: middle;  
                         padding-left: 10px; padding-right: 0px;
                        padding-top: 0px; padding-bottom: 0px }

.gazot { border-width: 0px; border-style: none; margin: 0px; padding: 0px;
                        vertical-align: middle; text-align: center; 
                         position: relative; top: 1px }

.gazob { border-width: 0px; border-style: none; margin: 0px; padding: 0px;
                        vertical-align: middle; text-align: center; 
                         position: relative; top: -1px }

.count { border-width: 0px; border-style: none; margin-top: 24px;
            vertical-align: middle; text-align: center; 
                         padding-left: 0px; padding-right: 0px;
                        padding-top: 0px; padding-bottom: 0px }

.jcount { border-width: 0px; border-style: none; margin-top: 24px;
            vertical-align: middle; text-align: center; 
                         padding-left: 0px; padding-right: 0px;
                        padding-top: 0px; padding-bottom: 0px }


a:link { text-decoration: none; color: #0033cc }
a:visited { text-decoration: none; color: #993366 }
a:hover   { text-decoration: underline; color: #0066ff }
a:active  { text-decoration: none; color: #99ffff }


/* add What's New */
dl.infoBox {
  margin: 1em auto;
  padding: 0;
  width: 440px;
  padding: 15px 20px;
  background: #EFEFEF;
}
dl.infoBox dt {
  background: #00A9DF;
  color: #fff;
  padding: 0.5em 0;
  text-align: center;
  border-radius: 20px;
  font-size: 0.9em;
  margin: 0 auto 15px;
}
dl.infoBox dd {
  font-size: small;
}