@charset "utf-8";
/*-------------------------------------------------*/
/*ページコンテンツのマークアップタグ定義
/*-------------------------------------------------*/
.detailFrame p, .detailFrame h2, .detailFrame h3, .detailFrame h4, .detailFrame h5, .detailFrame h6{margin-bottom:10px; margin-top:10px}

/*-------------------------------------------------*/
/*1カラムレイアウト
/*-------------------------------------------------*/
.fullFrame .categoryFrame{width:910px}
/*H1タグ文字装飾*/
.fullFrame .categoryFrame h1{ padding:20px 0;}

/*-------------------------------------------------*/
/*基本HTMLタグ
/*-------------------------------------------------*/
.mainFrame .menu .banner, .mainFrame .menu .pr, .mainFrame .menu .information, .menuFrame .information{margin-bottom:15px}
.mainFrame .menu .banner img, .mainFrame .menu .pr img{display:block}

/*-------------------------------------------------*/
/*BOXレイアウト
/*-------------------------------------------------*/
.mainFrame .menu .information h2, .menuFrame .information h2{background:url(../images/bg_information_title.png) no-repeat center left; padding:.2em 18px; font-size:100%; color:#3C739B}
.mainFrame .menu .information ul, .menuFrame .information ul{}
.mainFrame .menu .information li, .menuFrame .information li{
	    padding: 15px 0 10px;
    border-bottom: 1px solid #ddd;
    line-height: 1;
	}
.mainFrame .menu .information li.lastline, .menuFrame .information li.lastline{}

/*-------------------------------------------------*/
/*トップページ左下住所表記
/*-------------------------------------------------*/
.mainFrame .menu .shop_address, .menuFrame .shop_address{background:url(../images/bg_shop_address.png) no-repeat; padding:11px 11px 7px}
.mainFrame .menu .shop_address h2, .menuFrame .shop_address h2{background:url(../images/bg_shop_address_title.png) no-repeat bottom left; margin-bottom:8px; padding-bottom:8px; font-size:100%; color:#3C739B}

/*-------------------------------------------------*/
/*トップページ 新着商品のレイアウト
/*-------------------------------------------------*/
.mainFrame .contents .new_arrival h2, .contentsFrame .new_arrival h2{}
.mainFrame .contents .new_arrival .item, .mainFrame .contents .new_arrival .item_last, .mainFrame .contents .new_arrival .item_right, .mainFrame .contents .new_arrival .item_right_last, .contentsFrame .new_arrival .item, .contentsFrame .new_arrival .item_last, .contentsFrame .new_arrival .item_right, .contentsFrame .new_arrival .item_right_last{}
.mainFrame .contents .new_arrival .item_last, .mainFrame .contents .new_arrival .item, .contentsFrame .new_arrival .item_last, .contentsFrame .new_arrival .item{}
.mainFrame .contents .new_arrival .item_last, .mainFrame .contents .new_arrival .item_right_last, .contentsFrame .new_arrival .item_last, .contentsFrame .new_arrival .item_right_last{border-bottom:0px solid #D8DFE7}
.mainFrame .contents .new_arrival .image, .contentsFrame .new_arrival .image{float:left; }
.mainFrame .contents .new_arrival .image img, .contentsFrame .new_arrival .image img{text-align:center}
.mainFrame .contents .new_arrival .text, .contentsFrame .new_arrival .text{} 
.mainFrame .contents .new_arrival .text h3, .contentsFrame .new_arrival .text h3{}
.mainFrame .contents .new_arrival .text p, .contentsFrame .new_arrival .text p{color:#DC7A00}

/*-------------------------------------------------*/
/*トップページの右上ログインバナーのレイアウト
/*-------------------------------------------------*/
#contents .subFrame .member{margin-bottom:10px}
#contents .subFrame .member .title{background:url(../images/bg_member.png) no-repeat; padding:10px 8px 0 10px; font-size:95%}
#contents .subFrame .member .title p{background:url(../images/bg_member_title.png) no-repeat bottom left; padding-bottom:5px}

/*-------------------------------------------------*/
/*トップページ右上ベストセラーのレイアウト
/*-------------------------------------------------*/
#contents .subFrame .ranking{padding-bottom:30px}
#contents .subFrame .ranking #ranking-item{padding:5px;}
#contents .subFrame .ranking h3{border-top:1px solid #D8DFE7; margin:10px 0; padding:15px 10px 0 26px; font-size:100%}
.ranking .number1{background:url(../images/bg_ranking01.png) no-repeat bottom left}
#contents .subFrame .ranking h3.number1{border-top:0px solid #D8DFE7; margin:0 0 10px; padding:5px 10px 0 26px}
.ranking .number2{background:url(../images/bg_ranking02.png) no-repeat bottom left}
.ranking .number3{background:url(../images/bg_ranking03.png) no-repeat bottom left}
.ranking .number4{background:url(../images/bg_ranking04.png) no-repeat bottom left}
.ranking .number5{background:url(../images/bg_ranking05.png) no-repeat bottom left}
.ranking .images, .box .images{float:left; border:1px solid #EBEBEB; width:38px}
.ranking .images img, .calendar h2 img{display:block}
.ranking .text, .box .text{float:left; width:150px; margin-left:8px; line-height:1.5em}

/*-------------------------------------------------*/
/*トップページ右下タグクラウドのレイアウト
/*-------------------------------------------------*/
#contents .subFrame .calendar .contents{padding:10px}

/*-------------------------------------------------*/
/* 全ページ共通部分
/*-------------------------------------------------*/
.calendar .contents .date{padding:.5em 0; font-weight:bold; color:#50738C}
.calendar .contents .notes{padding:.7em 0 0; font-size:90%; color:#646464}
.calendar .contents .notes span{color:#B8B896}
.calendar .contents table{border-left:1px solid #E6E9EC; border-top:1px solid #E6E9EC; text-align:center}
.calendar .contents th{background:#C8C8C8; border-right:1px solid #E6E9EC; border-bottom:1px solid #E6E9EC; font-weight:normal; color:#FFF}
.calendar .contents td{border-right:1px solid #E6E9EC; border-bottom:1px solid #E6E9EC; color:#646464}
.calendar .contents th.sunday{background:#AC3A3A}
.calendar .contents th.saturday{background:#3A70AC}
.calendar .contents td.holiday{background:#B8B896; color:#FFF}
.contentsFrame .categoryFrame{}

/*-------------------------------------------------*/
/*全ページメインタイトル部分
/*-------------------------------------------------*/
.categoryFrame h1{padding:10px 0; line-height: 140%;}
.categoryFrame .sub_category_list{padding:15px 0 25px}
.categoryFrame .sub_category_list .item, .categoryFrame .sub_category_list .item_right{
	padding: 7px;
	height: auto;
	width: 100px;
	float:left;
	overflow: hidden;
	margin-bottom: 7px;
	margin-right: 7px;
}
.categoryFrame .sub_category_list .item_last, .categoryFrame .sub_category_list .item_right_last{
	float:left;  
	width:220px; 
	padding-bottom:7px}
.categoryFrame .sub_category_list .item{margin-right:20px}
.categoryFrame .sub_category_list .image{
	float:left; 
	display:inline; 
	width: 110px;
	height: 90px;
	margin: 0 auto; 
}
.categoryFrame .sub_category_list .image a{height:auto;}
.categoryFrame .sub_category_list .image img{display:block}
.categoryFrame .sub_category_list .text{text-align:center;}
.menuFrame .navigation{}
.menuFrame .navigation dl{width:250px; margin:0 1px; line-height:1.0em}
.menuFrame .navigation dt{
	}
.menuFrame .navigation dd{
	padding: 13px 0;
    border-bottom: 1px solid #ddd;
	}
.menuFrame .navigation dd.current{}
.detailFrame .categoryFrame{}
.detailFrame .categoryFrame h1{margin-bottom:15px;}
.categoryFrame .user_navi h2, .fullFrame h2{}
.categoryFrame .user_navi .style_navi{position:relative;  margin-bottom:3px; padding-bottom:3px}
.categoryFrame .user_navi .style_navi p{position:absolute; top:5px; right:0px}
.categoryFrame .user_navi .style_navi li{float:left; margin-right:5px}
.categoryFrame .user_navi .style_navi li.current{}
.categoryFrame .user_navi .style_navi li a, .categoryFrame .user_navi .style_navi li span{display:block;  text-align:center;width:25px;height:25px;}

/*-------------------------------------------------*/
/* ページ送りのリンク
/*-------------------------------------------------*/
.page_navi{padding:8px 13px 4px}
.page_navi{margin-top:15px; padding:8px 13px 4px}
.page_navi .number{float:left; width:15em; padding:5px 0 0}
.page_navi .number dt, .page_navi .number dd{display:inline}
.page_navi .navi{float:right; text-align:right}
.page_navi .navi li{float:left; border:1px solid #ccc; line-height:1.0em; }
.page_navi .navi li.prev{background:url(../images/btn_arrrow_prev.png) no-repeat center left; border:0px solid #D8DFE7; padding:5px 13px 2px 17px}
.page_navi .navi li#top li#bottom{border:1px solid #D8DFE7} 
.page_navi .navi li.current{background:#505050;   padding: 5px 7px; color:#FFF}
.page_navi .navi li.next{background:url(../images/btn_arrrow_next.png) no-repeat center right; border:0px solid #D8DFE7; padding:5px 17px 2px 13px}
.page_navi .navi li a{display:block;  padding: 5px 7px; text-decoration:none}
.page_navi .navi li.prev a, .page_navi .navi li.next a{display:inline; padding:0; }
.page_navi .navi li a:hover{display:block; background:#505050; color:#FFF}
.page_navi .navi li.prev a:hover, .page_navi .navi li.next a:hover{text-decoration:none; background:none; color:#505050}

/*-------------------------------------------------*/
/*ページTOPへのリンク
/*-------------------------------------------------*/
.bottom_navi .pagetop{background:url(../images/btn_pagetop.png) no-repeat center right; margin-top:15px; padding-right:12px; text-align:right}

/*-------------------------------------------------*/
/*データレンダリンク画面 
listing_default.php / listing_window.php / 
recommend_default.php / recommend_window.php 
search_default.php / search_window.php
review-listing.php
/*-------------------------------------------------*/
.itemlist{width:100%}
.itemlist .item{width:100%; height:auto; margin:10px 0;}
.itemlist div#itemtop{border-top:0px solid #D8DFE7}
.itemlist .item .image{display:block; float:left; text-align:center;  margin-right:13px}
.itemlist .item .image img{}
.itemlist .item .data{float:left; width:550px}
.itemlist .item .data h2{font-size:120%}
.itemlist .item .data h3{margin-bottom:8px; padding:3px 0 8px; font-size:150%; font-weight:normal;}
.itemlist .item .data h3 a:hover{color:#000;}
.itemlist .item .data .datalist li{float:left}
.itemlist .item .data .datalist li.price{width:100%;color: #e84c3d;}
.itemlist .item .data .datalist li.maker{ text-align:left}
.itemlist .item .data .datalist li.id_number{text-align:left}
.itemlist .item .data .text{margin:6px 0;text-align:left;padding:0;}
.itemlist .item .data .wishlist{background-size: 20px;float:left; padding: 5px 15px;margin-top: 5px;}  
.itemlist .item .data .cart{float:left; margin: 10px 0;  }

/*-------------------------------------------------*/
/*商品画像他部分
/*-------------------------------------------------*/
.itemlist_img .item{float:left;text-align:center;position:relative;overflow:hidden;}
.itemlist_img .end{margin-right:0}
.itemlist_img .item .image{}
.itemlist_img .item .image img{}
.itemlist_img h3{ margin: 0 auto;font-size:110%}
.itemlist_img .price{}
.itemlist_img .item ul{border-top:1px solid #D8DFE7; margin-top:5px; padding:10px 0 0}
.itemlist_img .item .wishlist{background:url(../images/icon_wishlist_put.png) no-repeat center left; width:13.5em; margin:0 auto 10px; text-align:left; text-indent:23px}
.itemlist_img .item .account{padding:0 10px 10px; font-size:110%; color:#C83232}

/*-------------------------------------------------*/
/*商品詳細画面  商品名文字装飾(product.php 81/ review-write.php)
/*-------------------------------------------------*/
.categoryFrame .title_item{ margin-bottom:10px; padding-bottom:20px}
.categoryFrame .title_item h2,{float:left; border-left:5px solid #466E82; padding:3px 8px 0; font-size:125%; color:#2C445D}
.categoryFrame .title_item p{float:right; background:url(../images/btn_arrrow_prev.png) no-repeat center left;  text-indent:15px; text-align:right}

/*-------------------------------------------------*/
/*商品詳細画面  商品画像メインのレイアウト(product.php 88)
/*-------------------------------------------------*/
.categoryFrame .item_detail .imageFrame{float:left; display:inline; width:360px; margin-right:20px}
.categoryFrame .item_detail .imageFrame {
  float: left;
  display: inline;
  width: 350px;
  margin-right: 20px;
}
.categoryFrame .item_detail .imageFrame .others{margin-top:20px;  width: 410px;
  margin: 0 auto;}
.categoryFrame .item_detail .imageFrame .others .bx-wrapper{width:360px;position:relative}
.categoryFrame .item_detail .imageFrame .others .bx-wrapper .bx-next{ 
position: absolute;
  top: 42%;
  color: #fff;
  padding: 2px;
  right: -25px;
    cursor: pointer;
  background: url('../images/arrow-right.png') 0 0 no-repeat;
  background-size: 15px;
  background-color:#fff;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  text-indent: -10000px;
  }
.categoryFrame .item_detail .imageFrame .others .bx-wrapper .bx-prev{  
position: absolute;
  top: 42%;
  color: #fff;
  padding: 2px;
  left: -25px;
    cursor: pointer;
  background: url('../images/arrow-left.png') 0 0 no-repeat;
  background-size: 15px;
    background-color:#fff;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  text-indent: -10000px;
  }
.categoryFrame .item_detail table#matrix_table th{  background: #000; color:#fff;}
.categoryFrame .bxslider-thumbnail li, .thumbnail li{float:left;height:90px;width:90px;margin-right:29px;padding:5px;}   
.categoryFrame .bxslider-thumbnail li:last-child, .thumbnail li:last-child{margin-right:0;}
.categoryFrame .bxslider-thumbnail li a, .thumbnail li a { 
  max-width: 100px !important;
  height: auto;
  max-height: 110px;
  display: block;
  height: 100px;
  vertical-align: middle;
  margin: 0 auto;
  width: 100px;
  text-align: center;
  display: table-cell;
}
.categoryFrame .bxslider-thumbnail li img, .thumbnail li img {
  max-width: 80px !important;
  height:auto;
  width:auto;
  max-height: 80px; 
}
.categoryFrame .item_detail .imageFrame .image-box img{max-width:700px;height:auto;border:none; width: auto;} 
.item_detail .imageFrame .image{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
margin-bottom:20px; text-align:center 
}
.categoryFrame .item_detail .imageFrame{display:inline; width:700px; margin-right:20px}
.item_detail .imageFrame .image{width:700px; margin-bottom:20px; text-align:center;max-width:700px}
.item_detail .imageFrame .image img{max-width:700px;max-height:700px;}
.item_detail .imageFrame .image img, .item_detail .imageFrame .others dd img{border:1px solid #E4E9EE; display:block; margin:0 auto; }
.item_detail .orderform .put_cart .number {
    float: left;
} 
#qty-box {
    float: left;
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 6px 2px !important;
    width: 50px;
    height: 26px;
}
.put_cart .cart input {
    line-height: 1.5;
    background: #5687BF;
    color: #fff;
    font-weight: normal;
}
/*-------------------------------------------------*/
/*商品詳細画面  商品画像のサムネイルレイアウト(product.php 94)
/*-------------------------------------------------*/
.item_detail .imageFrame .others dt{margin-bottom:5px; color:#505050}
.item_detail .imageFrame .others dd{float:left; border:1px solid #E4E9EE; width:38px; margin-right:6px}

/*-------------------------------------------------*/
/*商品詳細画面  商品スペック情報文字装飾(product.php 107)
/*-------------------------------------------------*/
.categoryFrame .item_detail .textFrame{float:right; width:450px}
.item_detail .textFrame .data th{background:url(../images/bg_item_detail_th_top.png) no-repeat; width:160px; color:#FFF; padding-top:11px; padding-right:0; padding-bottom:5px; padding-left:10px; font-size:12px}
.item_detail .textFrame .data td{background:url(../images/bg_item_detail_td_top.png) no-repeat; width:204px; padding-top:11px; padding-right:0; padding-bottom:5px; padding-left:10px; font-size:12px}
.item_detail .textFrame .data th.number, .item_detail .textFrame .data th.stock{background:url(../images/bg_item_detail_th_middle.png) no-repeat; padding-top:20px; padding-right:0; padding-bottom:5px; padding-left:10px}
.item_detail .textFrame .data td.number, .item_detail .textFrame .data td.stock{background:url(../images/bg_item_detail_td_middle.png) no-repeat; padding-top:20px; padding-right:0; padding-bottom:5px; padding-left:10px}
.item_detail .textFrame .data p{padding:0 8px}
.point{float:right; color:#508C32; font-weight:bold; text-align:right; padding-right:5px}

/*-------------------------------------------------*/
/*商品詳細画面  ユーザー向けのリンク文字装飾(product.php 133)
/*-------------------------------------------------*/
.item_detail .textFrame .user_menu{margin:10px 0 20px}
.item_detail .textFrame .user_menu li{padding:6px 0 4px}
.item_detail .textFrame .user_menu li a{display:block; text-indent:25px}
.item_detail .textFrame .user_menu li span{float:left; display:inline; margin-left:5px}
.item_detail .textFrame .user_menu .review a{float:left; display:inline; background:url(../images/icon_wishlist_put.png) no-repeat center left}
.item_detail .textFrame .user_menu .friend a{background:url(../images/icon_friend.png) no-repeat center left}
.item_detail .textFrame .user_menu .wishlist a{background:url(../images/gift.png) no-repeat center left}
.item_detail .textFrame .user_menu .web a{background:url(../images/web.png) no-repeat center left}
.item_detail .textFrame .user_menu .contact2 a{background:url(../images/mail.png) no-repeat center left}

/*-------------------------------------------------*/
/*商品オプション画面 (product-option.php)
/*-------------------------------------------------*/
.item_detail .orderform{clear:both; text-align:left}
.item_detail .orderform h4{}
.item_detail .orderform .option{margin-bottom:10px}
.item_detail .orderform .option dt{float:left; width:10em; font-size:90%}
.item_detail .orderform .option dd{margin-bottom:2px; color:#376EAA}
.item_detail .orderform .option select{border:1px solid #DBDFE5}
.item_detail .orderform .put_cart .number{float:left; }
.item_detail .orderform .put_cart .number input.text{border:1px solid #DBDFE5; width:50px; margin-left:5px}
.item_detail .orderform .put_cart .cart{float:left; padding-left:10px}
.item_detail .orderform .pr_text{border-top:1px solid #D8DFE7; margin-top:10px; padding:10px 0}
.item_detail .orderform .registration_date{color:#508C32}

/*-------------------------------------------------*/
/*支払手順ステップ表示部分のレイアウト (cart.php / create-account-success.php / create-account.php)
/*-------------------------------------------------*/
.subFrame .cart_contener{}
.cart_contener h2{font-size:100%; }
.cart_contener table{margin:0px 1px; font-size:90%}
.cart_contener table tr{vertical-align:top}
.cart_contener table th{border-top:1px solid #E0E4EA; border-right:1px solid #E0E4EA; padding:5px; font-weight:bold; color:#505050; white-space:nowrap}
.cart_contener table td{border-top:1px solid #E0E4EA; padding:5px; color:#C83232}
.cart_contener table td.add_cart{background:url(../images/bg_cart_contener_add.png) repeat-x bottom left; padding:5px 5px 10px}
.cart_contener table td.add_cart p{background:url(../images/bg_cart_contener_add_arrow.png) no-repeat center left; text-indent:10px; color:#505050}
.cart_contener .amount{background:url(../images/bg_cart_contener_bottom.png) no-repeat bottom left; border-top:1px solid #E0E4EA; padding:6px}
.cart_contener .amount dl{border:1px solid #E5E9ED; margin-bottom:10px}
.cart_contener .amount dt{float:left; background:#91A3B5; border-right:1px solid #E5E9ED; padding:4px 5px 2px; color:#FFF}
.cart_contener .amount dd{background:#FFF; padding:4px 5px 2px; text-align:right; font-weight:bold; color:#DC7A00}

/*-------------------------------------------------*/
/*ショッピングカート画面オススメ商品一覧 (cart.php)
/*-------------------------------------------------*/
.categoryFrame .cart_explain{background:url(../images/bg_cart_explain.png) no-repeat; padding:20px 10px 10px 99px}
.categoryFrame .cart_explain .lead{padding-bottom:8px; font-size:120%; color:#CA5A00}
.categoryFrame .cart_explain .keep_shopping{background:url(../images/btn_arrrow_prev.png) no-repeat center left; text-indent:15px; line-height:1.0em}
.categoryFrame .title_recommend_add_cart{background:url(../images/bg_recommend_add_cart.png) repeat-x bottom left; margin-top:20px; padding-bottom:20px}
.categoryFrame .title_recommend_add_cart h2{border-left:5px solid #466E82; padding:0 8px; font-size:12px; font-weight:bold; color:#466E82}
.categoryFrame .title_recommend_user{}
.categoryFrame .title_recommend_user h2{}
.categoryFrame .title_recommend_user h2.review{float:left}
.categoryFrame .title_recommend_user p.try_review{float:right; background:url(../images/icon_review_title.png) no-repeat center left; width:14.5em; text-align:right; text-indent:15px}

/*-------------------------------------------------*/
/* レビュー表示部分
/*-------------------------------------------------*/
.categoryFrame .pr_text{padding-top:8px}
.categoryFrame .review_list{padding-top:8px}
.categoryFrame .review_list .poster{float:left}
.categoryFrame .review_list .date{float:right; font-size:90%; color:#618E5B}
.categoryFrame .review_list .poster dt, .categoryFrame .review_list .poster dd{float:left; margin-right:5px}
.categoryFrame .review_list .date dt, .categoryFrame .review_list .date dd{float:left; margin-left:5px}
.categoryFrame .review_list .poster .account{color:#FDDF00}
.categoryFrame .review_list .review_text{border-bottom:1px solid #D8DFE7; margin-bottom:10px; padding-bottom:10px}

/*-------------------------------------------------*/
/* 関連商品/最近見た商品の表示レイアウト（sidebarR.php)
/*-------------------------------------------------*/
#contents .subFrame .itemtable{padding-bottom:30px}
.itemtable .title{padding:0px 9px}
.title h2{}
.itemtable .title h2.with_link{float:left}
.itemtable .title p{float:right; padding:9px 0px 5px; line-height:1.0em; text-align:right}
#contents .subFrame .itemtable h3, .box h3{margin:10px 0; padding:10px 10px 0 0px; font-size:100%}
#contents .subFrame .itemtable h3.top{border-top:0px solid #D8DFE7; margin:0 0 10px; padding:10px 10px 0 0px}
.itemtable .images{float:left; border:1px solid #EBEBEB; width:38px}
.itemtable .images img{display:block}
.itemtable .text{float:left; width:130px; margin-left:8px; font-size:80%; line-height:1.5em}
.box{overflow:auto; height:280px; width:195px; position:absolute; }

/*-------------------------------------------------*/
/* レビュー表示部分（review.php)
/*-------------------------------------------------*/
.review_star{color:#b39400; font-size:10px; background-repeat:no-repeat}
.review_star .icon{vertical-align:top}
.review_star span{margin-left:20px}
.review_date{font-size:10px; font-weight:bold; color:#ff6f4e}
#review_update{text-align:center; }
.ranking .rnumber1{background-image:url(../images/review/review_ranking1.png); background-repeat:no-repeat; background-position:left top; padding-left:69px}
.image_border{border:1px solid #EBEBEB}
.ranking_border{border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#D8DFE7}
.review_rank{display: block;
  position: relative;
  background: #7bbd42;
  padding: 3px 5px;
  width: 20px;
  margin-left: 8px;
  color: #fff;
  font-size: 10px;}
.review_date img{float:none !important;}