@charset "utf-8";
/**
 * Digimart
 * @Copyright: 2007 Rittor Music Inc., a company of Impress Group. All right reserved.
*/

@import "global.css";
@import "layout_common.css";

h1 {
  width: 108px;
  height: 18px;
  margin-bottom: 0.4em;
  background: url(/img/shoplist_head.gif) no-repeat;
}
h1 span {
  display: none;
}

/** 検索ボックス
--------------------------------------------- */
#shopSearch {
  margin-bottom: 20px;
}
/** タブ制御 **/
#shopSearch ul#shopSearchTab {
  width: 98%;
  line-height: 0;
}
#shopSearch ul#shopSearchTab li#tabIndex, #shopSearch ul#shopSearchTab li#tabArea {
  float: left;
  width: 180px;
  height: 21px;
  margin-right: 1px;
}
#shopSearch ul#shopSearchTab li#tabIndex a, #shopSearch ul#shopSearchTab li#tabArea a {
  display: block;
  width: 180px;
  height: 21px;
  background: url(/img/searchbox_tab.gif) no-repeat;
}
#shopSearch ul#shopSearchTab li#tabIndex a {
  background-position: 0 0;
}
#shopSearch ul#shopSearchTab li#tabArea a {
  background-position: -180px 0;
}
#shopSearch ul#shopSearchTab li#tabIndex a.tabCurrent {
  background-position: 0 -21px;
}
#shopSearch ul#shopSearchTab li#tabArea a.tabCurrent {
  background-position: -180px -21px;
}
/** 詳しく検索 **/
#shopSearch ul#shopSearchTab li#btnAdvSearch {
  float: right;
}
#shopSearch ul#shopSearchTab li span {
  display: none;
}

/** 検索ボックス **/
#shopSearchBox {
  clear: both;
  padding: 10px;
  border: 4px #8697B7 solid;
}
/* 50音別 */
#shopSearchBox #boxIndex ul.parentNode {
  float: left;
  width: 160px;
}
#shopSearchBox #boxIndex ul.lastNode {
  width: 20px;
}
#shopSearchBox #boxIndex ul.childNode {
  margin-bottom: 8px;
}
#shopSearchBox #boxIndex ul.childNode li {
  float: left;
/*  width: 20px;
  height: 20px;
*/
  display:inline;
  margin: 0 8px 8px 0;
  font-size: 80%;
  font-weight: bold;
  line-height: 1.6;
}
html*#shopSearchBox #boxIndex ul.childNode li.nullindex {
  width:23px;
  height:20px;
}
#shopSearchBox #boxIndex ul.childNode li a {
/*  display: block;
  width: 20px;
  height: 20px;
*/
  background: #EBECEF;
  text-align: center;
  color: #455162;
  text-decoration: none;
  padding:4px 5px;
/*  margin:5px 0;*/
}
#shopSearchBox #boxIndex ul.childNode li a.indexActive {
  background: #ff9900;
  color: #fff;
}
#shopSearchBox #boxIndex ul.childNode li a:hover {
  background: #ff9900;
  color: #fff;
}
#shopSearchBox #boxIndex #indexAreaFilter {
  clear: both;
}
#shopSearchBox #boxIndex #indexAreaFilter p {
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: dotted 1px #ccc;
}
#shopSearchBox ul.searchArea{
  width:100%;
}
#shopSearchBox ul.searchArea li {
  float: left;
  margin-right: 1em;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  white-space: nowrap;
}
#shopSearchBox ul.searchArea li a {
  color: #455162;
  text-decoration: underline;
}
#shopSearchBox ul.searchArea li a:hover {
  color: #ff6600;
}
#shopSearchBox ul.searchArea li a.areaActive {
  color: #ff6600;
  text-decoration: none;
}
/* エリア別 */


/** アイコンの説明
--------------------------------------------- */
#iconInfo {
  margin-bottom: 1em;
  padding-botom: 0.5em;
  border-bottom: 2px solid #8697B7;
}
#iconInfo p {
  margin: 1em 0 0.5em 0;
  font-size: 11px;
  font-weight: bold;
  color: #455162;
}
#iconInfo ul li {
  float: left;
  margin-left: 1em;
  white-space: nowrap;
  font-size: 70%;
  line-height: 1.3;
  color: #455162;
}
#iconInfo ul li img {
  margin: 0 5px 5px 0;
  vertical-align: middle;
}


/** 楽器店一覧
--------------------------------------------- */
#shopList {
  
}
#shopList p.listHeader {
  margin: 0;
  padding-bottom: 1em;
  border-bottom: 2px solid #AAAFBB;
  font-size: 75%;
  font-weight: normal;
  color: #666;
}
#shopList p.listHeader span#listHeaderIndex {
  margin-right: 2em;
  font-size: 110%;
  font-weight: bold;
  color: #52678D;
}

#shopList ul.unitNode {
  margin-bottom: 10px;
}
#shopList ul.unitNode li.listUnit {
  padding: 10px 10px 15px 10px;
  border-bottom: 2px solid #AAAFBB;
}
#shopList ul.unitNode h2 {
  margin: 0;
  padding: 5px;
  background: #EBECEF;
  font-size: 90%;
}
#shopList ul.unitNode ul li.shopInfo {
  padding: 5px;
  background: url(/img/item_border.gif) left bottom repeat-x;
  font-size: 75%;
  line-height: 1.3;
}
#shopList ul.unitNode ul li.shopIcons {
  padding: 5px 5px 2px 5px;
  font-size: 1%;
  line-height: 0;
}
#shopList ul.unitNode ul li.shopIcons span { /* add by PSYW on 07.06.07 */
  white-space: nowrap;
}
#shopList ul.unitNode ul li.shopIcons img {
  padding: 0 2px 2px 0;
}
/* Hack for WinIE5-7 */
#shopList ul.unitNode ul li.shopEvent {
  display: inline;
}
#shopList ul.unitNode ul li.shopEvent ul {
  margin: 0.3em 5px;
}
#shopList ul.unitNode ul li.shopEvent ul li {
  margin-bottom: 0.3em;
  padding-left: 1em;
  background: url(/img/list_point.gif) 2px 4px no-repeat;
  font-size: 75%;
  line-height: 1.3;
}

/** 楽器店一覧エリア別
--------------------------------------------- */
#shopList .areaUnit h2 {
  margin-bottom: 5px;
  padding: 4px;
  background: #8697B7;
  font-size: 90%;
  color: #fff;
}