@charset "UTF-8";
/*
Theme Name: VJH/White-Gray/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: #00a0bf;
text-decoration: none;
}

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

img {
border: none;
}

li {
list-style: none;
}

td {
padding: 3px;
}

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

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

#wrapper {
width: 920px;
height: 100%;
background: #fff;
margin: 0 auto;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
}

#headerinfo {
text-align: left;
color: #fff;
text-indent: 10px;
padding: 5px;
background: #4d4d4d url(images/main_h1.png) no-repeat left;
border-bottom: 1px solid #dfdfdf;
}

#header {
clear:both;
width: 900px;
height: 240px;
border: 1px solid #dfdfdf;
margin: 10px auto;
background: #fff;
}

#headerimg {
margin: 10px;
width: 880px;
height: 220px;
background-image: url(images/h_img.jpg);
}

#bg {
width: 920px;
}

#navbar {
height: 28px;
margin: 10px;
margin-bottom: 0px;
width: 900px;
background: url(images/navbar_back.png) no-repeat bottom;
}

.menu {
width: 900px;
margin: 0 auto;
}

.menu ul {
list-style: none;
}

.menu li {
float: left;
margin: 0;
}

.menu li a {
display: block;
font-weight: bold;
padding-top: 5px;
text-align: center;
color: #999;
width: 140px;
height: 25px;
background: #fff url(images/nav_tab.png);
}

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

.menu li.current_page_item a {
display: block;
padding-top: 5px;
text-align: center;
color: #fff;
width: 140px;
height: 25px;
background: #fff url(images/nav_tab_hover1.png);
}

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

#mainnav {
float: right;
padding: 0px;
display: inline;
text-align: left;
margin-right: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
width: 230px;
}

.h2sidemenu {
background: #808080;
margin-top: 0px;
border-bottom: 1px solid #dfdfdf;
}

.nav h2 {
font-size: 14px;
text-indent: 10px;
color: #fff;
padding: 5px 0px 5px 0px;
font-size: 14px;
background: #4d4d4d url(images/nav_h2_back.png) no-repeat left;
}

.nav ul {
padding: 6px 6px;
list-style: none;
background: #f4f4f4;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.nav li {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 3px;
}

.nav li a {
display: block;
color: #333;
padding: 7px 0;
text-indent: 15px;
background: #cccccc url(images/nav_back.png) no-repeat left
}

.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;
}

.linknav {
padding: 0px;
display: inline;
text-align: left;
margin-right: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
width: 230px;
}

.h2linkmenu {
background: #fff;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #dfdfdf;
background: #fff url(images/link_back.png) no-repeat left center;
height: 31px;
}

.h2linkmenu h2 {
font: bold 14px sans-serif;
color: #999;
border: none;
text-indent: 18px;
padding-top: 8px;
}

.linknav ul {
padding: 10px 6px;
list-style: none;
}

.linknav li {
padding: 0;
margin: 0;
background: #fff url(images/maker.png) no-repeat left center;
}

.linknav li a {
display: inline;
color: #666;
padding-left: 10px;
}

.linknav li a:hover {
color: #333;
}

#main {
width: 660px;
margin-left: 10px;
text-align: left;
}

#main .post {
padding: 10px;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}

#main .main_title {
border-top: 1px solid #4d4d4d;
}

#main h1 {
text-indent: 10px;
color: #fff;
padding: 5px 0px 5px 8px;
font-size: 14px;
background: #4d4d4d url(images/main_h1.png) no-repeat left;
}

#main h2 {
clear: left;
font-size: 14px;
font-family: san-serif;
color: #666;
}

.childheader h2 {
margin-top: 10px;
text-indent: 15px;
border: 1px solid #cfcfcf;
background: #f9f9f9 url(images/main_h2.png);
color: #666;
padding: 3px 0px;
font-size: 12px;
}

.childpost {
width: 636px;
padding: 10px 0;
}

#copyright {
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
padding: 7px 0;
text-align:center;
font-size: 10pt;
font-family: serif;
color: #fff;
background: #4d4d4d url(images/main_h1.png) no-repeat left;
}

#footer {
clear: both;
width: 920px;
}

.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;
}

#policy {
font-size: 12px;
font-weight: normal;
color: #ccc;
padding-top: 10px;
padding-left: 14px;
}

#maker a {
margin-left: 14px;
padding-left: 10px;
background: url(images/maker.png) no-repeat left;
}

.ob_pagetop_link {
clear: both;
width: 660px;
text-align: right;
}

.ob_pagetop_link a {
color: #666;
}

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


.h2sidemenu_link {
background: #808080;
margin-top: 0px;
border-bottom: 1px solid #dfdfdf;
}

.nav2 h2 {
font-size: 14px;
text-indent: 10px;
color: #fff;
padding: 5px 0px 5px 0px;
font-size: 14px;
background: #4d4d4d url(images/nav_h2_back.png) no-repeat left;
}

.nav2 ul {
padding: 6px 6px;
list-style: none;
background: #f4f4f4;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.nav2 li {
margin-bottom: 3px;
}

.nav2 li a#yoyaku {
display: block;
width: 216px;
height: 80px;
background: #fff url(images/yoyaku.png) no-repeat left;
}

.nav2 li a#yoyaku:hover {
background: #fff url(images/yoyaku_hover.png) no-repeat left;
}

.nav2 li a#cancel {
display: block;
width: 216px;
height: 45px;
background: #fff url(images/cancel.png) no-repeat left;
}

.nav2 li a#cancel:hover {
background: #fff url(images/cancel_hover.png) no-repeat left;
}