/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

GCOM-W research-prod.



 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

@charset"EUC";



@import url(../../css/gcomw_main_css.css);



body#gcomw_prod_body {

 background-color: tranceparent;

 text-align: center;

} 



body#gcomw_prod_body h1,h2,h3,p,ul,li,td {

 font-family: "メイリオ",sans-serif;

 text-align: left; 

} 



body#gcomw_prod_ebody { 

 background-color: tranceparent;

 text-align: center;

}



body#gcomw_prod_ebody h1,h2,h3,p,ul,li,td {

 font-family: Arial,sans-serif;

 text-align: left; 

} 





div.header_j {

  width             : 900px;

  background-image: url(../images/w_research_top.png);

 background-repeat: no-repeat;

  margin: 0 auto;

  padding: 0 auto;

}



div.header_e01 {

  width             : 900px;

  background-image: url(../images/w_research_etop01.png);

 background-repeat: no-repeat;

  margin: 0 auto;

  padding: 0 auto;

}



div.header_e02 {

  width             : 900px;

  background-image: url(../images/w_research_etop02.png);

 background-repeat: no-repeat;

  margin: 0 auto;

  padding: 0 auto;

}



/*j or e*/

#j_and_e {

 width     : 100px;

 padding-left: 800px;

 text-align: left;

 height: 188px;

  margin: 0 auto 0;

  padding: 0 auto;

  background-color: tranceparent;

}



div.mbody {

  width             : 900px;

  margin            : -72px auto 0;

}



div.prod_doc_main {

  width: 656px;

  height: auto;

  position: relative;

  background-color: tranceparent;

  padding: 0 8px 32px 8px

}



div.intoro_info {

  font-size : 10pt;

  color: #000;

  background-color: #fff;

  width:640px;

  margin: 10px auto;

  box-shadow:2px 2px 4px rgba(0,0,0,0.8);

  padding: 10px;

}





/* Input div *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */



div#inputform{

  visibility : "visible";

}



div#inputform p{

  width  : 560px;

  margin :0px auto;

}



table.datalist {

  width            : 560px;

  margin           : 0px auto;

  border-collapse  : collapse;

}



table.datalist td{

  border  : 1px solid gray;

  padding : 0px 0px 0px 10px;

  font-size : 10pt;

}



table.datalist td.label{

  background-color : dimgray;

  color            : white;

  font-weight      : bold;

}



table.datalist td.over{

  background-color : lightcyan;

  color            : black;

}



table.datalist td.nrt{

  background-color : navajowhite;

  color            : black;

}



table.datalist td.tbd{

  background-color : silver;

  color            : black;

}



ul#filesample{

  margin            : 0px 0px 0px 30px;

  padding           : 0px;

}



ul#filesample li{

  font-weight : bold;

  margin-bottom:10px;

}



ul#filesample div{

  font-weight : normal;

  font-size : 11pt;

}



ul#filesample div.smp{

  font-weight : normal;

  font-size : 11pt;

}



ul#filesample div.exp{

  font-weight : normal;

  font-style : italic;

  font-size : 10pt;

}



table.datalist2 {

  width            : 560px;

  margin           : 0px auto;

  border-collapse  : collapse;

}



table.datalist2 td{

  border : 1px solid black;

  padding : 0px 0px 0px 5px;

  font-size : 10pt;

}



table#form {

  margin : 0 auto;

  width  : 536px;

  border-collapse : separate;

  border : 0 solid silver;

}



  table#form td {

    margin         : 0px 0px 0px 0px;

    padding        : 3px 0px 3px 5px;

    vertical-align : middle;

  }



  table#form td.shrta {

    width            : 88px;

    vertical-align   : top;

    background-color : dimgray;

    color            : white;

    font-weight      : bold;

    border-top       : 1px solid silver;

    border-left      : 1px solid silver;

    border-bottom    : 1px solid black;

  }



  table#form td.shrtb {

    width            : 48px;

    background-color : dimgray;

    color            : white;

    border-top       : 1px solid silver;

    border-bottom    : 1px solid black;

  }



  table#form td.long {

    width            : 136px;

    vertical-align   : top;

    background-color : dimgray;

    color            : white;

    font-weight      : bold;

    border-top       : 1px solid silver;

    border-left      : 1px solid silver;

    border-bottom    : 1px solid black;

  }



  table#form td.infrm {

    width            : 320px;

    padding          : 3px 0px 3px 16px;

    background-color : ghostwhite;

    border-top       : 1px solid whitesmoke;

    border-right     : 1px solid lightgrey;

    border-bottom    : 1px solid lightgrey;



  }



  table#form td.hda {

    width            : 160px;

    border           : 1px solid coral;

    padding          : 6px 0px 6px 10px;

    background-color : orange;

  }



  table#form td.hdb {

    width            : 300px;

    border           : 1px solid coral;

    padding          : 6px 0px 6px 10px;

    background-color : orange;

  }



  table#form td.lba {

    width            : 160px;

    border           : 1px solid coral;

    padding          : 6px 0px 6px 10px;

    background-color : gold;

  }



  table#form td.lbb {

    width            : 300px;

    border           : 1px solid coral;

    padding          : 6px 0px 6px 10px;

    background-color : ivory;

  }





/* Terms of Use *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div.policy_research {

  font-size : 10pt;

  text-align: left; 

  width     : 608px;

  margin    : 10px auto;

  padding   : 5px 16px 5px 32px;

  background-color: #fff;

}



  div.policy_research h1 {

    width            : 98%;

    font-size        : 14pt;

    font-weight      : bold;

    text-align       : center;

    font-family      : "メイリオ",Meiryo,sans-serif;

    margin           : 16px auto;

    padding          : 2px auto;

    border-top       : double 4px #33cccc;

    border-bottom    : double 4px #33cccc;  

}



  div.policy_research h2 {

    width            : 92%;

    font-size        : 10.5pt;

    font-weight      : bold;

    background-color : mintcream;

    padding          : 2px 0 2px 16px;

    margin           : 16px 0 10px;

    border-top       : 1px solid #3cc;

    border-bottom    : 1px solid #3cc;

    font-family: "メイリオ",Meiryo,sans-serif;

  }



  div.policy_research h4 {

    width            : 92%;

    font-size        : 10.5pt;

    font-weight      : bold;

    background-color : #fff;

    padding          : 2px 0 2px 16px;

    margin           : 16px 0 10px;

    border-bottom    : 1px solid #3cc;

    font-family: "メイリオ",Meiryo,sans-serif;

  }



  div.policy_research p {

    width            : 96%;

    margin-right     : 0;

    margin-bottom    : 20px;

    font-family: "メイリオ",Meiryo,sans-serif;

  }



  div.policy_research li {

    margin-left     : 16px

    padding : 0px 0px 0px 8px;

    font-family: "メイリオ",Meiryo,sans-serif;

  }



table.contactt {

    width:500px;

    margin:0px 50px;

    border: none;

}



table.contactt td {

    font-family: "メイリオ",Meiryo,sans-serif;

    border: none;

}





/*table secret*/



table.noline {

    width: 90%;

    background-color: tranceparent;

    border: none;

    margin           : 0 auto;

    border-collapse  : collapse;

}



table.noline td {

    border: none;

    background-color: tranceparent;

    padding:0 auto;

    text-align: center;

    font-family: "メイリオ",Meiryo,sans-serif;

}



table.noline img {

    border: 0;

}



/*float 3area*/



div.area3 {

   width: 30%;

   margin: 4px;

   padding: 0;

   border: 0;

   float: left;

   display: block;

}





/*go to top*/

#gotop {

 width: 640px;

 padding: 8px 24px 0 0;

 text-align: right;

 font-weight: bold;

 font-family: "メイリオ",Meiryo,sans-serif; 

}





/*Side menu *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */



/*sub menuarea left*/

#re_sub_l_area { background-color: tranceparent; 

           position: absolute; left: 0;

       width: 204px; height: auto; margin-bottom: 40px;

      float: left;

    font-family: Arial, sans-serif }



#re_smenutop { background-color: tranceparent }



#re_smenutop h3 { background-color: tranceparent; margin: 0 0 }



div#re_smenutop ul { list-style:none }



div#re_smenutop li { list-style-type: none; height: 42px; overflow: hidden; color: #99ccff; line-height: 120%;

           font-size: small; font-weight: bold; font-family: Arial, "メイリオ", sans-serif }



#re_smenutop li span { 

   background: url(../images/w_research_subm_all.png) top left no-repeat;

   display: block;

   padding-left: 8px;

   padding-top: 12px;

   height: 42px

    }



#re_smenutop li span.smenu_t { background-position: 0 0 }

#re_smenutop li span.smenu_01 { padding-top: 12px; background-position: 0 -50px }

#re_smenutop li span.smenu_02 { padding-top: 2px; background-position: 0 -50px }

#re_smenutop li span.smenu_b { background-position: 0 -98px }



#re_smenutop li a {

   background: url(../images/w_research_subm_all.png) top left no-repeat;

   display: block;

   padding-left: 16px;

   padding-top: 12px;

   height: 42px

    }



 #re_smenutop li a.smenu_t { background-position: 0 0 }

 #re_smenutop li a.smenu_01 { padding-top: 12px; background-position: 0 -50px }

 #re_smenutop li a.smenu_02 { padding-top: 2px; background-position: 0 -50px }

 #re_smenutop li a.smenu_b { background-position: 0 -98px }

           

div#re_smenutop a:link { text-decoration: none; color: #ffffff }

div#re_smenutop a:visited { text-decoration: none; color: #ffffff }

div#re_smenutop a:hover   { text-decoration: none; color: #33ffcc }

div#re_smenutop a:active  { text-decoration: none; color: #ffffff }





div.banner_area {

   width: 136px;

   margin: 0 0 8px -8px;

   padding: 0;

   clear: both;

}





/*footer *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div#footer_res { clear: both; width: 900px; height: auto; background-color: transparent; position: relative;

             margin: 0px 0px; padding-top: 32px }



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



div#footer_res2 { background-color: transparent; border-color: transparent; width: 400px;

                  text-align: center; font-size: small; font-style: normal; float: left;

                    font-family: Arial, "メイリオ",sans-serif; line-height: 140%;

                      padding: 16px 8px 8px 24px; }



#footer_res2 img { border-width: 0px; border-style: hidden; float: left; margin: -4px 8px 0 24px; }





div#footer_res3 { background-color: transparent; border-color: transparent; width: 216px;

                  text-align: center; font-size: small; font-style: normal; float: left;

                    font-family: Arial,sans-serif; line-height: 140%; padding: 0; }



#footer_res3 img { border-width: 0px; border-style: hidden; margin: 12px auto 0; padding: 0;  }



#footer_res3 ul.linerink { width: 100%; margin: 0 auto; padding: 0 auto; text-align: center; }



#footer_res3 ul.linerink li { padding: 0; display: inline; text-align: center; }



div#footer_res4 { background-color: transparent; border-color: transparent; width: 160px;

                  text-align: right; font-size: small; font-style: normal; float: left;

                    font-family: Arial,sans-serif; line-height: 140% }



#footer_res4 img { border-width: 0px; border-style: hidden; padding: 6px 0 0 0 }











/*additional *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */



div p.subtext1{

      position       : relative;

      width	         : 90%;

      font-size      : 9pt;

      line-height    : 1.4em;

      color          : #5F5F5F;

      margin-top     : 8px;

    }



p.obs_img {

      border-top: solid 1px #333; 

      border-bottom: solid 1px #333;

      padding: 2px;

      margin-bottom: 4px;

      text-align: center;

      font-weight: bold;

}



img.bannerr {

      margin-top    : 4px;

      margin-bottom : 8px;

      border        : none; 

    }



table.hyo1 {

  width: 580px;

  table-layout: fixed;

  border-collapse: collapse;

  margin: 8px 0 16px 24px;

  color: #000;

  border: 1px solid #333;

}



table.hyo1 caption {

  caption-side: top;

  font-weight: bold;

  margin-top: 16px;

  padding: 4px auto;

}



table.hyo1 th {

  background-color: #ddd;

  border: 1px solid #333;

  text-align: center;

  padding: 4px auto;

  font-weight: bold;

  font-family: "メイリオ",Meiryo,sans-serif;

}



table.hyo1 td {

  border: 1px solid #333;

  text-align: center;

  padding: 4px auto;

  font-family: "メイリオ",Meiryo,sans-serif;

}