@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-TOPお知らせ
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    * 商品詳細のオススメ商品   [whobought_area]
*/


/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */


/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
    margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
    margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container .block_outer .block_body dl.formlist span {
    vertical-align: top;
}

/* よくある質問 */
.fq_wrap h1{
  border-left: 7px solid #7DB73B;
  font-weight: bold;
  font-size: 138%;
  padding: 0 0 0 8px;
  margin-bottom: 16px;
}
.fq_wrap h2{
  border-bottom: 3px solid #7DB73B;
  color: #7DB73B;
  font-weight: bold;
  font-size: 108%;
  padding: 0 0 4px;
  margin-bottom: 16px;
}
.fq_wrap h3{
  color:#7DB73B;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 108%;
  padding-top: 16px;
}
.fq_wrap p{
  font-size: 108%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
/* //よくある質問 */

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
    padding: 10px;
}
#cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
    padding: 2px 0 2px 20px;
    background: url("../img/icon/ico_price.gif") no-repeat left top;
}
#cart_area .btn {
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
}

/* ===============================================
  ▼ メインカラム
=============================================== */

/* ================ TOP ================= */

/*  topお知らせここから-------------*/
.top_alert_area{
    height:160px;
    overflow-y:scroll;
}
/*  topお知らせここまで-------------*/

/*  topカテゴリー----------- */
#top_category_area{
    margin-bottom: 20px;
}
#top_category_area ul li {
    width:175px;
    height: 123px;
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 11px;
}
#top_category_area ul li{
    width:175px;
    height: 123px;
    border: 1px solid #ccc;
    float: left;
    margin:0 0 10px 11px;
}
#top_category_area ul li:nth-child(1),
#top_category_area ul li:nth-child(3n+1){
    margin-left: 0;
}

#top_category_area ul li p a{
    color: #4A4A4A;
    display: block;
    width: 175px;
    padding-top: 98px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
#top_category_area ul li:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

#top_category_area ul li#id_category_1001{
    background: url("../img/background/cat_audio.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1002{
    background: url("../img/background/cat_cooking.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1003{
    background: url("../img/background/cat_beauty.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1004{
    background: url("../img/background/cat_aircon.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1005{
    background: url("../img/background/cat_others.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1006{
    background: url("../img/background/cat_health.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1007{
    background: url("../img/background/cat_lighting.png") no-repeat top center;
    background-size: 175px 123px;
}

/* 追加カテゴリ */
#top_category_area ul li#id_category_1201{
    background: url("../img/background/cat_pc.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1203{
    background: url("../img/background/cat_life.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1204{
    background: url("../img/background/cat_media.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1205{
    background: url("../img/background/cat_phone.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1206{
    background: url("../img/background/cat_house.png") no-repeat top center;
    background-size: 175px 123px;
}
#top_category_area ul li#id_category_1207{
    background: url("../img/background/cat_sound.png") no-repeat top center;
    background-size: 175px 123px;
}
/* // 追加カテゴリ */
/*  // topカテゴリー----------- */

/* ----------------------------------------
| top新着商品
| 最近チェックした商品
| 関連商品
| この商品を見た人はこちらの商品も見ています
---------------------------------------- */
#related_product,
#whobought_area,
#arrNewItems,
#arrCheckItems{
    margin-bottom: 30px;
}

#related_product ul li,
#whobought_area ul li,
#arrNewItems ul li,
#arrCheckItems ul li{
    width: 175px;
    float: left;
    margin: 0 0 16px 10px;
}

#related_product ul li .checkItemname a,
#whobought_area ul li .checkItemname a,
#arrNewItems ul li .checkItemname a,
#arrCheckItems ul li .checkItemname a{
    display: block;
    margin-bottom: 10px;
}

#related_product ul li .price,
#whobought_area ul li .price,
#arrNewItems ul li .price,
#arrCheckItems ul li .price{
    color: #417505;
    font-weight: bold;
}

#related_product.prod-col-4 ul li,
#whobought_area.prod-col-4 ul li,
#arrNewItems.prod-col-4 ul li,
#arrCheckItems.prod-col-4 ul li{
    width: 124px;
    float: left;
    margin: 0 0 16px 10px;
}

/*  // top新着商品 最近チェックした商品 関連商品----------- */


/*  topおすすめ----------- */
#ecp_Status4Bloc{
    margin-bottom: 30px;
}
#ecp_Status4Bloc .product_item{
    width: 175px;
    float: left;
    margin: 0 0 16px 10px;
}
#ecp_Status4Bloc .productContents a{
    display: block;
    margin-bottom: 10px;
}
#ecp_Status4Bloc .price{
    color: #417505;
    font-weight: bold;
}


/*  // topおすすめ----------- */



/*   インナーバナーエリア----------- */
#inner_banner_area a{
    display: block;
    height:90px;
    float: left;
    margin-bottom:20px
}
/*  // インナーバナーエリア----------- */


/* =============== // TOP ================ */


/* ===============================================
  ▲ メインカラム
=============================================== */


/* ===============================================
  ▼ 左サイドカラム
=============================================== */

/*  カテゴリー・メニュー----------- */

/* level1 */
#leftcolumn #category_area ul{
    margin-bottom: 30px;
}
#leftcolumn #category_area li.level1 {
    background: #F7F7F7;
    border: solid 1px #ccc;
    border-top: none;
    width:178px;
}
#leftcolumn #category_area li.level1 p{
    background: url("../img/background/menu_arrow.png") no-repeat 168px 20px;
    background-size: 4px 6px;
}
#leftcolumn #category_area li.level1 p a {
    padding-left: 46px;
    width:110px;
}

#leftcolumn #category_area li#id_category_1001 p a {
    background: url("../img/background/menu_audio.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1002 p a {
    background: url("../img/background/menu_cooking.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1003 p a {
    background: url("../img/background/menu_beauty.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1004 p a {
    background: url("../img/background/menu_aircon.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1005 p a {
    background: url("../img/background/menu_others.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1006 p a {
    background: url("../img/background/menu_health.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1007 p a {
    background: url("../img/background/menu_lighting.png") no-repeat 2px 6px;
    background-size: 38px;
}

/* 追加カテゴリ */
#leftcolumn #category_area li#id_category_1201 p a {
    background: url("../img/background/menu_pc.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1203 p a {
    background: url("../img/background/menu_life.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1204 p a {
    background: url("../img/background/menu_media.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1205 p a {
    background: url("../img/background/menu_phone.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1206 p a {
    background: url("../img/background/menu_house.png") no-repeat 2px 6px;
    background-size: 38px;
}
#leftcolumn #category_area li#id_category_1207 p a {
    background: url("../img/background/menu_sound.png") no-repeat 2px 6px;
    background-size: 38px;
}
/* // 追加カテゴリ */


#leftcolumn #category_area li p a {
    width:138px;
    height:48px;
    display: table-cell;
    vertical-align: middle;
    color:#4A4A4A;
    line-height: 1.0;
}
/* level2 */
#leftcolumn #category_area li.level1 ul{
    margin:0;
    border: none;
}
#leftcolumn #category_area li.level2 {
    border: none;
    width:178px;
}
#leftcolumn #category_area li.level2 p{
    background: url("../img/icon/ico_level.gif") 7px 12px no-repeat;
}
#leftcolumn #category_area ul li.level2 p a {
    height:32px;
    display: table-cell;
    background: none !important;
    padding:3px 0 3px 16px;
    width: 158px;
    border-bottom: 1px dotted #ccc;
}
#leftcolumn #category_area ul li.level2:last-child a {
    border-bottom: none;
}
#leftcolumn #category_area li.onmark>p,
#leftcolumn #category_area li p:hover{
    background: #7DB73B;
}
#leftcolumn #category_area a.onlink,
#leftcolumn #category_area li a:hover{
    color: #fff;
}

/*  子カテゴリー・パネル------ */
#leftcolumn #category_area ul li.level1{
    position: relative;
}
#leftcolumn #category_area ul li.level1 ul.cat_panel{
    width: 630px;
    position: absolute;
    background: #fff;
    border: 2px solid #7DB73B;
    z-index: 2111;
    left:178px;
    top:0;
    padding:10px;
}
#leftcolumn #category_area ul li.level1 ul.cat_panel li{
    float: left;
    text-align: left;
    width:210px;

}
#leftcolumn #category_area ul li.level1 ul.cat_panel li p{
    background: url("../img/background/menu_arrow.png") no-repeat center left;
    background-size: 4px 6px;
    width:210px;
}
#leftcolumn #category_area ul li.level1 ul.cat_panel li p a{
    width:210px;
    margin: 0;
    padding:4px 0 4px 8px;
    color: #768763;
}
#leftcolumn #category_area ul li.level1 ul.cat_panel li p a:hover{
    text-decoration: underline;
}
#leftcolumn #category_area ul li.level1 ul.cat_panel li.level2 a{
    border: none;
}
#leftcolumn #category_area ul li.level1 ul .panel_close{
    visibility: hidden;
    height: 0px;
}
#leftcolumn #category_area ul li.level1 ul .panel_close{
    visibility: hidden;
    height: 0px;
}
/*  // 子カテゴリー・パネル--- */

/*  // カテゴリー・メニュー----------- */

/*  新着情報----------- */
#news_area {
    width: 180px;
    margin-bottom: 30px;
}
#news_area .hx_news{
    width: 180px;
    text-align: center;
}
#news_area .hx_news .icon-news{
    font-size: 28px;
    color: #7DB73B;
}
#news_area .news_contents {
    height: auto !important; /* hack? */
}
#news_area dl.newslist {
    width: 150px;
    border: solid 1px #ccc;
    border-top: 4px solid #00A3DA;
    padding: 0 10px;
    margin: 10px 0 10px 3px;

}
#news_area dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
#news_area dl.newslist dt {
    font-size: 123.1%;
    color: #00A3DA;
    margin: 6px 0 8px;
    font-weight: bold;
    text-align: center;;
}
#news_area dl.newslist dd.news_text {
    /*background: url("../img/background/sample_news.png") no-repeat bottom center;*/
    background-size: 38px;
    padding-bottom: 44px;
    font-size:93%
}
#news_area dl.newslist dd.news_date {
    text-align: center;
    color:#999999;
    font-size:85%
}
#news_area dl:nth-child(even) {
     transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
}
#news_area dl:nth-child(odd) {
     transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}
/*  // 新着情報----------- */

/*  左サイドバナーエリア----------- */
#l_side_banner_area{
    width: 175px;
    margin:0 auto;
}
#l_side_banner_area img{
    margin-bottom: 6px;
}
/*  // 左サイドバナーエリア----------- */
/* ===============================================
  ▲ 左サイドカラム
=============================================== */

/* ===============================================
  ▼ 右サイドカラム
=============================================== */
#rightcolumn{
    width: 270px;
    padding:10px 0 0 0;
    margin:0 auto;
}
/*  左サイドバナーエリア----------- */
#r_side_banner_area{
    width: 270px;
    /*margin-bottom:14px;*/
}
/*#r_side_banner_area img{
    margin-bottom: 6px;
}*/
/*  // 左サイドバナーエリア----------- */

/*  売上げランキング----------- */

#plg_Up_SellRanking_area .hx_ranking{
    width: 270px;
    text-align: center;
    font-size: 28px;
    color: #7DB73B;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
#plg_Up_SellRanking_area .item_panel{
    padding:10px 0;
    border-bottom: 1px solid #ccc;
}
#plg_Up_SellRanking_area .item_panel .item_image{
    width: 60px;
    height: 60px;
    float: left;
}
#plg_Up_SellRanking_area .item_panel .item_image img{
    width: 60px;
    height: 75px;
}
#plg_Up_SellRanking_area .item_panel .item_meta{
    width: 204px;
    float: right;
}
#plg_Up_SellRanking_area .item_panel .title a{
    display: block;
    margin-bottom: 10px;
}
#plg_Up_SellRanking_area .item_panel .title a:hover{
    text-decoration: underline;
}

#plg_Up_SellRanking_area .item_panel .sale_price .rank_num{
    display: block;
    float: left;
}
#plg_Up_SellRanking_area .item_panel .sale_price .rank_num .icon--5{
    color:#FFF101;
    font-size: 30px;
    vertical-align: middle;
}
#plg_Up_SellRanking_area .item_panel .sale_price .price{
    display: block;
    float: right;
    font-weight: bold;
    margin-top: 10px;
}
#plg_Up_SellRanking_area .item_panel .sale_price .rank_text_num{
    font-weight: bold;
    font-size: 16px;
    vertical-align: bottom;
    margin-right: 3px;
}
#plg_Up_SellRanking_area .item_panel .sale_price .rank_text{
    vertical-align: bottom;
}
#plg_Up_SellRanking_area .item_panel .review{
    color: #E1C030;
}
#plg_Up_SellRanking_area .item_panel .count{
    color: #417505;
}
/*  // 売上げランキング----------- */


/* ===============================================
  ▲ 右サイドカラム
=============================================== */



a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}

/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
    border: none;
}
#guide_area li {
    margin-bottom: 5px;
    letter-spacing: -0.05em;
}
ul.button_like li {
    margin: 0;
    padding: 0 0 1px 0;
    background: url("../img/background/bg_btn_list.jpg") bottom repeat-x;
}
ul.button_like li a {
    margin: 0;
    padding: 10px 15px 10px 10px;
    border: 1px solid;
    border-bottom: none;
    border-color: #ccc;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}


/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
    padding: 10px;
}

#container div#login_area .block_body p {
    margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
    text-align: center;
}
#container .login_area dl.formlist {
    margin-bottom: 8px;
    width: 420px;
}
#container .login_area dl.formlist dt {
    margin-bottom: 3px;
    color: #333;
    width: 120px;
    float: left;
    font-size: 100%;
    padding: 4px 0 0 0;
}
#container .login_area dl.formlist dd {
    margin-bottom: 5px;
    float: right;
    width: 300px;
    vertical-align: bottom;
    text-align: left;
}
#container div#login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}

/* ===============================================
▼検索
=============================================== */
#container div#search_area .block_body {
    padding: 10px;
}
#container div#search_area .block_body .btn {
    text-align: center;
}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
    background-color: transparent;
    border: none;
}
#calender_area .block_body {
    padding: 10px 0;
    background-color: #f1f9fc;
}
#calender_area table {
    background: #fff;
    border: none;
    width: 150px;
    margin: 0 auto 5px;
    font-size: 90%;
}
#calender_area table td {
    padding: 1px 3px;
    border-top: 1px solid #ccc;
    border-right: none;
    text-align: center;
}
#calender_area th {
    padding: 1px 3px;
    background: #fff;
    border: none;
    text-align: center;
}
#calender_area table .month {
    margin-bottom: 5px;
    padding-left: 12px;
    background: url("../img/icon/ico_arrow_04.gif") no-repeat left;
    font-size: 120%;
}
#calender_area .off {
    color: #f00;
}
#calender_area .today {
    background-color: #FFF99D;
    font-weight: bold;
}
#calender_area .information {
    margin-left: 10px;
    font-size: 90%;
}


/* ===============================================
▼おすすめ商品
=============================================== */
#whobought_area{
    margin-bottom: 30px;

}
#whobought_area .product_item{
    width: 175px;
    float: left;
    margin: 0 0 16px 14px;
}
#whobought_area .product_item:nth-child(1),
#whobought_area .product_item:nth-child(4){
    margin-left: 0;
}
#whobought_area .product_item .productContents a{
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
    color: #006B90;
}
#whobought_area .product_item .productContents .price{
    color: #417505;
    font-weight: bold;
}