@charset "UTF-8";


body {
  margin: 0px; padding: 0px;
  background: #222;
  text-align: center;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

/*----欠品・遅延メッセージ用----*/
.kmsg {
  margin: 6px;
  color: #222;
  font-size: 12px;
  text-align: left;
}
/*--欠品・遅延メッセージ用end--*/


/*----欠品・遅延メッセージ用----*/
.kmsg_red {
  margin: 6px;
  color: #f00;
  font-size: 12px;
  text-align: left;
}
/*--欠品・遅延メッセージ用end--*/





img {
  border: 0;
}

.white {
  color: #fff;
}


#wrapper {
  width: 910px;
  text-align: center;
  margin: 0 auto;
  background-color: #5a3d03;
}

#header {
  background-color: #000;
  padding-bottom: 16px;
/*  height: 550px;*/
}

#header_hd {
  background-image: url(otm_y_img/head_b1209g_bg.gif);
  background-position: center;
  background-repeat: no-repeat;
  height: 54px;
}



#content {
  background-image: url(otm_y_img/bg.jpg);
  background-position: center;
  background-repeat: repeat-y;

  padding-bottom: 16px;
/*  background-color: #d3d3d3;*/
}

#footer {
  background-color: #fff;
  padding: 10px;
}

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

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

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

#header_l {
  width: 116px;
  float: left;
  display: inline;
}

#header_r {
  width: 794px;
  float: left;
  display: inline;
}


#otm_y_hd1 {
  background-image: url(otm_y_img/otm_y_hd0401g_01bg.jpg);
  height: 186px;
  text-align: right;
}

/*10gマーク1109g*/
#otm_y_hd_mmrc {
  float: left;
  display: inline;
  margin: 10px 0px 0px 18px;
}

#otm_y_hd1_ttl {
  float: right;
  display: inline;

  margin: 2px 53px 0px 0px;
  padding-top: 54px;
}


/*111031*/
#otm_y_hd1109g_2l {
  width: 368px;
  height: 210px;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  background-image: url(otm_y_img/otm_y_hd1308g_02bg.jpg);
  background-repeat: none;
  background-position: left top;
  text-align: left;
}

#otm_y_hd1109g_2r {
  width: 542px;
  height: 210px;
  margin: 0;
  padding: 0;
  float: right;
  display: inline;
}


/*111031ここまで*/



/*上段　カートエリア*/
#hd_crt_area {
/*  height: 114px;*/
  background-image: url(otm_y_img/otm_y_hd0401g_04bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
}

/*その他商品枠 横２段　1210g*/
.oth_pd_y2d {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
  width: 860px;
/*  background: #c9c9c9;*/

}

.oth_pd_y2d_l {
  padding: 8px 0px 0px 0px;
  float: left;
  display: inline;
  width: 420px;
  background: #fff;
}

.oth_pd_y2d_r {
  padding: 8px 0px 0px 0px;
  float: right;
  display: inline;
  width: 420px;
  background: #fff;
}

/*.oth_pd_y2d_tbltxt {
  padding-left: 4px;
}*/

.oth_pd_y2d_cartarea {
  margin: 5px 0px 0px 0px;
  padding: 6px 0px 6px 0px;
  background: #ebddc4;
}

.oth_pd_y2d_cartarea div {
  margin: 0px 0px 0px 0px;
}



/*その他商品枠 横２段　1210g end*/



/*その他商品枠*/

.oth_pd {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
  width: 860px;
  border: solid 1px #c9c9c9;
  background-color: #fff;
  background-image: url(otm_y_img/oth_pd_bg.gif);
  background-repeat: repeat-y;
  background-position: right;
}

.oth_pd_l {
  width: 236px;
  float: left;
  display: inline;
}

.oth_pd_c {
/*  width: 364px;*/
  width: 354px;
  float: left;
  display: inline;
  text-align: left;
  padding: 10px 0px 6px 0px;
}

.oth_pd_r {
  width: 260px;
  height: 130px;
  position:relative;

  float: right;
  display: inline;
/*  background-color: #ebddc4;*/
  padding: 6px 0px 6px 0px;
}


/*商品スペック*/
/*商品名*/
.pd_name {
  font-size: 22px; line-height: 1.3; color: #222;
  font-weight: bold;
  margin-bottom: 6px;
}

/*商品名の横・小サイズ*/
.pd_name_s {
  margin-left: 10px;
  font-size: 15px; line-height: 1.3; color: #222;
  font-weight: normal;
  margin-bottom: 6px;
}



/*商品テキスト*/
.pd_txt {
  font-size: 13px; line-height: 1.3; color: #222;
  margin-bottom: 10px;
}

/*袋数等*/
.pd_detail {
  font-size: 11px; line-height: 1.3; color: #222;
  border-top: dashed 1px #c9c9c9;
  padding-top: 6px;
  padding-bottom: 6px;
}

/*商品スペックここまで*/

/*右の枠内（価格・カートアクション）全体を下揃えに*/
.kkk_btn_area {
  margin-left: 6px;
  position: absolute; 
  left: 0px;
  bottom: 0; 
}

/*右の枠内（価格・カートアクション　注：メッセージ応急）*/
.kkk_btn_area_msg {
  margin-left: 6px;
/*  position: absolute; 
  left: 0px;
  bottom: 0; */
}



/*価格*/
.kkk_area {
  text-align: right;
  padding-right: 2px;
  margin-bottom: 6px;
}

.kkk_p {
  vertical-align: bottom;
}

/*価格ここまで*/






#h_brooks_logo {
  margin-top: 4px;
  margin-left: 6px;
}

#h_ttl {
  margin-top: 14px;
  padding-bottom: 30px;
}

#h_otmset {
/*  margin-top: 10px;*/
  margin-right: 11px;
/*  text-align: right;*/
}

#h_pkg5 {
  margin-right: 16px;
  padding-bottom: 15px;
/*  text-align: right;*/
}

#h_hd_cart {
  margin-right: 16px;
/*  text-align: right;*/
}




/*090912ここまで*/





/*090113追加*/
#header_j {
  width: 800px;
  height: 570px;
  text-align: left;
/*  background-image: url(otm_img/otm_c_0907_main.jpg);*/
  margin-bottom: 20px;
}

#header_pd {
  background-image: url(otm_img/0907j_hd5.jpg);
}

.pos_09j_cart_btn {
  padding-left: 55px;
  padding-top: 190px;
}


#hd_lgs {
/*  text-align: left;*/
  width: 800px;
}

#wrap2 {
  padding-top: 16px;
  width: 800px;
  background-color: #000;
margin: 0 auto;

}


.komew {
  margin-bottom: 10px;
  font-size: 11px; line-height: 1.5; color: #fff;
}

.setn {
  font-weight: bold;
  font-size: 12px; line-height: 1.4; color: #deb887;
}

.cart_bg1 {
  width: 381px;
  height: 107px;
  margin-left: 20px;
  background-image: url(otm_img/cart_bg1.gif);
  background-repeat: no-repeat;
}

.suryo {
  font-size: 12px; line-height: 1.5; color: #333;
}

/*081022追加*/
.otm_crtz {
  background-image: url(otm_img/otm_crtz.gif);
  background-repeat: no-repeat;
}


/*+1000円*/
#plus {
  margin-top: 20px;
  margin-bottom: 20px;
/*  margin-left: auto;
  margin-right: auto;*/
/*  width: 760px;*/
}


#plus1000 {

  background-image: url(otm_img/plus_pd_bg.gif);
  background-repeat: repeat-x;
}




/*コンテンツ下マージン*/
.ctm {
  margin-bottom: 8px;
}

.ctm2 {
  margin-bottom: 30px;
}

/*3商品*/
.pd3 {
  border-bottom: solid 1px #600;
}


/*9商品*/
.pd9 {
  border-bottom: solid 1px #a8a8a8;
}

.pd9_ttl{
  margin-top: 10px;
}

.right_bd_a8 {
  border-right: solid 1px #a8a8a8;
}

.pd9_shd {
  margin-bottom: 10px;
}


/*背景bg*/
.ct1_bg {
  width: 718px;
  text-align: left;
  background-image: url(otm_img/ct1_bg.gif);
  background-repeat: no-repeat;
}



/*コンテンツ本文1*/
.c_honbun1 {
  width: 210px;
  padding-top: 6px;
  margin-left: 270px;
  font-size: 12px; line-height: 1.5; color: #333;
}

.h100 {
  height: 120px;
}

.c_honbun2 {
  padding-top: 2px;
  margin-left: 270px;
  width: 400px;
  font-size: 12px; line-height: 1.4; color: #333;
}


.ct1_md2 {
  margin-left: 20px;
}


.cart_bg2 {
/*  width: 720px;*/
  text-align: center;
  height: 74px;
  background-image: url(otm_img/cart_bg2_bk.gif);
  background-repeat: no-repeat;
  margin-left: 40px;
  margin-bottom: 30px;
}



.c_honbun3 {
  text-align: left;
  font-size: 12px; line-height: 1.8; color: #333;
}

.c_honbun4 {
  width: 458px;
  margin-left: 40px;
  text-align: left;
  font-size: 12px; line-height: 1.6; color: #333;
  padding-bottom: 6px;
}

.c_honbun5 {
  margin-left: 20px;
  width: 380px;
  text-align: left;
  font-size: 12px; line-height: 1.7; color: #333;
  letter-spacing: -0.5px;

}


.mgr {
  font-size: 12px; line-height: 1.5; color: #333;
  letter-spacing: -0.5px;
}


.mgr td {
  padding-bottom: 2px;
  border-bottom: dotted 1px #4e0000;
}

.bo {
  height: 250px;
  background-image: url(otm_img/0910b_bg_bk.jpg);
  background-repeat: no-repeat;
  text-align: left;
}

.b_pdn {
  margin-left: 240px;
    font-size: 11px; line-height: 1.3; color: #fff;
}

.b_tds {
padding-bottom: 18px;
  margin-left: 160px;
  font-size: 11px; line-height: 1.3; color: #fff;
}

.cart_bg3 {
  width: 528px;
  height: 70px;
  margin-left: 250px;
  background-image: url(otm_img/cart_bg3.gif);
  background-repeat: no-repeat;
}





.sv_base td{
  background-image: url(otm_img/sv_base.gif);
  background-repeat: no-repeat;
}

.svz {
  margin-top: 10px;
  width: 222px;
}

.sv_txt {
  width: 200px;
  text-align: left;
  font-size: 11px; line-height: 1.3; color: #333;
}


.go_konyu {
  text-align: right;
  margin-right: 60px;
  padding-top: 235px;
}

/*フォーム*/
select,textarea {
  font-size: 14px;
}

input {
/*  margin-top: 7px; margin-left: 0px; margin-right: 4px; margin-bottom: 3px;*/
  font-size: 11px; 
}

.honbun {
  font-size: 12px; line-height: 1.3; color: #333;
}
.honbun a{
 color: #333; text-decoration: underline;
}

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


.caption {
  font-size: 10px; line-height: 1.3; color: #333;
}


/*お客様の声エリア*/
.fan_area {
  text-align: left;
/*  background-color: #f1f1f1;*/
  background-image: url(otm_img/koe_bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  border: solid 1px #a8a8a8;
/*  padding-top: 10px;*/
  padding-bottom: 20px;
/*  height: 120px;*/
  margin-top: 20px;
  margin-bottom: 30px;
  margin-bottom: 20px;
}


/*お客様の声スクロール*/
.fan {
  margin-left: 250px;
  border: solid 2px #777;
  font-size: 13px; line-height:1.5; color: #555;
  text-align: left;
  width:500px;
  height:120px;
  overflow:scroll;
  overflow-x:hidden;
  background-color:#fff;
  padding: 5px;
}

.koep {
  margin-bottom: 10px;
  border-bottom: dotted 2px #d2b48c;
}

.left_border {
  border-left : solid 1px #808080;
}

/*w910type*/

.clear {
  clear: both;
}

.oth_pd_cart_area {
  margin-left: auto;
  margin-right: auto;
  width: 248px;
}


/*白背景*/
.wh_area {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  padding-bottom: 16px;
  width: 860px;
  background-color: #fff;
}


/*人気の秘密*/




#himitsu_bg {
  height: 345px;
  background-image: url(otm_y_img/himitsu_bg.jpg);
  background-repeat: repeat-x;
  background-position: top center;
/*  text-align: left;*/
}

/*アニメーション（swf配置）*/
#himitsu_ani_bg{
/*  background-image: url(otm_y_img/);
  background-repeat: no-repeat;
  background-position: top center;*/
}

/*div#himitsu_tbl div#html-layer {*/
#himitsu_tbl {
/*  padding-top: 30px;*/
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}


/*アニメーション　背景（保留）*/
/*#himitsu_ani_bg {
  height: 345px;
  background-image: url(otm_y_img/himitsu_ani_bg.gif);
  background-repeat: no-repeat;
  background-position: 322px 60px;
}*/


/*#himitsu_tbl {
  width: 804px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
}*/



#cup_bg {
  background-image: url(otm_y_img/cup_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}




/*人気の秘密 end*/


/*シチュエーション・声*/

#use_img_area {
  width: 820px;
  padding-top: 16px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 16px;
}

.id_img {
  margin-bottom: 10px;
}

.id_txt1 {
  font-size: 15px; line-height: 1.3; color: #600000;
  font-weight: bold;
  margin-bottom: 4px;
}

.id_txt2 {
  font-size: 13px; line-height: 1.4; color: #222;
}
/*お客様の声*/
#koe_area {
  margin-right: auto;
  margin-left: auto;
/*  margin-bottom: 16px;*/
  width: 820px;
  border: solid 1px #c9c9c9;
  background-image: url(otm_y_img/koe_ill.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
/*  height: 174px;*/
/*  text-align: right;*/
}

.big_ttl {
  text-align: left;
  background-color: #ebddc4;
  border-bottom: solid 1px #c9c9c9;
}

/*スクロール*/
#koe_scrl {
  margin: 6px 0px 0px 0px;
/*  margin-left: 250px;*/
/*  border-left: solid 1px #c9c9c9;*/
  font-size: 13px; line-height:1.5; color: #222;
  text-align: left;
  width:600px;
  height:132px;
  overflow:scroll;
  overflow-x:hidden;
  background-color:#fff;
  padding: 5px;
}

.koe_p {
  margin-bottom: 10px;
  border-bottom: dashed 1px #c9c9c9;
/*  border-bottom: dashed 1px #d2b48c;*/
}


/*お客様の声ここまで*/




/*シチュエーション・声 end*/


/*体験してみましょう*/
#cup_bg {
  background-image: url(otm_y_img/cup_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

/*体験してみましょう end*/


/*プラス1000円*/

#plus1000_area {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 16px;
/*  padding-bottom: 16px;*/
  width: 860px;
  background-color: #ffffd8;
  background-image: url(otm_y_img/plus1000_bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
}

#plus1000_imgarea {
  padding-top: 16px;
  width: 820px;
/*  height: 420px;*/
  margin-right: auto;
  margin-left: auto;
/*  margin-bottom: 0;*/
}

#plus1000_img_l {
  width: 400px;
  float: left;
  display: inline;
/*  background-color: #fff;*/
}

#plus1000_img_r {
  width: 400px;
  float: right;
  display: inline;
/*  background-color: #fff;*/
}

.plus1000_img_tbl {
  margin-top: 16px;
}


/*プラス1000円 end*/


/*お試しのカートエリア*/
.t_wh_line {
  border-top: solid 5px #fff;
}

.b_wh_line {
  border-bottom: solid 5px #fff;
}

.tb_wh_line {
  border-top: solid 5px #fff;
  border-bottom: solid 5px #fff;
}

.bt_mgn28{
  margin-bottom: 28px;
}


.crt_area {

/*  padding-bottom: 20px;*/

  width: 860px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

/*カートボタン等のエリア*/
.crt_btn_area_mdl {
  height: 114px;
  background-image: url(otm_y_img/crt_hd_img1308g_mdl_02bg.jpg?01s);
  background-repeat: no-repeat;
  background-position: top;
  text-align: right;
/*margin-right: 10px;*/
}

.crt_btn_area {
  height: 114px;
  background-image: url(otm_y_img/crt_hd_img1308g_mdl_02bg.jpg?01s);
  background-repeat: no-repeat;
  background-position: top;
  text-align: right;
/*margin-right: 10px;*/
}



.crt_btn_area_fspace {
  height: 53px;
  background-image: url(otm_y_img/crt_btn_area_02bg_140401.gif);
  background-repeat: no-repeat;
  background-position: top right;
  text-align: right;


/*  padding-bottom: 20px;*/
}

.crt_btn_area_tbl {
  margin-right: 20px;
}

/*お試しのカートエリア end*/


/*お試しのセット内容*/
.otm_setn_area {
  width: 860px;
  background-color: #000;
  margin-right: auto;
  margin-left: auto;
}

.otm_setn_tbl {
  text-align: left;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.otm_setn_ttl {
  font-size: 14px; line-height: 1.3; color: #fff;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0;
}

.otm_setn_ttl_s {
  font-size: 12px;
}

.otm_setn_txt {
  width: 170px;
  font-size: 12px; line-height: 1.3; color: #fff;
  margin-bottom: 10px;
}

/*お試しのセット内容 end*/


/*footerの中身*/

.btm_gline {
  border-bottom: solid 1px #d3d3d3;
  margin-bottom: 4px;
}

.img_valign {
  vertical-align: middle;
}



.btm_txt {
  font-size: 12px; line-height: 1.3; color: #222;
  margin-bottom: 10px;
}

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

.btm_txt a:visited {
  text-decoration: underline;
  color: #111;
}

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

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


#sv_tbl {
  width: 840;
  margin-left: auto;
  margin-right: auto;
}

.sv_base td{
  background-image: url(otm_y_img/sv_base.gif);
  background-repeat: no-repeat;
  background-position:center top;
}

.svz {
  margin-top: 10px;
  padding-left: 8px;
  width: 222px;
}

.sv_txt {
  width: 200px;
  text-align: left;
  font-size: 11px; line-height: 1.3; color: #333;
}



/*footerの中身 end*/



/*送料3000円以上の表示*/
#soryo3000 {
  padding: 6px 0px 6px 0px;
  margin: 0px 26px 0px 26px;
  margin-bottom: 10px;
  text-align: right;
/*  font-size: 14px; line-height: 1.3; color: #fff;
  border-bottom: dashed 1px #dcc57c;*/
}

#soryo3000_txt {
  padding-bottom: 6px;
  font-size: 14px; line-height: 1.3; color: #fff;
  border-bottom: dashed 1px #dcc57c;
}


/*送料3000円以上の表示 end*/


/*ページ下 横長バナー*/
.btm_bnnr {
  margin-left: 0 auto;
  margin-right: 0 auto;
  margin-top: 6px;
  padding: 6px 0px 14px 0px;
}


/*ページ下 横長バナー end*/


/*w910type end*/



/*メッセージ用*/
#hd_msg {
  padding: 8px 0px 8px 0px;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  background: #000;
  border-top: dotted 1px #777;
  border-bottom: dotted 1px #777;
}
/*メッセージ用ここまで*/


/*-----------プラス1000円 画像追加-----------*/
.pls1000b {
  margin: 0px 0px 20px 0px;
}

.pls1000s_lm {
  margin: 0px 0px 0px 20px;
}


/*----プラス1000円 画像追加ここまで---------*/


/*Facebook & Twitter*/
#fs_tw_area {
  border-bottom: solid 1px #c9c9c9;
  text-align: right;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 12px 0px;
}
#fs_tw_area img {
  margin: 16px 0px 0px 10px;
}
/*Facebook & Twitterここまで*/


/*-------------------otm_h2用---------------------*/

/**/
.otm_setn_hgt {
  height: 96px;
}

/*-------------------/otm_h2用---------------------*/



/*お届けmsg*/
.otdk_msg {
  text-align: right;
  font-size: 12px;
  line-height: 1.2;
/*  letter-spacing: -1px;*/
  color: #fff;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 10px 0px;
}

.otdk_msg2 {
  text-align: right;
  font-size: 11px;
  line-height: 1.2;
/*  letter-spacing: -0.6px;*/
  color: #222;
/*  width: 690px;*/
  margin: 2px 0px 0px 0px;
/*  padding: 4px 0px 0px 0px;*/
  padding: 0;
}


.otdk_msg3 {
  text-align: right;
  font-size: 11px;
  line-height: 1.2;
/*  letter-spacing: -0.6px;*/
  color: #fff;
/*  width: 690px;*/
  margin: 0px 0px 0px 0px;
/*  padding: 4px 0px 0px 0px;*/
  padding: 3px;
  background: #000;
}

/*---------詳細リンク-------------*/
.w860area {
  width: 860px;
  margin: 0px auto 30px auto;
}


/*フッタ用*/
.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;
}



.btm8 {
  margin-bottom: 8px;
}

.btm16 {
  margin-bottom: 16px;
}

.btm20 {
  margin-bottom: 20px;
}

.btm24 {
  margin-bottom: 24px;
}