/* basic elements */



BODY
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: verdana, 'trebuchet ms', sans-serif;
   
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

H1, H2, H3, H4, H5, H6
{
   font-weight: normal;

}

blockquote
{
   border: 1px ridge #a5becb;
   padding: 10px;
   margin: 10px;
   background-image : url(../img/style-img/blockquote-back2.gif);
   background-repeat : repeat;
  color : gray;
}

span{
  font-weight : bold;
}

img { border: 0; }

.yellow{
  background-color : yellow;
}

strong{
  font-weight : normal;
}

/* link color */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }

#banner A {  text-decoration: none; 
  color : white;
  font-weight : bold;
}
#banner A:HOVER { color : #ffff93; }



/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; 
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
/* */


/* page layout */

body {
    min-width: 780px;
    text-align: center; /* center on ie */
    margin: 0px auto;
    padding: 0;
    font-size : 14px;
    line-height : 15px;
  background-image : url(../img/style-img/image-back2.gif);
  background-repeat : repeat;
}

#container
{
    position: relative;
    width: 780px;
    _width: 782px;
    margin: 0 auto;
    text-align: left;
    padding : 0px;
    background-color : white;


  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : blue;
  border-right-color : blue;
}


#banner {
    position: relative;
    margin: 0 auto;
    width: 780px; /* necessary for ie win */
    height : 160px;
    background-image : url(../img/style-img/image-banner2.gif);
    background-repeat : repeat;
}


#banner H1
{

    color: #fff;
    font-size: 18px;
    font-weight : bold;
    padding-left : 15px;
    padding-top : 15px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}


#banner H2{
    width: 100%;
    margin : 5px 0px 0px;margin-left : 0px;
    color : white;
    font-size: 12px;
    padding-left : 15px;
    font-weight : normal;
}


.pankuzu{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  text-align : right;
  font-size : 10px;
}
.pankuzu a{
  
  text-decoration : none;
}
.pankuzu a:hover {
  color : #ff8000;
}
.pankuzu ul{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
  
}
.pankuzu li{
  float : left;
  text-align : right;
  padding-top : 2px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 4px;
  margin-right : 6px;
  margin-bottom : 0px;
  font-size : 10px;
}

.link-u{
  text-align : right;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 10px;
  margin-bottom : 0px;
  clear : both;
}


/* content */

#pagebody
{
     position: relative;
     width: 780px;
     text-align: center;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  background-image : url(../img/style-img/image-pagebody-back2.gif);
  background-repeat : repeat-y;
}

#blog
{
     display: inline; /* ie win bugfix */
     position: relative;
     float : left;
     min-height: 1px;
     text-align: left;
     width : 570px;
}

.ad-space
{
    float: right;
    margin-top : 10px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : auto;
}

.entry 
{ 
  margin : 5px 10px 25px 2px; 
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 0px;
  line-height : 18px;
  letter-spacing : 2px;
}

.entry-header
{
    margin : 10px 25px 10px 10px;
    text-align: left;
    font-weight : bold;
    padding-left : 5px;
    font-size : 16px;
    padding-top : 5px;
    padding-bottom : 5px;
    padding-right : 25px;
    clear : both;
    background-image : url(../img/style-img/image-entry-header.gif);
    background-repeat : no-repeat;
}

.entry-header h3{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

.entry-inner-header{
    font-size : 16px;
    font-weight : bold;
    border-left-width : 8px;
    border-bottom-width : 1px;
    border-left-style : double;
    border-bottom-style : dotted;
    border-left-color : gray;
    border-bottom-color : gray;
    padding-left : 10px;
    padding-bottom : 3px;
    clear : both;
    margin-top : 20px;
    margin-right : 20px;
}


.entry-index{
  padding-top : 5px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 5px;
  border-width : 1px;
  border-style : dotted;
  border-color : purple;

}

.right{
    float : right;
    margin-left : 5px;
}

.left{
    float : left;
    margin-right : 5px;
}

.list-space{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  border-width : 1px 1px 1px 1px;
  border-style : dotted dotted dotted dotted;
  border-color : blue blue blue blue;
  float : right;
  width : 300px;
}

.center-field{
  text-align : center;
  font-size : 120%;
  font-weight : bold;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-top : 4px;
  margin-left : 4px;
  margin-right : 4px;
  margin-bottom : 4px;
  border-width : 1px 1px 1px 1px;
  border-style : dashed dashed dashed dashed;
  border-color : gray gray gray gray;
}

.inner-s{
  font-size : 16px;
  font-weight : bold;
  color : red;
  text-align : center;
}

.top-entry{
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  margin-top : 0px;
  margin-left : 15px;
  margin-right : 15px;
  margin-bottom : 10px;
  clear : both;
}
.top-entry h5{
  font-size : 14px;
  font-weight : bold;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  clear : both;
}
.top-entry h5 a{
  text-decoration : none;
}
.top-entry ul{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 35px;
  list-style-type : none;
}
.top-entry li{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 15px;
  padding-bottom : 0px;
  float : left;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  
}
.entry-links{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  clear : both;
}
.entry-links ul{
 
  list-style-image : url(../img/style-img/image-link2.gif);
  
}



/* modules (sidebar)*/

#links{ 
    display: inline; /* ie win bugfix */
    position: relative;
    float : right;
    text-align: left;
    width: 200px;
}

#links .pkg {
    position: static;
    display: block;
    clear: both;
    padding: 5px;
}


.sidetitle
{
    width: auto;
    margin: 10px 0 0;
    padding: 2px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    
  background-image : url(../img/style-img/image-sidetitle.gif);
  background-repeat : no-repeat;
}

.side {
    margin: 0;
    font-size: 12px;
    padding: 10px;
    line-height: 1.5;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-style : dotted;
    border-bottom-style : dotted;
    border-left-style : dotted;
    border-right-color : #e8e8e8;
    border-bottom-color : #e8e8e8;
    border-left-color : #e8e8e8;
}

.whats-new{
    font-size : 12px;
    font-weight : bold;
    padding : 0px;
    margin-top : 5px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
}

.side-inner-title{
  font-size : 12px;
  font-weight : bold;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 5px;
  background-color : #f6f6f6;
}

.side ul
{
    margin : 0px;
    padding : 0px;
    list-style-type : none;
}

.side li
{
    margin : 1px 0px;
    padding : 0px;
    text-decoration: underline; 
}

.side li a
{
    text-decoration: underline; 
    font-weight: normal;
}

.side P{
  margin-top : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 1px;
}

.side2 {
    margin: 0;
    font-size: 10px;
    padding: 10px;
    line-height: 1.5;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-style : dotted;
    border-bottom-style : dotted;
    border-left-style : dotted;
    border-right-color : #e8e8e8;
    border-bottom-color : #e8e8e8;
    border-left-color : #e8e8e8;
}

.side2 ul
{
    margin : 0px;
    padding : 0px;
    list-style-type : none;
}

.side2 li
{
    margin : 1px 0px;
    padding : 0px;
    text-decoration: underline; 
}

.side2 li a
{
    text-decoration: underline; 
    font-weight: normal;
}

.side2 P{
  margin-top : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 1px;
}

/* footer */

#footer
{
    position : absolute;
    margin: 0 auto;
    padding : 20px 0px 0px;padding-left : 0px;
    width: 780px; 
    height : 100px;
    text-align: center;
    font-size: 0.8em;
    clear: both;
    background-image : url(../img/style-img/image-banner2.gif);
    background-repeat : repeat;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : blue;
  border-right-color : blue;
}

#footer-inner{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  height : 70px;
}
#kaiseki{
  text-align : right;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  height : 30px;
}