/* CSS Document */

/********************************************************************/
/* 大外 */
#container {
   width: 930px;
   overflow: hidden;
   background-color: white;
   font-size: 12px;
   margin-left: auto;width: 650px;
/*height: 45px;*/
background-color: white;
border-color: rgb(215, 215, 215);
border-width: 1px;
border-style: solid;
padding-bottom: 6px;


   margin-right: auto;
   padding: 0px;
/*        font-family: sans-serif; */
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
       position: relative;
}

/********************************************************************/
/* ヘッダー */
#header {
   width: 930px;
   height: 140px;
/*
   background-image: url(image/contact.png);
*/
   background-repeat: no-repeat;
   background-position: right top;
   border-bottom: 1px solid #FFFFFF;
   margin: 0px;
       position: relative;
}

/* トップメニュー */
#top-menu {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   position: relative;
   height: 40px;
   z-index: 2;
}
#top-menu li {
   background-color: #FD8305;
   background-position: 6px center;
   background-repeat: no-repeat;
   border-left-color: rgb(130, 82, 3);
   border-left-style: solid;
   border-right-color: rgb(224, 176, 130);
   border-right-style: solid;
   border-width: 1px;
   float: left;
   font-family: sans-serif;
   font-size: 14px;
   height: 40px;
   line-height: 43px;
   margin: 0px;
   padding: 0px;
   text-align: left;
   text-indent: 38px;
   vertical-align: middle;
   width: 130px;
}
#top-menu a {
  align-items: center;
  display: flex;
  font-size: 14px !important;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
#top-menu>a:link, #top-menu>a:visited {
   font-weight: normal;
}
#top-menu img {
  margin: 0 5px 4px;
  vertical-align: middle;
}
#top-menu .header-home {
  background-image: url(//www.opp-honpo.net/data/opp-honpo/image/h-home.png);
  width: 88px;
}

#top-menu .header-company {
  background-image: url(//www.opp-honpo.net/data/opp-honpo/image/h-company.png);
  width: 101px;
}

#top-menu .header-payment {
  background-image: url(//www.opp-honpo.net/data/opp-honpo/image/h-payment.png);
  width: 143px;
}

#top-menu .header-duedate {
  background-image: url(//www.opp-honpo.net/data/opp-honpo/image/h-duedate.png);
  width: 126px;
}

#top-menu .header-order {
  background-image: url(//www.opp-honpo.net/data/opp-honpo/image/h-ordermade.png);
  width: 144px;
  padding-left: 39px;
}

#top-menu .header-order a {
  line-height: 1.2;
  text-indent: 0;
}

#top-menu .header-qa {
  background-image: url(//www.opp-honpo.net/data/opp-honpo/image/h-qa.png);
  width: 143px;
}

#top-menu .header-contact {
  background-image: url(//www.opp-honpo.net/data/opp-honpo/image/h-contact.png);
  border-right: none;
  width: 128px;
}



/* ヘッダー下ライン */
#bline {
   width: 860px;
   height: 5px;
   margin: 0px;
   padding: 0px;
   background-color:#878173;
   display: none;
}

/********************************************************************/
/* キャッチコピー */
#copy {
   width: 930px;
   height: 40px;
   background-color: transparent;
   font-size: 10px;
   font-weight: bold;
   color: white;
   position: absolute;
   top: 90px;
   margin: 0px;
   padding: 0px;
}

/* キャッチコピーリンク設定有り */
#copy A:link {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: bold;
}

#copy A:active {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: bold;
}

#copy A:visited {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: bold;
}

#copy A:hover {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: bold;
}

/********************************************************************/
/* ショップロゴ画像の場合使用 */
.shoplogo {
   width: 232px;
   height: 90px;
   position: absolute;
}
.shoplogo img {
   width: 232px;
   height: 90px;
}

/* ショップロゴテキストの場合使用 */
.shoptext {
   width: 350px;
   margin: 10px 0px 0px 0px;
   font-weight: bold;
   float: left;
}

.shoptext A:link {
   color: #FFFFFF;
}

.shoptext A:active {
   color: #FFFFFF;
}

.shoptext A:visited {
   color: #FFFFFF;
}

.shoptext A:hover {
   color: #FFFFFF;
}

/********************************************************************/
/* サブナビゲーション */
.subnavi {
   width: 240px;
   background-color: #FFFFFF;
   position: relative;
   left: 443px;
   top: 47px;
   display: none;
}

#add-favorite {
   position: absolute;
   top: -40px;
   left: 230px;
   z-index: 2;
}

#to-cart {
   position: absolute;
   top: -40px;
   left: 465px;
   z-index: 2;
}

input.form {
   height: 20px;
   border-top-style: solid;
   border-left-style: solid;
   border-right-style: none;
   border-bottom-style: solid;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   border-color: #cccccc;
   border-width: 2px;
}

.bot_b>input.searchinput {
   padding: 0px;
   margin: 0px;
   font-size: 13px;
   border-left-style: none;
   background-image: none;
   border-color: #cccccc;
   color: black;
   background-color: rgb(253, 131, 8);
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   border-style: solid;
   border-width: 2px;
   border-left-width: 1px;
   background-color: white;
   padding: 0 10px;
   height: 26px;
   font-weight: normal;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
 .bot_b>input.searchinput {
   padding-bottom: 0;
 }
}
@-moz-document url-prefix() {
 .bot_b>input.searchinput {
   padding-bottom: 0px;
 }
}
_::-webkit-full-page-media, _:future, :root .bot_b>input.searchinput {
   padding-top: 3px;
   padding-bottom: 2px;
}

.sec_linel {
   display: none;
}

/* ご利用案内アイコン　
※アイコンサイズ横15px×縦15px
※アイコン系はalignでなく左マージンで右にあわせる */
.subicon01 {
   display: none;
   height: 15px;
   background-image: url(img/icon01.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 15px;
}

/* お問い合わせアイコン　
※アイコンサイズ横15px×縦15px */
.subicon02 {
   display: none;
   height: 15px;
   background-image: url(img/icon02.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 15px;
}

/* その他順行系アイコン　
※アイコンサイズ横15px×縦15px */
.subicon03 {
   height: 15px;
   background-image: url(img/icon03.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 15px;
}

.search_label {
   font-size: 14px;
}

/* 画面を閉じるアイコン　
※アイコンサイズ横15px×縦15px */
.subicon04 {
   height: 15px;
   background-image: url(img/icon_winclose.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 15px;
}

/********************************************************************/
/* 横幅ボックス */

/* 左、右用枠160 */
.side_box {
/*
   width: 159px;
*/
   width: 200px;
/*
   margin: 0px 0px 10px;
*/
   padding: 0px;
}

/* 中央用枠160 */
.center_box {
   width: 470px;
   padding: 0px;
}

/********************************************************************/
/* 左領域 */

/* カテゴリ一覧 */

/* カテゴリ一覧タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.category_title {
/*
   width: auto;
       height: 20px;
*/
       width: 210px;
       height: 30px;
       line-height: 30px;
   background-repeat: no-repeat;
       text-align: center;
       font-family: sans-serif;
/*
   margin: 5px 0px 0px 0px;
   padding: 5px 0px 0px 15px;
   background-image: url(img/menu_bg01.gif);
*/
       background-image: url(image/category_title.png);
}

/* カテゴリ一覧部分 */
.category_list {
/*
   width: auto;
*/
       list-style-type: none;
       width: 207px;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
       padding: 0px;
/*
   padding: 5px 0px 0px;
*/
   color: #373724;
   font-weight: bold;
}

.category_list ul li {
       height: 30px;
       line-height: 30px;
       margin: 0px;
       padding: 0px;
       font-family: sans-serif;
/*
       border-bottom-style: solid;
       border-bottom-color: lightgray;
       border-bottom-width: 1px;
*/
       list-style-image: none;
       list-style-type: none;
       margin-left: 0px;
       padding-left: 15px;
       border-bottom-style: solid;
       border-bottom-width: 1px;
       border-bottom-color: rgb(193, 193, 193);
}

.category_list ul li:hover {
       background-color: #eeeeee;
}

/*　親カテゴリの色※特集も共通 */
.category_list .mcategory>A {
       text-decoration: none;
       font-size: 14px;
       font-weight: normal;
}

.category_list ul {
       padding: 0px;
}

.mcategory A:link {
   color: #373724;
}

.mcategory A:active {
   color: #373724;
}

.mcategory A:visited {
   color: #373724;
}

.mcategory A:hover {
   color: #555537;
}

/********************************************************************/
/* 特集 */

/* タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.pickup_category_title {
   width: auto;
   height: 20px;
   margin: 0px;
   padding: 5px 0px 0px 15px;
   background-image: url(img/menu_bg01.gif);
}

/* 内容 */
.pickup_category_list {
       list-style-type: none;
   width: auto;
   background-color: #F5F5F5;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 5px 0px 0px;
   color: #373724;
   font-weight: bold;
}

/********************************************************************/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
   width: auto;
   margin: 0px;
   padding: 0px;
       display: none;
}

/* ナビゲーションリンク文字色 */
.navi A:link {
   color: #FFFFFF;
}

.navi A:active {
   color: #FFFFFF;
}

.navi A:visited {
   color: #FFFFFF;
}

.navi A:hover {
   color: #FFFFFF;
}

/* ショップ通信 */
.shop {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

.shop a:link {
   color: #4b1704;
   font-size: 15px;
}

.shop a:active {
   color: #4b1704;
   font-size: 15px;
}

.shop a:visited {
   color: #4b1704;
   font-size: 15px;
}

.shop a:hover {
   color: #4b1704;
   font-size: 15px;
}


/* 店長日記 */
.diary {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

/* リンク集 */
.link {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

.link a:link {
   color: #4b1704;
   font-size: 15px;
}

.link a:active {
   color: #4b1704;
   font-size: 15px;
}

.link a:visited {
   color: #4b1704;
   font-size: 15px;
}

.link a:hover {
   color: #4b1704;
   font-size: 15px;
}


/* 掲示板 */
.bbs {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

/* フリー */
.free_menu {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

.free_menu a:link {
   color: #4b1704;
   font-size: 15px;
}

.free_menu a:active {
   color: #4b1704;
   font-size: 15px;
}

.free_menu a:visited {
   color: #4b1704;
   font-size: 15px;
}

.free_menu a:hover {
   color: #4b1704;
   font-size: 15px;
}


/* yahooオークション */
.yahoo {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

/* 楽天オークション */
.rakuten {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

/* ビッダーズオークション */
.bidders {
   width: auto;
   height: 20px;
   margin: 0px 0px 1px;
   padding: 5px 0px 0px 18px;
   background-image: url(img/menu_bg02.gif);
}

/* オークションリンク文字サイズ */
.yahoo A:link {
   font-size: 10px;
}

.yahoo A:active {
   font-size: 10px;
}

.yahoo A:visited {
   font-size: 10px;
}

.yahoo A:hover {
   font-size: 10px;
}

.rakuten A:link {
   font-size: 10px;
}

.rakuten A:active {
   font-size: 10px;
}

.rakuten A:visited {
   font-size: 10px;
}

.rakuten A:hover {
   font-size: 10px;
}
.bidders A:link {
   font-size: 10px;
}

.bidders A:active {
   font-size: 10px;
}

.bidders A:visited {
   font-size: 10px;
}

.bidders A:hover {
   font-size: 10px;
}

/********************************************************************/
/* ショッピングカート */

/* カートタイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.shopc_title {
   width: auto;
   height: 30px;
       line-height: 30px;
   margin: 0px;
       padding-top: 5px;
   background-color: rgb(253, 131, 8);
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
       text-align: center;
}

/* カートの中身大枠 */
.shopc_list {
   width: auto;
   background-color: white;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_in_title {
   width: auto;
   height: 20px;
   margin: 0px;
   padding-left: 30px;
   padding-top: 15px;
   background-image: url(img/cart.gif);
   background-repeat: no-repeat;
   background-position: left center;
   font-weight: bold;
   color: #393926;
       background-color: white;
}

/* カートの中身商品リスト */
.shopc_in {
   width: auto;
   background-color: white;
   margin: 0px 0px 1px;
   padding: 5px;
   font-size: 10px;
       text-align: center;
}

/* レジに行く */
.shopc_go {
   width: auto;
   background-color: #FFFFFF;
   margin: 0px;
   padding: 5px;
   color: #990000;
       height: 60px;
       clear: both;
}

.shopc_list .icon {
   display: none;
}

/********************************************************************/
/* メインコンテンツ領域 */

/* メイン写真 */
#photo {
   width: 700px;
   height: 130px;
   margin: 5px 0px 0px 0px;
   padding: 0px;
   display: none;
}

/* 左td */
#lefttd {
   width: 210px;
   padding: 0px;
   margin: 0px;
   border-right:0px solid #CCCCCC;
}

/* 中央td */
#column2 #centertd {
   padding: 0px;
   width: 470px;
   margin: 0px;
}

/* 右td */
#righttd {
   width: 191px;
   padding: 0px;
   padding-left: 19px;
}

/* 内部ページtd */
#pagetd {
   width: 720px;
   padding-left: 19px;
}

/* 写真影 */
.photo_line_80 {
   width: 80px;
   height: auto;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

.photo_line_140 {
   width: 140px;
   height: auto;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

.photo_line_250 {
   width: 250px;
   height: auto;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

.photo_line {
   width: auto;
   height: auto;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
   width: auto;
   padding: 5px;
   margin: 5px 200px 5px 200px;
   background-color: #FFFFCC;
   border: 1px solid #D4D0C8;
   text-align: center;
}

/* トップテーブル幅 */
.auto {
   width:100%;
}

/********************************************************************/
/* Welcome */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.welcome_top {
/*	width: auto; */
       width: 690px;
   background-color: #FF9933;
   border-top: 5px solid #FF6600;
   border-right: 5px solid #FF6600;
   border-left: 5px solid #FF6600;
   margin: 0px;
   padding: 5px 5px 0px 5px;
   color: #FFFFFF;
}

/* 大枠中 */
.welcome_middle {
   width: auto;
   background-color: #FF9933;
   border-right: 5px solid #FF6600;
   border-bottom: 5px none #FF6600;
   border-left: 5px solid #FF6600;
   margin: 0px;
   padding: 5px;
   color: #FFFFFF;
}

/* 大枠下 */
.welcome_bottom {
/*
   width: auto;
   background-color: #FF9933;
   border-right: 5px solid #FF6600;
   border-bottom: 5px solid #FF6600;
   border-left: 5px solid #FF6600;
*/
       width: 700px;
   margin: 0px;
   padding: 0px;
}

/* 写真 */
.photo_welcome {
   width: auto;
   margin: 0px 5px 0px 0px;
   float:left;
}

/********************************************************************/
/* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top {
/*	width: auto; */
   width: 690px;
   height: 30px;
       line-height: 30px;
   margin: 0px;
   padding-top: 5px;
   font-size: 14px;
   color: white;
   font-weight: bold;
       text-align: center;
       background-color: rgb(253, 131, 8);
       border-width: 2px;
       border-top-style: solid;
       border-left-style: solid;
       border-right-style: solid;
       border-color: #cccccc;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
}

/* 大枠中 */
.whatnew_middle {
/*	width: auto; */
/*	background-color: #F7F5DF; */
       width: 690px;
   border-right: 2px solid #CCCCCC;
   border-left: 2px solid #CCCCCC;
   margin: 0px;
   padding: 5px 0px 0px 0px;
   color: #535337;
       border-bottom-left-radius: 5px;
       border-bottom-right-radius: 5px;
}

.whatnew_middle ul {
       list-style-type: none;
       padding-left: 10px;
       padding-top: 10px;
       padding-bottom: 16px;
       border-bottom-style: solid;
       border-width: 2px;
       border-color: #cccccc;
       border-bottom-left-radius: 5px;
       border-bottom-right-radius: 5px;
}

.whatnew_middle ul li {
       font-size: 15px;
}

.whatnew_middle ul li a {
       text-decoration: none;
       font-size: 15px;
       padding-left: 20px;
       font-weight: normal;
}

/* 大枠下 */
.whatnew_bottom {
   width: auto;
/*
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
*/
   margin: 0px;
   padding: 0px;
}

/********************************************************************/
/* 商品関連レイアウト */

/* スタイル1　中央上 */

/* 大枠上
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top {
   width: 475px;
   height: 25px;
   background-image: url(img/top_title_bg.gif);
   margin: 0px;
   padding: 10px 0px 0px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #CC0000;
}

/* 大枠中 */
.style1_middle {
   width: 478px;
   background-color: #F7F5DF;
   border-top: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 5px;
}

/* 大枠下 */
.style1_bottom {
   width: auto;
   background-color: #F7F5DF;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

/* コピー */
.style1_copy {
   width: auto;
   margin: 0px;
   padding: 5px;
   font-size: 10px;
   font-weight: bold;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
   width: auto;
   margin-top: 5px;
   padding: 0px;
}

/* 各テーブル枠中 */
.style1_table_middle {
   width: auto;
   background-color: #CCCC99;
   margin: 0px;
   padding: 5px;
}

/* 各テーブル枠下 */
.style1_table_bottom {
   width: auto;
   margin: 0px;
   padding: 0px;
}

/* テーブル */
.style1_table {
   width: 468px;
   margin: 0px;
   padding: 0px;
}

/* 写真 */
.style1_photo {
   width: auto;
   margin: 0px 5px 0px 0px;
   padding: 0px;
}

/* 説明 */
.style1_text {
   width: auto;
   background-image: url(img/item_text_bg.gif);
   margin: 0px;
   padding: 5px;
   font-size: 10px;
   color: #525236;
}

/* 商品名 */
.item_name {
   font-size: 14px;
   color:#FF6600;
   font-weight: bold;
}


/* 価格 */
.price {
   font-size: 10px;
   color: #000000;
   font-weight: bold;
}

/* 価格大 */
.priceb {
   font-size: 12px;
   color: #000000;
   font-weight: bold;
}

/* 在庫ありなし */
.stock {
   color: #000000;
}

/********************************************************************/
/* スタイル2　中央下 */

/* 大枠上
※背景画像横490px、縦は設定、空白は高さ指定 */
.style2_top {
   width: 475px;
   height: 25px;
   background-image: url(img/top_title_bg.gif);
   margin: 0px;
   padding: 10px 0px 0px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #CC0000;
}

/* 大枠中 */
.style2_middle {
   width: 478px;
   background-color: #F7F5DF;
   border-top: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 5px;
}

/* 大枠下 */
.style2_bottom {
   width: auto;
   background-color: #F7F5DF;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

/*　コピー　*/
.style2_copy {
   width: auto;
   margin: 0px;
   padding: 5px;
   font-size: 10px;
   font-weight: bold;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
   width: auto;
   margin-top: 5px;
   padding: 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
   width: auto;
   background-color: #CCCC99;
   margin: 0px;
   padding: 5px;
}

/* 各テーブル枠下 */
.style2_table_bottom {
   width: auto;
   margin: 0px;
   padding: 0px;
}

/* テーブル */
.style2_table {
   width: 468px;
   margin: 0px;
   padding: 0px;
}

/* 写真 */
.style2_photo {
   width: auto;
   margin: 0px 5px 0px 0px;
   padding: 0px;
}

/* 説明 */
.style2_text {
   width: auto;
   background-image: url(img/item_text_bg.gif);
   margin: 0px;
   padding: 5px;
   font-size: 10px;
   color: #525236;
}

/* 2-5位テーブル */
.style2_rank_table {
   width: 468px;
   margin: 0px;
   padding: 0px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
   width: 113px;
}

/* 2-5位セル */
.style2_rank {
   width: auto;
   background-image: url(img/item_text_bg.gif);
   margin: 0px 2px 0px 2px;
   padding: 5px;
   font-size: 10px;
   color: #535337;
}

/* 2-5位写真 */
.style2_rank_photo {
   width: 80px;
   margin: 0px 10px;
   padding: 0px;
}

/* 2-5位説明 */
.style2_rank_text {
   width: 80px;
   margin: 0px 8px;
   padding: 0px;
   font-size: 10px;
   color: #535337;
}

/* 1位テキスト */
.rank1 {
   font-size: 14px;
   font-weight: bold;
   width: auto;
   padding-left: 5px;
}

/* 2-5位テキスト */
.rank2-5 {
   font-size: 10px;
   color: #535337;
   font-weight: bold;
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
   width: auto;
   height: 20px;
   background-image: url(img/menu_bg04.gif);
   margin: 0px;
   padding: 5px 0px 0px 15px;
}

/* 大枠中 */
.style3_middle {
   width: auto;
   background-color: #F5F5F5;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 5px;
}

/* 大枠下 */
.style3_bottom {
   width: auto;
   background-color: #F5F5F5;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

/* コピー */
.style3_copy {
   width: auto;
   margin: 0px;
   padding: 2px;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
}

/* テーブル */
.style3_table {
   width: auto;
   background-color: #F7F5DF;
   border: 1px solid #CCCCCC;
   margin-top: 5px;
   padding: 5px;
}

/* 写真 */
.style3_photo {
   width: 80px;
   margin-bottom: 5px;
   padding: 0px 26px;
}

/* 説明 */
.style3_text {
   width: auto;
   background-image: url(img/item_text_bg.gif);
   border: 1px solid #CCCCCC;
   margin: 0px;
   padding: 5px;
   font-size: 10px;
   color: #525236;
}

/********************************************************************/
/* メルマガ */

/* 大枠上
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top {
   width: auto;
   height: 20px;
   background-image: url(img/menu_bg04.gif);
   margin: 0px;
   padding: 5px 0px 0px 15px;
}

/* 大枠中 */
.melmaga_middle {
   width: auto;
   background-color: #F5F5F5;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 5px;
}

/* 大枠下 */
.melmaga_bottom {
   width: auto;
   background-color: #F5F5F5;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

/* 内容 */
.mdata {
   font-size: 10px;
   line-height: 140%;
}

/********************************************************************/
/* 店長日記 */

/* 大枠上
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
   width: auto;
   height: 20px;
   background-image: url(img/menu_bg04.gif);
   margin: 0px;
   padding: 5px 0px 0px 15px;
}

/* 大枠中 */
.tdiary_middle {
   width: auto;
   background-color: #F5F5F5;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 5px;
   font-size: 10px;
}

/* 大枠下 */
.tdiary_bottom {
   width: auto;
   background-color: #F5F5F5;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   margin: 0px;
   padding: 0px;
}

/* 写真 */
.tphoto {
   width: 60px;
   float: left;
   margin: 0px;
   padding: 0px;
}

/* プロフィール */
.tdata {
   width: 60px;
   float: left;
   margin: 0px 0px 0px 5px;
   padding: 0px;
}

/* プロフィールタイトル */
.ttitle {
   margin: 0px;
   padding: 0px;
   font-weight: bold;
   color: #663300;
}

/* コメント */
.tcom {
   margin: 0px;
   padding: 5px;
   background-color: #FFFFFF;
   color: #000000;
}

/**********************************/
/* 第二階層 */

/* 第二階層パンクズ下大枠 */

#pagemain {
   width: 710px;							/* サイズ変更 */
   margin: 0 auto;
   padding: 0px 0px 15px;
}

/* 第二階層パンクズ */

#pan {
   padding: 5px;
   width: auto;
   display: none;
}

/* 第二階層タイトル
※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */

.ptitle {
   width: 680px;							/* サイズ変更 655px */
   height: 26px;
   background-image: url(image/page_title_bg01.gif);			/* 変更 */
   margin: 5px auto 0 auto;
   padding: 9px 0px 0px 0px;
   text-indent: 15px;
   font-size: 14px;
   font-weight: bold;
   color: #CC0000;
}

/* 第二階層中 */

.pmiddle {
   width: 670px;							/* サイズ変更 720px*/
   background-color: #F7F5DF;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   margin: 0 auto;
   padding: 5px;
}

/* 第二階層下 */

.pbottom {
   width: 670px;							/* サイズ変更 */
   height: 0px;
   background-color: #F7F5DF;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   margin: 0 auto;
   padding: 5px 5px 0px 5px;
}

/* カートに入れる・お問い合わせボタン枠 */

.item_bot_box {
   background-color: #F5F5F5;
   border: 1px solid #cc9;
   margin: 0px;
   padding: 5px 5px 5px 5px;
}

.item_bot_box2 {
   border-top: 1px solid #cc9;
   margin: 0px;
   padding: 5px 5px 5px 5px;
}


/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
   width: 255px;
   height: auto;
   background-image: url(img/icon_sub_title01.gif);
   background-repeat: no-repeat;
   margin: 0px;
   padding: 9px 0px 5px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #CC0000;
   float: left;
}

/* ソート */
.list_soat {
   width: 300px;
   margin-left: 340px;
   padding: 7px 0px 0px 15px;
   font-size: 14px;
   font-weight: bold;
}

/* 商品数 */
.list_count {
   width: auto;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #FF9966;
   margin: 0px 10px 5px;
   padding: 5px 0px 0px 5px;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
   width: auto;
   margin: 10px 10px 0px 10px;
   padding: 0px;
}

/* 各テーブル枠中 */
.list_table_middle {
   width: auto;
   background-color: #CCCC99;
   margin: 0px 10px 0px 10px;
   padding: 5px;
}

/* 各テーブル枠下 */
.list_table_bottom {
   width: auto;
   margin: 0px 10px 0px 10px;
   padding: 0px;
}

/* 商品一覧テーブル */
.list_item_table {
   width: 628px;
   margin: 0px;
   padding: 0px;
}

/********************************************************************/
/* 商品詳細ページ */

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {
   width: auto;
   background-color: #CCCC99;
   padding: 0px;
   margin: 10px 10px 0px 10px;
}

/* テーブル枠中 */
.detail_table_middle {
   width: auto;
   background-color: #fff;
   padding: 10px;
   margin: 0px 5px 0px 5px;
   border: 5px solid #cc9;
}

/* テーブル枠下 */
.detail_table_bottom {
   width: auto;
   background-color: #cc9;
   padding: 0px;
   margin: 0px 10px 0px 10px;
}

/* 商品詳細テーブル */
.detail_item_table {
   width: 630px;
   margin: 0px;
   padding: 0px;
}

/* 商品詳細商品説明 */

.detail_item_text {
   width: auto;
   background: #fff;			/* 変更 */
   margin: 0px;
   padding: 10px 0px 0px 10px;
   font-size: 12px;
   color: #525236;
   line-height: 160%;
}

/* 商品詳細サブタイトル
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */

.detail_sub_title {

   display: none;
   width: auto;
   height: 26px;
   background-image: url(image/page_title_bg02.gif);
   margin: 5px 0px;
   padding: 9px 0px 0px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
}


/* 詳細説明 */

.detail_sub_table {
   width: 618px;
   margin: 0px;
   padding: 0px;
}

/* 他の写真 */

.detail_sub_table02 {
   width: 618px;
   margin: 20px 0 0;
   padding: 0px;
}

/* 詳細説明テキスト */

.detail_sub_text {
   width: auto;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
   margin: 0px;
   padding: 5px;
}

/* 他の写真サブセル */

.sub_item {
   width: auto;
   margin: 0px 5px 5px;
   padding: 5px;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
}

/* セル幅 */

.detail_sub_table02 td {
   width: 206px;
}

/* 他の商品写真 */

.sub_item_photo {
   width: auto;
   height: auto;
   margin: 5px 22px;
   padding: 0px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle～pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */

.page_table_top {
   width: auto;
   height: 17px;
   background-image: url(image/sub_menu_bg_01.gif);			/* 変更 */
   margin: 10px 20px 0px;
   padding: 8px 5px 5px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
}


/* 内部ページの中 */

.page_table_middle {
   width: auto;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
   border-right: 1px solid #D4D0C8;
   border-bottom: 1px none #D4D0C8;
   border-left: 1px solid #D4D0C8;
   margin: 0px 20px 0px 20px;
   padding: 10px 10px 0px 10px;
}

/* 内部ページの下 */

.page_table_bottom {
   width: auto;
   height: 10px;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
   border-right: 1px solid #D4D0C8;
   border-bottom: 1px solid #D4D0C8;
   border-left: 1px solid #D4D0C8;
   margin: 0px 20px 0px 20px;
   padding: 0px;
}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */

.page_table2_top {
   width: auto;
   height: 17px;
   background-image: url(image/sub_menu_bg_01.gif);			/* 変更 */
   margin: 10px 20px 0px;
   padding: 8px 5px 5px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
}

/* 内部ページの中 */

.page_table2_middle {
   width: auto;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
   border-right: 1px solid #D4D0C8;
   border-bottom: 1px none #D4D0C8;
   border-left: 1px solid #D4D0C8;
   margin: 0px 20px 0px 20px;
   padding: 10px 10px 0px 10px;
}

/* 内部ページの下 */

.page_table2_bottom {
   width: auto;
   height: 10px;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
   border-right: 1px solid #D4D0C8;
   border-bottom: 1px solid #D4D0C8;
   border-left: 1px solid #D4D0C8;
   margin: 0px 20px 0px 20px;
   padding: 0px;
}

/* 内部ページbbs用
背景画像横幅522px　middleボーダー設定なしの場合520px */

.page_table3_top {
   width: auto;
   height: 17px;
   background-image: url(image/sub_menu_bg_03.gif);			/* ダウン */
   margin: 10px 20px 0px;
   padding: 8px 5px 5px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
}

/* 内部ページの中 */

.page_table3_middle {
   width: auto;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
   border-right: 1px solid #D4D0C8;
   border-bottom: 1px none #D4D0C8;
   border-left: 1px solid #D4D0C8;
   margin: 0px 20px 0px 20px;
   padding: 10px 10px 0px 10px;
}

/* 内部ページの下 */

.page_table3_bottom {
   width: auto;
   height: 10px;
   background-image: url(image/item_text_bg.gif);			/* 変更 */
   border-right: 1px solid #D4D0C8;
   border-bottom: 1px solid #D4D0C8;
   border-left: 1px solid #D4D0C8;
   margin: 0px 20px 0px 20px;
   padding: 0px;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */

.page_sub_top {
   width: auto;
   height: 28px;
   background-image: url(image/icon_sub_title02.gif);			/* ダウン */
   background-repeat: no-repeat;
   border-bottom: 1px solid #FF9966;
   margin-bottom: 5px;
   padding: 9px 0px 0px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #393926;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */

.page_sub2_top {
   width: auto;
   height: 28px;
   background-image: url(image/icon_sub_title02.gif);			/* ダウン */
   background-repeat: no-repeat;
   border-bottom: 1px solid #FF9966;
   margin-bottom: 5px;
   padding: 9px 0px 0px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #393926;
}

/* 内部テーブルフレーム */

.table_fream {
   width: 595px;
}

/********************************************************************/
/* カートの中身 */

/* カートの中身テーブル */
.cart_table {
   width: 595px;
   margin-bottom:5px;
}

/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
   width: 595px;
   margin: 0px;
   padding: 0px;
}

/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
   width: auto;
   background-color:#FFFFCC;
   border: 1px solid #D4D0C8;
   margin: 5px 5px 0px 0px;
   padding: 10px;
}

.point_box2 {
   width: auto;
   background-color:#F5F5F5;
   border-right: 1px solid #D4D0C8;
   border-left: 1px solid #D4D0C8;
   border-bottom: 1px solid #D4D0C8;
   margin: 0px 5px 5px 0px;
   padding: 5px;
}

.point_box3 {
   width: auto;
   background-color:#FFFFCC;
   border: 1px solid #D4D0C8;
   margin: 10px;
   padding: 5px;
   text-align: center;
}

/* エラーボックス */
.error_box {
   width: auto;
   background-color:#FFFFCC;
   border: 1px solid #D4D0C8;
   margin: 5px 40px 0px 40px;
   padding: 10px;
}

/* エラーテキスト */
.error_text {
   color: #FF0000;
   font-weight: bold;
}

/* ログイン失敗時のエラーボックス */
.shopc_in .error_box {
   position: relative;
   margin: 10px 0px;
   top: 80px;
}

/* テーブルパティング　
※各項目divに設定 */
.member .box_padding {
/*       background-image: url(image/mail-key.png); */
       background-repeat: no-repeat;
       color: transparent;
       text-align: right;
       position: relative;
}

.box_padding {
   padding: 2px;
}
.box_padding .colon {
       display: none;
}
html .member .shopc_in .box_padding input {
       width: 90px;
       height: 15px;
       margin-top: 5px;
       background-color: white;
}

.shopc_in .box_padding .subicon03 {
       background-image: none;
       position: absolute;
       padding: 0px;
       margin: 0px;
       left: 20px;
       top: 110px;
       height: 40px;
       background-image: url(image/icon-lock.png);
       background-repeat: no-repeat;
       background-position: top left;
       padding-top: 3px;
}

.member .shopc_go {
       height: 70px;
}
.box_padding .text-11 {
       text-decoration: none;
       font-size: 14px;
       padding: 0px;
       margin: 0px;
       padding-left: 19px;
}

#side_login_submit {
       position: absolute;
       top: 160px;
       width: 83px;
       height: 30px;
       line-height: 30px;
       font-size: 13px;
       padding: 0px;
       background-color: rgb(135, 135, 135);
       background-image: none;
       color: white;
       text-align: center;
       border-style: outset;
       border-color: #cccccc;
       left: 60px;
       display: none;
}

.member .logoutinput {
      position: absolute;
       width: 83px;
       height: 30px;
       line-height: 30px;
       font-size: 13px;
       padding: 0px;
       background-color: rgb(135, 135, 135);
       background-image: none;
       color: white;
       text-align: center;
       border-style: outset;
       border-color: #cccccc;
       left: 60px;
       margin-top: 28px;
}

/* カート金額 */
.cart_price_box {
   width: 150px;
   background-color:#FFFFFF;
   border: 1px solid #D4D0C8;
   margin: 0px 0px 0px 5px;
   padding: 5px;
   text-align: right;
}

/* カートステップテーブル */
.cart_step_table {
   width: auto;
   margin-left: 5px;
}

/* カートステップ
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
   width: auto;
   height: 48px;
   background-color:#FFFFFF;
   border-top: 1px solid #999966;
   border-left: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
}

.cart_step_2 {
   width: auto;
   height: 48px;
   background-color:#FFFFFF;
   border-top: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
}

.cart_step_3 {
   width: auto;
   height: 48px;
   background-color:#FFFFFF;
   border-top: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
}

.cart_step_4 {
   width: auto;
   height: 48px;
   background-color:#FFFFFF;
   border-top: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
}

.cart_step_1_check {
   width: auto;
   height: 48px;
   background-color:#FFFFCC;
   border-top: 1px solid #999966;
   border-left: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
   color: #484824;
}

.cart_step_2_check {
   width: auto;
   background-color:#FFFFCC;
   height: 48px;
   border-top: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
   color: #484824;
}

.cart_step_3_check {
   width: auto;
   background-color:#FFFFCC;
   height: 48px;
   border-top: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
   color: #484824;
}

.cart_step_4_check {
   width: auto;
   background-color:#FFFFCC;
   height: 48px;
   border-top: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   padding: 5px;
   color: #484824;
}

/* 内容確認用テキスト */
.bottom_check {
   width: 608px;
   text-align: center;
   margin: 10px 20px 0px;
   padding: 5px;
   border-bottom: 1px solid #CCCC99;
}

/* フォーム系td背景 */
.td_color1 {
   background-color:#33CC66;
   border-top: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   padding: 5px;
   color: #FFFFFF;
}

.td_color2 {
   background-color:#EAFAEF;
   border-top: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   padding: 5px;
}

.td_color3 {
   background-color:#ABEBC0;
   border-top: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   padding: 5px;
   color: #297E54;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
   width: auto;
   height: 17px;
   background-image: url(img/sub_menu_bg_01.gif);
   margin: 10px 20px 0px;
   padding: 8px 5px 5px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #FFFFFF;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
   width: auto;
   background-color: #CCCC99;
   margin: 0px 20px 0px 20px;
   padding: 0px 10px 0px 10px;
   color: #FFFFFF;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {
   width: auto;
   height: 10px;
   background-color: #CCCC99;
   margin: 0px 20px 0px 20px;
   padding: 0px;
}

/* テーブル */
.tdiary_news_table {
   width: 595px;
   margin: 0px;
   padding: 0px;
}

/* テキスト部分 */
.tdiary_news_text {
   width: auto;
   background-image: url(img/item_text_bg.gif);
   margin: 10px 0px 0px 0px;
   padding: 10px;
/*	color: #616141; */
   color: black;
}

/* 写真部分 */
.tdiary_news_photo {
   width: auto;
   margin: 0px;
   padding: 10px 5px 0px 0px;
   /*
   color: #616141;
   */
   color: black;
}

/********************************************************************/
/* リンク集・ショップのご案内 */

/* td左 */
.td_link_shop1 {
   width: 150px;
   background-color:#FFE7CE;
   border-bottom: 1px solid #FF9966;
   border-right: 1px solid #FF9966;
   padding: 5px;
   color: #FFFFFF;
}

/* td右 */
.td_link_shop2 {
   width: auto;
   background-color:#FFFFF0;
   border-bottom: 1px solid #FF9966;
   padding: 5px;
}

/* 大枠 */
.link_shop {
   background-color:#FFFFFF;
   border: 1px solid #D4D0C8;
   margin: 10px 5px 0px 5px;
   padding: 10px 10px 0px 10px;
}

/* テーブル */
.link_shop_table {
   width: 625px;
   background-color:#FFFFFF;
   margin: 0px;
   padding: 10px;
}

/* ショップタイトル項目 */
.shop_title {
   width: auto;
   height: 28px;
   background-image: url(img/icon_sub_title02.gif);
   background-repeat: no-repeat;
   margin-bottom: 5px;
   padding: 9px 0px 0px 15px;
   font-size: 14px;
   font-weight: bold;
   color: #545438;
}

/* リンクタイトル項目 */
.link_title {
   width: auto;
   margin-bottom: 5px;
   padding: 9px 0px 0px 15px;
}

/* テキスト部分 */
.shop_link_text {
   width: auto;
   margin: 0px;
   padding: 10px;
   /*
   color: #616141;
   */
   color: black;
}

/********************************************************************/
/* ご利用ガイド */
.guide_text {
   width: auto;
   margin: 0px;
   padding: 0px 10px 5px 10px;
}

/********************************************************************/
/* フッター */
#footer {
   padding: 25px 0px 0px 0px;
   margin-top: 0px;
   font-size: 10px;
   color: #FFFFFF;
       width: 930px;
}

/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
   padding: 5px 15px 5px 0px;
   color: #000000;
}

#ochanoko img {
       display: none;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
   padding-left: 10px;
}

.win_close A:link {
   color: #606040;
}

.win_close A:active {
   color: #606040;
}

.win_close A:visited {
   color: #606040;
}

.win_close A:hover {
   color: #999966;
}

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
   width: auto;
   background-color: #CCCC99;
   margin: 20px 20px 0px 20px;
   padding: 5px;
}

/* 大枠中 */
.bbs_table_middle {
   width: auto;
   background-color: #CCCC99;
   margin: 0px 20px 0px 20px;
   padding: 0px 10px 0px 10px;
}

/* 大枠下 */
.bbs_table_bottom {
   width: auto;
   height: 10px;
   background-color: #CCCC99;
   margin: 0px 20px 0px 20px;
   padding: 0px;
}

/* テーブル小 */
.bbs_table_stop {
   width: 500px;
   margin-left: 50px;
   padding: 0px;
}

/* テーブル小 */
.bbs_table_s {
   width: 500px;
   margin: 0px;
   padding: 0px;
}

/* テーブル */
.bbs_table {
   width: 598px;
   margin: 0px;
   padding: 0px;
}

/* tdカラー */
.bbs_td_color1 {
   width: 20px;
   background-color:#6A6A46;
   padding: 5px;
   color: #FFFFFF;
}

.bbs_td_color2 {
   background-color:#FFFFCC;
   padding: 5px;
}

.bbs_td_color3 {
   width: 30px;
   background-color:#666666;
   padding: 5px;
   color: #FFFFFF;
}

/* テキスト */
.bbs_text {
   width: auto;
   background-color: #FFFFFF;
   margin: 5px 5px 15px 5px;
   padding: 10px;
}

/* ページ送り */
.sec_line_top {
   width: auto;
   text-align: right;
   margin: 10px 20px 0px;
   padding: 5px;
   border-top: 1px solid #CCCC99;
   border-bottom: 1px solid #CCCC99;
}

/* リンク色 */
.sec_line_top A:link {
   font-weight: normal;
   text-decoration: underline;
   font-size: 12px;
   line-height: 140%;
}

.sec_line_top A:active {
   text-decoration: underline;
   font-size: 12px;
   font-weight: normal;
   line-height: 140%;
}

.sec_line_top A:visited {
   text-decoration: underline;
   font-size: 12px;
   font-weight: normal;
   line-height: 140%;
}

.sec_line_top A:hover {
   text-decoration: none;
   font-size: 12px;
   font-weight: normal;
   line-height: 140%;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
   padding: 2px;
   background-color: #fff;
   background-image: url(image/bot_bg2.gif);			/* 変更 */
   color: #fff;
   font-weight: bold;
}

/********************************************************************/
/* HTMLタグ要素 */
body {
/*	background-image: url(img/bg.gif); */
   word-break: break-all;
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   /*
   color: #616141;
   */
   color: black;
   line-height: 140%;
}

A:link {
   font-weight: bold;
   text-decoration: underline;
   font-size: 12px;
   color: #606040;
   line-height: 140%;
}

A:active {
   text-decoration: underline;
   font-size: 12px;
   font-weight: bold;
   color: #606040;
   line-height: 140%;
}

A:visited {
   text-decoration: underline;
   font-size: 12px;
   font-weight: bold;
   color: #606040;
   line-height: 140%;
}

A:hover {
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
   color: #999966;
   line-height: 140%;
}

h1 {
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   font-weight: normal;
}

h2 {
   margin: 0px;
   padding: 0px;
   font-size: 12px;
}

h3 {
   font-size: 14px;
   color: #FFFFFF;
   margin: 0px;
   padding: 0px;
}

ul {
   list-style-position: outside;
   margin: 0px;
   padding: 0px 3px 0px 25px;
}

/* ナビゲーション用リストアイコン
注意：リストのため画像位置が上にずれる */
.category_list li {
   padding-bottom: 5px;
   list-style-image: url(img/icon04.gif);
}

/* 特集用リストアイコン
注意：リストのため画像位置が上にずれる */
.pickup_category_list li {
   padding-bottom: 5px;
   list-style-image: url(img/icon04.gif);
}

li {
   padding-bottom: 5px;
}

form {
   margin: 0px;
   padding: 0px;
   display: inline;
}

/********************************************************************/
/* 回り込み回避用スタイル */
.clear-both {
   clear: both;
   height: 1px;
   font-size: 1px;
   text-align: center;
   overflow: hidden;
   visibility: hidden;
}
.clear {
   clear: both;
}

/********************************************************************/
/* フォント */

/* ボールド */
.text-bold {
   font-weight: bold;
}

/* ノーマル */
.text-normal {
   font-weight:normal;
}

/* ボールド大 */
.text-bold-b {
   font-weight: bold;
   font-size: 14px;
}

/* パンクズ現ページ */
.thispage {
   color: #393926;
   font-weight: bold;
}

/* リンク文字かご関連 */
.text-link-bot-b {
   font-size: 14px;
}

/* サイズ小用 */
.text-11 {
   font-size: 10px;
}

/* サイズ大用 */
.text-14 {
   font-size: 14px;
}

/* ショップロゴ用 */
.text-18 {
   font-size: 18px;
   line-height: 100%;
}

/* 掲示板テキスト用カラー */
.bbs_color {
   color: #990000;
}

/* 自由記入バナー用 */

.free_banner {
   margin: 0 0 10px 0;
}

.free_banner img {
   border: 0;
}

.banner {
   width: 210px;
   height: 97px;
   margin-bottom: 10px;
}

#calender {
   margin-top: 20px;
   margin-bottom: 20px;
   font-size:11px;
}

#eye-catch {
   width: 465px;
   height: 260px;
   margin-bottom: 10px;
}

#login_box_area {
   margin-bottom: 12px;
}

#left_cart_area {
   margin-top: 20px;
   margin-bottom: 20px;
   width: 210px;
}

#left_cart_area .shopc_in {
/*
   min-height: 100px;
   line-height: 100px;
*/
}

#left_cart_area .shopc_list .shopc_in {
   text-align: left;
}

#left_cart_area .shopc_list {
   border-left-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-width: 2px;
   border-color: #cccccc;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}

#left_cart_area .shopc_title {
   border-top-style: solid;
   border-left-style: solid;
   border-right-style: solid;
   border-widteh: 2px;
   border-color: #cccccc;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

#ssl_banner {
   display: none;
}

.item-banner-large {
/*    float: left; */
/*    width: 173px; */
   display: inline-block;
   width: 170px;
   margin-right: 2px;
   margin-bottom: 3px;
}
.item-banner-large img {
   vertical-align: bottom;
}

#item-banner-box-large {
   margin-left: -3px;
}

#header-detail {
   margin-top: 440px;
   width: 471px;
}

#item-banner-box-small {
   margin-top: 10px;
}

.item-banner-small {
   float: left;
   width: 230px;
   margin-top: 10px;
}

.item-banner-small.right {
   float: right;
   width: 230px;
   margin-top: 10px;
}

#order-banner {
   width: 471px;
   margin-top: 10px;
}

h4 {
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: center;
   background-color: rgb(253, 131, 5);
   color: white;
   padding: 0px;
   line-height: 30px;
   font-size: 15px;
   height: 30px;
   font-weight: normal;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top-style: solid;
   border-left-style: solid;
   border-right-style: solid;
   border-color: #cccccc;
   border-width: 2px;
}

.item-menu {
   margin-bottom: 20px;
   list-style-type: none;
   border-left-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-color: #cccccc;
   border-width: 2px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   padding: 0px;
   position: relative;
}

.item-menu li {
   height: 30px;
   line-height: 30px;
   padding: 0px;
   font-size: 14px;
   font-weight: normal;
   padding-left: 15px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-color: #cccccc;
}

.item-menu li:hover {
   background-color: rgb(255, 238, 226);
   color: rgb(253, 131, 8);
   border-color: #cccccc;
}

.item-menu a {
   text-decoration: none;
   border-color: #cccccc;
   border-bottom-color: rgb(204, 204, 204);
}

.member {
   text-align: left;
   border-style: solid;
   border-width: 2px;
   border-color: #cccccc;
   border-radius: 5px;
   width: 206px;
   position: relative;
}

.member .shopc_in {
   padding-top: 15px;
}

#mregistration {
   text-align: left;
   background-image: url(image/icon-account.png);
   height: 20px;
   padding-left: 30px;
   line-height: 40px;
}

#mregistration a {
   text-decoration: none;
   font-size: 15px;
   font-weight: normal;
}

#return-top {
   width: 120px;
   height: 30px;
   background-color: rgb(253, 131, 8);
   text-align: center;
   line-height: 30px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   text-decoration: none;
   color: white;
   font-size: 14px;
   margin-left: 815px;
   float: right;
}

a.no-decoration {
   text-decoration: none;
}

#footer-content {
   clear: both;
   border-top-style: solid;
   border-top-color: rgb(253, 131, 8);
   border-top-width: 2px;
   padding-right: 20px;
}

#footer-content h4 {
   border-style: none;
   background-color: transparent;
   color: black;
   text-align: left;
   margin-left: 20px;
   border-bottom-style: solid;
   border-width: 2px;
   border-color: #cccccc;
   margin-top: 18px;
   padding-bottom: 4px;
   padding-left: 10px;
}

#footer-item-list {
   margin-top: 18px;
   margin-left: 35px;
}

#footer-item-list li {
   width: 210px;
   font-size: 14px;
   margin-bottom: 5px;
   float: left;
   list-style-image: url(image/list-item-rect.png);
   vertical-align: middle;
   font-weight: normal;
}

#footer-menu {
   margin-top: 18px;
}

#footer-menu li {
   float: left;
   list-style-image: url(image/list-item-arrow.png);
   margin-left: 25px;
   font-size: 13px;
   font-weight: normal;
   vertical-align: middle;
   width: 100px;
}

#footer-menu .campany {
   width: 60px;
}

#footer-menu .howto {
   width: 90px;
}

#footer-menu .send {
   width: 100px;
}

#footer-menu .customer {
   width: 70px;
}

#footer-menu .contact {
   width: 80px;
}

#footer-menu .sct {
   width: 120px;
}

#footer-menu .return {
   width: 180px;
}

#footer-label {
   margin-top: 20px;
   height: 30px;
   background-color: rgb(253, 131, 8);
   padding-left: 20px;
   padding-bottom: 5px;
   padding-top: 5px;
}

#copyright {
   float: right;
   color: white;
   line-height: 35px;
   font-size: 13px;
   margin-right: 50px;
}

.product-submenu {
   width: 200px;
   border-style: solid;
   border-left-style: none;
   border-width: 2px;
   border-color: #cccccc;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   padding: 0px;
   position: absolute;
   left: 203px;
   display: none;
   box-shadow: 3px 3px 5px gray;
   z-index: 20;
}

#bookcover.product-submenu {
   top: -2px;
}

#tape.product-submenu {
   top: -2px;
}

#body-tape.product-submenu {
   top: 29px;
}

#no-tape.product-submenu {
   top: 60px;
}

#cpp.product-submenu {
   top: 91px;
}

#header-opp.product-submenu {
   top: 184px;
}

#pp-white.product-submenu {
   top: 246px;
}

#cardsleeve.product-submenu {
   top: 153px;
}

#picture.product-submenu {
   top: 385px;
}

#delivery.product-submenu {
   top: 277px;
}

.product-submenu li {
   width: 185px;
   height: 30px;
   line-height: 35px;
   list-style-type: none;
   border-bottom-style: solid;
   border-bottom-color: #cccccc;
   border-width: 1px;
   font-size: 14px;
   padding-left: 15px;
   background-color: white;
}

.product-submenu li:hover {
   border-left-style: solid;
   border-left-width: 5px;
   border-left-color: rgb(253, 131, 8);
   color: rgb(253, 131, 8);
   width: 180px;
   background-color: rgb(255, 238, 226);
}

.product-submenu a {
   text-decoration: none;
   font-weight: normal;
}


/**
* 商品一覧ページのスタイル
*/
#category_container {
   width: 650px;
   margin-left: auto;
   margin-right: auto;
}

.category_header {
   width: 650px;
   height: 45px;
   background-color: white;
   border-color: rgb(215, 215, 215);
   border-width: 1px;
   border-style: solid;
   padding-bottom: 6px;
}

.category_header .label {
   font-size: 21px;
   margin-left: 15px;
   margin-top: 10px;
   padding: 4px 0 7px 10px;
   color: #231815;
   border-bottom-style: solid;
   border-bottom-color: rgb(255, 129, 19);
   border-width: 2px;
}

.category_icon_table {
   margin-top: 10px;
}

.category_icon {
   text-align: center;
   width: 125px;
   height: 50px;
}

.category_label {
   text-align: center;
   width: 125px;
   height: 20px;
   margin-top: 3px;
}

.item_table {
   width: 650px;
   margin-bottom: 25px;
   margin-top: 14px;
   border-top-style: solid;
   border-left-style: solid;
   border-color: rgb(189, 191, 181);
   border-width: 1px;
}

.item_table th {
   height: 40px;
   color: #231815;
   text-align: center;
   font-weight: normal;
   background-color: rgb(255,129,19);
   font-size: 15px;
   border-bottom-style: solid;
   border-right-style: solid;
   background-color: #DCDDDD;
   border-width: 1px;
   border-color: rgb(189, 191, 181);
   padding: 5px 0 0;
}

.item_table td {
   text-align: center;
   font-size: 15px;
   font-weight: normal;
   font-color: black;
   border-bottom-style: solid;
   border-right-style: solid;
   border-color: rgb(189, 191, 181);
   border-width: 1px;
   height: 55px;
   padding: 0;
}

.item_table tr:nth-child(odd) {
   background-color: #FEFFF3;
}

.item_table th.item_name {
/*
   width: 125px;
*/
}

.item_table th.item_size {
   width: 135px;
}

.item_table th.item_thick {
   width: 50px;
}
.item_table th.item_thick>.unit {
   font-size: 12px;
}

.item_table td.item_size {
   white-space: nowrap;
   padding-left: 3px;
   padding-right: 3px;
}

.item_table th.item_spec {
   width: 145px;
}

.item_table th.item_price {
   width: 75px;
}

.item_table th.item_detail_button {
   width: 55px;
}

.item_detail_button img {
   border-style: none;
}

.item_table td.item_spec {
   text-align: center;
   padding: 0 2px 0 4px;
}

.item_table td.item_spec img {
   margin: 2px 4px;
   float: left;
}

.item_table td.item_price .price {
   padding-left: 5px;
   font-size: 11px;
   font-weight: normal;
}

.item_table .unit_label {
   font-weight: normal;
   font-size: 11px;
   margin-top: 3px;
}
.item_table .item_size .unit_label {
   font-size: 12px;
}
.item_table td.item_name {
   text-align: center;
/*    padding-left: 10px; */
   font-weight: normal;
   color: rgb(97, 97, 65);
   font-size: 13px;
}

.item_table th.item_name {
   width: 142px;
}




/********************************************************************/
/*  旧OPP本舗からのCSS

/********************************************************************/


.center {
   text-align: center;
}

.right {
   text-align: right;
}

.left {
   text-align: left;
}

div.opn {
   width: 480px;
   margin: 0 auto;
}

p.btn {
   text-align: center;
}

table.hid {
   width: 474px;
   margin: 0 auto;
   border: solid 2px #faa;
}

/*□□□□□商品詳細 sizeテーブル□□□□□*/


table.size {
   width: 590px;
   margin: 10px auto;
   border-collapse: collapse;
   border: 0;
   font-size: 12px;
   color: #333;
}

table.size td {
   padding: 5px;
}

table.size td.size_illust {
   width: 250px;
   vertical-align: middle;
   text-align: center;
}

table.size div {
   width: 304px;
   margin: 5px auto;
   background-color: #ffc;
   padding: 3px;
   text-align: center;
}

/*□□□□□商品詳細 adaptation(適合サイズ)テーブル□□□□□*/


table.adaptation {
   width: 590px;
   margin: 10px auto;
   border-collapse: separate;
   border: solid 1px #aaa;
   font-size: 12px;
   color: #333;
   background-color: #aaa;
}

table.adaptation caption {
   background-color: #ffc;
}

table.adaptation td {
   padding: 5px;
   text-align: center;
   background-color: #fff;
}

/*□□□□□商品詳細 adaptation(適合サイズ)テーブル□□□□□*/


table.koujou {
   width: 590px;
   color: #333;
   font-size: 12px;
   margin: 10px auto;
   border-collapse: collapse;
   border: 0;
}

table.koujou td {
   padding: 5px;
}

table.koujou td.photo {
   width: 345px;
   padding: 0;
}

table.koujou div.text {
   width: 220px;
   font-size: 12px;
   color: #333;
   margin: 0 auto;
   padding: 3px;
   border: solid 2px #ff0;
   line-height: 130%;
}

/*--------ライン内--------*/


div.line {
   width: 590px;
   margin: 10px auto;
   border: solid 2px #eb5e00;
   padding: 10px;
}

/*--------上部 サイズ・注意書き--------*/


table.sizer {
   width: 590px;
   margin: 10px auto;
}

table.sizer div {
   color: #333;
   font-size: 12px;
   width: 304px;
   margin: 5px auto;
   background-color: #ffc;
   padding: 3px;
}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*◇******** フォント*********◇*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/

/*--------標準 サイズ(f10～f25)--------*/


.f10 {
   font-size: 10px;
   line-height: 130%;
}

.f11 {
   font-size: 11px;
   line-height: 130%;
}

.f12 {
   font-size: 12px;
   line-height: 130%;
}

.f13 {
   font-size: 13px;
   line-height: 130%;
}

.f14 {
   font-size: 14px;
   line-height: 130%;
}

.f15 {
   font-size: 15px;
   line-height: 130%;
}

.f16 {
   font-size: 16px;
   line-height: 130%;
}

.f17 {
   font-size: 17px;
   line-height: 130%;
}

.f18 {
   font-size: 18px;
   line-height: 130%;
}

.f19 {
   font-size: 19px;
   line-height: 130%;
}

.f20 {
   font-size: 20px;
   line-height: 130%;
}

.f25 {
   font-size: 25px;
   line-height: 130%;
}

.f30 {
   font-size: 30px;
   line-height: 130%;
}

.f35 {
   font-size: 35px;
   line-height: 130%;
}

.f40 {
   font-size: 40px;
   line-height: 130%;
}

.f45 {
   font-size: 45px;
   line-height: 130%;
}

/*--------太字 サイズ(b10～b25)--------*/


.b10 {
   font-size: 10px;
   line-height: 150%;
   font-weight: bold;
}

.b11 {
   font-size: 11px;
   line-height: 150%;
   font-weight: bold;
}

.b12 {
   font-size: 12px;
   line-height: 150%;
   font-weight: bold;
}

.b13 {
   font-size: 13px;
   line-height: 150%;
   font-weight: bold;
}

.b14 {
   font-size: 14px;
   line-height: 150%;
   font-weight: bold;
}

.b15 {
   font-size: 15px;
   line-height: 150%;
   font-weight: bold;
}

.b16 {
   font-size: 16px;
   line-height: 150%;
   font-weight: bold;
}

.b17 {
   font-size: 17px;
   line-height: 150%;
   font-weight: bold;
}

.b18 {
   font-size: 18px;
   line-height: 150%;
   font-weight: bold;
}

.b19 {
   font-size: 19px;
   line-height: 150%;
   font-weight: bold;
}

.b20 {
   font-size: 20px;
   line-height: 150%;
   font-weight: bold;
}

.b25 {
   font-size: 25px;
   line-height: 150%;
   font-weight: bold;
}

.b30 {
   font-size: 30px;
   line-height: 150%;
   font-weight: bold;
}

.b35 {
   font-size: 35px;
   line-height: 150%;
   font-weight: bold;
}

.b40 {
   font-size: 40px;
   line-height: 150%;
   font-weight: bold;
}

.b45 {
   font-size: 45px;
   line-height: 150%;
   font-weight: bold;
}

/*-------------カラー-------------*/


.dark {
   color: #333;
}

.blue {
   color: #00f;
}

.sky {
   color: #06f;
}

.mizuiro {
   color: #0cf;
}

.orange {
   color: #eb5e00;
}

.pink {
   color: #f0f;
}

.red {
   color: #f00;
}

.purple {
   color: #920783;
}

.green {
   color: #0f0;
}

.darkgreen {
   color: #090;
}

.gold {
   color: #787812;
}

.white {
   color: #fff;
}

#folder19 li, #folder20 li {
   display: none;
}

.font14green {
   font-size: 14px;
   color: #006633;
   font-weight: bold;
   line-height: 150%;
}

.font18green {
   font-size: 18px;
   color: #006633;
   font-weight: bold;
   line-height: 150%;
}

.font18gold {
   font-size: 18px;
   color: #787812;
   font-weight: bold;
   line-height: 150%;
}

.font18greenbo {
   font-size: 18px;
   color: #00CC33;
   font-weight: bold;
   line-height: 150%;
}

.font18orange {
   font-size: 18px;
   color: #FF6600;
   font-weight: bold;
   line-height: 150%;
}

.font18blue {
   font-size: 18px;
   color: #0099FF;
   font-weight: bold;
   line-height: 150%;
}

.font12glay {
   font-size: 12px;
   color: #333333;
   line-height: 130%;
}

.font12red {
   font-size: 12px;
   color: #FF0000;
}

.font13red {
   font-size: 13px;
   color: #FF0000;
}

.font14blue {
   font-size: 14px;
   color: #0099FF;
   font-weight: bold;
   line-height: 150%;
}

.font13white {
   font-size: 13px;
   color: #FFFFFF;
}

.font13glay {
   font-size: 13px;
   color: #333333;
   line-height: 130%;
}

.font13greenbo {
   font-size: 13px;
   color: #00CC33;
   font-weight: bold;
   line-height: 150%;
}

.font12redbo {
   font-size: 12px;
   color: #FF0000;
   font-weight: bold;
   line-height: 150%;
}

.font12orange {
   font-size: 12px;
   color: #FF6600;
}

.font12 {
   font-size: 12px;
   color: #0000FF;
}

.font12bluebo {
   font-size: 12px;
   color: #0000FF;
   font-weight: bold;
   line-height: 150%;
}

.font12greenbo {
   font-size: 12px;
   color: #00CC33;
   font-weight: bold;
   line-height: 150%;
}

.style2 {
   font-size: 12px;
   color: #333333;
   font-weight: bold;
}

.font12glay1 {
   font-size: 12px;
   color: #333333;
   line-height: 130%;
}

.style4 {
   font-size: 12px;
   color: #FF0000;
   font-weight: bold;
   line-height: 150%;
}

.font14redbo {
font-size: 14px;
color: #FF0000;
font-weight: bold;
line-height: 150%;
}

.style3 {font-size: 14px; line-height: 130%; color: #FFFFFF; font-weight: bold; }

.f12sky { font-size: 12px; line-height: 120%; color: #0099FF;}
.font17redbo {font-size: 17px; color: #FF0000; font-weight: bold; line-height: 150%;}
.f18redbold { font-size: 18px; line-height: 120%; color: #FF0000; font-weight: bold;}
.f14koiblue { font-size: 14px; line-height: 120%; color: #0000ff;}


/*****************************************
ここから河原町追加 ▼
*****************************************/

/* 共通 ▼ */
img.product-img {
   margin: 20px auto !important;
   display: block;
}

/* 共通ボタン */
p#print_bt01 a,
p#order_bt01 a {
   margin: 30px auto -10px;
   padding: 0;
   width: 350px;
   height: 50px;
   display: block;
   /* text-hidden▼ */
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   font-size:0;
   line-height:0;
   }

p#print_bt01 a{ background: url(image/print_bt01.png) 0 0 no-repeat; }
p#order_bt01 a{ background: url(image/order_bt01.png) 0 0 no-repeat; }

p#print_bt01 a:hover,
p#order_bt01 a:hover {
   background-position: 0 -50px;
   }

p#print-sample_bt,
p#product-sample_bt,
p#print-sample_bt a,
p#product-sample_bt a {
   margin: 20px auto 14px !important;
   padding: 0;
   width: 300px !important;
   height: 70px !important;
   }
p#print-sample_bt a,
p#product-sample_bt a {
   margin: 0;
   display: block;
   /* text-hidden▼ */
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   font-size:0;
   line-height:0;
   }
p#print-sample_bt a {
   background: url(image/print-sample_bt.png) 0 0 no-repeat;
   }
p#product-sample_bt a {
   background: url(image/product-sample_b.png) 0 0 no-repeat;
   }
p#print-sample_bt a:hover,
p#product-sample_bt a:hover {
   background-position: 0 -70px;
   }

/* 商品スペック表 ▼ */
div.detail_cart_box {
   padding: 5px
   }

/* 商品スペック表 ▼ */
div#product-wrap {
   margin: 0px;
   padding: 0px;
   width: 610px;
   font-size: 13px;
   position: relative;
   }

table#product-spec {
   margin: 0px;
   width: 610px;
   border: solid 1px #999999;
   border-collapse: collapse;
   }

table#product-spec a.icon-list-popup {
   font-size: 14px;
   color: #149646;
   font-weight: normal;
   text-decoration: underline;
   }
table#product-spec a.icon-list-popup:hover {
   font-size: 14px;
   color: #149646;
   text-decoration: none;
   }

table#product-spec tr
table#product-spec th,
table#product-spec td {
   vertical-align: middle;
   }

table#product-spec th {
   height: 30px;
   color: #000;
   font-size: 16px;
   text-align: center;
   letter-spacing: 0.1em;
   background: #dcdcdc;
   border-right: 1px solid #999999;
   }

table#product-spec td {
   padding: 3px 8px 3px 8px;
   font-size: 14px;
   border: solid 1px #999999;
   text-align: left;
   }
table#product-spec td.shousai-title {
   width: 112px;
   text-align: right;
   }
td.shousai-title a {
   color: #149646;
   font-weight: normal;
   }
table#product-spec td.bikou {
   padding-top: 5px;
   font-size: 12px;
   vertical-align: top;
   }
table#product-spec td#sunpo {
   width: 250px;
   vertical-align: top;
   }

th.midashi {
   background: #eee;
   border: 1px right #999999 solid;
   }

tr.color1 {
   background: #fff;
   }

tr.color2 {
   background: #fff5ea;
   }

a#syousai-button {
   display: none;
   width: 160px;
   height: 34px;
   margin: 0 0 10px 0;
   padding: 0;
   position: absolute;
   top: -15px;
   right: -5px;
   background: url(image/syousai.png) 0 0 no-repeat;
   }
a#syousai-button:hover {
   background: url(image/syousai.png) 0 -34px no-repeat;
   }

a#kounyu-button {
   display: none;
   width: 160px;
   height: 34px;
   margin: -6px 0 0 0;
   padding: 0;
   position: absolute;
   right: -5px;
   background: url(image/kounyu.png) 0 0 no-repeat;
   }
a#kounyu-button:hover {
   background: url(image/kounyu.png) 0 -34px no-repeat;
   }


div#spec2 {
   margin: 0px 0px 10px 0px;
   padding: 0;
   height: 125px;
   position: relative;
   border: solid #999999;
   border-width: 0 1px 1px 1px;
   background: url(image/spec2_back.png) top left no-repeat;
   }
div#spec2 a#spec2-A {
   margin: 0;
   padding: 0;
   width: 51px;
   height: 15px;
   display: block;
   position: absolute;
   top: 35px;
   left: 306px;
   }
div#spec2 a#spec2-B {
   margin: 0;
   padding: 0;
   width: 125px;
   height: 15px;
   display: block;
   position: absolute;
   top: 97px;
   left: 208px;
   }

/* スペック表下バナー  */
ul#product-banner-L,
ul#product-banner-R {
   margin: 40px 0 -25px 0;
   padding: 0;
   width: 300px;
   list-style: none;
   display: block;
   }

ul#product-banner-L {
   float: left;
   }
ul#product-banner-R {
   float: right;
   }

ul#product-banner-L li,
ul#product-banner-R li {
   margin: 0 0 10px 0;
   padding: 0;
   }

ul#product-banner-L a,
ul#product-banner-R a {
   margin: 0;
   padding: 0;
   width: 300px;
   height: 75px;
   display: block;
   }

ul#product-banner-L a:hover,
ul#product-banner-R a:hover {
   opacity: 0.7;
   filter: alpha(opacity=70);
   -ms-filter:“alpha(opacity=70)”;
   }

/* レビュー部分 */
iframe#product-review {
   margin: 25px 0 20px;
   padding: 0;
   width: 608px;
   height: 350px;
   border: 1px solid #ccc;
   }

.clear {
   clear: both;
   }

/* ナビ下 バナー */
div#head-main-banner {
   margin: 0px auto 0;
   padding: 0;
   width: 950px;
   height: 200px;
   background: url(https://opp-fukuro.ocnk.net/data/opp-fukuro/image/) 0 0 no-repeat;
   display: none;
   }
/* 商品スペック表 ここまで */


/* かっぱまんが */
div#fancybox-wrap {
   margin-top: -30px
   }

div#kappa-manga {
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
}

div#kappa-manga:hover {
   opacity: 0.6;
   filter: alpha(opacity=60);
}

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







/* 角ページ不要スタイル */

.font17whitebo {
font-size: 17px; color: #FFFFFF; font-weight: bold; line-height: 150%;}
.f11blue {
   font-size: 11px;	line-height: 120%;	color: #3399FF;}
.f11black {
   font-size: 11px;	line-height: 120%;	color: #000000;}

.f11pink {
   font-size: 11px;	line-height: 120%;	color: #FF6666;}
.f11glay {
   font-size: 11px;	line-height: 120%;	color: #666666;}
.f11orange {
   font-size: 11px;	line-height: 120%;	color:#FF9933}
.f11green {
   font-size: 11px;	line-height: 120%;	color: #00CC33;}
.f11koigreen {
   font-size: 11px;	line-height: 120%;	color: #009900;}
.f11koiblue {
   font-size: 11px;	line-height: 120%;	color: #0000ff;}
.f11koipink {
   font-size: 11px;	line-height: 120%;	color: #ff33ff;}
.f11koiaka {
   font-size: 11px;	line-height: 120%;	color: #CC0000;}
.f11brown {
   font-size: 11px;	line-height: 120%;	color: #996633;}

.f12 {
   font-size: 12px;	line-height: 120%;}
.f12glay {
   font-size: 12px;	line-height: 120%;	color: #666666;}
.f12white {
   font-size: 12px;	line-height: 120%;	color: #FFFFFF;}
.f12red {
   font-size: 12px;	line-height: 120%;	color: #FF0000;}
.f12yellow {
   font-size: 12px;	line-height: 120%;	color: #FFFF00;}
.f12green {
   font-size: 12px;	line-height: 120%;	color: #00CC33;}
.f12koigreen {
   font-size: 12px;	line-height: 120%;	color: #009900;}
.f12koiblue {
   font-size: 12px;	line-height: 120%;	color: #0000ff;}
.f12koipink {
   font-size: 12px;	line-height: 120%;	color: #ff33ff;}
.f12koiaka {
   font-size: 12px;	line-height: 120%;	color: #CC0000;}
.f12blue {
   font-size: 12px;	line-height: 120%;	color: #3399FF;}
.f12cha {
   font-size: 12px;	line-height: 120%;	color: #660000;}
.f12brown {
   font-size: 12px;	line-height: 120%;	color: #996633;}
.f12pink {
   font-size: 12px;	line-height: 120%;	color: #FF6666;}
.f12brown {
   font-size: 12px;	line-height: 120%;	color: #996633;}

.f13blue {
   font-size: 13px;	line-height: 120%;	color: #3399FF;}
.f13brown {
   font-size: 13px;	line-height: 120%;	color: #996633;}
.f13white {
   font-size: 13px;	line-height: 130%;	color: #FFFFFF;}
.f13green {
   font-size: 13px;	line-height: 120%;	color: #00CC33;}
.f13koiblue {
   font-size: 13px;	line-height: 120%;	color: #0000ff;}
.f13red {
   font-size: 13px;	line-height: 170%;	color: #FF0000;}
.f13koipink {
   font-size: 13px;	line-height: 120%;	color: #ff33ff;}
.f13koigreen {
   font-size: 13px;	line-height: 120%;	color: #009900;}
.f13koiaka {
   font-size: 13px;	line-height: 120%;	color: #CC0000;}
.f13yellow {
   font-size: 13px;	line-height: 120%;	color: #FFFF00;}
.f13pink {
   font-size: 13px;	line-height: 120%;	color: #FF6666;}
.f13 {
   font-size: 13px;	line-height: 170%;}
.f14 {
   font-size: 14px;	font-style: normal;	line-height: 130%;}
.f14green {
   font-size: 14px;	line-height: 120%;	color: #00CC33;}
.f14koipink {
   font-size: 14px;	line-height: 130%;	color: #ff33ff;}
.f14white {
   font-size: 14px;	line-height: 130%;	color: #FFFFFF;}
.f14koigreen {
   font-size: 14px;	line-height: 130%;	color: #009900;}
.f14koiaka {
   font-size: 14px;	line-height: 120%;	color: #CC0000;}

.f14cha {
   font-size: 14px;	line-height: 120%;	color: #660000;}
.f14red {
   font-size: 14px;	line-height: 130%;	color: #FF0000;}
.f14brown {
   font-size: 14px;	line-height: 120%;	color: #996633;}
.f14pink {
   font-size: 14px;	line-height: 120%;	color: #FF6666;}
.f14sky {
   font-size: 14px;	line-height: 120%;	color: #0099FF;}
.f14blue {
   font-size: 14px;	line-height: 120%;	color: #3399FF;}
.f14orange {
   font-size: 14px;	line-height: 120%;	color: #FF6600;}
.f14yellow {
   font-size: 14px;	line-height: 120%;	color: #FFFF00;}
.f14blue {
   font-size: 14px;	line-height: 120%;	color: #0000FF;}
   .f14bluebold {
   font-size: 14px;	line-height: 120%;	color: #0000FF;	font-weight: bold;}
.f15 {
   font-size: 15px;	line-height: 130%;}
.f15green {
   font-size: 15px;	line-height: 120%;	color: #00CC33;}
.f15koigreen {
   font-size: 15px;	line-height: 120%;	color: #009900;}
.f15red {
   font-size: 15px;	line-height: 120%;	color: #FF0000;}
.f15brown {
   font-size: 15px;	line-height: 120%;	color: #996633;}
.f15orange {
   font-size: 15px;	line-height: 120%;	color: #FF6600;}
.f15koipink {
   font-size: 15px;	line-height: 120%;	color: #ff33ff;}
.f15koiaka {
   font-size: 15px;	line-height: 120%;	color: #CC0000;}
.f15yellow {
   font-size: 15px;	line-height: 120%;	color: #FFFF00;}
.f15pink {
   font-size: 15px;	line-height: 120%;	color: #FF6666;}

.f16 {
   font-size: 16px;	line-height: 130%;}
.f16redbold {
   font-size: 16px;	line-height: 120%;	color: #FF0000;	font-weight: bold;}
.f16koipink {
   font-size: 16px;	line-height: 120%;	color: #ff33ff;}
.f16brown {
   font-size: 16px;	line-height: 120%;	color: #996633;}
.f16green {
   font-size: 16px;	line-height: 120%;	color: #00CC33;}
.f16koigreen {
   font-size: 16px;	line-height: 120%;	color: #009900;}
.f16red {
   font-size: 16px;	line-height: 120%;	color: #FF0000;}
.f16koiaka {
   font-size: 16px;	line-height: 120%;	color: #CC0000;}
.f16bluebold {
   font-size: 16px;	line-height: 120%;	color: #0000FF;	font-weight: bold;}
.f16yellow {
   font-size: 16px;	line-height: 120%;	color: #FFFF00;}
.f17 {
   font-size: 17px;	line-height: 120%;}
.f17white {
   font-size: 17px;	line-height: 120%;	color: #FFFFFF;}
.f17bluebold {
   font-size: 17px;	line-height: 120%;	color: #0000FF;	font-weight: bold;}
.f17yellow {
   font-size: 17px;	line-height: 120%;	color: #FFFF00;}
.f17brown {
   font-size: 17px;	line-height: 120%;	color: #996633;}
.f17koiaka {
   font-size: 17px;	line-height: 120%;	color: #CC0000;}
.f18 {
   font-size: 18px;	line-height: 120%;}
.f18white {
   font-size: 18px;	line-height: 120%;	color: #FFFFFF;}
.f18red {
   font-size: 18px;	line-height: 120%;	color: #FF0000;}
.f18hipink {
   font-size: 18px;	line-height: 120%;	color: #F347C0;}
.f18yellow {
   font-size: 18px;	line-height: 120%;	color: #FFFF00;}
.f18sky {
   font-size: 18px;	line-height: 130%;	color: #0099FF;	font-weight: bold;}
.f18purple {
   font-size: 18px;	line-height: 120%;	color: #390073;}
.f18redbold {
   font-size: 18px;	line-height: 120%;	color: #FF0000;	font-weight: bold;}
.f12glay1 {
   font-size: 12px;	line-height: 130%;	color: #666666;}
.f14red1 {
   font-size: 14px;	line-height: 140%;	color: #FF0000;}
.f25redbold {
   font-size: 25px;	line-height: 120%;	color: #FF0000;	font-weight: bold;}
.style2 {
font-size: 16px; line-height: 120%; color: #009900; font-weight: bold; }

#policy_agree_block div.box_padding_b:first-child
{
height:200px;
overflow-y:scroll;

}

.usercheck {
margin: 0;
margin-top: 15px;
padding: 0;
text-align: center !important;
font-size: x-large;
font-weight: 700;
}


#policy_agree
{
width:20px;
height:20px;
}

#right_top {
   color: black;
   position: absolute;
   font-size: 16px;
   top: -77px;
   right: 0;
   line-height: normal;
   z-index: 1;
}

#size-search {
   position: absolute;
   top: -45px;
   right: 5px;
   z-index:1;
}
#credit-banner {
   position: absolute;
   top: -55px;
   left: 440px;
}



/* 新デザインのクッションページ用 */
h2#p-list_i-catch{
   margin: 15px 0 0 0;
   padding: 0;
}

.shosai-button1 {
   margin: 0 auto;
   width: 47px;
   height: 47px;
   background: url("image/shosai_button.png") 0 0 no-repeat;
   display: block;
   outline: none;
}

/* 商品ページの 「CPP, OPP の違い」 */
#cpp-opp {
   border-style: solid;
   border-color:#F96F0E;
   border-width: 4px;
   border-collapse: collapse;
   margin: 10px auto;
   width: 610px;
}
#cpp-opp thead {
   background-color: #F96F0E;
   color: white;
   font-size: 18px;
   line-height: 200%;
}
#cpp-opp tbody tr {
   border-color:#F96F0E;
   border-style: solid;
   border-width: 4px;
}
#cpp-opp tbody td {
   padding: 15px;
   line-height: 180%;
   font-size: 15px;
}

/* 所有ポイント */
.member .point {
   margin: 5px 0px;
   padding: 2px 0px;
   width: 180px;
   color: #fff;
   text-align: center;
   background: #F86F0B;
   border: 5px solid #FDA655;
   position:relative;
   float: left;
   top: 30px;
}
.member .point strong {
   font-size: 15px;
}

#lefttd #login_box_area #st_login .shopc_list .shopc_in .subicon03 a {
   visibility: hidden;
}

#lefttd #login_box_area #st_login .shopc_list .shopc_in .subicon03 {
   background-image: url("image/mypage.jpg");
   width:100px;
   height: 21px;
   background-position: 0px 0px;
   cursor: pointer;
   position: relative;
   margin-top: 5px;
   left: 50px;
}

#lefttd #login_box_area #st_login .shopc_list .shopc_go {
/*
   height: 30px;
*/
   height: 60px;
}


/* 商品ページのお問い合わせボタン */
.bot_b input {
   margin-right: 10px;
}


/* サイドバーのバナー */
#lefttd .left-banner {
   margin: 8px auto;
}

/* サイドバーのページメニュー */
#lefttd .left-banner.menu {
    list-style-type: none;
    padding: 0;
    margin: 13px 0 15px;
}
#lefttd .left-banner.menu li {
    padding: 0;
    margin: 6px 0;
}


/* 商品詳細表のアニメーション（GIF） */
#spec-animation {
   max-width: 100%;
   text-align: center;
}
#spec-animation img {
   max-width: 100%;
   width: 100%;
}

/* 商品ページ上部の赤文字（背景なし） */
.product-top-text,
.product-top-headline {
    font-size: 16px;
    line-height: 200%;
    font-weight: normal;
    color: #000;
    text-align: center;
    margin-bottom: 5px;
    word-break: normal;
}
.product-top-text a {
    font-size: inherit;
    letter-spacing: -1px;
    line-height: inherit;
    font-weight: inherit;
    color: #2794D8;
}
div#product-wrap p.product-top-text {
    margin-top: 0;
}
.product-top-headline {
    margin-bottom: 0;
}
.product-top-headline + .product-top-text {
    margin-top: 0;
}

/* 商品ページ赤文字（行間が狭いもの） */
.product-top-text.short,
.product-top-headline.short {
    line-height: 1.4;
}
.product-top-headline.short {
    margin-top: 10px;
}
.product-top-text.short + #product-spec {
    margin-top: 10px;
}

/* 汎用フリーページタイトル */
h2.free-page-title {
   background-color: #FF6602;
   font-size: 18px;
   color: white;
   text-align: left;
   padding: 8px 10px;
   margin: 0 0 20px 0;
}
h2.free-page-title div {
   border-left-style: solid;
   border-color: white;
   border-width: 4px;
   padding-left: 8px;
   height: 18px;
   line-height: 18px;
}

/* レフトコンテントバナー */
.left-banner .left-content-banner {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: center;
   display: block;
   width: 196px;
   height: 33px;
   color: white;
   text-decoration: none;
   font-size: 15px;
   line-height: 27px;
   padding-left: 15px;
   margin: 0 0 30px 0;
}

#to-paper.left-content-banner {
   background-image: url("image/left_link_orange.jpg");
}
#to-papers.left-content-banner {
   background-image: url(image/lref_link_red.jpg);
   font-size: 12px;
   margin-bottom: 10px;
}

/* 商品ページ緑色のヘッドライン部分 */
.product-point-header {
   background-color: #138B35;
   color: white;
   font-size: 20px;
   padding: 10px 0;
   width: 600px;
   margin: 20px auto;
   font-weight: bold;
}


.item_spec img.category_item {
   float: left;
}


/* gif が２枚以上入る場合の商品詳細表 */
table#product-spec.tall td {
 padding-top: 20px;
 padding-bottom: 20px;
}


/* CD/DVD用のクッションページなどでカテゴリ名の下に空白をいれる */
.category_header.has-space {
 margin-bottom: 10px;
}
#cd-explain {
 font-size: 14px;
 line-height: 170%;
 margin: 10px 0 15px 0;
 white-space: nowrap;
}
#cd-explain em {
 font-style: normal;
 font-weight: bold;
}
#select-tateyoko {
 position: relative;
 margin-top: 15px;
}
#select-tateyoko img {
 position: relative;
 left: 0;
 top: 0;
}
#select-tateyoko a {
 position: absolute;
 top: 33%;
 width: 43%;
 height: 50%;
}


/* 領収書発行ページ */
#ryosyu-form {
   text-align: center;
}
#ryosyu-form h2 {
   background-image: url("image/free_title.jpg");
   background-size: 100%;
   background-repeat: no-repeat;
   width: 650px;
   height: 54px;
   color: white;
   font-size: 19px;
   line-height: 40px;
   letter-spacing: 1px;
}
#ryosyu-form p {
   text-align: left;
   line-height: normal;
   font-size: 14px;
}
#ryosyu-form .panel {
   width: 550px;
   background-color: #F6F6F6;
   box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.2);
   margin: 20px auto 30px 35px;
   padding: 10px 0 10px 50px;
   font-size: 16px;
}
#ryosyu-form label {
   width: 130px;
   height: 60px;
   line-height: 130%;
   text-align: right;
   display: table-cell;
   vertical-align: middle;
}
#ryosyu-form .value {
   width: 335px;
   height: 60px;
   text-align: left;
   padding-left: 50px;
   display: table-cell;
   vertical-align: middle;
}
#ryosyu-form .input-group {
   clear: both;
}
#ryosyu-form input[type=text] {
   width: 240px;
   height: 42px;
   font-size: 16px;
   padding: 0 10px;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: center;
   background-image: url("image/r_input_bg.png");
   border-style: none;
}
#ryosyu-form .unit {
   vertical-align: bottom;
   position: relative;
   bottom: 5px;
   left: 10px;
}
#ryosyu-form select {
   font-size: 16px;
   width: 261px;
   height: 42px;
   padding: 0 10px;
   background-image: url("image/r_select_bg.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center;
   border-style: none;
   apperance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}
#ryosyu-form select::-ms-expand {
   display: none;
}
#ryosyu-form #ryosyu-price {
   font-size: 19px;
}
#ryosyu-form .help {
   font-size: 13px;
}
#ryosyu-form .yen {
   font-size: 16px;
   padding-left: 10px;
}
#ryosyu-form #date {
   font-size: 19px;
   line-height: 180%;
}
#ryosyu-form #mail {
   font-size: 20px;
}
#ryosyu-form .error {
   color:red;
   margin: 0 0 0 160px;
   text-align: left;
   list-style-type: none;
   font-size: 14px;
}

/* 商品一覧表のアイコン */
.appeal-icon {
   display: block;
   margin: 0 auto 5px auto;
   text-align: center;
}

/* 新しいログインフォーム */
#login_box_area .member {
   border-style: none;
}
#login_box_area .shopc_list {
   border-style: none;
}
#login_box_area .shopc_title {
   display: none;
}
#mregistration {
   background-image: none;
   padding-left: 0;
   line-height: normal;
   height: 45px;
}
#mregistration a {
   background-image: url("image/register_btn.jpg");
   overflow: hidden;
   text-indent: -100%;
   display: block;
   width: 197px;
   height: 45px;
   margin:auto;
}
#mlogin {
   background-image: none;
   text-align: left;
   padding-left: 0;
   height: 45px;
}
#mlogin a {
   background-image: url("image/login_btn.jpg");
   overflow: hidden;
   text-indent: -100%;
   display: block;
   width: 197px;
   height: 44px;
   margin:auto;
}
#login_box_area .shopc_in {
   padding: 0;
}
#mestimate a {
   background-image: url("image/estimate_btn.jpg");
   overflow: hidden;
   display: block;
   width: 170px;
   height: 41px;
   margin: 5px auto 0;
}
a img {
   border-style: none;
}
#icon-list-popup {
   display: block;
}

/* フリーページタイトル */
.free_header {
   width: 680px;
   height: 40px;
   background-color: white;
   border-color: rgb(215, 215, 215);
   border-width: 1px;
   border-style: solid;
   margin-top: 10px;
}
.free_header h2 {
   font-size: 16px;
   margin-left: 15px;
   margin-top: 7px;
   padding: 4px 0 7px;
   color: #231815;
   border-bottom-style: solid;
   border-bottom-color: rgb(255, 129, 19);
   border-width: 2px;
   line-height: 70%;
}
.free_header .sub-title {
   font-size: 14px;
   padding-left: 15px;
   vertical-align: middle;
}

/* 左上メニュー */
#left-menu-buttons img {
   margin-right: 1px;
}
#left-menu-buttons {
   margin-top: 4px;
}

/* 商品レビュー */
#product-review {
   margin-top: 40px;
}
#product-review .review-content {
   width: 605px;
   height: 186px;
   margin-top: 10px;
   border-width: 1px;
   border-color: #C9CACB;
   border-style: solid;
   overflow-y: scroll;
   overflow-x: hidden;
   background-color: white;
}
#product-review #reviewContent .voice-box {
   padding: 5px 0px 15px 10px;
   border-bottom-style: dashed;
   border-width: 1px;
   border-color: #181313;
   line-height: normal;
   font-size: 14px;
   margin: 0px 5px 10px 5px;
   position: relative;
   text-align: left;
}
#product-review #reviewContent .voice-new {
   position: absolute;
   top: 5px;
   right: 10px;
}
#product-review #reviewContent .face {
   margin-left: 10px;
   display: inline-block;
   vertical-align: middle;
}
#product-review #reviewContent .voice-content {
   margin-left: 30px;
   display: inline-block;
   width: 470px;
   vertical-align: middle;
}
#product-review #reviewContent .voice {
   font-size: 14px;
   margin-top: 5px;
}
#product-review #reviewContent .products-label {
   color: #F85B0E;
   font-weight: bold;
   float: left;
   font-size: 13px;
}
#product-review #reviewContent .products {
   font-weight: bold;
   margin-left: 70px;
   font-size: 13px;
}
#product-review #reviewContent .voice-box a {
   font-size: 14px;
   line-height: normal;
}
#product-review #more_review {
   margin-top: 20px;
   margin-left: 5px;
   margin-bottom: 20px;
   margin-right: 20px;
   text-align: right;
}
#product-review #reviewContent .date {
   font-size: 12px;
}
#product-review #reviewContent .item {
   padding-bottom: 5px;
}
#product-review #reviewContent .new {
   position:absolute;
   right: 0px;
   top:5px;
}

/* 透明ヘッダーの印刷バナーを非表示 */
#print_bt01,  #order_bt01 {
   display: none;
}

/* サンプル請求ページ */
#sample-form {
 width: 700px;
 margin: 10px auto;
}
#sample-form td a {
 font-size: 13px;
}
#sample-form h2 {
 width: 660px;
 height: 55px;
 line-height: 57px;
 color: white;
 background-image: url("image/form_header.jpg");
 background-repeat: no-repeat;
 background-size: 100% 100%;
 text-align: center;
 font-size: 25px;
 letter-spacing: 3px;
}
#sample-form table {
 width: 660px;
 border-collapse: collapse;
 border-style: solid;
 border-width: 1px;
 border-color: #E0E0E0;
}
#sample-form th, #sample-form td {
 border-style: solid;
 border-width: 1px;
 border-color: #E0E0E0;
}
#sample-form td {
 padding: 5px 10px;
 font-size: 13px;
}
#sample-form textarea {
 resize: none;
 height: 90px;
 width: 485px;
 padding: 5px;
 border-radius: 5px;
 border-color: #C4C6C3;
 border-style: solid;
 border-width: 1px;
 font-size: 13px;
 overflow: auto;
}
#sample-form textarea.sample-area {
 resize: vertical;
}
#sample-form input[type=text],
#sample-form input[type=tel],
#sample-form input[type=email] {
 border-radius: 5px;
 border-style: solid;
 border-width: 1px;
 border-color:#C4C6C3;
 height: 30px;
 width: 290px;
 padding: 0px 5px;
 font-size: 13px;
}
#sample-form input[name=address], #sample-form input[name=purpose] {
 margin: 5px 0px;
 width: 485px;
}
#sample-form input[name=mail], #sample-form input[name=mail_confirm] {
 width: 385px;
}
#sample-form input[name=mail] {
 margin-bottom: 5px;
}
#sample-form input[name=mail_user], #sample-form input[name=mail_host] {
 width: 170px;
}
#sample-form input[name=phone1], #sample-form input[name=phone2], #sample-form input[name=phone3] {
 width: 58px;
}
#sample-form input[name=url] {
 width: 520px;
}
#sample-form .phone-help {
   float: right;
   font-size: 13px;
   line-height: 120%;
   margin: 2px 0px 0px 0px;
   position: relative;
   left: 0px;
   top: 1px;
}
#sample-form input[name=postcode] {
 width: 160px;
}
#sample-form input[name=tel] {
   width: 275px;
}
#sample-form .phone-help2 {
   width: 250px;
   font-size: 13px;
   line-height: 120%;
   margin: 2px 0px 0px 10px;
   display: inline-block;
   vertical-align: bottom;
}
#sample-form .require {
 width: 25px;
 background-color: #FB8406;
 color: white;
 font-size: 20px;
}
#sample-form .label {
 width: 112px;
 font-size: 13px;
 padding: 10px 0px;
 font-weight: normal;
 color: black;
}
#sample-form .url-label {
 font-size: 11px;
}
#sample-form tr .label {
 background-color: #FCF1D5;
}
#sample-form .center {
 text-align: center;
}
#sample-form .require-explain {
 font-size: 16px;
 font-weight: normal;
 text-align: center;
 padding: 5px 0px;
 line-height: 180%;
}
#sample-form .require-explain img {
 vertical-align: middle;
}
#sample-form .require-explain strong {
 color: red;
}
#sample-form .atmark {
 padding: 0px 5px;
}
#sample-form .line {
 font-size: 30px;
 vertical-align: middle;
 padding: 0px 5px;
}
#sample-form label {
 line-height: 200%;
 vertical-align: middle;
}
#sample-form .comment {
 font-size: 11px;
 padding-top: 2px;
}
#sample-form .comment strong {
 color: red;
 font-size: 13px;
}
#sample-form .help {
 font-size: 13px;
 margin: 5px 0px;
 line-height: normal;
}
#sample-form .help strong {
 font-size: 15px;
 padding: 2px;
 display: inline-block;
}
#sample-form p {
 font-size: 12px;
 line-height: 180%;
 margin: 5px;
}
#sample-form em {
 font-style: normal;
 color: red;
}
#sample-form .coupon {
 background-color: #FCEC00;
 padding: 2px;
 margin: 5px;
 line-height: normal;
 font-size: 12px;
 color: #F90000;
}
#sample-form span.customSelect {
 width: 100px;
 height: 30px;
 background-position: center;
 padding-left: 10px;
 line-height: 30px;
 background-repeat: no-repeat;
}
#sample-form .error {
 padding: 5px;
 color:  #EE3C42;
 font-weight: bold;
 display: none;
}
#sample-form input[type=image] {
 margin: 40px;
}
#sample-form input[type=radio] {
 vertical-align: middle;
 position: relative;
 bottom: 1px;
}
#sample-form .button {
 cursor: pointer;
 display: block;
 margin-top: 5px;
}
#sample-form .mark {
 background-color: red;
 color: white;
 font-size: 11px;
 padding: 0px 2px;
 vertical-align: middle;
 margin: 3px;
 font-weight: bold;
}
#sample-form .caution {
 background-color: yellow;
 padding: 2px;
 color: red;
 font-size: 16px;
}
#sample-form .select-time {
 margin-top: 5px;
 margin-left: 20px;
 white-space: nowrap;
 line-height: 180%;
}



/* CPP袋共通部分 */
.opp-cpp-table {
   width: 610px;
   border-collapse: collapse;
   margin: 20px auto 15px;
}
.opp-cpp-table th,
.opp-cpp-table td {
   border-style: solid;
   border-width: 1px;
   border-color: black;
   min-width: 50px;
}
.opp-cpp-table td {
   padding: 10px;
}
.opp-cpp-table th {
   text-align: center;
   background-color: #EFEFEF;
   font-size: 14px;
   padding: 15px 15px;
   font-weight: normal;
}
.opp-cpp-table th.cpp {
   color: white;
   font-weight: bold;
   background-color: #E80038;
}
.opp-cpp-table th.opp {
   color: white;
   font-weight: bold;
   background-color: #2E9DD6;
}
.opp-cpp-table td {
   text-align: left;
   font-size: 13px;
}
.cpp-attention {
   text-align: left;
   background-color: #FFFFCC;
   font-size: 14px;
   line-height: normal;
   padding: 10px;
}
div#product-wrap .cpp-attention p {
   font-size: 14px;
   line-height: 170%;
   margin: 0;
}
.cpp-attention h3 {
   font-weight: normal;
   text-align: left;
   color: red;
   font-size: 15px;
   margin-bottom: 10px;
}
.cpp-attention strong {
   font-weight: normal;
   color: red;
}
.cpp-attention a {
   font-size: 14px;
}

/* クッションページ説明文 */
#tateyoko-explain {
   font-size: 16px;
   line-height: 180%;
   margin: 10px 0 0 5px;
   word-break: normal;
}
#tateyoko-explain em {
   font-style: normal;
   font-weight: bold;
}
#tateyoko-explain h2 {
   font-size: 16px;
   text-align: left;
   margin-bottom: 20px;
}

/* 長3 の定形外についての注意文 */
.detail_item_text p.post-standard-caution {
   border-style: solid;
   border-width: 1px;
   border-color: red;
   color: red;
   font-size: 13px;
   text-align: left;
   width: 590px;
   padding: 5px 9px;
   word-break: normal;
   line-height: 180%;
   margin-top: 0px;
}
.detail_item_text p.post-standard-caution span {
   white-space: nowrap;
   color: red;
}

/* 商品検索ページデザイン変更 */
#search2 {
   width: 700px;
   font-family: sans-serif;
   position: relative;
   margin-top: 5px;
   margin-left: 0;
   text-align: left;
}
#search2 #result_table {
   width: 700px;
   margin-top: 30px;
   border-collapse: collapse;
}
#search2 #result_table thead {
   height: 55px;
   color: black;
   font-size: 14px;
   text-align: center;
}
#search2 #result_table th {
   height: 55px;
   text-align: center;
   background-color: #C1C1C1;
}
#search2 #result_table th.width,
#search2 #result_table th.header {
   font-size: 14px;
}
#search2 #result_table .name {
   width: 40%;
   text-align: left;
   padding-left: 5px;
}
#search2 #result_table th.name {
   text-align: center;
   padding-left: 0px;
}
#search2 #result_table .detail {
   width: 60px;
}
#search2 #result_table td {
   font-size: 13px;
   color: #555555;
   height: 55px;
}
#search2 #result_table tbody tr:nth-child(even) {
   background-color: #F9F6DB;
   border-top-style: solid;
   border-bottom-style: solid;
   border-width: 2px;
   border-color: rgb(234, 234, 234);
}
#search2 #result_table td.width, #result_table td.height, #result_table td.price {
   text-align: center;
}
#search2 #size_figure {
   float: right;
   margin: -30px 5px 0 0;
}
#search2 #form_label {
   color: rgb(178, 20, 34);
   font-size: 17px;
   font-weight: bold;
   line-height: 25px;
}
#search2 #size_form .unit {
   font-size: 14px;
   margin-right: 5px;
}
#search2  #to_es {
   width: 150px;
   float: right;
   vertical-align: top;
   position:relative;
   top:-10px;
   left:-10
px;
}
#search2  #thick {
   width: 225px;
}
#search2  select {
   font-size: 14px;

   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   border-style: none;

   height: 23px;
   padding: 0 25px 0 5px;
   line-height: 23px;
   background-image:
       url("image/select-bg-right.jpg"),
       url("image/select-bg-left.jpg"),
       url("image/select-bg-center.jpg");
   background-repeat:
       no-repeat,
       no-repeat,
       repeat-x;
   background-position:
       center right,
       center left,
       center;
}
#search2 select::-ms-expand {
   display: none;
}
#search2 p {
   font-size: 14px;
   margin-top: 0;
}
#search2 strong {
   color: black;
}
#search2  #step1 {
   margin: 0 0 10px;
}
#search2  #step2 {
   padding-bottom: 15px;
}
#search2 #size_form {
   position: static;
   display: block;
   text-align: left;
   margin: 20px 0 0;
}
#search2 #size_form label {
   font-size: 14px;
}
#search2 #size_form>div:first-child {
   margin: 5px 0;
}
#search2 #size_form>div {
   margin: 5px 0 10px;
   white-space: nowrap;
}
#search2 #result_table th.price {
   font-size: 14px;
   width: 20%;
   color: black;
}
#search2 #result_table td.thick {
   text-align: center;
}
#search2 #to_es {
   right: 5px;
}

/* 商品カテゴリデザイン修正 */
#left-product-categories {
   margin: 0 0 20px;
}
#left-product-categories>img {
   vertical-align: bottom;
}
#left-product-categories {
   margin: 0;
}
#left-product-categories li {
   background-position: left center;
   background-repeat: no-repeat;
   margin: 0 auto;
   padding: 0;
   height: 46px;
   line-height: 46px;
}
#left-product-categories li:hover {
   background-color: inherit;
}
#left-product-categories li:hover>a {
   color: #FC7F00;
}
#left-product-categories li a {
   display: block;
   padding-left: 50px;
   height: 100%;
   font-size: 13px;
   line-height: 47px;
   font-weight: normal;
}
#left-product-categories li.side-category-01 {
   background-image: url("image/side_cat_01.jpg");
}
#left-product-categories li.side-category-01:hover {
   background-image: url("image/side_cat_01a.jpg");
}
#left-product-categories li.side-category-02 {
   background-image: url("image/side_cat_02.jpg");
}
#left-product-categories li.side-category-02:hover {
   background-image: url("image/side_cat_02a.jpg");
}
#left-product-categories li.side-category-03 {
   background-image: url("image/side_cat_03.jpg");
}
#left-product-categories li.side-category-03:hover {
   background-image: url("image/side_cat_03a.jpg");
}
#left-product-categories li.side-category-04 {
   background-image: url("image/side_cat_04.jpg");
}
#left-product-categories li.side-category-04:hover {
   background-image: url("image/side_cat_04a.jpg");
}
#left-product-categories li.side-category-05 {
   background-image: url("image/side_cat_05.jpg");
}
#left-product-categories li.side-category-05:hover {
   background-image: url("image/side_cat_05a.jpg");
}
#left-product-categories li.side-category-06 {
   background-image: url("image/side_cat_06.jpg");
}
#left-product-categories li.side-category-06:hover {
   background-image: url("image/side_cat_06a.jpg");
}
#left-product-categories li.side-category-07 {
   background-image: url("image/side_cat_07.jpg");
}
#left-product-categories li.side-category-07:hover {
   background-image: url("image/side_cat_07a.jpg");
}
#left-product-categories li.side-category-08 {
   background-image: url("image/side_cat_08.jpg");
}
#left-product-categories li.side-category-08:hover {
   background-image: url("image/side_cat_08a.jpg");
}
#left-product-categories li.side-category-09 {
   background-image: url("image/side_cat_09.jpg");
}
#left-product-categories li.side-category-09:hover {
   background-image: url("image/side_cat_09a.jpg");
}
#left-product-categories li.side-category-10 {
   background-image: url("image/side_cat_10.jpg");
}
#left-product-categories li.side-category-10:hover {
   background-image: url("image/side_cat_10a.jpg");
}
#left-product-categories li.side-category-11 {
   background-image: url("image/side_cat_11.jpg");
}
#left-product-categories li.side-category-11:hover {
   background-image: url("image/side_cat_11a.jpg");
}
#left-product-categories li.side-category-12 {
   background-image: url("image/side_cat_12.jpg");
}
#left-product-categories li.side-category-12:hover {
   background-image: url("image/side_cat_12a.jpg");
}
#left-product-categories li.side-category-13 {
   background-image: url("image/side_cat_13.jpg");
}
#left-product-categories li.side-category-13:hover {
   background-image: url("image/side_cat_13a.jpg");
}
#left-product-categories li.side-category-14 {
   background-image: url("image/side_cat_14.jpg");
}
#left-product-categories li.side-category-14:hover {
   background-image: url("image/side_cat_14a.jpg");
}
#left-product-categories li.side-category-15 {
   background-image: url("image/side_cat_15.jpg");
}
#left-product-categories li.side-category-15:hover {
   background-image: url("image/side_cat_15a.jpg");
}
#left-product-categories li.side-category-16 {
   background-image: url("image/side_cat_16.jpg");
}
#left-product-categories li.side-category-16:hover {
   background-image: url("image/side_cat_16a.jpg");
}
#left-product-categories li.side-category-17 {
   background-image: url("image/side_cat_17.jpg");
}
#left-product-categories li.side-category-17:hover {
   background-image: url("image/side_cat_17a.jpg");
}
#left-product-categories li.side-category-18 {
   background-image: url("image/side_cat_18.jpg");
}
#left-product-categories li.side-category-18:hover {
   background-image: url("image/side_cat_18a.jpg");
}
#left-product-categories li.side-category-19 {
   background-image: url("image/side_cat_19.jpg");
}
#left-product-categories li.side-category-19:hover {
   background-image: url("image/side_cat_19a.jpg");
}
#left-product-categories li.side-category-20 {
   background-image: url("image/side_cat_20.jpg");
}
#left-product-categories li.side-category-20:hover {
   background-image: url("image/side_cat_20a.jpg");
}
#left-product-categories li.side-category-21 {
   background-image: url("image/side_cat_21.jpg");
}
#left-product-categories li.side-category-21:hover {
   background-image: url("image/side_cat_21a.jpg");
}
#left-product-categories li.side-category-22 {
   background-image: url("image/side_cat_22.jpg");
}
#left-product-categories li.side-category-22:hover {
   background-image: url("image/side_cat_22a.jpg");
}
#left-product-categories li.sub-menu {
   position: relative;
}
#left-product-categories li.sub-menu ul {
   margin: 0;
   padding: 0;
   display: none;
   list-style: none;
   position: absolute;
   width: 140px;
   top: -1px;
   left: 209px;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc;
}
#left-product-categories li.sub-menu li {
   padding: 0;
   margin: 0;
   line-height: 40px;
   background-color: white;
}
#left-product-categories li.sub-menu li a {
   padding-left: 10px;
}
#left-product-categories li.sub-menu:hover ul {
   margin: 0 0 0 -1px;
   display: block;
   z-index: 100;
   background-color: #ccc;
   width: 140px;
}
#left-product-categories li.sub-menu:hover ul li:hover {
   border-left-style: solid;
   border-left-color: #FB8405;
   border-left-width: 5px;
   background: #fff !important;
}
#left-product-categories li.sub-menu:hover ul li a {
   margin: 0;
   height: 100%;
   line-height: 47px;
   display: block;
   background: #fff !important;
   font-size: 13px;
}

/* 用語集 */
.page.yougo {
   width: 680px;
   margin: 5px auto;
   line-height: 170%;
   font-size: 14px;
   color: black;
}
.page.yougo h2 {
   font-size: 16px;
   color: black;
   border-bottom-style: solid;
   border-bottom-color: #DCDDDD;
   border-bottom-width: 3px;
   padding-bottom: 7px;
}
.page.yougo h2::before {
   content: "";
   display: inline-block;
   width: 5px;
   height: 20px;
   background-color: black;
   margin-right: 5px;
   vertical-align: top;
}
.page.yougo h2 span {
   font-weight: normal;
   vertical-align: middle;
   margin-left: 30px;
   font-size: 14px;
}
.page.yougo strong {
   color: red;
   font-weight: normal;
}
.page.yougo p {
   margin: 20px 0;
}
.page.yougo .center {
   text-align: center;
}
.page.yougo h3 {
   color: black;
   font-size: 14px;
   border-bottom-style: dashed;
   border-bottom-width: 1px;
   border-color: #9E9FA0;
   margin: 10px 0 0;
   padding-bottom: 5px;
}
.page.yougo h2+h3 {
   margin-top: 20px;
}
.page.yougo h3::before {
   content: "■"
}
.page.yougo h3+p {
   margin-top: 7px;
}
.page.yougo .two-column>div {
   display: inline-block;
}
.page.yougo h4 {
   background-image: url("image/yougo_h4_back.jpg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 215px;
   height: 43px;
   padding: 5px 0 0 15px;
   color: #FD8303;
   border-style: none;
   border-radius: 0;
   font-weight: bold;
   font-size: 14px;
   text-align: left;
}
.page.yougo h4+p {
   margin-top: 10px;
}
.page.yougo .no-before::before {
   content: none;
}
.page.yougo h3 strong {
   font-weight: bold;
}

/* トップページ下部の商品説明 */
#item-description {
   margin-top: 15px;
   border-collapse: collapse;
   color: black;
   width: 700px;
}
#item-description h2 {
   font-size: 12px;
   margin-bottom: 8px;
}
#item-description h2::before {
   content: "●";
}
#item-description td {
   vertical-align: top;
   border-style: solid;
   border-color: #ccc;
   border-width: 2px;
   padding: 8px 6px;
   width: 50%;
}
#item-description img {
   display: inline-block;
   vertical-align: top;
}
#item-description p {
   font-size: 12px;
   margin: 0 0 0 5px;
   display: inline-block;
   width: 210px;
   vertical-align: top;
   word-break: normal;
}

/* 納期について */
#nouki.page {
   line-height: normal;
   width: 680px;
   margin-left: 20px;
   margin-top: 5px;
   line-height: 1.7;
}
#nouki.page h2 {
   background-color: #DCDDDD;
   font-size: 16px;
   font-weight: 600;
   padding: 5px 10px;
}
#nouki.page h3 {
   color: #000;
   font-size: 16px;
   font-weight: 600;
   margin-top: 40px;
   margin-bottom: 5px;
}
#nouki.page h2 + h3 {
   margin-top: 10px;
}
#nouki.page h3 + p {
   margin-top: 0px;
}
#nouki.page strong {
   color: #FF0000;
   font-size: inherit;
   font-weight: 600;
   font-size: 16px;
   vertical-align: middle;
}
#nouki.page p {
   font-size: 14px;
   color: #000;
}
#nouki.page table {
   border-collapse: collapse;
   margin: 10px;
}
#nouki.page table td,
#nouki.page table th {
   border-style: solid;
   border-width: 3px;
   border-color: #CCCCCC;
   vertical-align: middle;
   font-size: 14px;
}
#nouki.page table th {
   padding: 0 10px;
   white-space: nowrap;
}
#nouki.page table td {
   padding: 5px 5px;
}
#nouki.page #bottom-logo {
   margin-top: 10px;
}
#nouki.page .wave {
   background-image: url("image/wave.jpg");
   background-repeat: no-repeat;
   background-position: center bottom;
   display: inline-block;
}

/* 商品の使い方（新デザイン） */
.product-usage-headline {
   color: #fff;
   background-color: #019346;
   font-size: 20px;
   font-weight: bold;
   padding: 5px 2px;
   width: 594px;
   line-height: normal;
   border-radius: 10px 10px 0 0;
   text-align: center;
   margin-left: 2px;
   margin-top: 15px;
}
.product-usage-headline.blue {
   background-color: #0072BE;
}
.product-usage {
   border-style: none solid solid solid;
   border-color: #019346;
   width: 598px;
   margin-left: 2px;
   border-width: 2px;
   border-collapse: separate;
   border-radius: 0 0 10px 10px;
}
.product-usage.blue {
   border-color: #0E7EC1;
   color: inherit;
}
.product-usage h3 {
   background-color: #019346;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   line-height: normal;
   padding: 5px 0;
   margin: 20px 10px 0;
   border-radius: 20px;
}
.product-usage.blue h3 {
   background-color: #0072BE;
}
.product-usage td {
   vertical-align: middle;
   padding: 0;
}
.product-usage tr:last-child td {
   padding-bottom: 15px;
}
.product-usage .number {
   display: inline-block;
   background-color: #019346;
   width: 27px;
   height: 27px;
   line-height: 27px;
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   color: #fff;
   vertical-align: middle;
   margin: 20px 2px 3px 10px;
}
.product-usage.blue .number {
   background-color: #0072BE;
}
.product-usage .number + p {
   display: inline-block;
   line-height: 1.3;
   vertical-align: middle;
   font-size: 14px;
   font-weight: bold;
   margin: 20px 0 3px;
}
.product-usage .number + p span {
   font-size: 13px;
   color: inherit;
}
.product-usage tr:first-child td .number,
.product-usage tr:first-child td .number + p {
   margin-top: 12px;
}
.product-usage img {
   margin: 0 10px;
}
.product-relation {
   line-height: normal;
   background-color: #FFFEA9;
   padding: 6px;
   border-radius: 10px;
   font-size: 19px;
   font-weight: bold;
   text-align: center;
   margin: 10px 5px 0;
}
.product-relation a {
   font-size: inherit;
   color: #29ABE2;
}

/* 立ち読み防止シート */
.boshi-catch {
   margin: 10px auto;
}

/* 商品ページ：ブックカバーの使い方 */
#bookcover-usage {
   position: relative;
   top: 20px;
   left: 70px;
   height: 830px;
   color: #0071BC;
   font-weight: bold;
   font-size: 13px;
}
#bookcover-usage img {
   position: absolute;
   left: 0px;
   top: 0px;
}
#bookcover-usage div {
   position: absolute;
}
#bookcover-usage div:nth-child(2) {
   left: 10px;
   top: 145px;
}
#bookcover-usage div:nth-child(3) {
   left: 260px;
   top: 145px;
}
#bookcover-usage div:nth-child(4) {
   left: 10px;
   top: 320px;
}
#bookcover-usage div:nth-child(5) {
   left: 10px;
   top: 505px;
}
#bookcover-usage div:nth-child(6) {
   left: 260px;
   top: 320px;
}
#bookcover-usage div:nth-child(7) {
   left: 260px;
   top: 505px;
}
#bookcover-usage div:nth-child(8) {
   left: 80px;
   top: 555px;
   color: red;
   font-weight: bold;
   font-size: 20px;
}

/* SNSボタン追加 */
#to-guide {
  position: absolute;
  top: -40px;
  left: 360px;
  z-index: 2;
}
#social-buttons {
  position: absolute;
  left: 230px;
  top: -75px;
  z-index: 2;
}
#social-buttons>iframe,
#social-buttons>div {
  margin-right: 15px;
}

/* お気に入り登録・ご利用ガイド・お客様の声・カートを見る */
.header-small-menu {
  font-size: 13px;
  left: 240px;
  list-style-type: none;
  padding: 0;
  position: absolute;
  top: -30px;
  z-index: 2;
}

.header-small-menu li {
  display: inline-block;
  padding: 0;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.header-small-menu img {
  margin: 0 3px 0 0;
  vertical-align: middle;
}

.header-small-menu .header-favorite img {
  margin: 0 3px 1px 0;
}

.header-small-menu .header-cart img {
  margin: 0 3px 2px 0;
}

.header-small-menu a {
  color: #000 !important;
  font-size: 13px !important;
  font-weight: normal !important;
  text-decoration: none;
}

.header-small-menu a:hover {
  color: #FC7F00 !important;
  text-decoration: underline;
}

/****************************************************
 * ログイン後のデザイン変更　ここから
 ****************************************************/
/* マイページボタン */
#lefttd #login_box_area #st_login .shopc_list .shopc_in .subicon03 {
  background-position: 0px 0px;
  cursor: pointer;
  background-image: url(https://opp-honpo.ocnk.net/data/opp-honpo/image/login-btn.png);
	width: 101px;
	height: 29px;
	padding: 0;
	margin-left: 5px;
  position: static;
}
#lefttd #login_box_area #st_login .shopc_list .shopc_in .subicon03:hover {
  background-position: 0;
}
#lefttd #login_box_area #st_login .shopc_list .shopc_in .subicon03 a {
  color: #000;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  line-height: 29px;
  padding-left: 29px;
  visibility: visible;
}

/* ログアウトボタン修正 */
#st_login.member form {
  position: relative;
}
#st_login.member .bot_b .logoutinput {
  position: absolute;
  left: 115px;
  top: -44px;
  background-color: #fff !important;
  color: #000 !important;
  font-weight: normal !important;
  border-style: solid;
  border-width: 2px 3px 3px 2px;
  border-color: #B3B3B3;
  padding: 0 5px !important;
  width: 80px;
  height: 27px;
  font-size: 12px;
  line-height: normal;

  /* デフォルトのスタイルをリセット */
  background-image: none;
  text-shadow: none;
  min-height: 0;
  margin-top: 0;
}

/* その他フォントサイズ調整 */
#st_login.member .shopc_in {
  font-size: 11px;
  margin-bottom: 15px;
}
#st_login.member .point {
  font-size: 11px;
  margin: 7px 0 0;

  float: none;
  background: none;
  width: auto;
  color: #000;
  text-align: left;
  border: none;
  position: static;
  top: 0;
}
#st_login.member .point strong {
   font-size: 13px;
   vertical-align: middle;
   visibility: hidden;
}
#st_login.member .point strong .value {
  font-size: 15px;
  color: #f00;
  margin-right: 3px;
  margin-left: 10px;
  vertical-align: middle;
}
#st_login.member .point br {
  display: none;
}
#st_login.member .subicon03 {
	margin: 5px 0;
}
#st_login.member .shopc_go {
  padding: 0;
}

#lefttd #login_box_area #st_login .shopc_list .shopc_go {
  height: 0;
}
/****************************************************
 * ログイン後のデザイン変更　ここまで
 ****************************************************/

/* 手順ページ（ファイヤーストレージなど） */
.page.steps {
    font-size: 14px;
    line-height: 160%;
    word-break: normal;
    margin-top: 0px;
}
.page.steps h3 {
    font-weight: bold;
    font-size: 17px;
    color: black;
    border-bottom-style: solid;
    border-width: 4px;
    margin-top: 25px;
    margin-bottom: 10px;
    width: 655px;
    margin-left: 10px;
}
.page.steps p {
	margin: 0 0 15px 15px;
}

/* 自動見積完了ページ */
#alert-box .links {
    font-size: 15px;
    margin: 0 0 25px;
}
#alert-box .links a {
    font-size: 15px;
    font-weight: normal;
    color: #0071BC;
}
#alert-box .links dt,
#alert-box .links dd {
    display: inline-block;
}
#alert-box .links dt {
    /* width: 230px; */
}
#alert-box .links dd {
    margin: 0;
}

/* クリック可能な要素 */
.clickable:hover {
    opacity: .8;
}

/* 別注商品ページ下部の関連商品を非表示 */
.detail_page_body.category369_detail_page_body #similarity_item {
    display: none;
}

/* かっぱ親子 Youtube 非表示 */
.kappa-youtube {
    display: none;
}

/* 商品説明動画非表示 */
.product-video {
    display: none;
}


/* 厚さ選択 */
.relation-products-items {
	padding: 0;
}

.relation-products-items::after {
	content: "";
	display: block;
	clear: both;
}

.relation-products-items a.active {
	cursor: default;
}

.relation-products-items a img {
	vertical-align: top;
}

.relation-products-items a img:hover {
	opacity: 0.8;
}

.relation-products-items a.active img:hover {
	opacity: 1;
}

.relation-products .help {
	background-image: url(//www.opp-honpo.net/data/opp-honpo/image/select-thick-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 115px 3px;
	margin: 10px 0 10px;
	padding: 0;
	position: relative;
	width: 100%;
	height: 35px;
}

.relation-products .help div {
    color: #000;
	display: inline-block;
	position: absolute;
	padding: 0 7px;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.3;
	border-style: solid;
	border-color: #000;
	border-width: 3px;
	background-color: #FFFFCC;
}

.relation-products .help div:nth-child(1) {
	left: 48px;
}

.relation-products .help div:nth-child(2) {
	left: 485px;
}

/* 厚さ選択 #25, #30, #40, #60, その他 */
/* A4用 */
.relation-products.col-5 .help {
	background-position: 68px 5px;
	background-image: url(//www.opp-honpo.net/data/opp-honpo/image/arrow-micro.png);
}

.relation-products.col-5 .help div:nth-child(1) {
	left: 5px;
	font-size: 17px;
}

.relation-products.col-5 .help div:nth-child(2) {
	left: 390px;
	font-size: 17px;
}

/* ミシン目のありなし選択 */
.relation-products.col-2.mishin {
	margin-bottom: 20px;
}

.relation-products.col-2.mishin .help {
	background-image: url(//www.opp-honpo.net/data/opp-honpo/image/mishin-arrow.jpg);
	background-position: 120px center;
	margin: 10px 0 10px;
}

.relation-products.col-2.mishin .help div {
	font-size: 19px;
}

.relation-products.col-2.mishin .help div:nth-child(1) {
	left: 48px;
}

.relation-products.col-2.mishin .help div:nth-child(2) {
	left: 440px;
}

/* 白ヘッダー・透明ヘッダーの選択 */
.relation-products.col-2.header .help {
	background-image: url(//www.opp-honpo.net/data/opp-honpo/image/header-arrow.jpg);
	background-position: 75px 4px;
}

.relation-products.col-2.header .help div:nth-child(1) {
	left: 5px;
}

.relation-products.col-2.header .help div:nth-child(2) {
	left: 430px;
}

/* フレームシールデザイン F18-33 */
.frameseal-description {
  margin: 15px 0 20px;
  width: 600px;
}
#product-wrap .frameseal-description p {
  line-height: 1.75;
}
#product-wrap .frameseal-description .air-text {
  color: #f00;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}
#product-wrap .frameseal-description .airhole-text {
  font-size: 17.5px;
  margin: 15px 0 10px;
  text-align: left;
}
.frameseal-description .frame-point {
  text-align: left;
  border: solid 2px #F15A24;
  background: #FCFFCC;
  border-radius: 12px;
  margin: 23px 0 20px;
  padding: 12px 7px 8px;
}
.frameseal-description .frame-point h3 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin: 0;
}
.frameseal-description .frame-point ul {
  margin: 10px 0 0;
  list-style-type: none;
  padding: 0;
}
.frameseal-description .frame-point li {
  font-size: 18px;
  line-height: 1.75;
  margin: 0;
  padding: 0;
}
.frameseal-description .frame-point li::before {
  content: url(https://www.opp-honpo.net/data/opp-honpo/image/frame-check.png);
  margin-right: 5px;
}
.frameseal-description .frame-size-compare {
  border-collapse: collapse;
  width: 100%;
}
.frameseal-description .frame-size-compare th,
.frameseal-description .frame-size-compare td {
  border: solid 1px #000;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}
.frameseal-description .frame-size-compare td:nth-child(1) img {
  margin-left: -50px;
}
.frameseal-description .frame-size-compare td:nth-child(2) {
  border-left-color: #ccc;
}
.frameseal-description .frame-size-compare td:nth-child(2) img {
  margin-left: -25px;
}
.frameseal-description .frame-size-compare tbody tr:nth-child(1) td {
  border-top-style: none;
}
.frameseal-description .frame-size-compare th {
  background: #ccc;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
}
.frameseal-description .frame-size-compare td {
  height: 220px;
}
#product-wrap .frameseal-description .shipping-save-text {
  text-align: left;
  font-size: 16px;
  line-height: 2;
  margin: 0;
}
.frameseal-description .shipping-save-text strong {
  color: #f00;
  font-weight: normal;
}
#product-wrap .frameseal-description .frame-side-text {
  margin: 3px 0 8px;
}
#product-wrap .frameseal-description .frame-side-text + p {
  margin: 0;
}
.frameseal-description .col-2 {
  display: flex;
  justify-content: space-between;
}
.frameseal-description .compare-item {
  margin: 20px 0 -25px;
}
.frameseal-description .compare-item h3 {
  color: #000;
  font-weight: bold;
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.frameseal-description .compare-item strong {
  color: #f00;
}
.frameseal-description .compare-item img {
  position: relative;
  left: 0;
  top: -35px;
}

.relation-products.col-4 {
  margin: 15px 0 35px;
}

/* 包装形態（OPPロール） */
.rol-op-packing-spec dl {
  text-align: center;
  margin: 5px 0 0;
}

.rol-op-packing-spec dd {
  margin: 5px 0 0;
  text-align: left;
  font-size: 14px;
}

.rol-op-packing-spec dt {
  color: #fff;
  padding: 2px 0;
  margin: 5px 0 0;
  width: 150px;
}

.packing-1-roll dt {
  background: linear-gradient(#30AA41, #018A3F);
  margin-top: 0;
}

.packing-1-case dt {
  background: linear-gradient(#DC060A, #8E0D0E);
}

#product-spec td.rol-op-packing-spec span {
  font-size: 14px;
  text-decoration: underline;
  color: #2C8BF0;
}

/* OPPロール商品説明 */
.op-rol-description {
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: #000;
}

.op-rol-description>p:first-child {
  margin-top: 10px;
}

.op-rol-description p {
  margin: 15px 0 0;
}

.op-rol-description .flower-wrapping {
  margin-top: 40px;
  margin-left: -7px;
  margin-bottom: 35px;
}

.op-rol-description .no-margin {
  margin-top: 0;
}

.op-rol-description .img-margin {
  margin-top: 20px;
}

.op-rol-description .trivia {
  border: solid 1px #f00;
  text-align: left;
  padding: 13px 10px 5px 20px;
  margin: 20px 0 0;
  font-weight: normal;
}

.op-rol-description .trivia h3 {
  color: #f00;
  font-size: 20px;
  margin-bottom: 20px;
  border-left: solid 2px #f00;
  padding-left: 5px;
  height: 25px;
  line-height: 25px;
}

.op-rol-description .trivia p {
  line-height: 1.5;
  margin: 0 0 20px;
  font-size: 14px;
}

.op-rol-description .product-video {
  display: block;
  margin: 10px 0 0;
}

.op-rol-description .product-video h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 12px 0 8px;
  color: #000;
}

.op-rol-description .conclusion p {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  width: 578px;
  margin: 10px auto 20px;
  line-height: 1.5;
}

/* usecase更新 */
.usecase ul {
    padding-top: 15px;
    padding-left: 30px;
    text-align:left;
    list-style-type: disc;
}
.usecase .body {
    background-color: #fafcda;
    margin-top: -6px;
}