@charset "SHIFT_JIS";

/*
	01. Header(logo+top_navi)
	02. Header_logo only(NO global-navi)
	03. Global_navi
	04. Sub_navi
	05. Search
*/


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



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

#header1 {
	background: url("../images/parts/header_bg1.gif") repeat-x #EEEEEE top left;
	width: 980px;
	height: 53px;
	margin:0px;
	padding:0px;
	position: relative;
	}
	
/*ログインネーム表示*/
#loginamearea{
	width: 385px;
	font-weight:bold;
	font-size:13px;
	line-height: 1.1;
	color:#c63;
	padding-left: 10px;
	padding-bottom: 12px;
	}

#header1 div.logo,
#header1 div#loginamearea{
	display: table-cell;
	vertical-align: bottom;
}

* html #header1 div.logo{/* IE 6 */
display:inline;
zoom:1;
}
* html #header1 div#loginamearea{
display:inline;
zoom:1;
}

*:first-child+html #header1 div.logo{/* IE 7 */
display:inline;
zoom:1;
}
*:first-child+html #header1 div#loginamearea{
display:inline;
zoom:1;
}

#loginamearea span.loginnote{
	#margin: 0 0 0 0.6em;
        margin: 0 0 0 0;
	font-weight:normal;
	color:#333;
	}

#loginamearea span.loginnote a{
	font-weight:normal;
	color:#369;
	
	}

/*未ログイン時のナビボタン*/
#top_navi  {
  background: url("../images/parts/top_navi_off110203.gif") no-repeat top right;
	position: absolute;
	top: 6px;
	right: 2px;
	width: 375px;
	height:37px;
  font-size: 0;
  line-height: 0;
}

#top_navi ul  {
  list-style: none;
  }

#top_navi li {
  margin: 0px;
  padding: 0px;
  height:37px;
  float:left;
}

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

#top_navi li#new a{
	text-decoration: none;
	width: 125px;
	background-position: 0px 0px;
}
#top_navi li#new a:hover {
	text-decoration: none;
	background: url("../images/parts/top_navi_on110203.gif") no-repeat left top;
	}

#top_navi li#new a.vis {
	text-decoration: none;
	background: url("../images/parts/top_navi_on110203.gif") no-repeat left top;
	}

#top_navi li#login a {
	text-decoration: none;
	width: 125px;
}
#top_navi li#login a:hover {
	text-decoration: none;
	background: url("../images/parts/top_navi_on110203.gif") no-repeat -125px 0px;
	}
	
#top_navi li#login a.vis {
	text-decoration: none;
	background: url("../images/parts/top_navi_on110203.gif") no-repeat -125px 0px;
	}

#top_navi li#account a{
	text-decoration: none;
	width: 125px;
}
#top_navi li#account a:hover {
	text-decoration: none;
	background: url("../images/parts/top_navi_on110203.gif") no-repeat -250px 0px;
	}
#top_navi li#account a.vis {
	text-decoration: none;
	background: url("../images/parts/top_navi_on110203.gif") no-repeat -250px 0px;
	}
	
	
/*未ログイン（Cookie取得）時のナビボタン（「ログイン」「会員管理」表示, 「新規ボタン」非表示）*/
#top_navi2  {
  background: url("../images/parts/top_navi_off2110203.gif") no-repeat top right;
	position: absolute;
	top: 6px;
	right: 2px;
	width: 250px;
	height:37px;
  font-size: 0;
  line-height: 0;
}

#top_navi2 ul  {
  list-style: none;
  }

#top_navi2 li {
  margin: 0px;
  padding: 0px;
  height:37px;
  float:left;
}

#top_navi2 li a {
  text-decoration: none;
  height:37px;
  display: block;
  text-indent: -9999px;
}

#top_navi2 li#login a {
	text-decoration: none;
	width: 125px;
	background-position: 0px 0px;
}
#top_navi2 li#login a:hover {
	text-decoration: none;
	background: url("../images/parts/top_navi_on2110203.gif") no-repeat left top;
	}
	
#top_navi2 li#login a.vis {
	text-decoration: none;
	background: url("../images/parts/top_navi_on2110203.gif") no-repeat left top;
	}

#top_navi2 li#account a{
	text-decoration: none;
	width: 125px;
}
#top_navi2 li#account a:hover {
	text-decoration: none;
	background: url("../images/parts/top_navi_on2110203.gif") no-repeat -125px 0px;
	}
#top_navi2 li#account a.vis {
	text-decoration: none;
	background: url("../images/parts/top_navi_on2110203.gif") no-repeat -125px 0px;
	}

	
/*ログイン中のナビボタン（「会員管理」のみ表示、他2つの表示なし）*/
#top_navi3  {
  background: url("../images/parts/top_navi_login_off110203.gif") no-repeat left top;
	position: absolute;
	top: 6px;
	right: 2px;
	width: 125px;
	height:37px;
  font-size: 0;
  line-height: 0;
}

#top_navi3 ul  {
  list-style: none;
  }

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

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

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


/*ヘルプ用ナビボタン*/
#top_navi_help  {
  background: url("../images/parts/top_navi_off_h.gif") no-repeat top right;
  width: 227px;
  position: absolute;
  top: 0px;
  margin:0px 6px 0px 748px;
  font-size: x-small;
  line-height: 1.5;
  height:33px;
}

#top_navi_help ul  {
  list-style: none;
  }

#top_navi_help li {
  margin: 0px;
  padding: 0px;
  height:33px;
  float:left;
}

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



#top_navi_help li#account a{
text-decoration: none;
  width: 111px;
  height: 33px;
  background-position: 0px 0px;
}
#top_navi_help li#account a:hover {
	text-decoration: none;
	background: url("../images/parts/top_navi_on_h.gif") no-repeat top right;
	background-position: 0px 0px;
	}
#top_navi_help li#account a.vis {
	text-decoration: none;
	 background: url("../images/parts/top_navi_on_h.gif") no-repeat top right;
	background-position: 0px 0px;
	}

#top_navi_help li#cart a{
text-decoration: none;
  width: 114px;
  height: 33px;
  background-position: -111px 0px;
}

#top_navi_help li#cart a:hover {
	text-decoration: none;
	background: url("../images/parts/top_navi_on_h.gif") no-repeat top right;
	background-position: -111px 0px;
	}

#top_navi_help li#cart a.vis {
	text-decoration: none;
	 background: url("../images/parts/top_navi_on_h.gif") no-repeat top right;
	background-position: -111px 0px;
	}



	
/* 02 Header_logo only (NO global-navi)--グローバルナビがない場合--
----------------------------------------*/

#header2 {
	background: url("../images/parts/header_bg2.gif") repeat-x #EEEEEE top left;
	width: 980px;
	height:55px;
	margin:0px;
	padding:0px;
	}
	



/* 03 Global_navi
----------------------------------------*/
#globalNavi{
	width:980px;
	height:41px;
	background:url("../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("../images/parts/g_navi_on110203.gif") no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	}
	
#globalNavi li#navi01 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -68px 0px;
	text-decoration: none;
	}
#globalNavi li#navi02 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -140px 0px;
	text-decoration: none;
	}
#globalNavi li#navi03 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -212px 0px;
	text-decoration: none;
	}
#globalNavi li#navi04 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -284px 0px;
	}
#globalNavi li#navi05 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -356px 0px;
	text-decoration: none;
	}
#globalNavi li#navi06 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat;
	background-position: -428px 0px;
	text-decoration: none;
	}
#globalNavi li#navi07 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat -602px 0px;
	text-decoration: none;
	}
#globalNavi li#navi08 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat -724px 0px;
	text-decoration: none;
	}
#globalNavi li#navi09 a.vis {
	background: url("../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("../images/parts/g_navi_on110203.gif") no-repeat -852px 0px;
	text-decoration: none;
	}
#globalNavi li#navi10 a.vis {
	background: url("../images/parts/g_navi_on110203.gif") no-repeat -852px 0px;
	text-decoration: none;
	}



/* 04 Sub_Navi
----------------------------------------*/

/* 04-01 BASIC_Sub_Navi
----------------------------------------*/
#sub_navi_top{
	width:980px;
	background:url("../images/parts/sub_navi_top.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
}

#sub_navi_top ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
  width: 970px;
  list-style: none;
  text-align: left;
}

#sub_navi_top li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
 }

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

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

#sub_navi_top a:hover, a:visited:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* 04-02 BOOKS_Sub_Navi
----------------------------------------*/
#sub_navi_bks{
	width:980px;
	background:url("../images/parts/book/sub_navi_bg.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
	color:#000033;
}

#sub_navi_bks ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
  width: 970px;
  list-style: none;
  text-align: left;
  padding-top:8px;	
}

#sub_navi_bks li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
}

#sub_navi_bks a:link {
color: #333300;
text-decoration: none;
}

#sub_navi_bks a:visited {
color: #333300;
text-decoration: none;
}

#sub_navi_bks a:hover, a:visited:hover {
color: #999966;
text-decoration: underline;
}


/* 04-03 COMICS_Sub_Navi
----------------------------------------*/
#sub_navi_cms{
	width:980px;
	background:url("../images/parts/comics/sub_navi_bg.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;

}

#sub_navi_cms ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
  width: 970px;
  list-style: none;
  text-align: left;
	padding-top:8px;
}

#sub_navi_cms li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
}

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

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

#sub_navi_cms a:hover, a:visited:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* 04-04 OTONA_Sub_Navi
----------------------------------------*/
#sub_navi_otona{
	width:980px;
	background:url("../images/parts/otona/sub_navi_bg.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;
	
}

#sub_navi_otona ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
  width: 970px;
  list-style: none;
  padding-top:8px;
}

#sub_navi_otona li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
}

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

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

#sub_navi_otona a:hover, a:visited:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* 04-05 CD_Sub_Navi
----------------------------------------*/
#sub_navi_cd{
	width:980px;
	background:url("../images/parts/cd/sub_navi_bg.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;

}

#sub_navi_cd ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
   width: 970px;
  list-style: none;
  text-align: left;
  padding-top:8px;
}

#sub_navi_cd li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
}

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

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

#sub_navi_cd a:hover, a:visited:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* 04-06 DVD_Sub_Navi
----------------------------------------*/
#sub_navi_dvd{
	width:980px;
	background:url("../images/parts/dvd/sub_navi_bg.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;

}

#sub_navi_dvd ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
  width: 970px;
  list-style: none;
  text-align: left;
  padding-top:8px;
}

#sub_navi_dvd li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
}

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

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

#sub_navi_dvd a:hover, a:visited:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* 04-07 GAME_Sub_Navi
----------------------------------------*/
#sub_navi_game{
	width:980px;
	background:url("../images/parts/game/sub_navi_bg.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;

}

#sub_navi_game ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
  width: 970px;
  list-style: none;
  text-align: left;
  padding-top:8px;
}

#sub_navi_game li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
}

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

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

#sub_navi_game a:hover, a:visited:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* 04-08 MYPAGE_Sub_Navi
----------------------------------------*/
#sub_navi_mpg{
	width:980px;
	background:url("../images/parts/mypage/sub_navi_bg.gif") repeat-x left top;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;

}

#sub_navi_mpg ul {
  margin: 0px;
  padding: 4px;
	_padding-top: 8px;
  width: 970px;
  list-style: none;
  text-align: left;
  padding-top:8px;
}

#sub_navi_mpg li {
  display: inline;
  padding-left: 1em;
  vertical-align: middle;
}

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

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

#sub_navi_mpg a:hover, a:visited:hover {
color: #FFFFFF;
text-decoration: underline;
}




/* 05 Search
----------------------------------------*/
#head_search{
	width:980px;
	background:url("../images/parts/search_bg.gif") repeat-x left top;
	vertical-align:middle;
	text-align:center;
	margin: 0;
	padding: 0;
	font-size:1.0em;
	}

#head_search .searchForm{
	 margin:0;
	 padding:10px 0;
	 position:relative;
	}

.clearbtn{
	width:44px;
	height:14px;
	position:absolute;
	top:16px;
	left:625px;
	cursor:pointer;
	display:none;
	}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#head_search .clearbtn{
	width:44px;
	height:14px;
	position:absolute;
	top:20px;
	left:625px;
	cursor:pointer;
	display:none;
	}
}

#head_search img, input, option, select, a {
	vertical-align:middle;
	}
	
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#head_search input.searcharea{
	width:375px;
	height:32px;
	}
}	
	
	
/* for pulldown01 */
#head_search select{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  color: #333333;
  background: #FFFFFF;
  margin:0px 3px 0px 6px;
 	width:170px;
  font-size:110%;
}

/* for input */
#head_search input{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  color: #333333;
  background: #FFFFFF;
  margin:0px 12px 0px 3px;
  width:375px;
  font-size:140%;
  height:26px;
}

#head_search input.button {
	padding: 0px;
	margin:0px 3px 0px 6px;
	width:105px;
	height:25px;
	border:none;
	}