/*====================================================*/

/*【07shop.css : オンラインショップ】*/

/*====================================================*/

/*====================================================*/
/* サイドナビ */
/*====================================================*/
#shop #sidenavi {
 margin-bottom: -5px;
}
#shop #sidenavi li,
#shop #sidenavi li a {
 text-indent: 0;
 height: auto;
}

/*====================================================*/
/* トップページ */
/*====================================================*/
/* == トップエリア ==================== */
#shop #top_area {
width: 780px;
height: 262px;
padding: 0px 10px;
margin-top: -10px;
background:#050730 url("../images/shop/top_area_bg.jpg") no-repeat; 
position: relative;
}
#shop #top_area div {
 position: absolute;
}

/* 大バナー */
#shop #top_area #banner {
 width: 370px;
 height: 235px;
 top: 13px;
 left: 10px;
}

/* キャッチコピー */
#shop #top_area #e_catchcopy {
 width: 217px;
 height: 42px;
 top: 20px;
 left: 401px;
}

/* ボタン「e-shop」 */
#shop #top_area #eshop {
 width: 146px;
 height: 42px;
 top: 20px;
right: 8px;
}

/* == ニュース == */
#shop #top_area #news {
 width: 390px;
 height: 177px;
 top: 71px;
 left: 401px;
}
#shop #top_area #news dl, 
#shop #top_area #news dt, 
#shop #top_area #news dd {
 padding: 0;
 margin: 0;
}

#shop #top_area #news dt {
 width: 390px;
 height: 23px;
 display: block;
 overflow:hidden;
}
#shop #top_area #news dt img {
 width: 390px;
 height: 23px;
 display: block;
 vertical-align: top;
}

#shop #top_area #news dd {
 width: 390px;
 height: 154px;
}

/* ニュース一覧 補正 */
#shop #top_area #news #listing {
 width: 386px;
 height: 153px;
 display: block;
 overflow: auto;
 padding: 0px 2px;
 margin-top: 1px;
 overflow-x: hidden; 
}
#shop #top_area #news #listing table {
 width: 368px;
}


#shop #top_area #news #listing tr {
 background-image: url("../images/line_dotted1px_gray.gif");
}
#shop #top_area #news #listing td {
 padding: 5px 0px 5px 10px;
 margin:0;
}

#shop #top_area #news #listing td.title a,
#shop #top_area #news #listing td.title a:link, 
#shop #top_area #news #listing td.title a:hover {
 color: #fff;
}


/* == メイン部分 レイアウト補正 ===== */
#shop #index  {
 margin-top : 0px;
}
#shop #index #main_column2 {
 width: 630px;
 padding-right: 0px;
 padding-left: 0px;
}
#shop #index #left_column,
#shop #index #right_column {
 width: 150px;
 padding-right: 10px;
 padding-left: 10px;
}
#shop #index #main_column3 {
 width: 460px;
 padding-right: 0px;
 padding-left: 0px;
}
#shop #index  .banner_list dt{
 margin-bottom: 5px;
}

/* == 週間売れ筋ランキング ===== */
#shop #sales_ranking {
 margin-bottom: 10px;
 position: relative;
}
/* アップデート日 */
#shop #sales_ranking #update {
 position: absolute;
 top: 0;
 right: 0;
 padding: 3px 5px;
}
/* エリア */
#shop #sales_ranking dd {
 background: #e9e9e9 url("../images/shop/ranking_bg.jpg") bottom no-repeat;
}

/* テーブル表示エリア */
#shop #sales_ranking #rankingListing {
 padding: 9px 10px 10px 10px;
}

/* テーブル */
#shop #rankingListing table,
#shop #rankingListing tr,
#shop #rankingListing td {
 border:0;
 margin:0;
 padding:0;
 background:#fff;
}

#shop #rankingListing table.unit {
 margin-top: 1px;
 width: 440px;
 height: 65px;
}
/* 順位 */
#shop #rankingListing table.unit .no {
 width: 65px;
 height: 65px;
 vertical-align: middle;
 padding: 5px 0px;
}
/* 商品サムネイル */
#shop #rankingListing table.unit .thumb {
 width: 65px;
 height: 65px;
 vertical-align: middle;
 text-align: center;
 padding: 5px 0px;
}
/* 商品画像補正 ※js で縦横計って、長辺を65px に */
#shop #rankingListing table.unit .thumb img {
}
/* 商品データ */
#shop #rankingListing table.unit .data {
 padding: 5px 5px 0px 10px;
}
#shop #rankingListing table.unit .data a {
 font-weight: bold;
}

/* ボタン「今すぐ購入」 */
#shop #rankingListing table.unit .btn {
 vertical-align: bottom;
 text-align: right;
 padding: 0px 10px 5px 0px;
}

/* == ピックアップアイテム =========== */
#shop #pickup_items {
 margin-bottom: 10px;
}

#shop #pickup_items dd {
 background:#e9e9e9;
 width:460px;
 height:86px;
}

/* == 会員割引 & モバイルサイト =========== */
#shop .mm {
 padding-top:5px;
}
#shop .mm li {
 margin-bottom:10px;
}


/* == カタログ =========== */
#shop .catalog {
 padding-top:5px;
 margin-bottom: 10px;
}

#shop .catalog dd {
}
#shop .catalog .thumb {
 padding-top:10px;
 margin: auto;
}
#shop .catalog .detail {
 padding-top:10px;
 margin: auto;
}

/* == アプリケーション =========== */
#shop .application {
 margin-bottom: 10px;
}




/*====================================================*/
/* オフィシャルショップ紹介 */
/*====================================================*/
/* → 地図は 06stadium.css に記載 */


/*====================================================*/
/* カタログ */
/*====================================================*/
/* == トップ =========== */
/* タイトル(表紙) */
#shop #catalog_title {
 margin: 0px 2px 0px 2px;
 padding-bottom: 0px;
}
#shop #catalog_title img {
 border: 1px solid #ccc;
}

/* サムネイル */
#shop #catalog_thumb {
 margin-left:1px;
}

#shop #catalog_thumb  div {
 float: left;
 width: 191px;
 border: 1px solid #fff;
 text-align: center;
 background: #e9e9e9 url("../images/bg_stripe.gif");
 padding: 5px 0px;
}

#shop #catalog_thumb .thum_2clm {
 float: left;
 width: 277px;
 border: 1px solid #fff;
 text-align: center;
 background: #e9e9e9 url("../images/bg_stripe.gif");
 padding: 5px 5px;
}

#shop #catalog_thumb  div p{
 padding-top: 5px; 
 text-align: center;
}
#shop #catalog_thumb  div img {
 border: 1px solid #ccc;
}
#shop #catalog_thumb  div img.icon,
#shop #catalog_thumb  div img.icon:hover {
 border: 0;
}

#shop #catalog_thumb  div img:hover {
 border: 1px solid #6666CC;
}

/* 拡大表示 */
#shop #catalog_inner.chapter {
 margin: 20px;
 margin-top:10px;
 background: #e9e9e9 url("../images/bg_stripe.gif");
 padding: 19px;
}
#shop #catalog_inner img {
 border: 1px solid #ccc;
}

/*====================================================*/