/* Base Weblog (base-weblog.css) */

/* basic elements */

html{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

* {
    margin: 0 ;
    padding: 0 ;
}

body {
    font-family: verdana, Osaka, Arial, sans-serif ;
    font-size: 12px ;
    color: #333333 ;
    text-align: center;  /* center on ie */
    line-height: 180% ;
}

a {
    text-decoration: none ;
    color: #0000ff ;
}
a:hover {
    color: #ff0000 ;
}
a img { border: 0; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal ; 
    font-family: verdana, Osaka, Arial, sans-serif ;
    color: #333333 ;
}
h2 {
    font-size: 16px ;
    font-weight: bold ;
    padding: 0 0 1px 0;
    margin: 0 0 9px 0 ;
}
h3 {
    font-size: 14px ;
}
h4, h5, h6 {
    font-size: 12px ;
}


/* 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; }
/* */




/* page layout */


#container {
   position: relative;
   margin: 0 auto; /* center on everything else */
   text-align: left;
   width: 760px ;
}
#container-inner { position: static; width: auto; }

#banner {
    position: relative ;
    width: 760px ;
    height: 128px ;
}
#banner-inner {
    position: static; 
    width: 760px ;
    height: 128px ;
    background-image: url("http://works45.jp/img/banner.gif") ;
}

#pagebody {
    position: relative; width: 100%; 
}
#pagebody-inner {
    position: static; width: 100%; 
    background-image: url("http://works45.jp/img/body.gif") ;
}

#main {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    width: 580px ;
    min-height: 1px;
}
#main a {
   font-weight: bold ;
   text-decoration: underline ;
}
#main a:hover: {
}
#main-inner { 
    position: static ;
    padding: 0 30px 20px 50px;
}
#main ol {
    padding-left: 40px ;
}

#sidebar { 
    display: inline ;  /*ie win bugfix */
    position: relative;
    background-image: url("http://works45.jp/img/right.gif") ;
    background-position: top ;
    background-repeat: repeat-y ;
    width: 180px ;
    float: right ; 
}


#sidebar-inner {
    position: static ;
    background-image: url("http://works45.jp/img/menu-bottom.gif")  ;
    background-position: bottom ;
    background-repeat: no-repeat ;

    padding:  0 20px 0 10px ;
}

#footer {
    position: relative; 
    width: 760px ;
    height: 40px ;
    line-height: normal ;
}
#footer-inner {
    position: static; 
    text-align: center ;
    background-image: url("http://works45.jp/img/footer.gif") ;
    padding: 0 0  10px 0 ;
}


/* content */


#banner-header {
    padding: 0 0 0 30px ;
}
#banner h2 {
    padding: 0 0 5px 35px ;
    font-size: 11px ;
    font-weight: normal ;
    margin: 0 0 0 0 ;
}

#main h2 {
    border-left: 1px solid #333333 ;
    border-bottom: 1px  solid #333333;
    padding-left: 10px ;
    margin-top: 20px ;
}
#main h3 {
    margin: 15px 0 5px 0 ;
}
#main p {
    margin-bottom: 15px ;
}
#sidebar ul li {
    list-style: none ;
    line-height: 125% ;
    margin-bottom: 4px ;
}
#sidebar h4 {
    font-size: 14px ;
    font-weight: bold ;
    margin: 10px 0 0 0 ;
    color: #666666 ;
}
#sidebar p {
    margin-bottom: 10px ;
    line-height: 125% ;
}


/* #menu ul li {     display: block;    width: 142px ;    height: 28px ;    background-image: url("http://works45.jp/img/btn.gif") ;} */

#menu ul li a {
    display: block;
    width: 142px ;
    height: 26px ;
    background-image: url("http://works45.jp/img/btn.gif") ;
    background-repeat: no-repeat ;
    padding: 8px 0 0 14px ;
    margin-bottom: 0 ;
    color: #333333 ;

}
#menu ul li a:hover {
    display: block;
    width: 142px ;
    height: 26px ;
    background-image: url("http://works45.jp/img/btn-on.gif") ;
    background-repeat: no-repeat ;
    color: #666666 ;
}
.imgleft {
   float: left ;
   padding-right: 10px ;
}