/* body */

body {
height: 100%;
font-family: verdana,'Hiragino Kaku Gothic Pro', 'trebuchet ms', sans-serif;
margin: 0px;
padding: 0px;
background: #d6d4d9;
text-align:center;
}

img {
border-width: 0px;
}

form {
margin: 0px;
padding: 0px;
}

table {
margin: 0px;
padding: 0px;
}

h1, h2, h3, h4 {
padding: 0px;
margin: 0px;
}

p {
margin-bottom: 10px;
padding: 0px;
}

a {text-decoration: none}
a:link {color: #3333cc; text-decoration: none; }
a:visited {color: #3333cc; text-decoration: none; }
a:hover {color: #006699; text-decoration: underline; }
a:active {color: #006699; text-decoration: underline; }


.description {
color:#333;
font-size:small;
text-transform:none;
}

/* layout */

#container {
background: url("images/common/background.gif") center repeat-y;
height:100%;
margin-right: auto;
margin-left: auto;
width: 860px;
text-align: center;
}

#wrapper {
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: center;
}

#header {
background: url("images/common/header_bg.gif") top repeat-x;
width: 800px;
height: 105px;
margin-bottom: 10px;
padding: 0px;
text-align: center;
line-height: 100%;
}

#content {
width: 800px;
margin-bottom: 20px;
padding: 0px;
clear: both;
text-align: center;
}


#leftbar {
display: inline;
width: 170px;
font-size: x-small;
float: left;
}

#main {
width: 475px;
font-size: small;
text-align: center;
float: left;
}

#rightbar {
display: inline;
width: 155px;
margin: 0px;
font-size: x-small;
float: right;
}

#footer {
width: 800px;
height: 100px;
clear: both;
font-size: small;
text-align: center;
}

/* header */

#header_logo {
height: 70px;
padding: 0px;
margin: 0px;
float: left;
text-align: left;
}

#header_search {
padding-top: 25px;
padding-right: 20px;
float: right;
width: 250px;
text-align: right;
}

#header_navi {
background: #CCC;
margin: 0px;
padding: 0px;
width: 800px;
height: 35px;
clear: both;
}

#header_navi:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


#header_navi .menu {
float: left;
display: block;
margin: 0px;
padding: 0px;
height: 35px;
}


/* main */

.blog {
line-height: 150%;
font-size: medium;
background: #FFF;
text-align: left;
margin-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}

.listtitle {
background: #F8F8FF;
margin-top: 0px;
border-bottom: solid 5px #A9A9A9;
border-top: solid 1px #DCDCDC;
border-right: solid 1px #DCDCDC;
border-left: solid 1px #DCDCDC;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}


.blogtitle {
background: #F8F8FF;
margin-top: 0px;
border-top: solid 5px #A9A9A9;
border-bottom: solid 1px #DCDCDC;
border-right: solid 1px #DCDCDC;
padding-top: 10px;
padding-left: 5px;
padding-bottom: 10px;
}


.blogbody {
line-height: 160%;
margin-top: 5px;
margin-bottom: 30px;
padding: 15px;
}

.blog h1 {
font-size: medium;
font-weight: bold;
}

.blog h2 {
font-size: medium;
font-weight: bold;
}

.posted {
font-size: small;
color: #333;
text-align: left;
}

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

.archives li {
display: block;
}

.archives ul a {
background: url("images/common/archives_li_bg.gif") left center no-repeat;
display: block;
margin-top: 6px;
margin-left: 3px;
padding-left: 13px;
padding-right: 5px;
font-size: small;
}




/* leftbar */

#sidebar_body {
text-align: left;
}

#leftbar .side {
background: #F8F8FF;
margin-bottom: 10px;
text-align: left;
}

#leftbar h2 {
margin: 0px;
padding: 0px;
}

#leftbar h3 {
margin: 0px;
padding: 0px;
}


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

#leftbar .side ul li {
display: block;
border-bottom: 1px solid #CCC;
}

#leftbar .side ul a {
background: url("images/common/side_left_li_bg.gif") left center no-repeat;
display: block;
margin-top: 6px;
margin-left: 3px;
padding-left: 13px;
padding-right: 5px;
font-size: small;
}

#leftbar .side ul .date {
display: block;
margin-left: 3px;
padding-top: 1px;
padding-bottom: 3px;
padding-left: 13px;
padding-right: 5px;
font-size: small;
color: #666;
}

#leftbar .sidebox {

text-align: left;

font-size: small;

padding-top: 10px;

padding-bottom: 10px;

padding-left: 10px;

border-bottom: solid #CCC 1px;

}



#leftbar .powered {

color: #666;

text-align: left;

font-size: x-small;

margin-top: 20px;

margin-left: 10px;

}





/* rightbar */



#rightbar .side {

background: url("images/common/side_right_bottom_bg.gif") bottom no-repeat;

padding-bottom: 10px;

margin-bottom: 10px;

}



#rightbar .sidebody {

background: url("images/common/side_right_bg.gif") center repeat-y;

padding: 5px;

}



#rightbar .side_dpj {

padding-bottom: 10px;

}





#rightbar ul {

list-style-type: none;

text-align: left;

margin: 0px;

padding: 0px;

}



#rightbar ul li {

display: block;

}



#rightbar ul a {

background: url("images/common/side_left_li_bg.gif") left center no-repeat;

margin-top: 6px;

margin-left: 5px;

padding-left: 13px;

padding-right: 5px;

display: block;

font-size: small;

}



#rightbar ul .headline {

padding: 10px;

display: block;

font-size: x-small;

}







/* footer */



#footer_navi {

background: #d9d9db;

border-bottom: 3px solid #333b7c;

text-align:center;

padding-top: 7px;

padding-bottom: 4px;

height: 20px;

margin-left: auto;

margin-right: auto;

}



#footer_navi ul {

list-style-type: none;

margin: 0px;

padding-left: 15px;

}



#footer_navi li {

float: left;

display: inline;

padding: 0px;

}



#footer_navi a {

display: block;

padding-left: 10px;

padding-right: 10px;

border-right: 1px solid #666;

}



#copyright {

margin-top: 15px;

margin-left: 5px;

margin-bottom: 40px;

float: left;

}



#back_top {

font-size: x-small;

margin-top: 10px;

margin-right: 15px;

float: right;

}





textarea {

font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;

}