@charset "UTF-8";



body {
margin: 0px 0px 0px 0px;
text-align: left; 
background:#FFF url("img/bg2.gif") top left repeat-x;
}


a {
text-decoration: underline;
}

a:link {
color: #00CCFF;
}

a:active {
color: #006699;
}

a:hover {
color: #FF3399;
}


h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: bold;
}


#top {
line-height: 140%;
margin-right: auto;
margin-left: 10px;
text-align: left;
padding: 0px;
width: 1000px;
}

#container {
background: #FFF;
line-height: 140%;
margin-right: auto;
margin-left: 10px;
text-align: left;
padding: 0px;
width: 900px;
}

#tab_badge {
background: #FFF;
line-height: 140%;
margin-right: 0px;
padding: 0px;
width: 180px;
overflow: hidden;
}

#tab_badge ul{
background: #FFF;
margin-top: 5px;
margin-bottom: 5px;
}


/* ////////////////////////////////////////
#banner
//////////////////////////////////////// */
#banner {
font-family: Verdana, Arial, sans-serif;
margin-left: 10px;
margin-bottom: 0px;
background: url("img/n_top.gif") top left no-repeat;
width: 900px;
height:110px;
}

#banner-img {
display: none;
}

#banner a {
color: #FFFFFF;
text-decoration: none;
}

/*タイトル文字*/
#banner h1 {
margin:0px;
padding: 0px;
width:200px;
float:left;
}

/*
#banner h1 {
font-size: 24px;
font-weight: bold;
font-color: #FFFFFF;
text-align: left;
padding: 20px 10px 10px 10px;
border: 0px ;
}*/

/*サブタイトル文字*/
#banner h2 {
font-size:14px;
font-weight: bold;
font-color: #FFFFFF;
text-align: center;
}

/* ////////////////////////////////////////
#banner_tab
//////////////////////////////////////// */
#banner_tab {
width:208px;
/*with work =  + 42 = 250px*/
margin:33px 0px 0px 0px;
padding:0px;
float:right;
text-align:right;
}

#banner_tab ul {
margin:0px;
padding:0px;
list-style:none;
display:inline;
}

#banner_tab ul li {
margin:0px;
padding:0px;
list-style:none;
display:inline;
}

#banner_tab a {
display:block;
width:39px;
height:42px;
float:left;
margin-left:4px;
}

#banner_tab a span {
display:none;
}


#banner_tab a#tab_main {
background:url("http://www.cbc-net.com/img_tab/tab_main01.gif") 0px 0px no-repeat;
}
#banner_tab a#tab_shop {
background:url("http://www.cbc-net.com/img_tab/tab_shop01.gif") 0px 0px no-repeat;
}

#banner_tab a#tab_tank {
background:url("http://www.cbc-net.com/img_tab/tab_tank01.gif") 0px 0px no-repeat;
display:none;
}

#banner_tab a#tab_work {
background:url("http://www.cbc-net.com/img_tab/tab_work01.gif") 0px 0px no-repeat;
}

#banner_tab a#tab_apmt {
background:url("http://www.cbc-net.com/img_tab/tab_apmt01.gif") 0px 0px no-repeat;
}

#banner_tab a#tab_main:hover,
#banner_tab a#tab_shop:hover,
#banner_tab a#tab_tank:hover,
#banner_tab a#tab_work:hover,
#banner_tab a#tab_apmt:hover {
background-position:0px -42px;
}


/* ////////////////////////////////////////
#left
//////////////////////////////////////// */
#left {
float: left;
margin: 0px 0px 0px 0px;
width: 200px;
overflow: hidden;
background-color: #FFF;
}


.para {margin:0px; 
background:#FFF; padding:0px;
border: #0076A0; 	line-height: 140%;
border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width:1px; border-left-width:0px}

#mid {
float: left;
margin: 0px 0px 5px 10px;
width: 222px;
background: url(img/bg_n.gif) repeat; 
background-color: #EFEFEF;

overflow: hidden;

}

/* ////////////////////////////////////////
side
//////////////////////////////////////// */
.side {
padding: 0px 10px 10px 10px;
color: #666;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
border-top: 3px solid #333;
line-height: 140%;
}

.side img{ 
border: 1px solid #FFF;
margin-bottom: 5px;
}

.side h3{
font: 12px helvetica, arial, sans-serif;
margin: 10px 0px 10px 0px;;
padding: 0px;
color: #666;
font-weight: bold; 
background: transparent;
}

.side ul{
list-style: none;
margin: 0px;
padding: 0px;
line-height: 140%;
}

.side li{
margin: 0px;
padding:  3px 0px 0px 0px;
border-bottom:1px dotted #FFF;

}

.side li a{
display:block;
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
background: url(img/n_mark.gif) no-repeat; 
background-position: right; 
}

.side li a:hover { 
background: url(img/n_mark_over.gif) no-repeat;
background-position: right; 
}

.side a{ 
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
}

.side a img{ 
border: 1px solid #FFF;
}

.side a:hover { 
color:#FF3399; 
}

.side a:hover img{ 
border: 1px solid #FF3399; 
}

.side_detail {
padding: 0px 10px 10px 10px;
color: #666;
font: 10px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
border-top: 3px solid #333;
line-height: 140%;
}

.side_detail img{
border: 1px solid #FFF;
margin-bottom: 5px;
}

.side_detail h3{
font: 12px helvetica, arial, sans-serif;
margin: 10px 0px 10px 0px;;
padding: 0px;
color: #666;
font-weight: bold; 
background: transparent;
}

.side_detail a{ 
text-decoration:none; 
margin: 10px 0px 10px 0px;;
padding: 1px 1px 1px 1px; 
background-color: #00CCFF;
color:#000000; 
}

.side_detail a:hover { 
background-color: #FFF;
color:#FF3399; 
}


/* ////////////////////////////////////////
log
//////////////////////////////////////// */
#log {
background-color: #FFFFFF;
}

.log {
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
color: #000;
font-family: Verdana, Arial, sans-serif;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

.log a{ 
display:block;
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
float: left;
}

.log a:hover { 
color:#999900; 
}


/* ////////////////////////////////////////
center
//////////////////////////////////////// */
#center {
float: left;
width: 424px;
margin: 0px 0px 0px 10px;
overflow: hidden;
}

#center_sub {
float: left;
width: 210px;
margin: 0px 0px 5px 0px;
overflow: hidden;
}

/* ////////////////////////////////////////
main
//////////////////////////////////////// */
.main2 {
padding: 10px 10px 10px 10px;
background-color: #FFF;
border-top: 3px solid #333;
color: #000;
line-height: 160%;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

.main2 h3{
font: 12px helvetica, arial, sans-serif;
margin: 0px 0 5px 0;
color: #000;
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
}

.main2 a{
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
text-decoration:none; 
color: #666;
}	


.main {
padding: 10px 10px 10px 10px;
background-color: #FFF;
border: 1px solid #CCC;
color: #000;
line-height: 160%;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

.main h3{
font: 12px helvetica, arial, sans-serif;
margin: 0px 0 5px 0;
color: #000;
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
}	

.main a{
text-decoration:none; 
color: #666;
}

.main_kiji {
font: 11px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
padding: 10px ;
background-color: #FFF;
border-top: 3px solid #333;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
color: #666;
line-height: 180%;
}

.main_kiji h3{
font: 12px helvetica, arial, sans-serif;
margin: 0px 0 5px 0;
color: #000;
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
}

.main_kiji img{
border: 1px solid #CCC;
}


.quote{
margin: 10px;
padding:10px;
border: 1px solid #CCC;
background-color: #EFEFEF;
}

/* ////////////////////////////////////////
right
//////////////////////////////////////// */
#right2 {
float: left;
width: 200px;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF;
overflow: hidden;
}

/* ////////////////////////////////////////
column1
//////////////////////////////////////// */

li.center {
text-align:center;
background:none;
}

li.center a,
li.center a:hover {
background:none;
}



.column1 {
padding: 10px 10px 10px 10px;
background-color: #EFEF;
color: #000;
font-family: Verdana, Arial, sans-serif;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" sans-serif;
border-top: 0px solid #333;
border-bottom: 1px solid #333;
}

.column1 h3{
font: 12px helvetica, arial, sans-serif;
margin: 0px 0 10px 0;
padding: 0px;
color: #000;
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
}

.column1 ul{
list-style: none;
margin: 0px;
padding: 0px;
line-height: 140%;
}

.column1 li{
margin: 0px;
padding: 3px 0px;
border-bottom:1px dotted #CCC;
}

.column1 a{ 
background: url(img/n_mark.gif) no-repeat; 
background-position: right; 
display:block;
text-decoration:none; 
color:#666; 
}

.column1 a:hover { 
background: url(img/n_mark_over.gif) no-repeat; 
background-position: right; 
color:#FF3399; 
}

.column1 a:hover img{ 
color:#FF3399; 
border: 0px solid #FF0000;
}

.column1 span { 
color: #134992;
}


/* ////////////////////////////////////////
column1b
//////////////////////////////////////// */
.column1b {
padding: 10px 10px 10px 10px;
background-color: #FFF;
color: #666;
font-family: Verdana, Arial, sans-serif;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
border-top: 0px solid #333;
border-bottom: 1px solid #333;
}

.column1b h3{
font: 12px helvetica, arial, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #000;
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
}

.column1b ul{
list-style: none;
margin: 0px;
padding: 0px;
line-height: 140%;
}



.column1b img{
border: 0px solid #FFF;
}

.column1b a{ 
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
}

.column1b a:hover { 
color:#FF3399; 
}

.column1b a:hover img{ 
color:#FF3399; 
border: 1px solid #FF0000;
}

.column1b span { 
color: #134992;
}

/* ////////////////////////////////////////
column2
//////////////////////////////////////// */
.column2 {	
padding: 0px 0px 0px 0px;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
color: #666;
width: 200px;
border-top: 3px solid #00CCFF;
}

.column2 h3{
font: 12px helvetica, arial, sans-serif;
margin: 10px;
padding: 0px;
color: #000;
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
}

.column2 ul{
list-style: none;
margin: 10px;
padding: 0px;
line-height: 140%;
}

.column2 li{
border-bottom:1px dotted #CCC;
}

.column2 a { 
background: url(img/n_mark.gif) no-repeat; 
background-position: right; 
display:block;
width:180; 
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
}

/* ////////////////////////////////////////
column2b
//////////////////////////////////////// */
.column2b a { 
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
display:block;
width:180; 
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
}

.column2 a:hover { 
color: #FF3399;
background: url(img/n_mark_over.gif) no-repeat; 
background-position: right; 
}

.column2b a:hover { 
color: #FF3399;
background: url(img/arrow_over.gif) no-repeat; 
background-position: right; 
}

.column2 span { 
color: #999966;
font-weight: bold;
}

/* ////////////////////////////////////////
column3
//////////////////////////////////////// */
.column3 {	
padding: 0px 0px 0px 0px;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
color: #666;
width: 200px;
border-top: 3px solid #00CCFF;
}


.column3 h3{
font: 12px helvetica, arial, sans-serif;
margin: 10px;
padding: 0px;
color: #000;
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
}

.column3 ul{
list-style: none;
margin: 10px;
padding: 0px;
line-height: 140%;
}

.column3 li{
border-bottom:1px dotted #CCC;
}

.column3 a { 
background: url(img/n_mark.gif) no-repeat; 
background-position: right; 
display:block;
width:180; 
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
}

/* ////////////////////////////////////////
column3b
//////////////////////////////////////// */
.column3b a { 
background: url(img/arrow.gif) no-repeat; 
background-position: right; 
display:block;
width:180; 
text-decoration:none; 
padding: 3px 0px 3px 0px; 
color:#666; 
}

.column3 a:hover { 
color: #FF3399;
background: url(img/n_mark_over.gif) no-repeat; 
background-position: right; 
}

.column3b a:hover { 
color: #FF3399;
background: url(img/arrow_over.gif) no-repeat; 
background-position: right; 
}

.column3 span { 
color: #999966;
font-weight: bold;
}

/* ////////////////////////////////////////
footer
//////////////////////////////////////// */
#footer {
line-height: 140%;
margin-top: 0px;
margin-right: auto;
margin-left: 10px;
text-align: right;
background:#FFF;
padding: 0px;
width: 866px;
}

.footer {	
padding: 10px 10px 10px 10px;
font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
color: #000;
width: 100%;
background-color: #FFF;
border-top: 3px solid #000;
}

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


/* ////////////////////////////////////////
content
//////////////////////////////////////// */
.content p {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

.content blockquote {
line-height: 150%;
}

.content li {
line-height: 150%;
}

.content h2 {
color: #006699;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

.content h3 {
color: #006699;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

.content p.posted {
color: #999999;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
border-top: 1px solid #999999;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
}


/* ////////////////////////////////////////
calender
//////////////////////////////////////// */
#calendar {
line-height: 120%;
font-family: Verdana, Arial, sans-serif;
font-size: 10;
padding:0px;
text-align: center;
margin-bottom: 30px;
background-color: #FFFFFF;
}

#calendar table {
width: 160px;
padding:0px 0px 0px 0px;
}


/*カレンダーのタイトル*/
#calendar caption {
color: #FFFFFF;
font-weight: bold;
background-color: #006699;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-align: center;
padding: 0px;
text-transform: uppercase;
letter-spacing: .-1em;
border: 1px solid #FFFFFF;
}

/*カレンダーの曜日*/
#calendar th {
line-height: 12px;
font-size:10px;
text-align: center;
font-weight: bold;
color: #006699;
padding:2px 0px 0px 0px;
}

/*カレンダーの日付*/
#calendar td {
line-height: 12px;
font-size:10px;
font-weight: normal;
color: #666666;
text-align: center;
padding:2px 0px 0px 0px;
}

/* ////////////////////////////////////////
sidebar
//////////////////////////////////////// */
.sidebar h2 {
color: #006699;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
text-align: left;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
}

.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}

.sidebar ul ul {
margin-bottom: 0px;
}

.sidebar #categories ul {
padding-left: 15px;
}

.sidebar li {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
text-align: left;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
}

.sidebar #categories li {
list-style-type: circle;
}

.sidebar img {
border: 3px solid #FFFFFF;
}

.photo {
text-align: left;
margin-bottom: 20px;
}

.link-note {
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}

#powered {
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
color: #666666;
margin-top: 50px;
}

#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
width: 80%;
}

.commenter-profile img {
vertical-align: middle;
border-width: 0;
}
