@charset "utf-8";



/*			ヘッダー
 ============================================================== */


/*			ロゴ部分
---------------------------------------------- */


#header{
	width:auto;
	/* height:199px; */
	background:url(../../../images/parts/common/bg01.gif) left top repeat-x;
}

#header.er{
	height:100px;
	border-bottom: 10px solid #dbd7c9;
}

#header #logo_box{
	width:980px;
	height:90px;
	margin:0 auto;
}

#header #logo_box h1{
	float:left;
	width:311px;
	height:76px;
	margin:10px 0 0 0;
}

#header #logo_box h1 a{
	display:block;
	width:311px;
	height:76px;
	background:url(../../../images/parts/common/logo01.png) left top no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}



#header #logo_box ul{
/* 	width:524px; */
	height:14px;
	float:right;
	margin:21px 0 0 145px;
	display:inline; /* for IE6 */
}


#header #logo_box li{
	float:left;
}


#header #logo_box li#site_use,
#header #logo_box li#question,
#header #logo_box li#corporation{
	margin:0 10px 0 0;
}

#header #logo_box li#site_use a{
	display:block;
	width:122px;
	height:14px;
	background: url(../../../images/parts/common/nav01.png) left top no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header #logo_box li#question{
}

#header #logo_box li#question a{
	display:block;
	width:179px;
	height:14px;
	background: url(../../../images/parts/common/nav02.png) left top no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header #logo_box li#corporation{
}

#header #logo_box li#corporation a{
	display:block;
	width:68px;
	height:14px;
	background: url(../../../images/parts/common/nav03.png) left top no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header #logo_box li#library{
}

#header #logo_box li#library a{
	display:block;
	width:85px;
	height:14px;
	background: url(../../../images/parts/common/nav04.png) left top no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#header #logo_box ul.header-in-menu_text-type{
	margin: 20px 0px 3px 145px;
}

#header #logo_box ul.header-in-menu_text-type li a{
	font-size: 90%;
	margin: 0px 10px 0px 0px;
	padding: 1px 0px 1px 13px;
	color: #595233;
	background: url(../../../images/parts/common/ic26.gif) left 1px no-repeat;
}

#header #logo_box ul.header-in-menu_text-type li a:hover{
	color: #000;
}


#header #logo_box ul.header-in-menu_button-type{
	margin: 13px 0px 5px 145px;
}

#header #logo_box ul.header-in-menu_button-type li a{
	margin: 0px 10px 0px 0px;
	padding: 5px 8px;
	color: #595233;
}




/*			グロナビ部分
---------------------------------------------- */


#header #global_nav{
	width:988px;
	/* height:50px; */
	background:url(../../../images/parts/common/bg02.png) left top no-repeat;
	margin:0 auto;
	padding-bottom: 12px; 
}


#header #global_nav ul#product{
	float:left;
	width:550px;
	margin:0 0 0 6px;
	display:inline; /* for IE6 */
}

#header #global_nav ul#other{
	float:left;
	width:416px;
}


#header #global_nav li{
	height:46px;
	float:left;
}

#header #global_nav li a{
	display: block;
	overflow: hidden;
	text-indent:-9999px;
	height: 0px;
	padding-top: 46px;
	text-align: center;
}

#header #global_nav ul#product li a{
	background-image: url(../../../images/parts/common/sprite08.png);
}

#header #global_nav ul#other li a{
	background-image: url(../../../images/parts/common/sprite02.png);
}


/*	global navi normal */

#product li#japanese a{
	width:88px;
	background-position: 0 -46px;
}
#product li#foreign a{
	width:106px;
	background-position: -88px -46px;
}

#product li#electronic a{
	width:85px;
	background-position: -194px -46px;
}

#product li#magazine a{
	width:83px;
	background-position: -279px -46px;
}

#product li#dvd a{
	width:92px;
	background-position: -362px -46px;
}

#product li#recommended a{
	width:96px;
	background-position: -454px -46px;
}

#other li#shop a{
	width:119px;
	background-position: 0px -46px;
}

#other li#attention a{
	width:110px;
	background-position: -119px -46px;
}

#other li#ranking a{
	width:88px;
	background-position: -229px -46px;
}

#other li#event a{
	width:99px;
	background-position: -317px -46px;
}


/*  global navi rollover  */

#product li#japanese a:hover{
	width:88px;
	background-position: 0 0;
}
#product li#foreign a:hover{
	width:106px;
	background-position: -88px 0;
}

#product li#electronic a:hover{
	width:85px;
	background-position: -194px 0;
}

#product li#magazine a:hover{
	width:83px;
	background-position: -279px 0;
}

#product li#dvd a:hover{
	width:92px;
	background-position: -362px 0;
}

#product li#recommended a:hover{
	width:96px;
	background-position: -454px 0;
}

#other li#shop a:hover{
	width:119px;
	background-position: 0px 0;
}

#other li#attention a:hover{
	width:110px;
	background-position: -119px 0;
}

#other li#ranking a:hover{
	width:88px;
	background-position: -229px 0;
}

#other li#event a:hover{
	width:99px;
	background-position: -317px 0;
}



/*			検索部分
---------------------------------------------- */
#header #global_nav #search_box{
	clear:both;
	width:988px;
	margin:0 0 0 15px;
	padding:15px 0 0 0;
}


#header #global_nav #search_box form{
	display:block;
	float:left;
	width:956px;
}

#header #global_nav #search_box .submit1{
	float:left;
	width:87px;
	height:23px;
	background: url(../../../images/parts/common/bt_search01.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	margin:0 5px 0 0;
}

#header #global_nav #search_box .submit2{
	float:left;
	width:50px;
	height:32px;
	/* background: url(../../../images/parts/common/sprite03.png) 0 -24px no-repeat; */
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	margin:0;
	background-color: yellowgreen;
}

#header #global_nav #search_box .submit2:hover{
	background-position: 0 0;
}

#header #global_nav #search_box select{
	float:left;
	font-size: 16px;
	width:auto;
	height:32px;
	/* line-height:1.3; */
	border:#5B5435 1px solid;
	padding:5px;
	margin:0;
	display: block;
}

#header #global_nav #search_box .search_text{
	float:left;
	font-size: 16px;
	width:440px;
	height:20px;
	/* line-height:1.6; */
	border:#5B5435 1px solid;
	margin:0;
	padding: 5px;
}

#header #global_nav #search_box a{
	float:left;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.0;
	color: blue;
	/* overflow:hidden; */
	display: block;
	/* text-indent:-9999px; */
	/* height: 0px; */
	width:auto;
	margin: 0 0 0 10px;
	/* background-image: url(../../../images/parts/common/sprite04.png); */
	/* padding-top: 24px; */
	/* background-position: 0 -24px; */
}

#header #global_nav #search_box a:hover {
    background-position: 0 0px;
}

#header #global_nav #search_box a.enBook{
	float:left;
	overflow:hidden;
	display: block;
	text-indent:-9999px;
	height: 0px;
	width:160px;
	background-image: url(../../../images/parts/common/sprite09.png);
	padding-top: 24px;
	background-position: 0 -24px;
}
#header #global_nav #search_box a.enBook:hover {
    background-position: 0 0px;
}

#header #global_nav #search_box a.enOldBook{
	float:left;
	overflow:hidden;
	display: block;
	text-indent:-9999px;
	height: 0px;
	width:173px;
	background-image: url(../../../images/parts/common/sprite10.png);
	padding-top: 24px;
	background-position: 0 -24px;
}

#header #global_nav #search_box a.enOldBook:hover {
    background-position: 0 0px;
}

#header #global_nav #search_box a.header__shop-stock-search{
	float:left;
	overflow:hidden;
	display: block;
	text-indent:-9999px;
	height: 0px;
	width:164px;
	background-image: url(../../../images/parts/common/sprite11.png);
	padding-top: 24px;
	background-position: 0 0px;
}
#header #global_nav #search_box a.header__shop-stock-search:hover {
	background-position: 0 -24px;
}

#header #global_nav #search_box .safe_search {
	float: right;
    width:auto;
    /* margin-left:14px; */
}



/*			検索部分　2021/05/24
---------------------------------------------- */
.nav-search{
	display: flex;
	font-size: 16px;
	/* justify-content: space-between; */
	/* width: 100%; */
	/* border: 1px solid red; */
}

.nav-search a{
	color: #0066c0;
	font-weight: normal;
}

.nav-search > .nav-fill{
	margin: 0 0 0 10px;
}

.nav-search > .nav-right{
	margin: 8px 0 0 15px;
	width: 186px;
}

.nav-right > select{
	font-size: 13px;
	width: 100%;
	height: 30px;
	border: 1px solid #ddd;
}

.nav-search > .nav-right, .nav-search > .nav-fill{
	/* margin: 0 0 0 15px; */
	padding: 15px 0 0 0;
	border: 0px solid black;
	border-radius: 4px 0 0 4px;
}

.nav-search > .nav-fill{
	line-height: 2.8;
}

.nav-search > .nav-right select{
	width: 100%;
	padding: 6px;
	background-color: #ddd;
	border-radius: 4px;
}

.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../../../images/parts/form/select-arrow.png) no-repeat;
	background-size: 8px;
	background-position: right 6px center;
}
.custom-select::-ms-expand {
	display: none;
}


.nav-search-bar{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 680px;
	margin: 0 0 0 15px;
	padding: 17px 0 0 0;
	border: 0px solid black;
}

.nav-search-bar select, .nav-search-bar input{
	font-size: 14px;
	width: 100%;
	height: 40px;
	border: none;
}

.nav-search-bar .nav-left{
	width: 70px;
	border-radius: 4px 0 0 4px;
	border-top: 2px solid orange;
	border-left: 2px solid orange;
	border-bottom: 2px solid orange;
}

.nav-search-bar .nav-left select{
	width: 100%;
	padding: 8px;
	background-color: #ddd;
	border-radius: 2px 0 0 2px;
}

.nav-search-bar .nav-fill{
	width: 546px;
	border-top: 2px solid orange;
	border-bottom: 2px solid orange;
}
.nav-search-bar .nav-fill input{
	overflow: hidden;
	width: calc(100% - 16px);
	padding: 0 8px;
	border-radius: 0 0 0 0;
	/* border-top: 2px solid orange;
	border-right: 2px solid orange;
	border-bottom: 2px solid orange; */
}

.nav-search-bar .nav-right{
	width: 60px;
	border-radius: 0 4px 4px 0;
	border: 2px solid orange;
}
.nav-search-bar .nav-right input{
	width: 100%;
	background: url(../../../images/parts/form/searchIcon_blk.png) center no-repeat;
	background-size: 24px;
	background-color: orange;
	text-indent: -9999px;
	cursor: pointer;
	border-radius: 0 0 0 0;
}

#global_nav .nav-right .submit2:hover{
	background: url(../../../images/parts/form/searchIcon_wh.png) center no-repeat;
	background-size: 24px;
	background-color: orange;
	text-indent: -9999px;
	cursor: pointer;
}

.footerSearch{
	width:auto;
	height:100px;
	/* background:url(../../../images/parts/common/bg01.gif) left top repeat-x; */
}

.footerSearch #global_nav{
	width:988px;
	height:74px;
	background:url(../../../images/parts/common/bg02-min.png) left top no-repeat;
	margin:0 auto;
	/* padding-bottom: 10px;  */
}



/*			アドミン検索部分
---------------------------------------------- */

#AdminSearch_box{
	clear: both;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 5px 15px;
	background-color: #DBD6C2;
	border-bottom: 1px solid #fff;
}


#AdminSearch_box form{
	display:block;
	float:left;
}

#AdminSearch_box form p{
	display:block;
	float:left;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 2px 0 0 0;
}


#AdminSearch_box .submit1{
	float:left;
	width:168px;
	height:23px;
	background: url(../../../images/parts/common/bt_search02.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	margin:0 10px 0 0;
}

#AdminSearch_box .submit2{
	float:left;
	width:50px;
	height:24px;
	background: url(../../../images/parts/common/sprite03.png) 0 -24px no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	margin:0 10px 0 0;
}

#AdminSearch_box .submit2:hover{
	background-position: 0 0;
}

#AdminSearch_box select{
	float:left;
	width:170px;
	height:23px;
	line-height:1.3;
	border:#5B5435 1px solid;
	padding:2px;
	margin:0 12px 0 0;
	display: block;
}

#AdminSearch_box .search_text{
	float:left;
	width:230px;
	height:20px;
	line-height:1.6;
	border:#5B5435 1px solid;
	margin:0 10px 0 0;
}

#AdminSearch_box div.NBcheck{
	float:left;
	height:20px;
	line-height:1.6;
	margin:0 16px 0 0;
	border: 0px solid red;
}

#AdminSearch_box div.NBcheck input[type=checkbox]{
	margin:0 3px 0 0;
}



#AdminSearch_box a{
	float:left;
	overflow:hidden;
	display: block;
	text-indent:-9999px;
	height: 0px;
	width:124px;
	background-image: url(../../../images/parts/common/sprite04.png);
	padding-top: 24px;
	background-position: 0 -24px;
}


#AdminSearch_box a:hover{
    background-position: 0 0px;
}