@charset "UTF-8";


/*-----------------------リンク スピードコントロール--------------*/

#main a{
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#main a img{
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#sub a{
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#sub a img{
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


/*-----------------------リンク スピードコントロール end--------------*/



body {
  margin: 0;
  padding: 0;
  background: #fff;
  text-align: center;
}

/*全体*/
#wrapper {
/*  background-color: #c0c0c0;*/
  width: 950px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}



/*検索スペースは最後にトル（base_headに移動のため）*/

/*検索スペース*/
.search_area_top {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 4px #c9c9c9;
  background-image: url(/common/img/hd_top_sch_bg.gif);
  background-repeat: repeat-y;
  margin-bottom: 10px;
}


/*検索スペース(定期便以下で使用)*/
.search_area_nml {
  margin-left: auto;
  margin-right: auto;
  width: 910px;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 4px #c9c9c9;
  background-image: url(/common/img/hd_sch_bg.gif);
  background-repeat: repeat-y;
  margin-bottom: 10px;
}



/*商品を探す 画像余白*/
.search_ttlimg {
  margin: 0 0 0 2px;
}

/*検索用テキスト*/
.search_txt {
  font-size: 13px; color: #222;
}


/*検索用テキスト*/
.search_txt_s {
  font-size: 10px; color: #222;
}


#content {
/*  background-color: #c0c0c0;*/
}

/*横並びここから*/
#menu {
  float: left;
  width: 130px;
  padding-bottom: 16px;
/*  background-color: #d3d3d3;*/
}

#main {
  float: left;
  margin-left: 20px;
  width: 580px;
  padding-bottom: 16px;
/*  background-color: #f1f1f1;*/
}

#sub {
  float: right;
  width: 200px;
  padding-bottom: 16px;
/*  background-color: #f1f1f1;*/
}
/*横並びここまで*/



#footer {
  border-top: solid 1px #c9c9c9;
  clear: both;
  text-align: left;
}

/*クリア*/
.clear {
  clear: both;
}

/*お知らせ*/
.info_txt {
  text-align: left;
  font-size: 12px; line-height:1.4;
  letter-spacing: -0.6px;
}

.info_txt a:link {
  color: #222;
  text-decoration: underline;
}
.info_txt a:visited {
  color: #222;
  text-decoration: underline;
}
.info_txt a:hover {
  color: #800000;
  text-decoration: underline;
}




/*お知らせ　右*/
.info_txt_right {
  text-align: left;
  font-size: 12px; line-height:1.4;
  letter-spacing: -0.6px;
}

/*3商品*/
#pd3_content {
  margin-bottom: 16px;
  background: #f1f1f1;
/*仮の高さ*/
  height: 283px;
}

#pd3_left {
  float: left;
  display: inline;
  width: 280px;
  background: #d3d3d3;
}

#pd3_right {
  float: right;
  display: inline;
  width: 280px;
  background: #d3d3d3;
}


/*3商品ここまで*/



/*中央2商品の囲い*/
#chuou2pdn {
  padding-bottom: 6px;
}

/*中央2商品*/
#main_pdn_left {
  text-align: left;
  width: 285px;
  height: 120px;
  background-repeat: no-repeat;
  background-image: url(/top/top_img/main_pdn_bg2012.gif);
/*↓背景画像　元の高さ*/
/*  height: 130px;*/
/*  background-image: url(/top/top_img/main_pdn_bg.gif);*/
  float: left;
}

#main_pdn_right {
  text-align: left;
  width: 285px;
  height: 120px;
  background-repeat: no-repeat;
  background-image: url(/top/top_img/main_pdn_bg2012.gif);
/*↓背景画像　元の高さ*/
/*  height: 130px;*/
/*  background-image: url(/top/top_img/main_pdn_bg.gif);*/
  float: right;
}

/*中身のtable*/
.main_pdn_tbl {
  width: 275px;
  margin-left: 4px;
}



/*中央2商品ここまで*/


/*中央2商品画像位置*/
.ct_pdn_img {
  margin-top: 6px;
/*  margin-top: 10px;*/
}



/*中央2商品　中身*/
.ch_pdn {
/*  margin-top: 7px;*/
  margin-bottom: 6px;
  margin-bottom: 2px;
  font-size: 14px; line-height: 1.4;
  font-weight: bold;
}

.ch_pdn a {
  text-decoration: underline;
  color: #222;
}

.ch_pdn a:visited {
  text-decoration: underline;
  color: #222;
}


.ch_pdn a:hover {
  text-decoration: underline;
  color: #800000;
}


.ch_pdn_dt {
/*  margin-left: 120px;*/
  width: 130px;
  font-size: 12px; line-height: 1.3;
}


.red {
  color: #f00;
}


.main_pdn_txt {
  font-size: 12px; line-height: 1.3; color: #222;
}

.main_pdn_txt a {
  text-decoration: none; color: #222;
}

.main_pdn_txt a : visited {
  text-decoration: none; color: #222;
}

.main_pdn_txt a : hover {
  text-decoration: underline; color: #800000;
}



.main_pdn_prc {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: solid 1px #e3c795;
  border-bottom: solid 1px #e3c795;
  font-size: 13px; line-height: 1.3; color: #f00;
}

.main_pdn_prc a {
  text-decoration: none; color: #f00;
}

.main_pdn_prc a : visited {
  text-decoration: none; color: #f00;
}

.main_pdn_prc a : hover {
  text-decoration: underline; color: #800000;
}



.main_pdn_caption {
  font-size: 10px; line-height: 1.3;
}

.main_pdn_caption a {
  text-decoration: none; color: #222;
}

.main_pdn_caption a : visited {
  text-decoration: none; color: #222;
}

.main_pdn_caption a : hover {
  text-decoration: underline; color: #800000;
}






/*中央2商品　中身ここまで*/


/*中央3商品*/


/*中央グレー枠ヨコ2商品*/
.ch2 {
  margin-bottom: 16px;
}

#ch2_ttl {
  margin-bottom: 2px;
}

/*左*/
.ch2l {
  width: 285px;
  float: left;
/*  background-color: #f1f1f1;*/
}

/*右*/
.ch2r {
  width: 285px;
  float: right;
/*  background-color: #f1f1f1;*/
}

/*価格*/
.ch2_kkk {
  font-size: 13px; line-height:1.3;
}
/*特価　赤文字*/
.ch2_kkk_r {
  font-size: 13px; line-height:1.3;
  color: #f00;
}

.ch2_kkk_zei {
  font-size: 10px; line-height:1.3;
  color: #222;
}




/*ヨコ2商品用特別*/
.ch2_ssttxt {
  text-align: left;
  font-size: 13px; line-height:1.4;
  letter-spacing: -1px;
  padding: 0;
  margin-bottom: 4px;
}


/*ランダム*/
.rd_ssttxt {
  text-align: left;
  font-size: 13px; line-height:1.4;
  letter-spacing: -1px;
  padding-left: 4px;
  margin-bottom: 8px;
}



/*上余白 padding*/

.pdgtop4 {
  padding-top: 4px;
}

.pdgtop8 {
  padding-top: 8px;
}



////////////////

/*横3段-段組み（面積取り）*/

/*囲み*/
.ch3 {
  margin-bottom: 16px;


}

.ch3_bdr_bg {
  background-image: url(top_img/ch3_bdr_bg.gif);
  background-repeat: repeat-y;
  background-position: top center;

}




/*タイトル*/
#ch3_ttl {
  margin-bottom: 10px;
}

/*左*/
.ch3l {
  width: 184px;
  float: left;
/*  background-color: #f1f1f1;*/
}
/*中央*/
.ch3c {
  margin-left: 14px;
  width: 184px;
  float: left;
/*  background-color: #f1f1f1;*/
}
/*右*/
.ch3r {
/*  margin-left: 12px;*/
  width: 184px;
  float: right;
/*  background-color: #f1f1f1;*/
}
/*中央3商品ここまで*/


/*中央3商品用枠線*/

.ch3_txt {
  text-align: left;
  font-size: 11px; line-height: 1.3;
  padding: 6px 0 4px 0;
/*  padding-bottom: 2px;*/
/*  background-color: #fff;*/
}
/*↑ログイン部分で流用あり*/



.ch3_txt_wh {
  text-align: left;
  font-size: 11px; line-height: 1.3;
  padding: 6px 0 4px 0;
/*  padding-bottom: 2px;*/
  background-color: #fff;
}



.ch3_g_area {
  padding: 2px 0px 2px 0px;
  border-top : solid 1px #c9c9c9;
  text-align: left;
}

.ch3_g_area a {
  cursor: pointer;

}



/*(仮)*/
.ch3_g_area a:link {
  text-decoration: none;
  color: #222;
}

.ch3_g_area a:visited {
  text-decoration: none;
  color: #222;
}

.ch3_g_area a:hover {
  text-decoration: none;
  color: #800000;
}




.ch3_pd_img {
  margin-right: 2px;
}
.ch3_pd_txt {
  float: left;
}

/*中央2商品(グレー枠線スタイル)*/

/*左*/
.ch2l {
  width: 280px;
  float: left;
/*  background-color: #f1f1f1;*/
}
/*右*/
.ch2r {
  width: 280px;
  float: right;
/*  background-color: #f1f1f1;*/
}






/*新商品・限定商品*/

.new_pd {
  margin-bottom: 16px;
/*  padding-bottom: 16px;*/
}


/*左大枠*/
.new_left {
/*  border-right: solid 1px #c9c9c9;*/
  width: 365px;
  float: left;
  display: inline;
}

/*右小枠*/
.new_right {
/*  width: 165px;*/
  width: 205px;
  float: right;
  display: inline;
}

.new_right a:link {
  color: #222;
  text-decoration: none;
}

.new_right a:visited {
  color: #222;
  text-decoration: none;
}
.new_right a:hover {
  color: #800000;
  text-decoration: none;
}




/*▼（注）左大枠内の左右*/
/*左*/
.new_bigpd_left {

  background-color: #c9c9c9;
  width: 172px;
  float: left;
}
/*右*/
.new_bigpd_right {
  padding-right: 6px;
  text-align: left;
  width: 183px;
  float: right;
}
/*▲商品名*/
.new_bigpd_name {
  font-size: 14px; line-height: 1.4;
  font-weight: bold;
  margin-bottom: 10px;
}

.new_bigpd_name a:link {
  color: #222;
  text-decoration: underline;
}

.new_bigpd_name a:visited {
  color: #222;
  text-decoration: underline;
}

.new_bigpd_name a:hover {
  color: #800000;
  text-decoration: underline;
}


.new_bigpd_txt {
  font-size: 12px; line-height: 1.4;
/*  margin-bottom: 10px;*/
}




/*random中央3商品*/
/*横3段-段組み（面積取り）*/

/*囲み*/
.r_ch3 {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}


.r_ch3 a {
  cursor: pointer;
}



.r_ch3 a:link {
  color: #222;
  text-decoration: none;
}

.r_ch3 a:visited {
  color: #222;
  text-decoration: none;
}

.r_ch3 a:hover {
  color: #800000;
  text-decoration: none;
}





/*タイトル*/
#r_ch3_ttl {
  margin-bottom: 10px;
}

/*左*/
.r_ch3l {
  width: 180px;
/*  width: 172px;*/
  float: left;
/*  background-color: #f1f1f1;*/
}
/*中央*/
.r_ch3c {
  margin-left: 20px;
  width: 180px;
  float: left;
/*  background-color: #f1f1f1;*/
}
/*右*/
.r_ch3r {
/*  margin-left: 12px;*/
  width: 180px;
  float: right;
/*  background-color: #f1f1f1;*/
}
/*random中央3商品ここまで*/

/*「もっと見る」の表示*/
.new_more {
  text-align: right;
  padding-right: 10px;
  font-size: 13px; color: #222; line-height: 1.2;
}

.new_more a:link {
  color: #222;
  text-decoration: underline;
}

.new_more a:visited {
  color: #222;
  text-decoration: underline;
}

.new_more a:hover {
  color: #800000;
  text-decoration: underline;
}







/*横並び段組みの中身ここから*/

/*左側タイトル背景画像*/
.leftt_bg {
  background-image: url(/top/top_img/leftt_bg.gif);
  background-repeat: no-repeat;
  height: 25px;
  text-align: left;
  padding-left: 14px;
  font-size: 14px; line-height: 1.8;
  font-weight: bold;
/*  margin-bottom: 10px;*/
}


/*中央タイトル背景画像*/
.recot_bg_up {
  background-image: url(/top/top_img/recot_bg11.gif);
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 14px;
  font-size: 14px; line-height: 2.1;font-weight: bold;
/*  margin-bottom: 4px;*/
}



/*中央タイトル背景画像（ボトム10）*/
.recot_bg {
  background-image: url(/top/top_img/recot_bg11.gif);
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 14px;
  font-size: 14px; line-height: 2.1;font-weight: bold;
  padding-bottom: 10px;
/*  margin-bottom: 10px;*/
}


/*右側タイトル背景画像*/
.rightt_bg {
  background-image: url(/top/top_img/rightt_bg.gif);
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 14px;
  font-size: 14px; line-height: 2.1;
  font-weight: bold;
/*  margin-bottom: 10px;*/
}

/*右側タイトル背景画像2（小項目）*/
.rightt_s_bg {
  background-image: url(/top/top_img/sub_s_ttl_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 20px;
  text-align: left;
  padding-left: 7px;
  font-size: 14px; line-height: 1.3;
  font-weight: bold;
/*  margin-bottom: 10px;*/
}




/*横並び段組みの中身ここまで*/


/*下margin*/
.btm4 {
  margin-bottom: 4px;
}
.btm8 {
  margin-bottom: 8px;
}
.btm10 {
  margin-bottom: 10px;
}
.btm16 {
  margin-bottom: 16px;
}

/*下padding*/
.pbtm4 {
  padding-bottom: 4px;
}
.pbtm8 {
  padding-bottom: 8px;
}
.pbtm10 {
  padding-bottom: 10px;
}
.pbtm16 {
  padding-bottom: 16px;
}

/*下border*/
.btm_gr_line {
  border-bottom: solid 1px #c9c9c9;
}





/*便利なサービス*/
.svc_area {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  text-align: center;
/*  display-inline;*/
}

/*左側は横マージン無し*/
.svc_left {
/*  margin-left: 14px;*/
  width: 170px;
  float: left;
  dislpay: inline;
}

/*本当はleft15px(IF6対策)*/
.svc_center {
/*  margin-left: 20px;*/
  margin-left: 25px;
  width: 170px;
  float: left;
  dislpay: inline;
}

.svc_right {
/*  margin-left: 25px;*/
  width: 170px;
  float: right;
  dislpay: inline;
}

/*ブルックスブランド*/
.b_brand {
  text-align: left;
/*  width: 540px;*/
  margin-bottom: 12px;
}

/*左橋は横マージン無し*/
.brand_left {
  margin-left: 11px;
  width: 126px;
  float: left;
}

.brand_thr {
  width: 126px;
  float: left;
  margin-left: 18px;
}


/*お知らせ*/
#info_area {
  text-align: left;
  margin-bottom: 16px;
}

.info_ul {
  padding: 0px 4px 4px 14px;
  margin: 0;
  text-align: left;
  font-size: 12px; line-height: 2.0;
  letter-spacing: -0.6px;
}

.info_ul a:link {
  list-style-type: disc;
  color: #222;
  text-decoration: underline;
}

.info_ul a:visited {
  color: #222;
  text-decoration: underline;
}

.info_ul a:hover {
  color: #800000;
  text-decoration: underline;
}


/*リスト四角*/
.info_ul_ld {
  padding: 0px 4px 0px 16px;
  margin: 0;
  text-align: left;
  font-size: 12px;
  color: #222;
  line-height: 1.4;
}

.info_ul_ld a:link {
  color: #222;
  text-decoration: underline;
}

.info_ul_ld a:visited {
  color: #222;
  text-decoration: underline;
}

.info_ul_ld a:hover {
  color: #800000;
  text-decoration: underline;
}

.info_ul_ld ul{
  list-style-type: square;
  margin: 0;
  padding: 0;
}

.info_ul_ld li{
  margin: 0px 0px 6px 0px;
  padding: 0px 0px 0px 0px;
}




/*グレー枠線　上辺なし*/
.g_area {
  border-left: solid 1px #c9c9c9;
  border-right: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  margin-bottom: 16px;
  text-align: center;
}

/*グレー枠線　上辺なし（margin-bottom無）*/
.g_area_nb {
  border-left: solid 1px #c9c9c9;
  border-right: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  text-align: center;
}


/*グレー枠線*/
.g_area_all {
  border: solid 1px #c9c9c9;
  margin-bottom: 16px;
  text-align: center;
}

/*グレー枠線（margin-bottom無）*/
.g_area_all_nb {
  border: solid 1px #c9c9c9;
  text-align: center;
}

/*ログインエリアバナー(20110117)*/
.mybr_ban{
	padding:5px 5px 8px 5px;
	border-left: solid 1px #c9c9c9;
	border-bottom: solid 1px #c9c9c9;
	border-right: solid 1px #c9c9c9;
	margin-bottom: 16px;
	margin-top: -16px;
}
.mybr-txt{
	font-size:10px;
	text-align:center;
	margin-bottom:3px;
}

/*ログイン 202006*/
.kakunin{
	text-align: center;
}
/*まめ得ステージ 202009*/
.mmt_st{
  border-top: 1px solid #c9c9c9;
	padding: 5px;
	margin-top: 5px;
}
.mmt_st p{
  margin: 0;padding: 0;
	vertical-align: middle;
	font-size: 13px;
}
.mmt_st img{
	vertical-align: middle;
}
/*>My BROOK'Sはこちら 202006*/
.mybrooks_btn {
    width: 80%;
    display: block;
    margin: 10px auto 10px auto;
    padding: 8px 3px;
    border: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: none;
    line-height: 1.3;
    text-decoration: none;
    vertical-align: bottom;
		text-decoration: none;
}

.mybrooks_col {
	text-align: left;
	color: #fff;
	background-color: #411108;
	border: 1px solid #411108;
}

.rireki_col{
	text-align: left;
	color: #411108;
	background-color: #fff;
	border: 1px solid #411108;
}

.login_col{
	font-size: 15px;
	letter-spacing: 3px!important;
	text-align: center;
	color: #fff;
	background-color: #411108;
	border: 1px solid #411108;
}

.shinki_col{
	font-size: 15px;
	letter-spacing: 3px!important;
	text-align: center;
	color: #fff;
	background-color: #ff6600;
	border: 1px solid #ff6600;
	text-indent: 7px;
}

.shinki_col .free{
	text-indent: -1px;
	font-feature-settings: "palt";
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Yu Gothic" ,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

.mybrooks_col,.mybrooks_col:link,.mybrooks_col:visited {
    text-decoration: none;
    color: #fff;
}

.mybrooks_col:hover ,.rireki_col:hover,.login_col:hover,.shinki_col:hover,.logout:hover{
	text-decoration: none;
	opacity: 0.8;
}

.logout {
    width: 60%;
    display: block;
    margin: 8px auto 5px auto;
    padding: 8px 3px;
    border: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: none;
    line-height: 1.3;
    text-decoration: none;
    vertical-align: bottom;
    text-align: center;
		color: #ffffff;
		background-color: #999999;
		font-weight: bold;
		text-decoration: none;
}




/*TOP左側・POST等*/
.side_svc {
  margin-top: 4px;
  margin-bottom: 4px;
}


/*グレー仕切り線*/
.side_svc_border {
  border-bottom: solid 1px #c9c9c9;
}


/*top 左POST等のサービス　小テキスト*/
.side_svc_txt {
  text-align: left;
  padding-bottom: 6px;
  width: 120px;
  font-size: 11px; line-height: 1.3;

}


/*ランキング*/

.rank_lead {
  margin-top: 6px;
  font-size: 12px; line-height: 1.3;
}

/*1商品ごとの囲み
.rank_area {
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  margin-top: 10px;
}

.rank_area img {
  margin: 0;
  padding: 0;
}

.rank_area p {
  margin: 0px 2px 4px 2px;
  padding: 0;
}*/




/*TOP左側・ロゴ等*/
.side_icon {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*TOP左側 ベージュ部分*/
#left_bg {
  background-color: #f5deb3;
  margin-bottom: 16px;
}

/*中央キャンペーン（中央）*/
/*キャンペーン用囲み*/

/*左*/
.camp_left{
  float: left;
  width: 170px;
/*  margin-left: 5px;*/
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
/*  background-color: #f5deb3;*/
}
/*中央*/
.camp_center{
  float: left;
  width: 170px;
/*  margin-left: 10px;*/
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
/*  background-color: #f5deb3;*/
}
/*右*/
.camp_right{
  float: left;
  width: 170px;
/*  margin-left: 10px;*/
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
/*  background-color: #f5deb3;*/
}

/*キャンペーン用画像*/
.camp_img {
  padding-bottom: 4px;
}




/*お客様ページ関連（g_area_allは必須）*/
.greeting {
  margin: 3px;
}

.greeting_txt {
  text-align: left;
  font-size: 13px; line-height: 1.3;
}

/*ログインボタンまわりの色*/
/*背景色*/
.gr_area {
  background-color: #ebebeb;
  padding: 10px 0;
}

/*ログイン-ボタン類*/
.login {
  padding-bottom: 10px;
}
/*ログイン-文字エリア*/
.login_txt_area {
  width: 140px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  text-align: left;
}

.login_chu {
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  text-align:right;
}



/*トピックス（新着キャンペーン枠でも）*/
.topic_area {
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
/*  padding-bottom: 4px;*/
  padding-bottom: 0px;
  width: 190px;
}

.topic_area a:link {
  color: #222;
  text-decoration: none;
}

.topic_area a:visited {
  color: #222;
  text-decoration: none;
}

.topic_area a:hover {
  color: #800000;
  text-decoration: none;
}




.topic_img_txt {
  margin-bottom: 6px;
  padding-bottom: 6px;
}

.topic_img {
  width: 55px;
  float: left;
/*  margin-bottom: 6px;*/
}

.topic_txt {
  float: left;
  margin-left: 3px;
  width: 130px;
  text-align: left;
  font-size: 11px; line-height:1.3;
  letter-spacing: -1px;
}


/*------------------テキスト版1409g------------------*/

/*------新着情報-------*/

.topic_area2 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  padding-bottom: 0px;
  width: 190px;
}


.topic_txt_area {
  text-align: left;
  font-size: 11px; line-height:1.3;
  letter-spacing: -1px;
  margin-left: 3px;
  margin-right: 3px;
  padding-bottom: 4px;
}


.topic_txt_area a:link {
  color: #222;
  text-decoration: none;
}

.topic_txt_area a:visited {
  color: #222;
  text-decoration: none;
}

.topic_txt_area a:hover {
  color: #800000;
  text-decoration: none;
}



/*トピックス用タイトル*/
.topic_ttl2 {
  text-align: left;
  font-size: 12px; line-height:1.3;
  letter-spacing: -0.6px;
  font-weight: bold;
  padding-bottom: 4px;
/*  text-decoration: underline;*/
}



.topic_ttl2 .uln {
  text-decoration: underline;
}



/*.topic_ttl2 a:link {
  color: #222;
  text-decoration: none;
}

.topic_ttl2 a:visited {
  color: #222;
  text-decoration: none;
}

.topic_ttl2 a:hover {
  color: #800000;
  text-decoration: underline;
}*/

.topic_t_border {
  border-bottom: solid 1px #c9c9c9;
  margin-bottom: 8px;
}

/*小文字で補足を入れる場合*/
.topic_ttl2_p {
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 10px;
}
.topic_ttl2_p a:link {
  color: #222;
  text-decoration: underline;
}

.topic_ttl2_p a:visited {
  color: #222;
  text-decoration: underline;
}

.topic_ttl2_p a:hover {
  color: #800000;
  text-decoration: underline;
}











/*---------------テキスト版1409g end-----------------*/



/*トピックス用タイトル*/
.topic_ttl {
  text-align: left;
  font-size: 12px; line-height:1.3;
  letter-spacing: -0.6px;
  font-weight: bold;
  padding-bottom: 6px;
}

.topic_ttl a:link {
  color: #222;
  text-decoration: underline;
}

.topic_ttl a:visited {
  color: #222;
  text-decoration: underline;
}

.topic_ttl a:hover {
  color: #800000;
  text-decoration: underline;
}






.topic_border {
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  margin-bottom: 6px;
  border-bottom: solid 1px #c9c9c9;
  clear: both;
}

/*トピックステキストスタイル（下段）*/
.topic_s {
  padding: 0px 4px 4px 14px;
  margin: 0;
  text-align: left;
  font-size: 12px; line-height: 2.0;
  letter-spacing: -0.6px;
  list-style-type: disc;
}


/*.topic_s a: link {
  text-decoration: underline; color: #222;
}

.topic_s a: visited {
  text-decoration: underline; color: #222;
}

.topic_s a: hover {
  text-decoration: underline; color: #800000;
}

.topic_s a: active {
  text-decoration: underline; color: #800000;
}*/

.topic_s_li {
  color: #222;
}

.topic_s_li a:link {
  text-decoration: underline;
  color: #222;
}
.topic_s_li a:visited {
  text-decoration: underline;
  color: #222;
}

.topic_s_li a:hover {
  text-decoration: underline;
  color: #800000;
}

.topic_s_li a:active {
  text-decoration: underline;
  color: #800000;
}


/*ニュースリリース対応*/


.news_txt_area {
  text-align: left;
  font-size: 12px; line-height:1.3;
  letter-spacing: -1px;
  margin-left: 3px;
  margin-right: 3px;
  padding-bottom: 4px;
}


#news_txt_area {
  text-align: left;
  font-size: 12px; line-height:1.3;
  letter-spacing: 0px;
  margin: 0 1px 0 1px;
  padding: 0 0 6px 0;
}


#news_txt_area a:link {
  color: #222;
  text-decoration: underline;
  zoom: 1;
}

#news_txt_area a:visited {
  color: #222;
  text-decoration: underline;
  zoom: 1;
}

#news_txt_area a:hover {
  color: #800000;
  text-decoration: underline;
}


#news_txt_area ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#news_txt_area li {
/*  margin: 0;*/
  padding: 0 0 3px 0;
  line-height: 1.5;
  border-bottom: solid 1px #c9c9c9;
  margin: 0 0 8px 0;
}


#news_txt_area ul > *:first-child + * {
  border-bottom: solid 1px #c9c9c9;
/*  border-bottom: solid 1px #fff;*/
  margin-bottom: 2px;
}



/*もっと見る（Newsのエリア）*/

.news_more {
  text-align: right;
  margin-top: 6px;
  padding-right: 10px;
  font-size: 11px; color: #222; line-height: 1.2;
}

.news_more a:link {
  color: #222;
  text-decoration: underline;
}

.news_more a:visited {
  color: #222;
  text-decoration: underline;
}

.news_more a:hover {
  color: #800000;
  text-decoration: underline;
}

.top_more img {
  vertical-align: middle;
}









/*ニュースリリース対応 end*/


.camp_imtx {
  margin-top: 6px;
  padding-bottom: 4px;
  width: 200px;
}

.camp_txt {
  float: right;
  width: 140px;
  text-align: left;
  font-size: 11px; line-height:1.3;
  letter-spacing: -1px;
}


.camp_border {
  width: 200px;
  text-align: left;
  margin-bottom: 6px;
  border-bottom: solid 1px #c9c9c9;
  clear: both;
}

/*ナンバー4*/
#nb4 {
/*  padding-top: 3px;*/
  padding-bottom: 6px;
  background-color: #ffa500;
  border: solid 1px #c9c9c9;
  margin-bottom: 16px;
}

/*左右のフロートを囲む*/
#nb4_content {
  margin: 0 auto;
  width: 190px;
}

#nb4_left {
/*  margin-left: 6px;*/
  width: 90px;
  float: left;
}

#nb4_right {
  margin-left: 6px;
  width: 84px;
  height: 26px;
  background-image: url(/top/top_img/nb4_nbbg.gif);
  background-repeat: no-repeat;
  float: right;
}

.nb4_txt {
/*  font-size: 12px; line-height: 1.3; color: #fff;
  font-weight: bold;*/
  margin: 10px 0 5px 0;
}

/*.nb4_txt a: link {
  text-decoration: underline; color: #fff;
}

.nb4_txt a: visited {
  text-decoration: underline; color: #fff;
}

.nb4_txt a: hover {
  text-decoration: underline; color: #fff;
}*/

.nb4_link a {
  font-size: 14px; line-height: 1.3; color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.nb4_link a:visited {
  color: #fff;
  text-decoration: underline;
}

.nb4_link a:hover {
  color: #800000;
  text-decoration: underline;
}
.nb4_tousen_voice a:hover img {
 opacity:1;
 }

/*--当選確認ボタン_190809--*/
.btn_kn{
 width: 80%;
 display: block;
 margin: 20px auto 5px auto;
 padding: 10px 5px;
 background-color: #670202;
 border: 0;
 color: #fff;
 -webkit-appearance: none;
 -webkit-border-radius: 10px;
 -moz-border-radius:10px;
 border-radius:10px;
 font-size: 16px;
 font-weight: none;
 line-height: 1.3;
 text-decoration: none;
 vertical-align: bottom;
 text-align: center;
}

.btn_kn a:link{
 text-decoration: none;
 color: #fff;
}

.btn_kn:link{
 background-color: #670202;
}

.btn_kn:visited{
 background-color: #670202;
}

.btn_kn:hover{
 background-color: #a30101;
}

.btn_kn:active{
 background-color: #a30101;
}

/*--margin-top10--*/
.tmg10{
 margin-top: 10px;
}

/*右側小項目*/
.s_area {
  margin-bottom: 16px;
}


/*携帯サイトの所で使用*/
.indent_s {
  margin-left: 12px;
}

/*右側バナー類（プラザ）*/
.plz {
  background-image: url(/top/top_img/plz_bg_mdl.gif);
  text-align: left;
  padding-top: 10px;
/*  padding-left: 18px;*/
}

.plz_btm {
  height: 26px;
  margin-bottom: 16px;
}

.plz_lead {
  width: 188px;
  margin-left: 6px;
  font-size: 11px; line-height: 1.4;
  letter-spacing: -1px;
  padding-bottom: 10px;
}

.plz_txt {
  text-align: left;
  font-size: 11px; line-height: 1.3;
  margin-bottom: 2px;
}

/*左側マージン*/
.plz_margin {
  padding-left: 18px;
}

/*バナー配置　マージン*/
.plaza {
  padding-bottom: 12px;
}






/*（注）応急追加*/
.mn_txt {
  font-size: 12px; line-height: 1.4; color: #333;
  letter-spacing: 0.5%;
}

.mn_txt a {
  color: #333; text-decoration: none;
}

.mn_txt a:hover {
  color: #333; text-decoration: underline;
}



/*カート　価格表示*/
.ktxt {
  font-size: 12px; line-height: 1.4; color: #333;
  letter-spacing: 0.5%;
}

h1 {
  margin: 0px; padding: 0px;
}


#crt {
  border-top: solid 2px #ffc674;
  border-bottom: solid 2px #ffc674;
  background: #ffffdc;
}

#crt_area {
  border-top: solid 2px #600;
  border-bottom: solid 2px #600;
  background: #f5deb3;
}



/*フッタ用*/
.ftxt {font-size: 11px; line-height: 1.6; color: #222;
}

.ftxt a:link { color: #222; text-decoration: underline;
}

.ftxt a:visited { color: #222; text-decoration: underline;
}

.ftxt a:hover{ color: #800000; text-decoration: underline;
}

/*左のカテゴリー　メニュー*/
div#top_l_menu {
  margin-left: 3px;
  width:124px;
  font-size:14px;
  letter-spacing:.1em;
}
#top_l_menu h2#top_l_menu_title {
  margin:0;
  padding:13px 0 12px 18px;
  width:124px;
  color:#000;
  font-size:120%;
  font-weight:normal;
  background:url(title.gif) no-repeat;
  line-height:1em;
}



#top_l_menu ul {
/*  line-height:140%;*/
  margin:0;
  padding:0;
}
#top_l_menu ul li {
  list-style-type:none;
/*  background:#fff;*/
  text-indent:-1000em;
}

#top_l_menu li {
  padding-bottom: 2px;
}


#top_l_menu li.top_l_menu01 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_cfdr.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu02 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_cfre.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu03 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_cntf.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu04 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_tea.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu05 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_nhch.jpg) no-repeat 0px 0px;
  width:124px;
}

#top_l_menu li.top_l_menu06 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_aste.jpg) no-repeat 0px 0px;
  width:124px;
}

#top_l_menu li.top_l_menu07 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_wlnt2.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu08 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_inst.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu09 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_smfh.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu10 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_orgd.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu11 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi09_08.gif) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu12 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_wtfd.jpg) no-repeat 0px 0px;
  width:124px;
}
#top_l_menu li.top_l_menu13 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_gift.jpg) no-repeat 0px 0px;
  width:124px;
}

#top_l_menu li.top_l_menu14 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_ossm.jpg) no-repeat 0px 0px;
  width:124px;
}


#top_l_menu li.top_l_menu15 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_gts_1911.jpg) no-repeat 0px 0px;
  width:124px;
}

#top_l_menu li.top_l_menu16 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_bksi.jpg) no-repeat 0px 0px;
  width:124px;
}

#top_l_menu li.top_l_menu17 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_rflt.jpg) no-repeat 0px 0px;
  width:124px;
}

#top_l_menu li.top_l_menu18 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_bjly.jpg) no-repeat 0px 0px;
  width:124px;
}

#top_l_menu li.top_l_menu19 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_snhk.jpg) no-repeat 0px 0px;
  width:124px;
}

/*TEA_RAPY*/
#top_l_menu li.top_l_menu20 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_trpy.jpg?01) no-repeat 0px 0px;
  width:124px;
}

/*未病サポート*/
#top_l_menu li.top_l_menu21 a {
  height: 46px;
  display:block;

  background:url(/top/top_img/l_navi_bthl_1912.jpg) no-repeat 0px 0px;
  width:124px;
}



#top_l_menu li.top_l_menu01 a:hover {
  background:url(/top/top_img/l_navi_cfdr.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu02 a:hover {
  background:url(/top/top_img/l_navi_cfre.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu03 a:hover {
  background:url(/top/top_img/l_navi_cntf.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu04 a:hover {
  background:url(/top/top_img/l_navi_tea.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu05 a:hover {
  background:url(/top/top_img/l_navi_nhch.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu06 a:hover {
  background:url(/top/top_img/l_navi_aste.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu07 a:hover {
  background:url(/top/top_img/l_navi_wlnt2.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu08 a:hover {
  background:url(/top/top_img/l_navi_inst.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu09 a:hover {
  background:url(/top/top_img/l_navi_smfh.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu10 a:hover {
  background:url(/top/top_img/l_navi_orgd.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu11 a:hover {
  background:url(/top/top_img/l_navi09_08.gif) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu12 a:hover {
  background:url(/top/top_img/l_navi_wtfd.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu13 a:hover {
  background:url(/top/top_img/l_navi_gift.jpg) no-repeat -124px 0px;
}
#top_l_menu li.top_l_menu14 a:hover {
  background:url(/top/top_img/l_navi_ossm.jpg) no-repeat -124px 0px;
}

#top_l_menu li.top_l_menu15 a:hover {
  background:url(/top/top_img/l_navi_gts_1911.jpg) no-repeat -124px 0px;
}

#top_l_menu li.top_l_menu16 a:hover {
  background:url(/top/top_img/l_navi_bksi.jpg) no-repeat -124px 0px;
}

#top_l_menu li.top_l_menu17 a:hover {
  background:url(/top/top_img/l_navi_rflt.jpg) no-repeat -124px 0px;
}

#top_l_menu li.top_l_menu18 a:hover {
  background:url(/top/top_img/l_navi_bjly.jpg) no-repeat -124px 0px;
}

#top_l_menu li.top_l_menu19 a:hover {
  background:url(/top/top_img/l_navi_snhk.jpg) no-repeat -124px 0px;
}

/*TEA_RAPY*/
#top_l_menu li.top_l_menu20 a:hover {
  background:url(/top/top_img/l_navi_trpy.jpg?01) no-repeat -124px 0px;
}

/*未病サポート*/
#top_l_menu li.top_l_menu21 a:hover {
  background:url(/top/top_img/l_navi_bthl_1912.jpg) no-repeat -124px 0px;
}



/*左メニュー　商品一覧用　下マージン*/
.btm6 {
  padding-bottom: 6px;
}


.l_catalog {
  border-top: solid 1px #c9c9c9;
}

/*新商品・限定商品　リキッド*/
#new_liq2010 {
  background-image: url(/top/top_img/new_liq2010_bg.jpg);
  background-repeat: repeat-y;
  margin-bottom: 10px;
}


.new_liq2010_pd {
  float: left;
  width: 120px;
  margin-left: 1px;
  background-color: #fff;
}

.new_liq2010_pd_center {
  float: left;
  width: 121px;
  margin-left: 1px;
  background-color: #fff;
}

/*↑横3つの内中央のみ幅121px*/



/*Twitter表示*/
.Twitter{
	background:#e6e6e6;
	margin:0 auto 16px auto;
	padding:0 5px;
}
.rightt_twitter{
  background:#663300;
  color:#fff;
  text-align: center;
  padding:5px 5px 2px 5px;
  font-size: 14px; line-height: 1.3;
  font-weight: bold;
}

/*Facebook表示*/
.rightt_fb {
  background:#3b5998;
  color:#fff;
  text-align: center;
  padding:5px 5px 2px 5px;
  font-size: 14px; line-height: 1.3;
  font-weight: bold;
}





/*応急　地震メッセージ*/
.b_msg {
  border: solid 1px #c9c9c9;
  padding: 3px;
  margin-bottom: 10px;
}

.b_msg_txt_s {
  font-size: 11px;
}


.b_msg_txt a:link {
  text-decoration: none;
}
.b_msg_txt a:visited {
  text-decoration: none;
}
.b_msg_txt a:hover {
  text-decoration: underline;
}


/*2商品のTOPマージン*/
.ch_pdn_mrg {
  padding-top: 12px;
/*  padding-top: 3px;*/
}
/*2商品のTOPマージン*/



/*チャット用*/
.chat_tarea {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.chat_tarea p {
  margin-bottom: 10px;
}

.chattxt {font-size: 11px; line-height: 1.3; color: #222;
}

.chattxt a:link { color: #222; text-decoration: underline;
}

.chattxt a:visited { color: #222; text-decoration: underline;
}

.chattxt a:hover{ color: #800000; text-decoration: underline;
}
/*チャット用ここまで*/




.mb19_txt {
  margin: 3px 0px 0px 0px;
  padding: 0;
  text-align: left;
  font-size: 11px;
  color: #222;
}


/*価格　黒文字「税」*/
.kkk_zei {
  margin-left: 1px;
  font-size: 10px;
  color: 222;
  letter-spacing: -1px;
}

img {
  border: 0;
}

/*バナー・ハーフサイズ左右*/
.hfbbnr_l {
  float: left;
  display: inline;
  width: 280px;
}

.hfbbnr_r {
  float: right;
  display: inline;
  width: 280px;
}

/*バナー・ハーフサイズ左右 end*/



/*「もっと見る」の表示*/
.top_more {
  text-align: right;
  margin-top: 10px;
  padding-right: 10px;
  font-size: 13px; color: #222; line-height: 1.2;
}

.top_more a:link {
  color: #222;
  text-decoration: underline;
}

.top_more a:visited {
  color: #222;
  text-decoration: underline;
}

.top_more a:hover {
  color: #800000;
  text-decoration: underline;
}

/*矢印画像*/
.sst_img_sr {
  padding-right: 3px;
}


/*文字サイズのみの指定*/
.txt12 {
  font-size: 12px;
}


/*------------------------お楽しみコンテンツ-----------------------*/
#otnsm_area {
  text-align: left;
}

.otnsm {
  float: left;
  display: inline;
  width: 176px;
/*  background: #c9c9c9;*/
  margin: 0px 0px 16px 13px;
}

/*------------------------お楽しみコンテンツend-----------------------*/



/*------------------------関連サイト-----------------------*/
#knrn_area {
  text-align: left;
/*  font-size: 13px;
  line-height: 1.4;
  color: #222;*/
}




/*----------リストの場合------------*/
#knrn_area ul li a{
  display: block;
/*  text-decoration: none;*/
  text-align: left;
  color: #222;
}



#knrn_area ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#knrn_area li {
  margin: 0 0 6px 0;
  padding: 0;
}

#knrn_area li a {
  text-decoration: none;
}

#knrn_area li a:hover {
  text-decoration: none;
  color: #800000;
}


/*----------リストの場合 end--------*/


/*#knrn_area a:link {
  color: #222;
}

#knrn_area a:visited {
  color: #333;
}

#knrn_area a:hover {
  color: #800000;
}*/



#knrn_l {
  float: left;
  display: inline;
  width: 280px;
  margin: 0px 0px 16px 0px;
  padding: 0 0 0 4px;

}





#knrn_r {
  float: right;
  display: inline;
  width: 280px;
  margin: 0px 0px 16px 0px;
  padding: 0 0 0 4px;

}


.knrn_ttl {
  font-weight: bold;
  text-decoration: underline;
  font-size: 13px;
  line-height: 1.3;
}

/*.knrn_ttl a:link {
  text-decoration: underline;
}*/


.knrn_txt {
  font-size: 13px;
  line-height: 1.3;
}





#knrn_area p {
/*  margin: 0px 4px 8px 4px;*/
}

/*#knrn_area p a:link {
  font-weight: bold;
  color: #222;
  text-decoration: underline;
}*/


/*------------------------関連サイト end-----------------------*/


/*------------------------ランキング表示-----------------------*/

/*タイトル背景画像*/
#rank_recot_bg_up {

  background-image: url(/top/top_img/rank_recot_bg.gif);
/* ▼冬季使用 */
/*  background-image: url(/top/top_img/rank_recot_bg_w.gif);*/
  background-repeat: no-repeat;
  height: 27px;
  text-align: left;
  padding-left: 30px;
  font-size: 14px; line-height: 2.1;font-weight: bold;
/*  margin-bottom: 4px;*/
}



#top_rank_area {
  background-image: url(/top/top_img/top_rank_bg.gif);
  background-repeat: repeat-y;
  line-height: 1.2;
}

#top_rank_area a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


#top_rank_area a:link {
  text-decoration: none;
  color: #222;
}
#top_rank_area a:visited {
  text-decoration: none;
  color: #222;
}
#top_rank_area a:hover {
  text-decoration: none;
  color: #800000;
}

#top_rank_area p {
  margin: 0;
  padding: 0;
}


.lk {
  cursor: pointer;
  display: block;
  width: 100%;
}

.lk_it {
  display: block;
  width: 100%;

}

/*枠線付き横3段レイアウトの記述*/

.ch3_g_area_n {
  padding: 2px 0px 6px 0px;
  border-top : solid 1px #c9c9c9;
  text-align: left;
}


.tclearfix:before, .tclearfix:after {
    content:"";
    display:table
}
.tclearfix:after { clear:both }
.tclearfix { zoom:1 } /* For IE 6/7 */


.ch3_g_area_n a {
  cursor: pointer;
}

.ch3_g_area_n a:link {
  text-decoration: none;
  color: #222;
}

.ch3_g_area_n a:visited {
  text-decoration: none;
  color: #222;
}

.ch3_g_area_n a:hover {
  text-decoration: none;
  color: #800000;
}


.ch3_g_img img {
  margin: 0 0 0 2px; width: 55px; float: left;
}

.ch3_g_txt {
/*  float: right; width: 120px; margin: 0 6px 0 0;*/
  float: right; width: 118px; margin: 0 2px 0 0;
/*  background: #f1f1f1;*/
}


/*random枠*/
.ch3_g_area_r {
  padding: 2px 0px 2px 0px;
/*  border-top : solid 1px #c9c9c9;*/
  text-align: left;
}


.ch3_g_area_r a {
  cursor: pointer;
}

.ch3_g_area_r a:link {
  text-decoration: none;
  color: #222;
}

.ch3_g_area_r a:visited {
  text-decoration: none;
  color: #222;
}

.ch3_g_area_r a:hover {
  text-decoration: none;
  color: #800000;
}












#top_rank_l {
/*  position: relative;*/
  float: left;
  display: inline;
  width: 220px;
/*仮の高さ*/
  height: 320px;

  padding: 3px 0px 3px 0px;
}

#top_rank_r {
  float: right;
  display: inline;
  width: 350px;
}

/*左商品名*/
.top_rank_l_pdn {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}

/*右商品名*/
.top_rank_r_pdn {
  font-size: 14px;
  font-weight: bold;
  margin: 3px 0px 0px 0px;
  text-decoration: underline;
}


.top_rank_r_l {
  position: relative;
  float: left;
  display: inline;
  width: 170px;
  padding: 3px 0px 3px 0px;
/*  background: #f1f1f1;*/
}

.top_rank_r_r {
  position: relative;
  float: right;
  display: inline;
  width: 170px;
  padding: 3px 0px 3px 0px;
/*  background: #f1f1f1;*/
}

/*左商品 価格*/
.top_rank_l_pr {
  margin: 0px 0px 3px 0px;
  color: #f00;
  font-size: 18px;
  font-weight: bold;
}

.top_rank_l_pr span {
  color: #222;
  font-size: 10px;
}


.top_rank_l_wset {
  border-top: dotted 1px #bdb76b;
  border-bottom: dotted 1px #bdb76b;
  margin: 1px 10px 2px 10px;
  padding: 2px;
  margin: 5px 10px 2px 10px;
  font-size: 12px;
}
.top_rank_l_wset a {
  text-decoration: underline;
}
.top_rank_l_wset a:visited {
  text-decoration: underline;
}
.top_rank_l_wset a:hover {
  text-decoration: underline;
}




/*右商品 価格*/
.top_rank_r_pr {
  margin: 0px 0px 2px 0px;
  color: #f00;
  font-size: 14px;
  font-weight: bold;
}

.top_rank_r_pr span {
  color: #222;
  font-size: 9px;
}

.top_rank_l_txt {
  padding: 0px 4px 0px 4px;
  font-size: 13px;
  color: #222;
}

.top_rank_r_wset {
  border-top: dotted 1px #bdb76b;
  border-bottom: dotted 1px #bdb76b;
  margin: 1px 10px 2px 10px;
  padding: 2px;
/*  color: #fff;
  background: #d2b48c;*/
  font-size: 11px;
}
.top_rank_r_wset a {
/*display:block;
  color: #fff;
  background-color: #d2b48c;*/
  text-decoration: underline;
}
.top_rank_r_wset a:visited {
/*  color: #fff;
  background: #d2b48c;*/
  text-decoration: underline;
}
.top_rank_r_wset a:hover {
/*  color: #fff;
  background-color: #cd853f;*/
  text-decoration: underline;
}

/*------------------------ランキング表示 end-------------------*/

/*------------------------バナー下テキスト-------------------*/
.bnr_btm_txt {
  text-align: left;
  font-size: 12px; line-height:1.3;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 0px 0px;
}
/*------------------------バナー下テキスト end-------------------*/


/*------------------------余白調整------------------------------*/
.mtop6 {
  margin: 6px 0 0 0;
}
.mt5{ margin-top: 5px;}

/*------------------------余白調整 end--------------------------*/


/*------------------------スライド loading------------------------------*/
#loader-bg {
  display: none;
  position: absolute;
  top: 40px;
  left:0;
  background: #fff;
  z-index: 1;
  height: 100px;
}
#loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 580px;
  height: 100px;
  text-align: center;
  color: #999;
  font-size: 13px;
  z-index: 2;
}

/*------------------------スライド loading end--------------------------*/



 /*-----------------------------------------------------------------------------------
 マイブルックス左メニュー まめ得プログラム
 -----------------------------------------------------------------------------------*/
 .myp_mame_toku_mark{
   font-weight: bold;
   text-align:center;
   color: #FFF;
	 margin-right: 5px;
 }
 .mark_r{
   display: inline-block;
   width: 20px;  height: 20px;
   background: #9fa0a0;
   border-radius: 50%;;
   line-height: 21px;
 }
 .mark_g{
   display: inline-block;
   width: 20px;  height: 20px;
   background: #f6c521;
   border-radius: 50%;;
   line-height: 21px;
 }
 .mark_p{
   display: inline-block;
   width: 20px;  height: 20px;
   background: #ed6c00;
   border-radius: 50%;;
   line-height: 21px;
 }