@charset "utf-8";


body{
	margin: 0;
	padding: 0;
	}


#hbcBar{
	background: #FFF;
	border-bottom: 1px solid #c0c0c0;
	height: 30px;
	color: #262626;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 12px !important;
	}

#barLogoTop{
	float: left;
	margin: 0 0 0 5px;
	background :url(http://www.hbc.co.jp/image/hbcBar_img.png) top left no-repeat;
	width: 75px;
	text-indent: -9999px;
	}
#barLogoTop a {
	text-decoration: none;
	display: block;
	height: 30px;
	}

#barLogoTop a:hover, #barLogoTop a:active{
	color: #616161;
	text-decoration: underline;
	font-weight: normal;
	background: none;
	}


#barRadiko{
	float: left;
	}


ul#barSearch{
	float: right;
	margin: 8px 5px 8px 5px;
	list-style: none;
	}

ul#barSearch li{
	display: inline;
	padding: 0px 5px;
	border-right: 1px solid #262626;
	}
ul#barSearch li.last{
	border: none !important;
	}


#hbcBar a{ color:#616161; font-weight:normal; }
ul#barSearch a:link, #barSearch a:visited{ color:#616161; text-decoration:none; font-weight:normal; background:none; }
ul#barSearch a:hover, #barSearch a:active{ color:#616161; text-decoration:underline; font-weight:normal; background:none; }

.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clear{ zoom: 1; }
*:first-child+html .clear{ zoom: 1; }
.cl{ clear: both; }


/**********************************************************************************
	Media Queries
**********************************************************************************/

@media screen and (max-width: 880px){
#hbcBar{
	background: #FFF;
	border-bottom: 1px solid #c0c0c0;
	height: auto;
	color: #262626;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 12px !important;
	}

#barLogoTop{
	float: left;
	margin:0 0 0 5px;
	background: url(http://www.hbc.co.jp/image/hbcBar_img.png) top left no-repeat;
	width: 75px;
	text-indent: -9999px;
	}

#barRadiko{
	float: none;
	}

ul#barSearch{
	clear: both;
	float: none;
	margin: 8px 5px 8px 5px;
	list-style: none;
	}
}


@media screen and (max-width: 480px){

#hbcBar{
	background: #FFF;
	border-bottom: 1px solid #c0c0c0;
	height: auto;
	color: #262626;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 12px !important;
	}

#barLogoTop{
	float: none;
	margin:0 0 0 5px;
	background: url(http://www.hbc.co.jp/image/hbcBar_img.png) top left no-repeat;
	width: 75px;
	text-indent: -9999px;
	}

#barRadiko{
	float: none;
	display: none;
	}

ul#barSearch{
	clear: both;
	float: none;
	margin: 8px 5px 8px 5px;
	list-style: none;
	}

}