/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

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/blockquote-back.gif);
   background-repeat : repeat-y;
}

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 : 17px;
        background-image : url(../img/20.jpg);
        background-attachment :fixed;
 
}

#container
{
    position: relative;
    width: 780px;
    _width: 782px;
    margin: 0 auto;
    text-align: left;
    padding : 0px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-left-style : solid;
    border-right-style : solid;
    border-left-color : #99999a;
    border-right-color : #99999a;
    background-color : white;

}


#banner {
    position: relative;
    margin: 0 auto;
    width: 780px; /* necessary for ie win */
    height : 150px;
    background-image : url(../img/18.jpg);
    background-repeat : no-repeat;
}


#banner H1
{

    color: #fff;
    font-size: 18px;
    font-weight : bold;
    padding-left : 15px;
    padding-top : 15px;

}


#banner p
{
    width: 100%;
    margin: 0;
    color : white;
    font-size: 12px;
    padding-left : 15px;
    font-weight : bold;
}

.banner-navi{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 9px;
  text-align : right;
  padding-top : 25px;
}


.banner-navi UL{
  list-style-type : none;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
.banner-navi LI{
  font-weight : normal;
  color : white;
  width : 70px;
  float : right;
  text-align : left;
}

.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 : 0px;
  margin-bottom : 0px;
}

.merumaga{
  width : 468px;
  background-image : url(../img/merumaga20-100.gif);
  height : 100px;
  text-align : center;
  padding-top : 0px;
  margin-bottom : 10px;
  background-repeat : repeat-x;
  border-top-width : 3pt;
  border-top-style : dotted;
  border-top-color : silver;
  border-left-width : 3pt;
  border-right-width : 3pt;
  border-bottom-width : 3pt;
  border-left-style : dotted;
  border-right-style : dotted;
  border-bottom-style : dotted;
  border-left-color : silver;
  border-right-color : silver;
  border-bottom-color : silver;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-left : auto;
  margin-right : auto;
}

.merumaga_innner{
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
}


/* content */

#pagebody
{
     position: relative;
     width: 780px;
     text-align: center;
     background-image : url(../img/21.jpg);
}

#blog
{
     display: inline; /* ie win bugfix */
     position: relative;
     float : right;
     min-height: 1px;
     text-align: left;
     width : 570px;
}

.ad-space
{
    float : left;
    margin-top : 10px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : auto;
}

.entry 
{ 
    line-height : 20px; 
    margin: 5px 2px 25px; 
    letter-spacing : 2px;
}

.entry-header
{
    margin: 10px 0;
    text-align: left;
    background-color : #e8e8e8;
    font-weight : bold;
    padding-left : 5px;
    font-size : 16px;
    width : auto;
    padding-top : 2px;
    padding-bottom : 2px;
}

.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;
}


.entry H3{
  margin-top : 35px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 20px;
}

.entry h4
{ 
    font-weight : bold;
}

.entry-inner-quote{
    font-size : 14px;
    font-weight : bold;
    border-bottom-style : dotted;
    border-bottom-color : gray;
    padding-left : 10px;
    padding-bottom : 3px;
    margin-bottom : 10px;
    clear : both;
}

.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;
}



/* modules (sidebar)*/

#links{ 
    display: inline; /* ie win bugfix */
    position: relative;
    float : left;
    text-align: left;
    width: 200px;
    _width: 190px;
}

#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-color : #e8e8e8;
}

.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;
}

.whats-new-1{
    font-size : 12px;
    font-weight : bold;
    text-align: center;
    padding : 0px;
    margin-top : 5px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    font-weight: bold;
    background-image : url(../img/banner_back.jpg);
}
.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;
}


.entry-link
{
line-height : 30px;
margin: 5px 2px 25px;
letter-spacing : 2px;
font-size : 12px;
}
.entry-link ul
{
list-style-type : none;
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-link li
{
float : left;
width : 270px;
font-weight : bold;
}
/* footer */

#footer
{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 780px; 
    height : 120px;
    text-align: center;
    font-size: 0.8em;
    clear: both;
    line-height: 60px;
    background-image : url(../img/16-1.jpg);
    background-repeat : no-repeat;
}

#footer-inner1{
    margin: 0;
    padding: 0;
    width: 780px; 
    height : 40px;
    text-align: center;
    font-size: 0.8em;
    line-height: 65px;
}

#footer-inner2
{
    margin: 0;
    padding: 0;
    width: 780px; 
    height : 35px;
    text-align : left;
    padding-top : 5px;
    line-height:100%;
}



