@charset "SHIFT_JIS";

/*
	01. Header(logo+top_navi)
	02. Global_navi
	03. h1+P+パンくず
*/


/*common
----------------------------------------*/
.logo{
	padding:4px 0px 8px 14px;
	width: 241px;
	height:41px;
}



/* 01 Header(logo+top_navi)
----------------------------------------*/

#header1 {
	background: url("../../common/images/parts/header_bg1.gif") repeat-x #EEEEEE top left;
	width: 980px;
	margin:0px;
	padding:0px;
	}
	
	
/*ログイン中のナビボタン（「会員メニュー」のみ表示、他2つの表示なし）20120522*/
#top_navi  {
  background: url("http://www.bookoffonline.co.jp/images/parts/top_navi_login_off110203.gif") no-repeat left top;
  margin:35px 2px 0px 853px;
	width: 125px;
	height:37px;
  position:absolute;
  top: 0;
  font-size: 0;
  line-height: 0;
}

#top_navi ul  {
  list-style: none;
  }

#top_navi li {
  margin: 0px;
  padding: 0px;
	
}

#top_navi li a {
  text-decoration: none;
	width: 125px;
  height:33px;
  display: block;
  text-indent: -9999px;
}

#top_navi li#account a{
	text-decoration: none;
}
#top_navi li#account a:hover {
	text-decoration: none;
	background: url("http://www.bookoffonline.co.jp/images/parts/top_navi_login_on110203.gif") no-repeat left top;
	}
#top_navi li#account a.vis {
	text-decoration: none;
	background: url("http://www.bookoffonline.co.jp/images/parts/top_navi_login_on110203.gif") no-repeat left top;
	}


/* 02 Global_navi
----------------------------------------*/
#globalNavi{
	width:983px;
	height:41px;
	background:url("../../common/images/parts/g_navi110203.gif") no-repeat left top;
}
	#globalNavi:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/*\*/
	* html #globalNavi {
		height: 1em;
		overflow: visible;
	}
	/**/
	#globalNavi {
		display: inline-table;
	}

#globalNavi ul  {
  list-style: none;
  }

	#globalNavi ul:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}

  
#globalNavi li{	
	float:left;
	margin:0;	
	padding:0;
	height: 41px;
}

#globalNavi a{	
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#globalNavi li span{	
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#globalNavi li#navi01 a  {
	width: 68px;
	height: 41px;
	background-position: 0px 0px;
	text-decoration: none;
	}

#globalNavi li#navi01 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi01 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi02 a  {
	width: 72px;
	height: 41px;
	background-position: -68px 0px;
	text-decoration: none;
	}
#globalNavi li#navi02 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -68px 0px;
	text-decoration: none;
	}
#globalNavi li#navi02 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -68px 0px;
	text-decoration: none;
	}

#globalNavi li#navi03 a  {
	width: 72px;
	height: 41px;
	background-position: -140px 0px;
	text-decoration: none;
	}
#globalNavi li#navi03 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -140px 0px;
	text-decoration: none;
	}
#globalNavi li#navi03 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -140px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi04 a  {
	width: 72px;
	height: 41px;
	background-position: -212px 0px;
	text-decoration: none;
	}

#globalNavi li#navi04 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -212px 0px;
	text-decoration: none;
	}
#globalNavi li#navi04 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -212px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi05 a  {
	width: 72px;
	height: 41px;
	background-position: -284px 0px;
	text-decoration: none;
	}
#globalNavi li#navi05 a:hover {
	text-decoration: none;
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -284px 0px;
	}
#globalNavi li#navi05 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -284px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi06 a  {
	width: 72px;
	height: 41px;
	background-position: -356px 0px;
	text-decoration: none;
	}
#globalNavi li#navi06 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -356px 0px;
	text-decoration: none;
	}
#globalNavi li#navi06 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -356px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi07 a  {
	margin-right:87px;
	width: 87px;
	height: 41px;
	text-decoration: none;
	background-position: -428px 0px;
	}
#globalNavi li#navi07 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -428px 0px;
	text-decoration: none;
	}
#globalNavi li#navi07 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -428px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi08 a  {
	width: 122px;
	height: 31px;
	text-decoration: none;
	}
#globalNavi li#navi08 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat -602px 0px;
	text-decoration: none;
	}
#globalNavi li#navi08 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat -602px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi09 a {
	width: 128px;
	height: 31px;
	text-decoration: none;
	background-position: -724px 0px
	}
#globalNavi li#navi09 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat -724px 0px;
	text-decoration: none;
	}
#globalNavi li#navi09 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat -724px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi10 a  {
	width: 128px;
	height: 31px;
	text-decoration: none;
	}
#globalNavi li#navi10 a:hover {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat -852px 0px;
	text-decoration: none;
	}
#globalNavi li#navi10 a.vis {
	background: url("../../common/images/parts/g_navi_on110203.gif") no-repeat -852px 0px;
	text-decoration: none;
	}


/* 03 H1＋P＋パンくず
----------------------------------------*/
/*h1タグ*/
.TopHeader
{
	z-index:9999;
	position:relative;
	line-height: 1.4;
	width: 100%;
	font-size:12px;
	overflow:hidden;
	top:5px;
	left:0px;
	_zoom: 1;
	color:#999;
}

.TopHeader h1{
	font-weight:normal;
	font-size: 12px;
	margin-left:8px;
	margin-bottom:10px;
}

.TopHeader #Toptxt{
	position:absolute;
	text-align:right;
	line-height:110%;
	font-size:11px;
	top: 2px;
	right:3px;
	margin-right:5px;
}


/*パンくず*/
#naviFrame{
	background:url(../../common/images/parts/navi_bg.gif) repeat-x top left;
	height:43px;
	padding:13px 0px 5px 20px;
	margin-bottom:15px;
}

#naviFrame ol{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#naviFrame li{
  float: left;
  margin: 0;
  padding: 0;
	font-size:12px;
}

/*パンくず（margin-bottomなし）*/
#naviFrame_nobtm{
	background:url(../../common/images/parts/navi_bg.gif) repeat-x top left;
	height:43px;
}

#naviFrame_nobtm ol{
  list-style-type: none;
  margin: 0;
	padding:13px 0px 5px 20px;

}

#naviFrame_nobtm li{
  float: left;
  margin: 0;
  padding: 0;
	font-size:12px;
}