﻿
body {
   color: #696969;
   background-color: #ffffff;
}



img {border-style: none;
}



h1, h2, h3, h4 {
   padding-left: 10px;
   color: #db7093;
}




h1 {
   font-size: 20px;
   font-weight: bold;
   font-family: Verdana, Helvetica, Arial;
   text-align: left;
}


h2 {
   font-size: 18px;
   font-weight: bold;
   font-family: Verdana, Helvetica, Arial;
   text-align: left;
}


h3 {
   font-size: 15px;
   font-weight: bold;
   font-family: Verdana, Helvetica, Arial;
   text-align: left;
}


h4 {
   font-size: 13px;
   font-weight: normal;
   font-family: Verdana, Helvetica, Arial;
   text-align: right;
}





#header {                       /* the header */
   position: absolute;        
   top: 10px;
   left: 40px;
   width: 950px;
   height: 120px;               
   margin: auto;
   border: 1px #b0c4de solid;
   background-image: url(../color/lightbluehead.jpg);
}




#logo-header {
   position: absolute;          /* tsubo logo fix upper left */
   top: 15px;
   left: 90px;
}




#ad-header {
   position: absolute;          /* ad-head fix upper right */
   top: 15px;
   left: 480px;
}




#google-background {
   position: absolute;           /* backgraoun of google box */
   top: 145px;
   left: 40px;
   float: left;  
   height: 80px;
   width: 950px;
   border: 1px #b0c4de solid;
   background-image: url(../color/lightbluegoogle.jpg);
}



#google-box {
   position: absolute;           /* google box */
   top: 155px;
   left: 230px;
   float: left;  
   height: 60px;
   width: 550px;
}




#logo-facebook {
   position: absolute;          /* facebook logo */
   top: 155px;
   left: 810px;
}




#logo-twitter {
   position: absolute;          /* twitter logo */
   top: 150px;
   left: 850px;
}




#logo-youtube {
   position: absolute;          /* youtube logo */
   top: 150px;
   left: 880px;
}




#logo-mixi {
   position: absolute;          /* mixi logo */
   top: 150px;
   left: 180px;
}




#logo-gree {
   position: absolute;          /* gree logo */
   top: 150px;
   left: 115px;
}



#logo-niconico {
   position: absolute;          /* niconico logo */
   top: 150px;
   left: 70px;
}



#gloval-nav {
   position: absolute;
   top: 235px;
   left: 40px;
   float: left;                /* category divers */
   width: 660px;
   height: 30px;
}


#gloval-nav table {               /* category background color */
   width: 665px;
   height: 20px;
}


#gloval-nav table td {
   font-size: 14px;
   height: 20px;
   width: 100px;
   text-align: center;
   vertical-align: middle;
   padding: 1px;
   border: 1px solid #e6e6fa; 
   background-image: url(../color/graybotan.jpg);
}














/* center column */














#title2 {
   position: absolute;        
   top: 280px;
   left: 235px;
}





#letter {
   position: absolute;                                     /* letter from japan thai */
   top: 340px;
   left: 235px;
   width: 440px;
   margin: auto;
   padding-top: 8px;
}

#letter dl {
   padding: 10px 5px 10px 15px;
   width: 420px;
   height: 60px;
   border: 1px #ffe4e1 solid;
}


#letter dt {
   float: left;
}


#letter dd {
   font-size: 16px;
   margin-left: 80px;
}








/* right column */










#go-to-japan {
   position: absolute;                                       /* go to japan */
   top: 240px;
   left: 710px;
   width: 275px;
   height: 360px;
   margin: auto;
   padding: 0px;
   border: 1px #ffe4e1 solid;
   background-image: url(../color/lightpink3.jpg);
}



#go-to-japan dl {                                      /* go to japan */
   left: 30px;
   width: 260px;
   height: 70px;
   margin: -5px 0px 0px 13px;
   padding: 0px;
}


#go-to-japan dt {                                     /* go to japan */
   left: 5px;
   width: 255px;
   height: 20px;
   font-size: 16px;
   margin: -5px 0px 7px 5px;
   padding: 0px;
}






#google-ad-upright {
   position: absolute;         /* big ad --right column */
   top: 630px;
   left: 725px;
   width: 270px;
   height: 270px;
}






#exchange {
   position: absolute;                                /* infomation exchange bord  */
   top: 915px;
   left: 710px;
   width: 255px;
   height: 105px;
   margin: auto;
   padding: 10px;
   border: 1px #ffe4e1 solid;
   background-image: url(../color/lightpink2.jpg);
}


#exchange dl {                                      /* exchange */
   left: 20px;
   width: 270px;
   height: 110px;
   margin: -10px 0px 0px -10px;
   padding: 0px;
}


#exchange dt {                                     /* exchange */
   left: 5px;
   width: 240px;
   height: 20px;
   font-size: 15px;
   margin: -8px 0px 10px 10px;
   padding: 0px;
}




/* google ad lowright */






#google-ad-lowright {
   position: absolute;                              
   top: 1080px;
   left: 725px;
   width: 275px;
   height: 275px;
}






address {
   position: absolute;         /* copy right */
   top: 1360px;
   left: 710px;
   width: 255;
   height: auto;  
   margin-left: 30px;
   font-size: 14px;
}









 /* left column */








#google-ad-leftlong {
   position: absolute;                              
   top: 280px;
   left: 40px;
   width: 200px;
   height: 700px;

}


