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

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


/*float_clear*/

.clear { clear: both }
.clearl { clear: left }
.clearr { clear: right }


/*topbody*/
body.j_body { background-image: url(../images/alos_jtop.jpg); background-color: #ffffff;
            background-repeat: no-repeat; background-attachment: scroll; 
          background-position: 0% 0%; position: absolute; top: 0; left: 0;
        margin: 0px; padding: 0px; font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif } 

body.e_body { background-image: url(../images/alos_etop.jpg); background-color: #ffffff;
            background-repeat: no-repeat; background-attachment: scroll; 
          background-position: 0% 0%; position: absolute; top: 0; left: 0;
        margin: 0px; padding: 0px; font-family: Arial,sans-serif } 

.tcontents { width: 720px;
             text-align: left; margin: 10px;
              background-color: tranceparent  }

/*top newimages*/
#newsarea { width: 710px;  background-color: tranceparent;
              margin-top: 130px; margin-bottom: 10px; color: #333333;
                border-style: none }

div#nphoto { width: 400px; height: auto; vertical-align: top; text-align: left;
             background-color: tranceparent; padding: 0px;
              float: left; border-style: none; border-collapse: collapse }/*newphoto and title*/

#nphoto li { font-size: small; font-weight: bold; font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
               margin-left: 20px }/*old photo*/

div#nphoto2 { background-image: url(../images/top_lbar.gif); 
              background-repeat: no-repeat; padding: 0px }/*title-deco*/

#pcase { width: auto; height: auto; background-color: tranceparent; text-align: center; 
           margin: 0px }/*photo and comment*/

#nphoto3 { background-color: #ffffff; text-align: left; vertical-align: top; height: 272px;
              padding: 8px 8px; color: #333333; font-size: small; line-height: 140%;
             margin-bottom: 0px; border-collapse: collapse;
           border-left: solid 1px #999933; border-right: solid 1px #999933 }/*comment*/

#nphoto3 img { background-color: tranceparent; text-align: center;
                 vertical-align: top; margin: 8px; float: left; border: none }

#enphoto3 { background-color: #ffffff; text-align: left; vertical-align: top; height: 272px;
              padding: 8px 8px; color: #333333; font-size: small; line-height: 140%;
             margin-bottom: 0px; border-collapse: collapse;
           border-left: solid 1px #999933; border-right: solid 1px #999933 }/*comment*/

#enphoto3 img { background-color: tranceparent; text-align: center;
                 vertical-align: top; margin: 8px; float: left; border: none }

/*top-image center*/
#nphoto3_c { background-color: #ffffff; text-align: left; vertical-align: top; height: auto;
              padding: 0px 16px; color: #333333; font-size: small; line-height: 140%;
             margin-bottom: 0px; border-collapse: collapse;
           border-left: solid 1px #999933; border-right: solid 1px #999933 }/*center*/

#nphoto3_c img { background-color: tranceparent; margin: 10px 10px 16px 24px;
                 vertical-align: top; float: none; border: none }/*center*/

#enphoto3_c { background-color: #ffffff; text-align: left; vertical-align: top; height: auto;
              padding: 0px 16px; color: #333333; font-size: small; line-height: 140%;
             margin-bottom: 0px; border-collapse: collapse;
           border-left: solid 1px #999933; border-right: solid 1px #999933 }/*center*/

#enphoto3_c img { background-color: tranceparent; text-align: center;
                 vertical-align: top; margin: 10px 10px 16px 24px; float: none; border: none }/*center*/

/*disaster*/
img.dis_photo { background-color: tranceparent; text-align: center;
                 vertical-align: top; margin: 8px; float: left; border: none }

/*top What'sNEW*/
div#wnew { width: 282px; height: auto; vertical-align: top; text-align: left;
             background-color: tranceparent; padding: 0px; margin-right: 4px;
              float: right; border-style: none; border-collapse: collapse }

#wnew li { font-size: small; font-weight: bold; font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
               margin-left: 20px }/*old photo*/

#wnew span { text-align: right; vertical-align: top; font-size: small }/*old topics*/

div#wnew2 { width: auto; background-image: url(../images/top_rbar.gif); margin: 0px;
              background-color: tranceparent; background-repeat: no-repeat; padding: 0px }/*title-deco*/

#wnew_w { width: auto; height: auto; background-color: tranceparent; text-align: center }/*whatsnew-waku*/

#wnew3 { background-color: #ffffff; width: auto; height: auto; text-align: left;
           color: #333333; padding: 0px 8px; font-size: small; line-height: 140%;
             margin: 0px; 
               border-left: solid 1px #999933; border-right: solid 1px #999933 }/*comment*/

/*top menuarea all*/
#menuarea { width: 710px; height: auto; background-color: #ffffff; margin-top: 8px }

/*top menuarea left*/
#tml { background-color: #99ccff; width: 480px; height: auto; text-align: center;
          float: left; margin-left: auto; margin-right: auto;
             border-collapse: collapse }

#menulinel { width: 480px; height: 10px; background-color: tranceparent;
              background-image: url(../images/line_bb.gif); background-repeat: repeat-x;
                border-collapse: collapse }

/*top menuarea right*/
#tmr {  background-color: #ffffff;
           width: 210px; height: auto; text-align: left; vertical-align: top;
                float: right; margin-left: 16px ; padding-left: 0px }

/*top navi*/
#navitop { width: 190px; vertical-align: top; font-size: medium; font-style: normal; font-weight: bold;
                 font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif; background-color: tranceparent;
                   text-align: left; line-height: 100%; margin: 8px 8px 20px 0px }

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



/*top menubox-basic*/
.tmbox { width: 408px; height: auto; background-color: #99ccff;
          background-image: url(../images/bk_tbox.gif); background-repeat: no-repeat; 
            background-position: 0% 0%; text-align: left;
           color: #333333; font-size: small; line-height: 140%;
             padding-left: 36px; padding-right: 0px;
              padding-top: 4px; padding-bottom: 8px; margin: 8px auto;
                 border-bottom: solid 8px #6699cc; border-right: solid 4px #6699cc;
                   border-top: double 3px #6699ff; border-left: solid 1px #6699cc; }

.tmbox p { width: 408px; height: auto; background-color: #99ccff; text-align: left;
        margin-top: 0 }


/*top menubox-img*/
.bbox { width: 398px; height: auto; text-align: left;
           color: #333333; font-size: small; line-height: 140% }

.bbox img { float: right; vertical-align: top; margin: 3px; border: none }

/*top photolibrary-newphoto*/
#tmphoto { background-color: #ffffff; background-image: none;
              width: 376px; height: auto; color: #333333; font-size: small; line-height: 140%;
                 margin: 6px 2px; padding: 0px;
                   text-align: center }

.photo-ymd { margin: 0px auto; padding: 0px 6px;
               font-size: small; font-style: normal; font-weight: normal;
                 font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif; text-align: center }

.photo-pho { margin: 0px auto; padding: 0px 6px; text-align: center; vertical-align: middle }

/*top menubox(dis_daichi)*/
#disboxl { width: 254px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#disboxl p { width: 250px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; margin-top: -10px }

#disboxr { width: 130px; height: auto; background-color: #99ccff; margin: 10px 6px 0px 6px;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

#edisboxr { width: 136px; height: auto; background-color: #99ccff; margin: 40px auto 10px auto ;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

/*top menubox(dataset)*/
#d_setboxl { width: 254px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#d_setboxl p { width: 250px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140% }

#d_setboxr { width: 130px; height: auto; background-color: #99ccff; margin: 10px 6px 0px 6px;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

#d_setboxr img { margin: 8px 0 }

#ed_setboxr { width: 130px; height: auto; background-color: #99ccff; margin:  10px 6px 0px 6px;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

#ed_setboxr img { margin: 8px 0 }


/*top menubox(ipy)*/
#ipyboxl { width: 254px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#ipyboxr { width: 130px; height: auto; background-color: #99ccff; margin: 10px 6px 0px 6px;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

#eipyboxr { width: 136px; height: auto; background-color: #99ccff; margin: 40px auto 10px auto ;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

/*top menubox(kc_mosaic)*/
#mosboxl { width: 270px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#mosboxr { width: 120px; height: auto; background-color: #99ccff; margin: 10px 6px 0px 6px;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

#emosboxr { width: 120px; height: auto; background-color: #99ccff; margin: 40px auto 10px auto ;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

/*top menubox(science program)*/
#sciboxl { width: 270px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#sciboxl p { width: 250px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; margin-top: 0 }

#sciboxr { width: 120px; height: auto; background-color: #99ccff; margin: 10px 6px 0px 6px;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

#esciboxr { width: 120px; height: auto; background-color: #99ccff; margin: 40px auto 10px auto ;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }


/*top menubox(Observation Strategy)*/
#obsboxl { width: 254px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#obsboxl p { width: 250px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; margin-top: 0 }

#obsboxr { width: 136px; height: auto; background-color: #99ccff; margin: 10px 6px 0px 6px;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

#eobsboxr { width: 136px; height: auto; background-color: #99ccff; margin: 40px auto 10px auto ;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }

/*top menubox(conference)*/
#confboxl { width: 260px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#confboxl p { width: 250px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; margin-top: 0 }

#confboxr { width: 130px; height: auto; background-color: #99ccff; margin: 10px auto 10px auto ;
             text-align: center; color: #333333; font-size: small; line-height: 140%; float: right }


/*top menubox(document)*/
#docboxl { width: 260px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; float: left }

#docboxl p { width: 250px; height: auto; background-color: #99ccff; text-align: left;
            color: #333333; font-size: small; line-height: 140%; margin-top: 0px }

#docboxr { width: 130px; height: auto; background-color: #99ccff; margin: 40px auto 10px auto ; text-align: center;
            color: #333333; font-size: small; line-height: 140%; float: right }

/*top menubox(about ALOS)*/
#aboutbox { width: 200px; height: auto; background-color: #ffffff; text-align: left;
           color: #333333; font-size: small; line-height: 140%;
              padding-top: 8px; border-top: dotted 2px #99ccff }

#aboutbox p { width: 200px; height: auto; text-align: left; margin-top: 0 }


/*top menuarea list*/
.limenu { margin-left: 12px; list-style-type: none;
           list-style-image: url(../images/dot_r.gif); list-style-position: inside }

.limenu div { width: 248px; height: auto; margin: 0 4px 6px 10px; color: #333333; font-size: small; line-height: 140% }

.ireko { margin-left: 0px; list-style-type: square;
           list-style-image: none; list-style-position: inside }

/*top menu(link)*/
#linkbox { width: 200px; height: auto; background-color: #ffffff; text-align: left;
                color: #333333; font-size: small; line-height: 140%;
             padding-bottom: 8px; margin-top: 8px; border-bottom: dotted 2px #99ccff }

/*top menu(contact)*/
#contact { width: 200px; height: auto; background-color: #ffffff; text-align: left;
                color: #333333; font-size: small; line-height: 140%;
              margin-top: 8px }

/*top menu(guide)*/
#guidebox { width: 200px; height: auto; background-color: #ffffff; text-align: left;
                color: #333333; font-size: small; line-height: 140%;
              margin-top: 8px }


/*top banner*/
.banner { width: 200px; height: auto; background-color: #ffffff; text-align: left;
                color: #333333; font-size: small; line-height: 140%;
              margin-top: 8px; margin-left: 4px }


/*footer*/
div#footer01 { width: 700px; height: auto; margin: 10px 0px; border: none }

#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; 
                  text-align: center; font-size: small; font-style: normal;
                    font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif; line-height: 140%;
                      padding: 0px; margin: 8px auto }

#footer02 img { border-width: 0px; border-style: hidden; float: right }


/*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: "MS P Gothic",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;
                              }/*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: bottom }/*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 }