@charset"shift_jis";

/***************************************************
	B-BROS用スタイルシート
	common.css
	基本レイアウトスタイル定義
***************************************************/

/*-----フォント基本設定-----*/
body {
	font-family: "Arial", "Osaka";
	font-size: 13px;
	line-height: 150%;
	color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size: 14px;
	font-weight: normal;
}
table {
	font-size: 13px;
}

a {font-size: 13px;}
a:link {
	color: #FFCC33;
	text-decoration: none;
}
a:visited {
	color: #FFCC33;
	text-decoration: none;
}
a:hover {
	color: #F00281;
	text-decoration: underline;
}
.locate a:link {
	color: #FFCC33;
	text-decoration: none;
}
.locate a:visited {
	color: #FFCC33;
	text-decoration: none;
}
.locate a:hover {
	color: #F00281;
	text-decoration: underline;
}

/*-----基本設定-----*/
body, h1, h2, h3, h4, h5, h6, h7, ul, li, p, dl, dt, dd {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	text-align: center;
}
hr	{display: none;}
img {border: none;	vertical-align: bottom;}
ul	{list-style-type: none;}
#container {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 810px;
	background: #000000;
}
.alt	{	display: none;}
.clear	{	clear: both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----header-----*/
#header {
	margin:0;
	padding:0;
}
#header h1 {
	width: 213px;
	padding: 5px;
	float:left;
}
#header img {
	border: none;
	vertical-align: bottom;
}
#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#header {
    display: inline-table;
    min-height: 1%;
	position: relative;
}
/* Hides from IE-mac \\\\*/
* html #header {height: 1%;}
#header {display: block;}
/* End hide from IE-mac */

#top_brand {
	width: 370px;
	margin: 0;
	padding-top: 10px;
	float: left;
}
#top_brand ul {
	margin: 0px;
	padding: 0px;
}
#top_brand li {
	margin: 0px;
	padding-bottom: 2px;
}
#top_brand a{
    display:block;
    width:82px;
    height:22px;
}
#top_info {
	width: 150px;
	float: left;
	padding-top: 10px;
}
#top_info ul{
	margin: 0px;
	padding: 0px;
}
#top_info li{
	margin: 0px;
	padding: 0px;
    float:left;
}

#top_info a {
	display: block;
	width: 47px;
	height: 43px;
}
.top_bookmark a{
    background:url(../img/btn_bookmark.gif) no-repeat center left;
}
.top_bookmark a:hover{
    background:url(../img/btn_bookmark_ov.gif) no-repeat center left;
}
.top_mail a{
    background:url(../img/btn_mail.gif) no-repeat center left;
}
.top_mail a:hover{
    background:url(../img/btn_mail_ov.gif) no-repeat center left;
}
.top_help a{
    background:url(../img/btn_help.gif) no-repeat center left;
}
.top_help a:hover{
    background:url(../img/btn_help_ov.gif) no-repeat center left;
}
#top_member {
	width: 67px;
	margin: 0;
	padding-top: 10px;
	float: left;
}
#top_member ul {
	margin: 0;
	padding: 0;
}
#top_member li {
	margin: 0;
	padding: 0 0 4px;
}
#top_member a{
    display:block;
    width:56px;
    height:16px;
}
#top_member iframe {
	margin:0;
	padding:0;
}
.top_mem a{
    background:url(../img/btn_mem.gif) no-repeat center left;
}
.top_mem a:hover{
    background:url(../img/btn_mem_ov.gif) no-repeat center left;
}
.top_login a{
    background:url(../img/btn_login.gif) no-repeat center left;
}
.top_login a:hover{
    background:url(../img/btn_login_ov.gif) no-repeat center left;
}
.top_logout a{
    background:url(../img/btn_logout.gif) no-repeat center left;
}

#top_search{
/*	width: 250px;*/
	width: 215px;
	position: absolute;
	top: 10px;
	left: 375px;
/*	_left: 385px;*/
	line-height: 110%;
	font-size: 80%;
}
#top_search form {
	margin: 0px;
	padding: 0px;
}
#top_search form input.search_keyword {
	width: 165px;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
#top_search form input.btn_search {
	vertical-align: bottom;
/*	_vertical-align: text-bottom;*/
}

/*-----top_navi-----*/
#top_navi {
	width: 340px;
	float: right;
	text-align:right;
	padding: 10px 5px 0px 0px;
}
#top_navi h2 {
	display: inline;
}
#top_navi a {
	padding: 10px;
}
#top_navi a.marker {
	padding-left: 20px;
	background: url(../img/link_ico.gif) no-repeat center left;
}

/*-----gnavi-----*/
#gnavi ul{
    list-style:none;
    width:100%;
}
#gnavi li{
    list-style:none;
    float:left;
    width:131px;
	padding-right:4px;
}
#gnavi a{
    display:block;
    width:131px;
    height:34px;
}
.gnavi1 a{
    background:url(../img/TOP-NEW.gif) no-repeat center left;
}
.gnavi1 a:hover{
    background:url(../img/TOP-NEW2.gif) no-repeat center left;
}
.gnavi2 a{
    background:url(../img/TOP-SHOPPING.gif) no-repeat center left;
}
.gnavi2 a:hover{
    background:url(../img/TOP-SHOPPING2.gif) no-repeat center left;
}
.gnavi3 a{
    background:url(../img/TOP-GUIDE.gif) no-repeat center left;
}
.gnavi3 a:hover{
    background:url(../img/TOP-GUIDE2.gif) no-repeat center left;
}
.gnavi4 a{
    background:url(../img/TOP-MEMBERS.gif) no-repeat center left;
}
.gnavi4 a:hover{
    background:url(../img/TOP-MEMBERS2.gif) no-repeat center left;
}
.gnavi5 a{
    background:url(../img/TOP-CART.gif) no-repeat center left;
}
.gnavi5 a:hover{
    background:url(../img/TOP-CART2.gif) no-repeat center left;
}
.gnavi6 a{
    background:url(../img/TOP-DEALERS.gif) no-repeat center left;
}
.gnavi6 a:hover{
    background:url(../img/TOP-DEALERS2.gif) no-repeat center left;
}

/*-----footer-----*/

#footer {
	margin: 15px 0 0;
	padding: 0 0 10px 0;
	width: 810px;
	height: 40px;
	clear: both;
}
#footer a.shopmedia {
	font-size: 10px;
	padding-right: 4px;
	float:right;
}
#footer a.shopmedia:link {
	color: #FF0000;

} 
#footer a.shopmedia:visited {
	color: #FF0000;
}
#footer a.shopmedia:hover {
	color: #FF0000;
	text-decoration: underline;
}
#footer dfn {
	font-size: 10px;
}
#footer li {
	display: inline;
}
#footer .shopmedia a {margin-top: 5px;}
#footer #fnavi {
	float: left;
	color: #FFCC33;
	font-size: 12px;
	margin-top: 5px;
}
#footer #fnavi ul {
	margin: 0;
	padding: 0;
}
#footer #fnavi a:link {
	color: #FFCC33;
	text-decoration: none;
}
#footer #fnavi a:visited {
	color: #FFCC33;
	text-decoration: none;
}
#footer #fnavi a:hover {
	color: #F00281;
	text-decoration: none;
}

dfn {
	display: block;
	font-style: normal;
	color: #FFFFFF;
	background: #666666;
	font-size: 10px;
	margin: 0px;
	padding: 2px 5px 0 0;
	text-align: right;
}