@charset "Shift_JIS";

#menu {
	clear:both;
	height:47px;
	width:100%;
	text-align:center;
	background:url(/common/image/g_menu_allcate.gif) repeat-x 0 -141px;
	position:static;
}

#menu .menu {
	width:950px;
	margin:0 auto;
}

#menu ul.maincate li {
	float:left;
	display:block;
}

#menu li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:47px;
	background:url(/common/image/g_menu_allcate.gif) no-repeat 0 0;
}

#menu .menu_top a { width:44px; }

#menu .menu_skin a,
#menu .menu_health a,
#menu .menu_diet a { width:120px; }

#menu .menu_mens a,
#menu .menu_fashion a,
#menu .menu_inner a,
#menu .menu_food a { width:79px; }

#menu .menu_medical a,
#menu .menu_idenshi a,
#menu .menu_wine a,
#menu .menu_pet a,
#menu .menu_book a { width:46px; }

#menu .menu_zakka a { width:38px; }

#menu .menu_top a:hover,
#menu .menu_top a:active,
#body_sitetop #menu .menu_top a:hover,
#body_sitetop #menu .menu_top a:active { background-position:0 -47px; }

#menu .menu_skin a:link,
#menu .menu_skin a:visited { background-position:-44px 0; }
 #menu .menu_skin a:hover, #menu .menu_skin a:active, body[id^="skin"] #menu .menu_skin a:hover, body[id^="skin"] #menu .menu_skin a:active {
background-position:-44px -47px;
}
 body[id^="skin"] #menu .menu_skin a:link, body[id^="skin"] #menu .menu_skin a:visited {
background-position:-44px -94px;
}

#menu .menu_health a:link,
#menu .menu_health a:visited { background-position:-164px 0; }
 #menu .menu_health a:hover, #menu .menu_health a:active, body[id^="health"] #menu .menu_health a:hover, body[id^="health"] #menu .menu_health a:active {
background-position:-164px -47px;
}
 body[id^="health"] #menu .menu_health a:link, body[id^="health"] #menu .menu_health a:visited {
background-position:-164px -94px;
}

#menu .menu_diet a:link,
#menu .menu_diet a:visited { background-position:-284px 0; }
 #menu .menu_diet a:hover, #menu .menu_diet a:active, body[id^="diet"] #menu .menu_diet a:hover, body[id^="diet"] #menu .menu_diet a:active {
background-position:-284px -47px;
}
 body[id^="diet"] #menu .menu_diet a:link, body[id^="diet"] #menu .menu_diet a:visited {
background-position:-284px -94px;
}

#menu .menu_mens a:link,
#menu .menu_mens a:visited { background-position:-404px 0; }
 #menu .menu_mens a:hover, #menu .menu_mens a:active, body[id^="mens"] #menu .menu_mens a:hover, body[id^="mens"] #menu .menu_mens a:active {
background-position:-404px -47px;
}
 body[id^="mens"] #menu .menu_mens a:link, body[id^="mens"] #menu .menu_mens a:visited {
background-position:-404px -94px;
}

#menu .menu_food a:link,
#menu .menu_food a:visited { background-position:-483px 0; }
 #menu .menu_food a:hover, #menu .menu_food a:active, body[id^="food"] #menu .menu_food a:hover, body[id^="food"] #menu .menu_food a:active {
background-position:-483px -47px;
}
 body[id^="food"] #menu .menu_food a:link, body[id^="food"] #menu .menu_food a:visited {
background-position:-483px -94px;
}

#menu .menu_inner a:link,
#menu .menu_inner a:visited { background-position:-641px 0; }
 #menu .menu_inner a:hover, #menu .menu_inner a:active, body[id^="inner"] #menu .menu_inner a:hover, body[id^="inner"] #menu .menu_inner a:active {
background-position:-641px -47px;
}
 body[id^="inner"] #menu .menu_inner a:link, body[id^="inner"] #menu .menu_inner a:visited {
background-position:-641px -94px;
}

#menu .menu_fashion a:link,
#menu .menu_fashion a:visited { background-position:-562px 0; }
 #menu .menu_fashion a:hover, #menu .menu_fashion a:active, body[id^="fashion"] #menu .menu_fashion a:hover, body[id^="fashion"] #menu .menu_fashion a:active {
background-position:-562px -47px;
}
 body[id^="fashion"] #menu .menu_fashion a:link, body[id^="fashion"] #menu .menu_fashion a:visited {
background-position:-562px -94px;
}

#menu .menu_medical a:link,
#menu .menu_medical a:visited { background-position:-720px 0; }
 #menu .menu_medical a:hover, #menu .menu_medical a:active, body[id^="medical"] #menu .menu_medical a:hover, body[id^="medical"] #menu .menu_medical a:active {
background-position:-720px -47px;
}
 body[id^="medical"] #menu .menu_medical a:link, body[id^="medical"] #menu .menu_medical a:visited {
background-position:-720px -94px;
}

#menu .menu_idenshi a:link,
#menu .menu_idenshi a:visited { background-position:-766px 0; }
 #menu .menu_idenshi a:hover, #menu .menu_idenshi a:active, body[id^="idenshi"] #menu .menu_idenshi a:hover, body[id^="idenshi"] #menu .menu_idenshi a:active {
background-position:-766px -47px;
}
 body[id^="idenshi"] #menu .menu_idenshi a:link, body[id^="idenshi"] #menu .menu_idenshi a:visited {
background-position:-766px -94px;
}

#menu .menu_zakka a:link,
#menu .menu_zakka a:visited { background-position:-912px 0; }
 #menu .menu_zakka a:hover, #menu .menu_zakka a:active, body[id^="zakka"] #menu .menu_zakka a:hover, body[id^="zakka"] #menu .menu_zakka a:active {
background-position:-912px -47px;
}
 body[id^="zakka"] #menu .menu_zakka a:link, body[id^="zakka"] #menu .menu_zakka a:visited {
background-position:-912px -94px;
}

#menu .menu_wine a:link,
#menu .menu_wine a:visited { background-position:-858px 0; }
 #menu .menu_wine a:hover, #menu .menu_wine a:active, body[id^="wine"] #menu .menu_wine a:hover, body[id^="wine"] #menu .menu_wine a:active {
background-position:-858px -47px;
}
 body[id^="wine"] #menu .menu_wine a:link, body[id^="wine"] #menu .menu_wine a:visited {
background-position:-858px -94px;
}

#menu .menu_pet a:link,
#menu .menu_pet a:visited { background-position:-812px 0; }
 #menu .menu_pet a:hover, #menu .menu_pet a:active, body[id^="pet"] #menu .menu_pet a:hover, body[id^="pet"] #menu .menu_pet a:active {
background-position:-812px -47px;
}
 body[id^="pet"] #menu .menu_pet a:link, body[id^="pet"] #menu .menu_pet a:visited {
background-position:-812px -94px;
}

#menu .menu_book a:link,
#menu .menu_book a:visited { background-position:-904px 0; }
 #menu .menu_book a:hover, #menu .menu_book a:active, body[id^="book"] #menu .menu_book a:hover, body[id^="book"] #menu .menu_book a:active {
background-position:-904px -47px;
}
 body[id^="book"] #menu .menu_book a:link, body[id^="book"] #menu .menu_book a:visited {
background-position:-904px -94px;
}

#body_sitetop #menu .menu_top a:link,
#body_sitetop #menu .menu_top a:visited { background-position:0 -94px; }

/*================================================
検索窓
================================================*/

#search_box * { box-sizing:content-box!important;/*相殺*/ }

#search_box {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #ccc;
	background:url(/search/image/base_bg.gif) repeat-x left bottom;
	padding:0.7em 0;
}

/*clearfix*/
#search_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#search_box { min-height: 1px; }

* html #search_box { /*height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

#search_box form {
	width:950px;
	margin:0 auto;
}

.search_set input { border:none; }
.search_set input[type="button"]{
display: none;
}
.search_set select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	background:url(/sph/image/select_open.png) no-repeat right center;
	background-size: 1.6em auto;
	-webkit-background-size: 1.6em auto;
	-moz-background-size: 1.6em auto;
	-o-background-size: 1.6em auto;
	-ms-background-size: 1.6em auto;
	padding-right:1.8em;
}
 .search_set select::-ms-expand {/*IEハック*/
display:none;
}

.search_set {
	border:1px solid #bbb;
	background:#fff;
	width:45%;
	display:table;
	border-collapse:separate;
	border-radius:0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	line-height:1;
	float:right;
}

.search_set dt { display:none; }

.search_set dd {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.search_set dd:first-of-type { border-left:0; }

.search_set dd.search_category { width:9em; }



.search_set dd.search_txt input { width:92%; }
.search_set dd.search_txt { padding: 2.0% 1%; }

.search_set dd.search_btn {
    width:4em;
    text-align: right;
}

.search_set #search_input_btn {
    width: 3.0em;
    height: 2.5em;
    margin: 0;
    border: none;
    background-color: #004097 !important;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    transition: 0.2s;
}
.search_set #search_input_btn:hover{
    opacity: 0.8;
     background-color: #FF0000;   
}
.search_btn .icon_search:before {
  content: "\e944";
  color: #FFF;
}
.search_btn .icon_search{
    font-size: 1.5em;
}
.search_keyword {
	width:41%;
	float:left;
	margin-top:0.3em;
	background:url(/common/image/keyword.png) no-repeat left center;
	padding-left:3.6em;
}

.search_keyword li { display:inline-block; }

.search_keyword li a {
	display:block;
	padding:0.4em 0.6em;
	font-size:0.9em;
}

/*サジェスト
-----------------------------------*/

#acresultbox {
	display:none;
	background-color:#fff;
	border:1px solid #666;
	text-align:left!important;
	line-height:1.4;
}

#acresultbox .acword {
	padding:0.3em 0.5em;
	color:#666;
	border-top:1px dotted #ccc;
}

#acresultbox .acword:first-child { border-top:none; }

#acresultbox .acword:hover { background-color:#f5f5f5; }