@charset "utf-8";

/*------------------------------*/
/* layout                       */
/*------------------------------*/
div#box-left div#topicpath {
	width: 632px;
	margin-bottom: 13px;
line-height: 15px;
}
div#topicpath div#tp-outer {
	margin: 0px 1px;
	border: 1px solid #a9a9a9;
	border-left-width: 0;
	border-right-width: 0;
}
div#topicpath div#tp-inner {
	margin: 0 -1px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #a9a9a9;
	border-top-width: 0;
	border-bottom-width: 0;
	background: #e5e5e5;
}

div#container div#blog-navi {
	width: 1003px;
	height: 32px;
	background-image: url(../img/blognavi/navi_bg.png);
}



/*------------------------------*/
/* styles                       */
/*------------------------------*/
/*+++ ヘッダ +++++++++++++++++++*/
div#header p.logo {
	position: absolute;
	top: 22px;
	left: 51px;
}

/*+++ パンくず +++++++++++++++++++*/
div#tp-inner p {
	padding-left: 80px;
	background: url(../img/topicpath.png) no-repeat top left;
}

div#tp-inner p a:link {
	color: #3b76a3;
	text-decoration: underline;
}
div#tp-inner p  a:visited {
	color: #3b76a3;
	text-decoration: underline;
}
div#tp-inner p a:hover {
	color: #3b76a3;
	text-decoration: underline;
}
div#tp-inner p a:active {
	color: #3b76a3;
	text-decoration: underline;
}

/*+++ ブログナビ +++++++++++++++++*/
div#blog-navi ul {
	margin-left: 54px;
	list-style: none;
}
div#blog-navi li{
	list-style: none;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}
div#blog-navi li a {
	height: 32px;
	display: block;
	background-image: url(../img/blognavi/navi.png);
	background-repeat: no-repeat;
}
div#blog-navi li.shopblog a {
	width: 140px;
	background-position: 0px 0px;
}
div#blog-navi li.shopblog a:hover, div#blog-navi li.shopblog-SLCT a {
	width: 140px;
	background-position: 0px -38px;
}
div#blog-navi li.buyers a {
	width: 146px;
	background-position: -140px 0px;
}
div#blog-navi li.buyers a:hover, div#blog-navi li.buyers-SLCT a {
	width: 146px;
	background-position: -140px -38px;
}
div#blog-navi li.information a {
	width: 157px;
	background-position: -286px 0px;
}
div#blog-navi li.information a:hover, div#blog-navi li.information-SLCT a {
	width: 157px;
	background-position: -286px -38px;
}

