@charset "UTF-8";
/*
Theme Name: OurGang/BB-Blog60 Theme
Theme URI: http://www.office-bb.jp/
Description: BB-Blog60 Wordpress theme
Version: 1.0
Author: OfficeBB.Inc
Author URI: http://www.office-bb.jp/
*/

* {
padding: 0;
margin: 0;
}

body {
background-color: #000000;
text-align: left;
font: 87%/175% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrapper {
width: 869px;
height: 100%;
margin: 0 auto;
}

#headertop {
float:left;
height: 121px;
width: 869px;
font-family: Verdana, serif;
background-image: url(images/headertop.png);
}

#header_footer {
width: 869px;
height: 49px;
background: #000000 url(images/back.gif);
}

#header_footerimg {
width: 820px;
height: 43px;
margin-left:24px;
background-image: url(images/header_footer.png);
border-bottom: 6px solid #000000;
}

#footerbottom {
float:left;
height: 19px;
width: 869px;
background-image: url(images/footerbottom.png);
}

#headertop h1 {
padding-left: 15px;
padding-top: 10px;
}

#headertop h1 a {
font-size: 24px;
font-weight: bold;
color: #666666;
}

#header {
clear:both;
margin-left:24px;
width: 820px;
background: #001428 url(images/headerimg.png) no-repeat;
height: 110px;}

#headerimg h1 {
padding-top: 0.7em;
padding-left: 0.7em;
font-size: 2em;
}

#headerimg h1 a {
color: #fff;
}

#headerimg .description {
position: relative;
top:80px;
color: #fff;
padding-left: 1.7em;
text-align:left;
}

#bg {
background: #000000 url(images/back.gif);
width: 869px;
}

#navbar {
margin-left:24px;
width: 820px;
background: #b53538;
height: 27px;
border-top: 6px solid #8b332b;
border-bottom: 6px solid #702821;
}

.menu {
width: 820px;
}

.menu li {
float: left;
list-style: none;
}

.menu li a {
float: left;
display: inline;
font-size: 12px;
font-weight: bold;
padding: 1px 35px;
text-decoration: none;
color: #ffffcc;}

.menu li a:hover {
text-decoration: none;
background:#e24246;
color: #ffffcc;}

.menu li.current_page_item a {
float: left;
display: inline;
font-size: 12px;
font-weight: bold;
padding: 1px 35px;
text-decoration: none;
color: #ffffcc;
background:#e24246;
}

.menu li.current_page_item a:hover {
text-decoration: none;
background: #e24246;
color: #ffffcc;}

.submenu {
width: 820px;
}

#mainnav {
float: right;
margin-right: 26px;
padding: 10px 0px;
display: inline;
text-align: left;
}

.nav h2 {
padding-top: 10px;
font: bold 12px Times New Roman, sans-serif;
text-align: left;
color: #efc182;
}

.nav * {
padding: 0;
margin: 0;}

.nav li {
clear: left;
width:210px;
list-style: none;
}

.nav li a {
display: block;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-indent: 10px;
}

.nav li a:hover {
text-decoration: none;
color: #ffeb00;}

.nav li.current_page_item a {
display: block;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #81abdc;
height: 32px;
color: #043c73;
padding-top: 10px;
text-indent: 25px;
background: #ffffff url(images/sidebar_hover.gif);
}

.nav li.current_page_item a:hover {
text-decoration: none;
background: #ffffff url(images/sidebar_hover.gif);
color: #043c73;}

h5 {
font: bold 9pt Verdana, arial;
padding: 0;}

.dateblock {
text-align: right;
font-weight: bold;
padding-right: 10px;
color: #c79f6d;
}

#main {
float:left;
margin-top: 0px;
width: 540px;
margin-left: 48px;
text-align: left;
font-size: 12pt;
color: #333333;
font-size: 12px;
padding-bottom:10px;}

#main p {
line-height: 180%;
padding-top: 3px;
}

#main td.adjust {
padding-left:10px;
}

#main h1 {
color: #c79f6d;
border-bottom: 1px solid #c79f6d;
}

#main h2 {
clear: left;
font-size: 16px;
border-left: 6px solid #c79f6d;;
border-bottom: 1px solid #c79f6d;
margin: 0;
padding-left:10px;
}

#main h2 a {
color: #c79f6d;
}

#main h2 a:hover {
color: #301e0d;
}

#main h3 {
border-bottom: 1px solid #c79f6d;
border-left: 6px solid #c79f6d;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
}

#main h4 {
font-size: 1.1em;
border-bottom: 1px solid #c79f6d;
}

.obb_post_title_block {
padding-top: 5px;
}

.obb_post_date_first {
clear: left;
font-weight: bold;
color: #502d16;
padding: 0 10px;
text-align: right;
}

.obb_post_title_first {
clear: left;
color: #502d16;
font-weight: bold;
padding: 0 0 0 30px;
width; 540px;
height: 25px;
background:#f7f3cf url(images/line.png) no-repeat bottom;
}

.obb_post_title_first a {
color: #502d16;
}

.obb_post_title_first a:hover {
color: #91c1f7;
}

.obb_post_date {
clear: left;
font-weight: bold;
color: #502d16;
padding: 0 10px;
text-align: right;
}

.obb_post_title {
clear: left;
color: #502d16;
font-weight: bold;
padding: 0 0 0 30px;
width; 540px;
height: 25px;
background:#f7f3cf url(images/line.png) no-repeat bottom;
}

.obb_post_title a
{
color: #502d16;
}

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

.obb_post_title a:hover
{
color: #91c1f7;
}

h1 {
padding: 8px 0 5px 0;
margin:3px 0px 3px 0px;
font: bold 12pt Times New Roman, sans-serif;
text-align: left;
line-height: 15px;
margin-bottom: 14px;
color: #7f8472;
}

.post h1 {
color: #0b79b6;
border-bottom: 1px solid #b7bfa8;
}

a.link {
margin-top: 20px;
font: bold 18pt Times New Roman, sans-serif;
text-decoration: none;
text-align: left;
line-height: 120%;
margin-bottom: 14px;
color: #0B79B6;}

a.link:hover {
margin-top: 20px;
font: bold 18pt Times New Roman, sans-serif;
text-decoration: none;
text-align: left;
line-height: 120%;
margin-bottom: 14px;
color: #0B79B6;}

#copyright {
height:100px;
line-height: 140%;
border-top: 1px solid #a82b44;
border-bottom: 6px solid #000000;
background: url(images/footer.png);
padding-left: 15px;
font-size: 8pt;
font-family: Verdana, serif;
color: #ffffcc;
}

#footer {
margin-top: 7px;
clear: both;
margin-left: 24px;
background-color: #2b5172;
border-top: 6px solid #000000;
width: 820px;
}

#footer a {
text-decoration: none;
color: #C1F080;}

#footer a:hover {
text-decoration: none;
color: #19A7D7;}

.com {
text-align: right;
padding-bottom: 6px;}

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

img {
float: left;
padding: 5px;
border: none;}

a {
text-decoration: none;
color: #0E67A9;}

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

.obb_post {
clear: both;
line-height: 140%;}

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

.cell {
border-collapse: collapse;
border: 1px solid #aaaa93;
}

.cell td {
border: 1px solid #aaaa93;
padding: 1px 5px;
}

.obb_pagetop {
clear:both;
float:left;
}

.obb_info_block_content {
padding-left: 20px;
}

.obb_info_block_title {
color: #502d16;
font-weight: bold;
padding: 0 0 3px 35px;
width; 540px;
height: 25px;
background:#f7f3cf url(images/line_info.png) no-repeat bottom;
}

.obb_info_block_date {
text-align: right;
}

.obb_list_ul {
border: 1px solid #999;
}

.obb_info_date {
padding-left: 5px;
}

.obb_pagetop_link {
clear: left;
width: 580px;
text-align: right;
}

.obb_pagetop_link a {
font-size:12px;
color: #c79f6d;
}

.obb_pagetop_link a:hover {
color: #301e0d;
}


.labeltop {
border-top: 6px solid #808080;
font-weight: bold;
padding: 2px 10px;
background-color: #d8e0ed;
}

.fieldtop {
border-top: 6px solid #808080;
border-left: 1px solid #a6a6a6;
padding: 2px 10px;
}

.labelcolor {
border-top: 1px solid #a6a6a6;
font-weight: bold;
padding: 2px 10px;
background-color: #d8e0ed;
}

.fieldcolor, .fieldstrong {
border-top: 1px solid #a6a6a6;
border-left: 1px solid #a6a6a6;
padding: 2px 10px;
}

.fieldstrong {
font-weight: bold;
}

.fieldcolor2 {
border-top: 1px solid #a6a6a6;
border-left: 1px solid #a6a6a6;
padding: 2px 2px 2px 10px;
}

.fieldcolor3 {
border-top: 1px solid #a6a6a6;
padding: 2px 10px 2px 2px;
}

.addrcolor {
border-left: 1px solid #a6a6a6;
padding: 0px 10px;
}

.labelbottom {
border-top: 1px solid #a6a6a6;
border-bottom: 6px solid #808080;
font-weight: bold;
padding: 2px 10px;
background-color: #d8e0ed;
}

.fieldbottom {
border-top: 1px solid #a6a6a6;
border-bottom: 6px solid #808080;
border-left: 1px solid #a6a6a6;
padding: 2px 10px;
}

#headerinfo {
font-size: 12px;
line-height: 140%;
text-align: right;
margin-top: 62px;
margin-right: 40px;
color: #c79f6d;
}

#headerinfo a {
font-size: 12px;
text-decoration: underline;
line-height: 140%;
color: #c79f6d;
}

#shopinfo {
margin-top: 5px;
color: #c79f6d;
}

/* shop menu */
.shopmenu {
text-align: center;
list-style: none;
line-height: 140%;
border: 1px solid #d3ba3a;
}

.shopmenu_plus {
text-align: center;
line-height: 140%;
}

.shopmenu_emph {
font-weight: bold;
}

.shopmenu_title {
font-weight: bold;
color: #ff0000;
}

.shopmenu_col1 {
background: #f4eed7;
}

.shopmenu_col2 {
background: #e9ddaf;
}

.shopmenu_col3 {
background: #decd87;
}

.shopmenu_col4 {
background: #f4d7d7;
}

.shopmenu_col5 {
background: #e9afaf;
}

/* place */
.shoppalce {
list-style: none;
line-height: 140%;
border: 1px solid #d3ba3a;
list-style: none;
}

.shoppalce_emph {
font-weight: bold;
}

.shoppalce_title {
font-weight: bold;
color: #ff0000;
}

.shoppalce_col1 {
background: #f4eed7;
}

.shoppalce_col2 {
background: #e9ddaf;
}

.shopplace_text {
text-indent: 20px;
}

.obb_post_contents {
padding-left: 15px;
}

.navigation a {
color: #a67e4e;
}


/* Begin Calendar */
#wp-calendar {
width: 90%;
/* border-collapse:collapse; */
}

#wp-calendar caption {
text-align: left;
font-size: 12px;
font-weight: bold;
color: #666;
}

#wp-calendar th {
font-size: 12px;
text-align: center;
background: #a58459;
}

#wp-calendar td {
color: #666;
text-align: center;
background: #ddb277;
font-size: 12px;
}

#wp-calendar td#next,
#wp-calendar td#prev,
#wp-calendar td.pad {
background: none;
}

#wp-calendar td a {
color: #f7f3cf;
}

#wp-calendar td#next a {
text-align: right;
}

#wp-calendar td#prev a {
text-align: left;
}

#wp-calendar a {
text-decoration: none;
display: block;
text-indent: 0px;
}

#wp-calendar a:hover {
color:#c40026;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */