@charset "UTF-8";
/*
Theme Name: VJH/sidemenu/BB-Blog60 Theme
Theme URI: http://www.office-bb.jp/
Description: BB-Blog60 Wordpress theｈme
Version: 1.0
Author: OfficeBB.Incf
Author URI: http://www.office-bb.jp/
*/

* {
padding: 0;
margin: 0;
}

a {
font-size:12px;
color: #ff3809;
text-decoration: none;
}

a:hover {
color: #fff;
text-decoration: none;
}

img {
border: none;
}

li {
list-style: none;
}

td {
padding: 3px;
}

hr {
height: 1px;
color: #ccc;
background: #ccc;
}

body {
background: #222 url(images/back.gif) repeat-y center;;
text-align: left;
font: 12px/175% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #ccc;
}

#wrapper {
width: 800px;
height: 100%;
background: #000;
margin: 20px auto 0px auto;
border: 1px solid #444;
}

#headerinfo {
color: #acbcd5;
text-indent: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom : 1px solid #666;
background: #1a3560;
}

#bg {
width: 800px;
background: #111 url(images/side_back.gif);
}

#mainnav {
float: left;
padding: 0px;
display: inline;
text-align: left;
margin: 0px;
width: 230px;
background: #204478 url(images/h_side.jpg);
}

.nav #menu {
margin-top: 300px;
border-top: 1px solid #5d8cd2;
}

.nav h2 {
font-size: 14px;
text-indent: 10px;
color: #3877d1;
}

.nav ul {
list-style: none;
}

.nav li {
border-bottom: 1px solid #5d8cd2;
}

.nav li a {
display: block;
width: 230px;
color: #fff;
padding: 8px 0;
text-indent: 20px;
}

.nav li a:hover {
color: #fff;
background: #cccccc url(images/nav_back_hover.png) no-repeat left;
}

.nav li.current_page_item a {
color: #fff;
background: #cccccc url(images/nav_back_hover.png) no-repeat left;
}

.nav li.current_page_item a:hover {
color: #fff;
background: #cccccc url(images/nav_back_hover.png) no-repeat left;
}

.h2sidemenu{
margin-top: 40px;
border-bottom: 1px solid #5d8cd2;
}

#main {
text-align: left;
background: #111;
}

#main .post {
position: relative;
float: right;
width: 540px;
padding: 10px;
}

#main h1 {
color: #fff;
padding: 15px 0px 5px 8px;
font-size: 16px;
}

#main h2 {
color: #fff;
font-size: 14px;
margin-top: 30px;
}

.childheader h2 {
color: #fff;
font-size: 14px;
}

.childpost {
padding-top: 10px;
margin-bottom: 20px;
border-top: 1px solid #555;
}

#footer {
clear: both;
}

#copyright {
text-align:center;
font-size: 10pt;
font-family: serif;
color: #666;
}

.searchform {
background-color: #FFFFFF;
border: 1px solid #999999;
color: #666666;}

.field {
background-color: #FFFFFF;
border: 1px solid #999999;
color: #666666;}

.comments {
background-color: #FFFFFF;
border: 1px solid #999999;
color: #666666;}

.button {
font-weight: bold;
background-color: #FFFFFF;
border: 1px solid #999999;
color: #666666;}

blockquote {
padding: 0 10px;
background-color: #eee;
border: 1px solid #aaaa93;
}

.ob_pagetop_link {
clear: both;
text-align: right;
padding-right :10px;
}

.ob_pagetop_link a {
color: #666;
}

.ob_pagetop_link a:hover {
color: #999;
}