/* 060901 */
/* ************************************************
* ------------------------------------------------
* 共通設定
* ------------------------------------------------
* ************************************************ */
/* 変更箇所1 項目欄背景 ①薄い色(背景1 背景2) ②中間の色(背景3) ③濃い色(背景4) */
/* 変更箇所2 背景 ①薄い色(背景5 背景6 背景7は共通htmlのグローバルナビで変更 */
/* 変更箇所3 カテゴリ商品紹介背景 背景A */
/* 変更箇所4 1.文字色指定 でCSSを検索し、色番号をコピーする。 2.デザイン設定→共通項目編集→フォント色(全体)より簡易設定 */
/* 変更箇所5 画像枠線の色 ①商品詳細画像枠線の色 ②商品一覧htmlの 商品一覧画像枠線の色 で検索*/
/* 変更箇所6 (オレンジバージョンのみ商品一覧の点線仕切り線変更) ①ソート .sortで検索 ②商品一覧htmlの 仕切り線 で検索 */
/* ボディ htmlで表示される画面すべて */
body {
font-size:12px; /* 項目編集→フォントサイズ(全体)より設定 12px */
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "HG丸ゴシックM-PRO", "Osaka‐等幅"; /* 文字フォント優先順位順 */
/* ●●●文字色指定 デザイン設定→共通項目編集→フォント色(全体)より設定 */
color:#695B48; /* ●濃い緑色 #1E3E02 */
/* ●濃いオレンジ色から茶色に変更 #B01710 */
/* ●濃い新色 #xxxxxx */
/* ●水色 #333399 */
/* htmlのバックカラー 背景5 */
/* background:#F6FCF6; */ /* 背景5 薄緑色 */
background:#FDFBEF; /* 背景5 薄オレンジ */
/* background:#F7F7FF; */ /* 背景5 薄水色 */
margin: 0px; /* 外側余白なし */
padding: 0px; /* 内側余白なし */
}
/* ●●●テーブル ヘッドとヘッダーを除く中央の部分 -会社紹介以外のすべての部分- */
table {
/* background:#F6FCF6;*/ /* ●背景6 薄緑色 */
background:#FAF8F0; /* ●背景6 薄オレンジ色 */
/* background:#xxxxxx;*/ /* ●背景6 薄○色 */
/* background:#F7F7FF;*/ /* ●背景6(基本) 薄水色 */
}
/* フォーム 禁止 */
form {
margin: 0px; /* 外側余白なし */
padding: 0px; /* 内側余白なし */
}
/* スタイルシートをつかう部分のくくり 禁止 */
div {
margin: 0px; /* 外側余白なし */
padding: 0px; /* 内側余白なし */
}
/* 画像 禁止 */
img {
border: 0px; /* 画像周りの線 */
}
/* リンク 禁止 */
/* ①通常のリンク */
a:link {
color: #3F3F3F; /* 項目編集→リンク文字色(通常時)青#0000FF */
text-decoration: underline;
}
/* ②アクセス済みのリンク */
a:visited {
color: #3F3F3F; /* 項目編集→リンク文字色(通常時)青#0000FF */
text-decoration: underline;
}
/* ③ポイントしたときのリンク */
a:active {
color: #3F3F3F; /* 項目編集→ リンク文字色(マウスが当たっている時)紺色#333399 */
text-decoration: underline;
}
/* ④クリックした瞬間のリンク */
a:hover {
color: #3F3F3F; /* 項目編集→ リンク文字色(マウスが当たっている時)紺色#333399 */
text-decoration: none;
}
/* IDコンテンツ 禁止 */
#contents {
margin: 0px auto;
width: 800px;
}
/* IDセンター 禁止 */
/*ページ中央の枠線の色*/
#center {
margin: 0px 5px 0px 5px; /* 外側余白指定 上右下左 */
}
/* ************************************************
* 1.ヘッダーメニュー
* ************************************************ */
/* IDヘッダー 禁止 */
#header {
margin: 0px auto 0px auto; /* 外側余白指定 上右下左 autoは自動という意味(残りの分が自然に入る)*/
width: 800px; /* 幅 */
}
/* ************************************************
* 2.左側メニュー
* ************************************************ */
/* -------------------------------------
* 商品検索
* ------------------------------------- */
/* 商品検索エリアの内側枠 水色部分 禁止 */
#search {
width: 130px; /* 幅 */
margin: 10px auto; /* 外側余白指定 上下 右左自動 */
}
/* ?? */
#search select {
width: 125px;
border: 1px solid #660066;
}
/* ?? */
#search input {
width: 120px;
border: 1px solid #660066;
margin: 5px 0px 5px 0px;
padding: 2px;
}
/* ************************************************
* 3.右側メニュー
* ************************************************ */
/* ●●●classカート */
.cart {
text-align: center; /* 中央揃え */
background: #ffffff; /* ●背景 白 */
margin: 10px 7px 20px 7px; /* 外側余白指定 上右下左 */
width: 136px; /* 幅 */
padding: 10px 0px 10px 0px; /* 内側余白指定 上右下左 */
}
/* classカート内のリスト class="cart"の中にある
に対しての指定 禁止 */
.cart ul {
line-height: 160%;
margin: 0px 5px 0px 5px; /* 外側余白指定 上右下左 */
padding: 5px;
}
/* classカート内のリストマーク class="cart"の中にある- に対しての指定 禁止 */
.cart li {
list-style-type: none; /* リストマーク表示しない */
}
/* ************************************************
* 4.左右メニューのレイアウト
* ************************************************ */
/* 共通の背景色 4パターン */
/* ●●● 背景1 -サイド項目背景 両サイド- */
.ha_1{
border-style : solid solid solid solid ; /* 外枠 */
border-width : 1px; /* 外枠 */
border-color : 000000; /* 外枠 */
/* background-color: #A1CB90;*/ /* ●背景 一段下の緑 */
background-color: #F8D9A8; /* ●背景 一段下のオレンジ */
/* background-color: #xxxxxx; */ /* ●背景 一段下のxx */
/* background-color: #C3D2F8; */ /* ●背景(基本) 一段下の水色 */
}
/* ●●● 背景2 -商品検索等 内側の部分- */
.ha_2{
/* background-color: #A1CB90; */ /* ●背景 一段下の緑 */
background-color: #F8D9A8; /* ●背景 一段下のオレンジ */
/* background-color: #xxxxxx; */ /* ●背景 薄xx*/
/* background-color: #C3D2F8; */ /* ●背景(基本) 一段下の水色 */
padding : 3px 3px 3px 3px; /*内側余白 上左下右*/
}
/* ●●● 背景3 -商品検索等 外枠の部分- */
.ha_3 {
width: 150px; /* 幅 */
margin-bottom : 7px; /* 外側下余白を指定 */
padding: 0px 0px 10px 0px; /* 内側余白指 上左下右 */
/* background-color: #81BC6A; */ /* ●背景 濃い緑 */
background-color: #FAC572; /* ●背景 濃いオレンジ */
/* background-color: #xxxxxx; */ /* ●背景 濃いxx */
/* background-color: #A5B6F7; */ /* ●背景(基本) 濃い水色 */
}
/* ●●● 背景4 -□枠線- */
.ha_4 {
font-size: 12px; /* 文字サイズ */
/* border: 2px solid #1F540A; */ /* ●枠線 深緑 */
border: 2px solid #FA9505; /* ●枠線 濃いオレンジ */
/* border: 2px solid #333399; */ /* ●枠線 濃いxx */
/* border: 2px solid #333399; */ /* ●枠線(基本) 水色 */
margin-top: 10px; /* 外側余白なし */
padding: 5px; /* 内側余白なし */
text-align: center; /* 中央揃え */
}
/*-- 共通の背景色 4パターン --*/
/*classサイドメニュー 禁止 */
.side_menu{
padding-top : 12px; /* 内側上余白指定 */
}
/* 商品カテゴリ リスト 禁止 */
.list ul {
line-height: 160%;
margin: 6px 0px 6px 0px;
padding: 0px 0px 0px 0px;
}
/* 商品カテゴリ リスト項目 禁止 */
.list li {
list-style-type: none;
background: url(https://img05.shop-pro.jp/PA01016/215/etc/sq.gif) no-repeat 3px 30%; /* リストマーク */
}
/* ●●●商品カテゴリ リスト項目 ①通常のリンク */
.list li a {
color: #3C1A01; /* ●文字色 こげ茶 */
text-decoration: none; /* 文字飾りなし */
margin: 0px; /* 外側余白なし */
padding: 0px; /* 内側余白なし */
display: block;
width: 100%;
text-indent: 1em;
}
/* ●●●商品カテゴリ リスト項目 ②アクセス済みのリンク */
.list li a:visited {
color: #3C1A01; /* ●文字色 こげ茶 */
text-decoration: none; /* 文字飾りなし */
display: block;
width: 100%;
}
/* ●●●商品カテゴリ リスト項目 ③ポイントしたときのリンク */
.list li a:hover {
color: #FA8072; /* ●文字色 白 */
text-decoration: none; /* 文字飾りなし */
display: block;
width: 100%;
}
/* ●●●商品カテゴリ リスト項目 ④クリックした瞬間のリンク */
.list li a:active {
color: #000000; /* ●文字色 黒 */
text-decoration: none; /* 文字飾りなし */
background: #FFF url(https://img.shop-pro.jp/tmpl_img/9/list_red.gif) no-repeat 6px 7px;
display: block;
width: 100%;
}
/* ************************************************
* 5.店主のコーナー レイアウト
* ************************************************ */
/* .freespace_right img {
border: 1px solid #946A76;
margin: 5px 0px 5px 0px;
padding: 3px;
} */
/* .freespace_right p {
text-align: left;
font-size: 11px;
} */
/* ************************************************
* 6.RSSリンクのレイアウト 禁止
* ************************************************ */
/* フッターの配置等 */
.feed {
text-align: center;
margin: 20px auto;
}
.feed img {
border: 0px;
}
/* ************************************************
* 7.フッターメニュー 禁止
* ************************************************ */
/* IDフッター */
#footer {
font-size: 12px;
/*padding: 30px;*/
padding: 15px;
text-align: center;
}
#footer p {
font-size: 11px;
margin: 10px 0px 0px 0px;
font-family: "Verdana";
}
/* ************************************************
* ここまで修正 壊れていない060712_17:15
* ************************************************ */
/* ************************************************
* 8.コンテンツ共通 禁止
* ************************************************ */
/* -------------------------------------
* 100px×100pxの縮小画像表示
* 150px126pxに変更
* ※トップ及びサブカテゴリー表示時に使用
* ------------------------------------- */
.item_box {
text-align: center;
padding-bottom: 10px;
width: 170px;
float: left;
}
/* 縮小画像表示 */
.item_thumbnail {
margin: 20px 0px 5px 10px;
width: 150px; /* 縮小画像表示 幅 初期設定100から変更 */
height: 126px; /* 縮小画像表示 高さ 初期設定100から変更 */
overflow: hidden;
position: relative;
}
.item_thumbnail img {
width: 150px;
height: 126px;
}
/*小カテゴリーリンク用追加*/
.item_thumbnail_a {
margin: 20px 0px 5px 10px;
width: 15px;
height: 15px;
overflow: hidden;
position: relative;
}
.item_thumbnail_a img {
/*width: 100px;*/
/*height: 100px;*/
width: 15px;
height: 15px;
}
/*変更*/
.item_frame {
border: 0px;
width: 150px;
height: 126px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
/*追加 小カテゴリーのリンク用*/
.item_frame_a {
border: 0px;
width: 15px;
height: 15px;
position: absolute;
/*top: 0px;*/
top: 0px;
left: 0px;
z-index: 1;
}
/* -------------------------------------
* 商品一覧表示のレイアウト 禁止
* ------------------------------------- */
.category_items td {
font-size: 12px;
padding: 10px 0px 10px 0px;
/*layout-grid-line:9px;*/
}
.category_items p {
font-size: 12px;
margin: 5px 0px 0px 0px;
padding: 0px;
}
/* ●●●クラス カテゴリコメント 背景A 商品カテゴリごとの案内文 商品一覧のhtml*/
.category_coment {
font-size: 12px;
margin: 10px 10px 0px 10px;
padding: 6px 6px 6px 6px;
layout-grid-line: 8px;
/* background-color: #DDF9C4;*/ /* ● 薄い緑色 */
background-color: #FBF4D2; /* ● 薄いオレンジ */
/* background-color: #xxxxxx; */ /* ● 薄い○○ */
/* background-color: #E5E6FA; */ /* ● 薄い水色*/
}
/*小カテゴリーの場合 追加*/
.msg1 {
color:#F4573C; /* オレンジ色 */
}
.msg2 {
color:#f4573c; /* オレンジ色 */
border-bottom:2px dotted #4573c 80%;
}
.category_coment_s {
font-size: 12px;
margin: 10px 10px 0px 10px;
padding: 8px 6px 8px 6px;
layout-grid-line: 8px;
background-color: #FFE8C4; /* 肌色 */
border:2px dotted #F4573C; /* オレンジ色 */
}
.s_category{
padding-right: 2px;
padding-top:5px;
text-align: right;
}
.coment_s{
padding-top :10px;
padding-left:10px;
}
/* -------------------------------------
* ぱんくずリスト 禁止
* ------------------------------------- */
.footstamp {
padding: 2px 10px 10px 10px;
font-size: 11px;
}
/* -------------------------------------
* ページタイトル
* ------------------------------------- */
/* ページタイトルの文字サイズ、フォントなど変更 */
.pagetitle {
margin: 20px 0px 1px 0px;
padding: 0px 10px 3px 10px;
border-bottom: 3px solid #3c1a01;
font-size: 17px;
color : #3c1a01; /* こげ茶色 */
font-weight: bold;
clear: both;
}
.pagetitle_s {
margin: 5px 0px 1px 0px;
padding: 0px 0px 3px 0px;
/*border-bottom: 3px solid #946A76;*/
/*border-bottom: 3px solid #ae7e44;*/
font-size: 17px;
color : #AE7E44;
font-weight: bold;
clear: both;
}
/* -------------------------------------
* 商品が無い時の表示 禁止
* ------------------------------------- */
.nodata {
margin: 50px 0px 50px 0px;
text-align: center;
}
/* ************************************************
* 9.TOPコンテンツ
* ************************************************ */
/* ************************************************
* 9.TOPコンテンツ
* ************************************************ */
/* -------------------------------------
* お知らせ・おすすめエリアレイアウト
* ------------------------------------- */
.top_items tr {
text-align: center;
}
.top_items td {
font-size: 11px;
text-align: center;
padding-bottom: 10px;
}
/* -------------------------------------
* お知らせエリア
* ------------------------------------- */
/* 背景追加 */
.info_space {
/*background: url(https://img.shop-pro.jp/PA01016/215/etc/dot.gif); */
/*margin: 20px;*/
}
.info{
padding :4px 0px 4px 20px;
}
/* -------------------------------------
* フリースペース
* ------------------------------------- */
.free_space {
margin: 20px;
}
/* -------------------------------------
* お知らせエリア
* 箇条書きでお知らせを掲載する際にご利用ください
* ※初期設定では適用されていません
* ------------------------------------- */
/*追加*/
#information {
/*background: url(https://img.shop-pro.jp/PA01016/215/etc/dot.gif); */
}
/*背景追加*/
#information ul {
font-size: 11px;
line-height: 160%;
margin: 0px 20px 0px 15px;
padding: 0px 0px 0px 0px;
/*background: url(https://img.shop-pro.jp/PA01016/215/etc/dot.gif); */
}
/*背景追加*/
#information li {
padding: 0px 0px 0px 20px;
list-style-type: none;
/*background: url(https://img.shop-pro.jp/PA01016/215/etc/dot.gif);*/
}
/*背景追加*/
#information p {
margin: 10px 0px 20px 20px;
/*background: url(https://img.shop-pro.jp/PA01016/215/etc/dot.gif);*/
}
/* ************************************************
* 10.商品詳細 レイアウト
* ************************************************ */
#detail {
padding: 20px 0px 20px 0px;
/*layout-grid-line:10px;*/
line-height: 140%;
}
#detail .td1 {
background: #EEE;
}
#detail .td2 {
background: #FFF;
}
/* ●●●商品詳細画像枠線の色*/
#detail .large {
/* border: 1px solid #1E3E02;*/ /* ●グリーン */
border: 1px solid #7A5940; /* ●オレンジ用茶色 */
/* border: 1px solid #xxxxxx;*/ /* ●新色 */
/* border: 1px solid #0000ff;*/ /* ●水色 */
margin: 0px 20px 0px 20px;
width: 200px;
}
/*追加*/
#detail .large1 {
border: 1px solid #0000ff; /* 青 */
margin: 0px 20px 0px 20px;
width: 300px;
height: 225px;
}
#detail .small {
margin: 20px 0px 0px 20px;
/*width: 100px;*/
/*height: 100px;*/
width: 130px;
height: 98px;
}
#detail p {
font-size: 14px;
margin: 20px;
padding: 5px;
border: 1px solid #CCC;
background: #EEE;
}
#detail ul {
margin: 20px;
padding: 5px;
}
#detail li {
padding: 0px 0px 0px 20px;
list-style-type: none;
background: url(https://img.shop-pro.jp/tmpl_img/9/list_arrow_red.gif) no-repeat 6px 0px;
}
/* -------------------------------------
* 商品詳細-購入数選択・「カートに入れる」ボタン
* ------------------------------------- */
.product_num {
width: 50px;
}
.product_incart {
margin: 10px;
text-align: center;
}
/* -------------------------------------
* トラックバック
* ------------------------------------- */
#trackback {
margin: 0px 20px 20px 20px;
}
#trackback .tb_main_title {
font-weight: bolder;
margin-top:30px;
padding-bottom:5px;
border-bottom: 5px solid #C59BA7;
}
#trackback .tb_url {
font-size: 11px;
padding: 5px 10px 5px 10px;
}
#trackback .tb {
margin: 10px 0px 10px 0px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#trackback .tb_date {
font-size: 10px;
padding: 10px 10px 10px 10px;
}
#trackback .tb_title {
font-weight: bold;
padding: 0px 10px 10px 10px;
}
#trackback .tb_body {
line-height: 150%;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
}
#trackback .tb_state {
padding: 5px 10px 5px 10px;
}
/* ************************************************
* 11.商品一覧 レイアウト
* ************************************************ */
/* -------------------------------------
* サブカテゴリー レイアウト
* ------------------------------------- */
.subcategory {
padding: 10px;
font-size: 11px;
}
/* -------------------------------------
* 検索条件表示
* ------------------------------------- */
.search_result {
border: 1px solid #CCC;
margin: 20px 20px 10px 20px;
padding: 5px;
}
/* -------------------------------------
* 一覧表示 並び順を変更
* ------------------------------------- */
/*商品一覧htmlのソート 下線の色*/
.sort {
/* border-bottom: 2px dotted #F8936C;*/ /* 通常オレンジ */
border-bottom: 2px dotted #009933; /* オレンジバージョンのみ緑 */
padding: 10px;
font-size: 11px;
}
/* -------------------------------------
* 一覧表示 商品数と表示数
* ------------------------------------- */
.pagenavi {
margin: 10px 20px 10px 20px;
font-size: 11px;
}
/* ************************************************
* 12.商品オプションページ
* ************************************************ */
/* -------------------------------------
* オプション表の罫線の色
* ------------------------------------- */
#Option .option_table {
background-color:#999;
}
/* -------------------------------------
* オプション 項目背景の色
* ------------------------------------- */
#Option .option_cell1 {
text-align:left;
color: #333333;
background-color:#EEEEEE;
margin: 2px;
padding: 2px 10px 2px 10px;
font-weight:bold;
white-space:nowrap;
}
/* -------------------------------------
* オプション 価格背景の色
* ------------------------------------- */
#Option .option_cell2 {
text-align:left;
background-color:#FFFFFF;
padding: 2px 10px 2px 6px;
}
/* -------------------------------------
* サブカテゴリリスト
* ------------------------------------- */
.subcategory_list {
float:left;
width: 120px;
text-align:center;
margin: 10px 10px;
}
/* ************************************************
* 13.特定商取引法・お支払い方法・配送設定について
* ************************************************ */
#ShopKeeper {
margin: 20px auto;
background: #999999;
width: 450px;
}
#ShopKeeper th {
width: 150px;
background: #EEE;
border-top: 1px solid #FFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #FFF;
color: #000;
font-size: 11px;
padding: 0px 5px 0px 5px;
}
#ShopKeeper td {
width: 300px;
background: #FFF;
padding: 5px;
}
.SK p {
margin: 0px 0px 10px 0px;
padding: 15px 0px 0px 30px;
border-top: 1px solid #CCC;
}
.SK .area {
padding: 0px 30px 20px 30px;
}
.SK .title {
background: #EEE;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px dotted #CCC;
border-left: 1px solid #CCC;
padding: 5px;
color: #000;
}
.SK .note {
background: #FFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
margin: 0px 0px 10px 0px;
padding: 5px;
}
.payment_img {
width:30px;
height:30px;
margin:3px;
}
/* ************************************************
* 14.プライバシーポリシー
* ************************************************ */
/* IDプライバシーエクスプラン プライバシーポリシーhtml */
#PrivacyExplain {
margin: 20px; /* 枠線外側 上20px */
font-size: 12px; /* フォント 12px */
}
/* IDプライバシーエクスプランの中のclassタイトル */
#PrivacyExplain .title {
margin: 20px 0px 0px 0px; /* 枠線外側 上20px */
padding: 5px 5px 10px 5px; /* 枠線内側 上5px 左5px 下10px 右5px */
border-top: 2px solid #CCC; /* 上枠線 青 */
color: #000; /* フォント 黒 */
font-weight: bolder;
}
/* IDプライバシーエクスプランの中のclassノート */
#PrivacyExplain .note {
font-size: 11px; /* フォント 11px */
line-height: 150%;
margin: 10px 5px 20px 15px; /* 枠線外側 上10px 左5px 下20px 右15px */
}
/* -------------------------------------------
トップ 商品カテゴリー
---------------------------------------------*/
/* class商品画像 */
.shohin {
padding : 0px 0px 0px 0px; /* ボーダー内側余白なし */
}
/* class商品名 */
.shohinmei {
padding : 0px 0px 8px 0px; /* ボーダー内側下余白8px */
color : #FB6002; /* 反映されてない!画面上は青(リンク)になっている */
/* フォント 黒に近いこげ茶色 */
}