- 文字サイズ変更
- 小
- 中
- 大
解決済
ショップサーブのCSSについて
- 相談者：非公開
- 2017/04/28 13:15
お世話になっております。
弊社ではショップサーブにて新店をオープン予定ですが、
ヘッダーの「サイトマップ」のリンクがあるはずが、
クリックできない状態です。
※隣の、「お客様の声」はクリックできるようです。
ショップサーブに問い合わせたところ、
CSSが邪魔をしている、との事でしたが、CSSのどこを修正すればいいのかわかりません。
お教えいただけると助かります。
※カスタムテンプレートも使用しており、どれがどこに作用しているのかもわからず…の状態です。
http://www.takasago-gyomuten.net/
＿＿＿ここから①＿＿＿＿＿＿
@charset "euc-jp";
/*■◆■◆■◆ご注意■◆■◆■◆*/
/*＿スタイルシートの編集は慎重に！必ずバックアップを取りましょう！＿*/
/*株式会社いつも.では納品後のスタイルシートのサポートは範囲外となっております。*/
/*また、「○○をするにはどうしたらいいの？」というご質問にもお答えしかねます。*/
/*Eストアー様でもスタイルシートのサポートは一部に限られています。*/
/*上記より、HTML初心者の方は改変されないことをおすすめいたします。*/
/*弊社ではスタイルシートのバックアップは行っておりません。*/
/*いったん変更されたスタイルシートを、元に戻すことは不可能です。*/
/*■◆■◆■◆上記ご注意をご理解いただいたお客様へ■◆■◆■◆*/
/*お客様で改変される事が多い部分に説明書きを付けました。*/
/*「ショップワークス」で検索し、改変部分を探してみてください！*/
/*スタイルシートの編集が出来ると、お店のデザインが自由自在に変更できます！がんばってください！*/
/* ■◆ショップワークス↓↓背景色を変更したい場合は「●●背景色●●」で検索！■◆*/
/* テーマ：ベーシック／グレー */
body{
font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
text-align:center;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:80%;
line-height:135%;
color:#666666;
/* ■◆ショップワークス↓↓全体の背景色■◆*/
/* ●●背景色●● */
background-color:#fff;
/*background-image: url(<EBUserThemeImg>/bg_img.jpg);*/
/*background-repeat:repeat;*/
/*background-position:0 0;*/ /*background-color:#333333;*/
}
table{ /* 基本テーブル設定（固定）*/
border:0px none;
margin:0px;
padding:0px;
text-align:left;
border-collapse:collapse;
}
/* ■◆ショップワークス↓地域別送料の場合使用します■◆*/
.delivery{ /* 送料テーブル設定*/
margin-bottom:10px;
width:280px;
border-collapse:collapse;
border:1px solid #666666;
}
/* ■◆ショップワークス↓地域別送料 凡例の文字色・背景色設定■◆*/
.delivery th{ /* 送料テーブル設定*/
padding:2px;
color:#ffffff;
background-color:#1E9608;
border-collapse:collapse;
border:1px solid #666666;
}
.delivery td{ /* 送料テーブル設定*/
padding:2px;
border-collapse:collapse;
border:1px solid #666666;
}
th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
th {white-space:nowrap;}
h1,h2,h3,h4 { /* 基本タイトル（固定）*/
padding:0px;
margin:0px;
font-size:100%;
text-align:left;
}
a{ /* 基本のリンク （固定）*/
color:#333333;text-decoration:underline;}
a:hover {
color:#333333;text-decoration:none;}
ul{ /* 基本のリスト （固定）*/
list-style-type:square;}
ul ul{ list-style-type:none;}
img{ border:0px;}/* イメージボーダー指定 */
form { padding:0px;display:inline;}
p{ line-height:150%;margin:5px 0px;padding:2px 0px;}
.clear_both { /* 画像の周り込み解除 */
clear:both;
font-size:1px;
visibility:hidden;
overflow:hidden;
height:1px;
text-align:center;
}
.button1{ /* inputボタン設定 */
/*cursor:hand;
font-size:12px;
color:#FFFFDD;
background:#333333;
border:1px solid #999999;
font-weight:normal;*/
}
.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */
.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */
.no2{font-size:110%;} /* フォントズーム */
.strong{ font-weight:bold;}/* フォントボールド */
.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#414141;} /* フォントグレー */
.white{color:#ffffff;} /* フォント白 */
.item img{/* 商品画像枠 */
height:auto;
padding:5px;
margin:0px;
background:#ffffff;
text-align:center;
}
.spacebox{/* スペース設定 */
height:50px;
}
/* border-right:1px solid #390b06;*/
/********************************************************************/
/* 大枠テーブル（固定） */
#container {
width:940px;
margin-left:auto;
margin-right:auto;
text-align:left;
/*border-left:1px solid #333333;
border-right:1px solid #333333;*/
/* ■◆ショップワークス↓↓コンテナ背景色■◆*/
background:/* url(../img/container.gif) */ #ffffff;
}
/* マイページ、ポップアップ画面 */
#enter {
width:100%;
text-align:left;
color:#000000;
/* ■◆ショップワークス↓↓背景色■◆*/
background:/* url(../img/enter.gif) */ #ffffff;
border:1px solid #B6A081;
}
/* ヘッダー */
#header{
width:100%;
background-repeat: no-repeat;
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
width:940px;
/* ■◆ショップワークス↓ヘッダ背景／画像or単色（適用しないほうをコメントアウト）■◆*/
/*background:url(<EBHfBgurl>)<EBHfBgurlp> no-repeat;*/
/*<EBHfBgurlp> no-repeat;*/
}
td>#header { /* IE7 Safari Firefox 用 */
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
min-height:120px;
}
.shoplogo{ /* サイトロゴブロック（設定の場合） */
padding:0px 0px 0px 0px;
margin:0px;
width:100%;
}
.shoplogo img{
height: 120px;
}
.shoplogo img{ /* サイトロゴブロック（表示なし） */
/*display:none;*/
}
.siteName{ /* サイト名 h1 （テキスト） */
margin:0px;
text-indent: -5000px;
/* ■◆ショップワークス↓↓h1の位置をpaddingで調整■◆*/
/* ■◆左から「上」「右」「下」「左」です■◆*/
}
/* ■◆ショップワークス↓↓h1の文字色調整■◆*/
.siteName a { color:#ffffff; text-decoration:none;}
.siteName a:hover {
color:#CCCCCC;
/*text-decoration:underline;*/
}
/* ■◆ショップワークス↓↓h2の位置をpaddingで調整■◆*/
/* ■◆h1の次の行ならば「上」は0px■◆*/
.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
padding:0px 0px 0px 0px;
font-size:10px;
font-weight:normal;
line-height:1em;
text-align : left;
position: absolute;
top:3px;
background:url(http://takasago-mejya.net/pic-labo/header20160903.gif) no-repeat;
margin-top:-3px;
width:940px;
}
/* ■◆ショップワークス↓↓h2の文字色調整■◆*/
.sitecopy a {
color:#ffffff; text-decoration:none;
display:block;
height:120px;
padding:2px 0px 0px 5px;
}
.sitecopy a:hover {
color:#FFF;
/*text-decoration:underline;*/
}
/* ヘッダーメニュー */
div.shoplogo img{
display:none;
}
#headMenu {
width:100%;
margin:0;
margin-bottom:4px;
background-color:#5a0000;
/*border-bottom:3px #009193 solid;
border-top:1px #009193 solid;*/
margin-bottom:10px;
/* ●●背景色●● */
color:#5a0000;
clear:both;
background-color:#5a0000;
}
.headnavi { /* ヘッダーメニューテキスト */
padding:5px 5px 5px 1px;
/*color:#C8C8C8;*/
font-weight:normal;
text-align:right;
/* ■◆ショップワークス↓↓グローバルナビ_背景色調整■◆*/
background-color:#5a0000;
/*background-image:url(../img/headnavi_bg.gif);*/
color:#fff;
width:930px;
}
.headnavi a{
padding:10px 5px 10px 5px ;
margin:5px 0px;
font-weight:bold;
text-decoration:none;
/* ■◆ショップワークス↓↓グローバルナビ_文字色調整■◆*/
color:#fff;
}
.headnavi a:hover {
/* ■◆ショップワークス↓↓グローバルナビ_ホバー色調整■◆*/
color:#efbebe;
/*text-decoration:underline;*/
/*background-image:url(../img/headnavi_bg_on.gif);*/
}
.navi01 {/* ヘッダーメニューアイコン */
color:#fff;
/*background:url(../img/hnavi01.gif) no-repeat center left;*/
}
/* ヘッダー下装飾ライン */
.hline {
border:0px solid #B6A081;
background:url(../img/hline.gif) no-repeat #B6A081;
}
/********************************************************************/
#leftSide { /* 左サイドtd */
width:170px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/leftside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列）*/
width:142px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/rightside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列 ブログ）*/
width:142px;
padding:0px;
margin:0px;
vertical-align:top;
/* background:url(../img/rightside2.gif) ;*/
}
#center1 { /* センター td （2列）*/
width:690px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center1.gif) ;*/
}
#center2 { /* センターtd （3列）*/
width:590px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center2.gif) ;*/
}
#center3 { /* センターtd （装飾用）*/
vertical-align:top;
background:#ffffff;
width:100%;
/* background:url(../img/center3.gif) ;*/
}
.header_area { /* ヘッダのフリーエリア */
text-align:left;
margin:0px 0px 0px 0px;
padding:0px;
width:770px;
/*border:1px #1587C2 solid;*/
}
.footer_area { /* フッタのフリーエリア */
text-align:left;
margin:0px 0px 0px 10px;
padding:0px;
width:750px;
}
.sidebox { /* サイド用ブロック（幅設定） */
padding:0px 0px 0px 0px;
margin:0px;
}
.centerbox { /* センター用ブロック（幅設定） */
margin:0px;
padding:0px 5px 5px 10px;
/* background:url(../img/centerbox.gif) ;*/
}
.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}
/********************************************************************/
/* 基本商品テキスト設定 */
.price{ /* 商品価格 */
color:#FF0000;
text-align:left;
font-weight:bold;
}
.price.no2{ /* 商品価格 （カート部分） */
font-size:140%;
font-weight:bold;
color:#FF0000;
}
.price.zoom{ /* 商品価格 （商品詳細） */
font-size:140%;
font-weight:bold;
}
.expl{ /* 商品説明文 */
text-align:left;
color:#333333;
}
.expl a{color:#333333; text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}
.fixed{ /* 商品定価 */
font-size:120%;
color:#333333;
text-align:left;
/*text-decoration:line-through;*/
}
h2.goods /* 商品名 （商品一覧）*/
a{color:#666666;text-decoration:none;font-weight:bold;text-decoration:underline;}
a:hover{color:#333333;text-decoration:none;}
/********************************************************************/
/*センターコンテンツ */
.topIMG { /* トップイメージ 外枠設定 */
margin:0px ;
padding:0px;
}
.topIMG td{
margin:0px;
padding-left:20px;
_padding-left:20px;
background:#ffffff;
}
.shopCopy { /* サイト説明 */
font-size:110%;
line-height:130%;
margin:0px;
padding:3px 10px 3px 10px;
color:#336699;
font-weight:normal;
text-align:left;
}
/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★１★■◆*/
/* ■◆（全部で4カ所変えましょう。★１★～★４★）■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★１★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1{ /* タイトル2 h1 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★２★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★２★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1 a{color:#414141;text-decoration:underline;}
.title1 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title2{ /* タイトル2 h1 */
padding:10px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★３★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★３★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title2 a{color:#414141;text-decoration:underline;}
.title2 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title3{ /* タイトル2 h1 */
padding:3px 0px 0px 3px;
margin:0px;
width:142px;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★４★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★４★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title3 a{color:#414141;text-decoration:underline;}
.title3 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.rank{/* ランキングアイコン */
text-align:left;
}
.mainCont { /* メインコンテンツ */
padding:1px;
margin:0px;
width:auto;
background:#ffffff;
/* background:url(../img/maincont.gif) ;*/
}
.contbox { /* メインコンテンツ内項目ボックス*/
padding:1px 0px;
margin:0px;
width:auto;
}
ul.news{ /* 最新情報リスト設定 */
text-align:left;
padding:0px 0px 0px 0px;
margin:0px;
list-style-type:none;
color:#666666;
height:70px;
width:480px;
overflow:auto;
}
li.p3{padding:3px;color:#333333;}
ul.free_list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.map{ /* サイトマップリスト設定 */
font-size:110%;
text-align:left;
padding:0px 20px;
margin:0px;
color:#333333;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}
.sitemap{ /* サイトマップリスト 項目タイトルh4*/
font-size:110%;
padding:5px 25px;
color:#333333;
background:url(../img/icon_sitemap.gif) no-repeat ;
background-position:left center;
}
/* テーブル余白設定 （固定） */
.layoutp5 { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}
.layoutp3 { padding:5px 0px;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}
.bordlayoutp3 { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */
.backcolor1 { background:#E8E8E8;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */
/* 商品レイアウト（トップページセンター、商品一覧用）*/
.layoutFrame{/* 大枠 table */
margin:10px 0px 0px 0px;
padding:1px;
width:99%;
/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
text-align:center;
margin:0px;
padding:0px;
vertical-align:top;
}
.layout1{ /* レイアウト */
margin:1px;
padding:3px;
background:#ffffff;
/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
margin:0px;
padding:3px;
text-align:center;
}
/* 第二階層 */
#bread{ /* パンクズ */
margin:0px;
padding:3px 15px;
color:#414141;
text-align:left;
background:#ffffff;
}
#bread a { color:#414141;}
#bread a:link {
text-decoration:underline;
}
#bread a:hover {
text-decoration:underline;
color:#336699;
}
h4.title{
font-size:110%;
margin:5px 0px;
padding:2px 0px;
color:#414141;
border-bottom:1px dotted #333333;
}
.mainFrame{ /* メイン大枠 */
margin:0px;
padding:1px;
/*ackground:#1587C2;*/
/* background:url(../img/mainframe.gif) ;*/
}
p.title { margin:3px 0px;
padding:2px 0px;
color:#669933;
border-bottom:1px dotted;
font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent,.mailmag_cha,.mailmag_can {
color:#414141;
}
.mailmag_ent{ /* 新規登録 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_ent.gif) no-repeat;
}
.mailmag_cha{ /* アドレス変更 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_cha.gif) no-repeat;
}
.mailmag_can{ /* 配信解除 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_can.gif) no-repeat;
}
#sortList{ /* ソート */
margin:0px;
padding:10px 3px 5px 3px;
width:auto;
color:#333333;
float:right;
}
.pageTop { /* ページトップ */
padding:3px 5px 0px 17px;
margin:10px 5px;
background-image:url(../img/icon_top.gif);
background-repeat:no-repeat;
background-position:50% left;
font-size:90%;
font-weight:bold;
float:right;
}
.pageTop a{ color:#414141;text-decoration:none;}
.pageTop a:hover{ color:#336699;text-decoration:none;}
/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
padding:0px;
/* margin-bottom:2px;*/
width:auto;
border-top:0px #999999 solid;
/* ■◆ショップワークス↓↓フッター画像の高さ調整■◆*/
height:118px;
/* ■◆ショップワークス↓↓個人情報・商取法の位置揃え（基本はレフト）■◆*/
text-align:center;
margin-top:5px;
margin-top:5px;
<EBIfNonEmpty tag="EBHffBgurl">background:url(<EBHffBgurl>) <EBHffBgurlp> no-repeat ;</EBIfNonEmpty>
}
td>#footer { /* IE7 Safari Firefox 用 */
height:auto;
/* ■◆ショップワークス↓↓フッター画像の高さ調整（IE7 Safari Firefox 用）■◆*/
min-height:118px;
}
.footnavi { /*フッターメニューテキスト設定*/
/* ■◆ショップワークス↓↓個人情報・商取法の位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:5px 575px 0px 0px;
/* ■◆ショップワークス↓↓個人情報・商取法（非リンク部）の文字色■◆*/
color:#5a0000;
}
.footnavi a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#5a0000;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
/* ■◆ショップワークス↓↓個人情報と商取法ホバー調整（必要に応じて。基本的には変更しない）■◆*/
.footnavi a:hover { color:#CCCCCC;/*text-decoration:underline;*/}
#copyright { /* ネットショップ制作サービス ショップワークス */
/* ■◆ショップワークス↓↓ショップワークスリンクの位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:80px 10px 0px 0px;
padding-bottom:0px;
width:auto;
/* height:20px;*/
color:#fff;
text-align:right;
text-decoration:none;
font-size:10px;
/* background:url(../img/copyright.gif) ;*/
}
#copyright a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#fff;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
#copyright a:hover { /*color:#336699;text-decoration:underline;*/}
#footer>#copyright { /* IE7 Safari Firefox 用 */
height:auto;
min-height:15px;
}
/********************************************************************/
/* サイド設定 */
#search {/* サイド商品検索枠設定 */
padding:8px 0px 10px 0;
text-align:center;
margin:-9px 0 0 0;
width:160px;
background:url(http://takasago-mejya.net/pic-labo/bg_kensaku.gif) no-repeat;
}
/*#search label{
padding:7px 0px 0px 7px;
margin:0px;
color:#FFFFFF;
line-height:100%;
letter-spacing:0.2em;
font-size:12px;
font-weight:bold;
}*/
.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}
/* サイドメニューカテゴリリスト */
.list { /* メニュー枠設定 */
padding:0px 0px;
display:block;
line-height:130%;
}
.list h3 { /* タイトル */
padding:5px 5px;
margin:0px;
}
ul.free_listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
ul.listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
li.ca1 {
margin:0px;
/* ●●背景色●● */
border-top:1px solid #f0e6df;
border-bottom:1px solid #FFFFFF;
}
li.ca2 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca1 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca1 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
background-repeat:no-repeat;
background-color:#f2ccb4;
}
li.ca2 a{ padding:1px 3px 1px 15px;
display:block;
color:#666;
font-weight:normal;
text-decoration:none;
}
li.ca2 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:no-repeat #f7dece;
}
li.ca3 {
margin:0px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
li.ca3 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca3 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
/*background-image:url(../img/icon_eye01_ov.gif);*/
background-repeat:no-repeat;
background-color:#f7dece;
}
li.ca4 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca4 a{ padding:3px 3px 3px 25px;
display:block;
color:#333333;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02.gif) no-repeat #d44343;
}
li.ca4 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02_ov.gif) no-repeat #f7dece;
}
.sline1 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
.sline2 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
margin:3px 0;
padding:0px;
background: #ffffff;
}
.sidemain1 p {
padding:3px 0;
margin:0px;
line-height:120%;
font-size: 10px;
}
.sidemain1 ul { /* リスト設定 */
margin:0px;
padding:3px 0px 3px 0px;
list-style:none;
}
.sidemain1 li {
display:block;
padding:2px 0px 2px 10px;
color:#0E577E;
background:url(../img/icon_eye03.gif) no-repeat
}
/* カレンダー */
caption { /* 年月タイトル */
font-weight:bold;
text-align:center;
padding:3px;
color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333; text-decoration:underline;}
.carender { /* カレンダー テーブル*/
border-collapse:collapse;
padding:5px 0px;
margin:0px;
text-align:center;
background-color:#ffffff;
}
.carender td {
padding:2px;
border-collapse:collapse;
text-align:right;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
.carender th {
padding:2px;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
th.day { /* ヘッダ平日 */
font-weight:bold;
color:#414141;
background:#E8E8E8;
text-align:center;
}
th.sun { /* ヘッダ日曜 */
color:#FFFFFF;
background:#414141;
text-align:center;
}
th.sat { /* ヘッダ土曜 */
color:#FFFFFF;
background:#336699;
text-align:center;
}
.chert { /* 表示色説明枠 */
margin:5px 5px;
font-size:84%;
}
.chert td {
border-collapse:separate;
padding:0px 0px 0px 5px;
border:2px solid #FFFFFF;
}
.line01{
/*border:#DEDBBE 1px dotted;*/
vertical-align:buttom;
}
#rss{ / * RSS設定 */
margin:10px 0px 20px 0px ;
padding:10px 0px 20px 10px ;
}
#count{ / * カウンター */
margin:0px;
padding:5px;
}
/********************************************************************/
/* ブログ */
.blogbox { /* コメントボックス*/
padding:5px;
margin:2px 0px;
width:auto;
/* background:url(../img/blogbox.gif) ;*/
}
.entry_title { /* ブログエントリータイトル h2 */
padding:5px 0px 5px 20px;
display:block;
font-size:110%;
/* color:#FFFFFF;*/
color:#FFFFFF;
height:19px;
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.entry_date{
display:block;
padding:10px 0px 3px 0px;
color:#333333;
text-align:right;
}
.state{ /* ブログステータス */
padding:2px 0px;
text-align:right;
border-top:1px solid #ded9c5;
}
.subtitle {/* h3 ブロックサブタイトル */
padding:5px 0px 5px 0px;
margin:10px 0px 10px 0px;
text-align:left;
font-size:110%;
color:#547D2B;
background:url(../img/subtitle.gif);
height:19px;
}
p.label { /* ブログコメントタイトル */
font-weight:bold;
}
.tb_url{ /* トラックバックurl */
font-weight:bold;margin-bottom:10px;
}
/********************************************************************/
/* カート */
.point {font-size:120%;color:red;font-weight:900;}
.pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px;background-color:#414141;}
/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
text-align:center;
width:100%;
height:83px;
}
.step_navi01 {
background-image:url(../img/navi01.gif);
background-repeat:no-repeat;
}
.step_navi02 {
background-image:url(../img/navi02.gif);
background-repeat:no-repeat;
}
.step_navi03 {
background-image:url(../img/navi03.gif);
background-repeat:no-repeat;
}
.step_navi04 {
background-image:url(../img/navi04.gif);
background-repeat:no-repeat;
}
/********************************************************************/
/* gnavi */
div.header_area ul{
list-style:none;
margin:0;
padding:0;
}
div.header_area ul li{
float:left;
}
div.header_area ul li a:hover img{
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}
/*----------------------
infobox
----------------------*/
#infoBox {
width:120px;
margin:0;
padding:0 0 8px;
text-align:center;
position:fixed;
right:1px;
bottom:1px;
border:1px solid #620303;
background:#FFFEDE;
}
#infoBox p {
margin:0 0 8px;
padding:5px;
line-height:100%;
background:#683534;
font-weight:bold;
color: #FFF;
}
#infoBox ul {
margin:0;
padding:0;
line-height:100%;
list-style: none;
}
#infoBox li {
margin:0 0 2px;
padding:0;
}
#infoBox img {
vertical-align:top;
border: none;
}
/*
===== CLEARFIX ==========================================
*/
div.header_area ul
{
min-height:1px; /* IE 7*/
}
div.header_area ul:after
{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
div.header_area ul
{
display:inline-table;
}
/* Mac IE \*/
* html div.header_area ul
{
height:1px;
}
div.header_area ul
{
display:block;
}
/* */
/* CSS Document */
＿＿＿＿ここまで①＿＿＿＿＿
＿＿＿＿ここから②＿＿＿＿＿
@charset "euc-jp";
/*■◆■◆■◆ご注意■◆■◆■◆*/
/*＿スタイルシートの編集は慎重に！必ずバックアップを取りましょう！＿*/
/*株式会社いつも.では納品後のスタイルシートのサポートは範囲外となっております。*/
/*また、「○○をするにはどうしたらいいの？」というご質問にもお答えしかねます。*/
/*Eストアー様でもスタイルシートのサポートは一部に限られています。*/
/*上記より、HTML初心者の方は改変されないことをおすすめいたします。*/
/*弊社ではスタイルシートのバックアップは行っておりません。*/
/*いったん変更されたスタイルシートを、元に戻すことは不可能です。*/
/*■◆■◆■◆上記ご注意をご理解いただいたお客様へ■◆■◆■◆*/
/*お客様で改変される事が多い部分に説明書きを付けました。*/
/*「ショップワークス」で検索し、改変部分を探してみてください！*/
/*スタイルシートの編集が出来ると、お店のデザインが自由自在に変更できます！がんばってください！*/
/* ■◆ショップワークス↓↓背景色を変更したい場合は「●●背景色●●」で検索！■◆*/
/* テーマ：ベーシック／グレー */
body{
font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
text-align:center;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:80%;
line-height:135%;
color:#666666;
/* ■◆ショップワークス↓↓全体の背景色■◆*/
/* ●●背景色●● */
background-color:#fff;
/*background-image: url(<EBUserThemeImg>/bg_img.jpg);*/
/*background-repeat:repeat;*/
/*background-position:0 0;*/ /*background-color:#333333;*/
}
table{ /* 基本テーブル設定（固定）*/
border:0px none;
margin:0px;
padding:0px;
text-align:left;
border-collapse:collapse;
}
/* ■◆ショップワークス↓地域別送料の場合使用します■◆*/
.delivery{ /* 送料テーブル設定*/
margin-bottom:10px;
width:280px;
border-collapse:collapse;
border:1px solid #666666;
}
/* ■◆ショップワークス↓地域別送料 凡例の文字色・背景色設定■◆*/
.delivery th{ /* 送料テーブル設定*/
padding:2px;
color:#ffffff;
background-color:#1E9608;
border-collapse:collapse;
border:1px solid #666666;
}
.delivery td{ /* 送料テーブル設定*/
padding:2px;
border-collapse:collapse;
border:1px solid #666666;
}
th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
th {white-space:nowrap;}
h1,h2,h3,h4 { /* 基本タイトル（固定）*/
padding:0px;
margin:0px;
font-size:100%;
text-align:left;
}
a{ /* 基本のリンク （固定）*/
color:#333333;text-decoration:underline;}
a:hover {
color:#333333;text-decoration:none;}
ul{ /* 基本のリスト （固定）*/
list-style-type:square;}
ul ul{ list-style-type:none;}
img{ border:0px;}/* イメージボーダー指定 */
form { padding:0px;display:inline;}
p{ line-height:150%;margin:5px 0px;padding:2px 0px;}
.clear_both { /* 画像の周り込み解除 */
clear:both;
font-size:1px;
visibility:hidden;
overflow:hidden;
height:1px;
text-align:center;
}
.button1{ /* inputボタン設定 */
/*cursor:hand;
font-size:12px;
color:#FFFFDD;
background:#333333;
border:1px solid #999999;
font-weight:normal;*/
}
.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */
.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */
.no2{font-size:110%;} /* フォントズーム */
.strong{ font-weight:bold;}/* フォントボールド */
.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#414141;} /* フォントグレー */
.white{color:#ffffff;} /* フォント白 */
.item img{/* 商品画像枠 */
height:auto;
padding:5px;
margin:0px;
background:#ffffff;
text-align:center;
}
.spacebox{/* スペース設定 */
height:50px;
}
/* border-right:1px solid #390b06;*/
/********************************************************************/
/* 大枠テーブル（固定） */
#container {
width:940px;
margin-left:auto;
margin-right:auto;
text-align:left;
/*border-left:1px solid #333333;
border-right:1px solid #333333;*/
/* ■◆ショップワークス↓↓コンテナ背景色■◆*/
background:/* url(../img/container.gif) */ #ffffff;
}
/* マイページ、ポップアップ画面 */
#enter {
width:100%;
text-align:left;
color:#000000;
/* ■◆ショップワークス↓↓背景色■◆*/
background:/* url(../img/enter.gif) */ #ffffff;
border:1px solid #B6A081;
}
/* ヘッダー */
#header{
width:100%;
background-repeat: no-repeat;
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
width:940px;
/* ■◆ショップワークス↓ヘッダ背景／画像or単色（適用しないほうをコメントアウト）■◆*/
/*background:url(<EBHfBgurl>)<EBHfBgurlp> no-repeat;*/
/*<EBHfBgurlp> no-repeat;*/
}
td>#header { /* IE7 Safari Firefox 用 */
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
min-height:120px;
}
.shoplogo{ /* サイトロゴブロック（設定の場合） */
padding:0px 0px 0px 0px;
margin:0px;
width:100%;
}
.shoplogo img{
height: 120px;
}
.shoplogo img{ /* サイトロゴブロック（表示なし） */
/*display:none;*/
}
.siteName{ /* サイト名 h1 （テキスト） */
margin:0px;
text-indent: -5000px;
/* ■◆ショップワークス↓↓h1の位置をpaddingで調整■◆*/
/* ■◆左から「上」「右」「下」「左」です■◆*/
}
/* ■◆ショップワークス↓↓h1の文字色調整■◆*/
.siteName a { color:#ffffff; text-decoration:none;}
.siteName a:hover {
color:#CCCCCC;
/*text-decoration:underline;*/
}
/* ■◆ショップワークス↓↓h2の位置をpaddingで調整■◆*/
/* ■◆h1の次の行ならば「上」は0px■◆*/
.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
padding:0px 0px 0px 0px;
font-size:10px;
font-weight:normal;
line-height:1em;
text-align : left;
position: absolute;
top:3px;
background:url(http://takasago-mejya.net/pic-labo/header20160903.gif) no-repeat;
margin-top:-3px;
width:940px;
}
/* ■◆ショップワークス↓↓h2の文字色調整■◆*/
.sitecopy a {
color:#ffffff; text-decoration:none;
display:block;
height:120px;
padding:2px 0px 0px 5px;
}
.sitecopy a:hover {
color:#FFF;
/*text-decoration:underline;*/
}
/* ヘッダーメニュー */
div.shoplogo img{
display:none;
}
#headMenu {
width:100%;
margin:0;
margin-bottom:4px;
background-color:#5a0000;
/*border-bottom:3px #009193 solid;
border-top:1px #009193 solid;*/
margin-bottom:10px;
/* ●●背景色●● */
color:#5a0000;
clear:both;
background-color:#5a0000;
}
.headnavi { /* ヘッダーメニューテキスト */
padding:5px 5px 5px 1px;
/*color:#C8C8C8;*/
font-weight:normal;
text-align:right;
/* ■◆ショップワークス↓↓グローバルナビ_背景色調整■◆*/
background-color:#5a0000;
/*background-image:url(../img/headnavi_bg.gif);*/
color:#fff;
width:930px;
}
.headnavi a{
padding:10px 5px 10px 5px ;
margin:5px 0px;
font-weight:bold;
text-decoration:none;
/* ■◆ショップワークス↓↓グローバルナビ_文字色調整■◆*/
color:#fff;
}
.headnavi a:hover {
/* ■◆ショップワークス↓↓グローバルナビ_ホバー色調整■◆*/
color:#efbebe;
/*text-decoration:underline;*/
/*background-image:url(../img/headnavi_bg_on.gif);*/
}
.navi01 {/* ヘッダーメニューアイコン */
color:#fff;
/*background:url(../img/hnavi01.gif) no-repeat center left;*/
}
/* ヘッダー下装飾ライン */
.hline {
border:0px solid #B6A081;
background:url(../img/hline.gif) no-repeat #B6A081;
}
/********************************************************************/
#leftSide { /* 左サイドtd */
width:170px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/leftside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列）*/
width:142px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/rightside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列 ブログ）*/
width:142px;
padding:0px;
margin:0px;
vertical-align:top;
/* background:url(../img/rightside2.gif) ;*/
}
#center1 { /* センター td （2列）*/
width:690px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center1.gif) ;*/
}
#center2 { /* センターtd （3列）*/
width:590px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center2.gif) ;*/
}
#center3 { /* センターtd （装飾用）*/
vertical-align:top;
background:#ffffff;
width:100%;
/* background:url(../img/center3.gif) ;*/
}
.header_area { /* ヘッダのフリーエリア */
text-align:left;
margin:0px 0px 0px 0px;
padding:0px;
width:770px;
/*border:1px #1587C2 solid;*/
}
.footer_area { /* フッタのフリーエリア */
text-align:left;
margin:0px 0px 0px 10px;
padding:0px;
width:750px;
}
.sidebox { /* サイド用ブロック（幅設定） */
padding:0px 0px 0px 0px;
margin:0px;
}
.centerbox { /* センター用ブロック（幅設定） */
margin:0px;
padding:0px 5px 5px 10px;
/* background:url(../img/centerbox.gif) ;*/
}
.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}
/********************************************************************/
/* 基本商品テキスト設定 */
.price{ /* 商品価格 */
color:#FF0000;
text-align:left;
font-weight:bold;
}
.price.no2{ /* 商品価格 （カート部分） */
font-size:140%;
font-weight:bold;
color:#FF0000;
}
.price.zoom{ /* 商品価格 （商品詳細） */
font-size:140%;
font-weight:bold;
}
.expl{ /* 商品説明文 */
text-align:left;
color:#333333;
}
.expl a{color:#333333; text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}
.fixed{ /* 商品定価 */
font-size:120%;
color:#333333;
text-align:left;
/*text-decoration:line-through;*/
}
h2.goods /* 商品名 （商品一覧）*/
a{color:#666666;text-decoration:none;font-weight:bold;text-decoration:underline;}
a:hover{color:#333333;text-decoration:none;}
/********************************************************************/
/*センターコンテンツ */
.topIMG { /* トップイメージ 外枠設定 */
margin:0px ;
padding:0px;
}
.topIMG td{
margin:0px;
padding-left:20px;
_padding-left:20px;
background:#ffffff;
}
.shopCopy { /* サイト説明 */
font-size:110%;
line-height:130%;
margin:0px;
padding:3px 10px 3px 10px;
color:#336699;
font-weight:normal;
text-align:left;
}
/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★１★■◆*/
/* ■◆（全部で4カ所変えましょう。★１★～★４★）■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★１★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1{ /* タイトル2 h1 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★２★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★２★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1 a{color:#414141;text-decoration:underline;}
.title1 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title2{ /* タイトル2 h1 */
padding:10px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★３★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★３★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title2 a{color:#414141;text-decoration:underline;}
.title2 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title3{ /* タイトル2 h1 */
padding:3px 0px 0px 3px;
margin:0px;
width:142px;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★４★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★４★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title3 a{color:#414141;text-decoration:underline;}
.title3 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.rank{/* ランキングアイコン */
text-align:left;
}
.mainCont { /* メインコンテンツ */
padding:1px;
margin:0px;
width:auto;
background:#ffffff;
/* background:url(../img/maincont.gif) ;*/
}
.contbox { /* メインコンテンツ内項目ボックス*/
padding:1px 0px;
margin:0px;
width:auto;
}
ul.news{ /* 最新情報リスト設定 */
text-align:left;
padding:0px 0px 0px 0px;
margin:0px;
list-style-type:none;
color:#666666;
height:70px;
width:480px;
overflow:auto;
}
li.p3{padding:3px;color:#333333;}
ul.free_list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.map{ /* サイトマップリスト設定 */
font-size:110%;
text-align:left;
padding:0px 20px;
margin:0px;
color:#333333;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}
.sitemap{ /* サイトマップリスト 項目タイトルh4*/
font-size:110%;
padding:5px 25px;
color:#333333;
background:url(../img/icon_sitemap.gif) no-repeat ;
background-position:left center;
}
/* テーブル余白設定 （固定） */
.layoutp5 { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}
.layoutp3 { padding:5px 0px;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}
.bordlayoutp3 { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */
.backcolor1 { background:#E8E8E8;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */
/* 商品レイアウト（トップページセンター、商品一覧用）*/
.layoutFrame{/* 大枠 table */
margin:10px 0px 0px 0px;
padding:1px;
width:99%;
/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
text-align:center;
margin:0px;
padding:0px;
vertical-align:top;
}
.layout1{ /* レイアウト */
margin:1px;
padding:3px;
background:#ffffff;
/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
margin:0px;
padding:3px;
text-align:center;
}
/* 第二階層 */
#bread{ /* パンクズ */
margin:0px;
padding:3px 15px;
color:#414141;
text-align:left;
background:#ffffff;
}
#bread a { color:#414141;}
#bread a:link {
text-decoration:underline;
}
#bread a:hover {
text-decoration:underline;
color:#336699;
}
h4.title{
font-size:110%;
margin:5px 0px;
padding:2px 0px;
color:#414141;
border-bottom:1px dotted #333333;
}
.mainFrame{ /* メイン大枠 */
margin:0px;
padding:1px;
/*ackground:#1587C2;*/
/* background:url(../img/mainframe.gif) ;*/
}
p.title { margin:3px 0px;
padding:2px 0px;
color:#669933;
border-bottom:1px dotted;
font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent,.mailmag_cha,.mailmag_can {
color:#414141;
}
.mailmag_ent{ /* 新規登録 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_ent.gif) no-repeat;
}
.mailmag_cha{ /* アドレス変更 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_cha.gif) no-repeat;
}
.mailmag_can{ /* 配信解除 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_can.gif) no-repeat;
}
#sortList{ /* ソート */
margin:0px;
padding:10px 3px 5px 3px;
width:auto;
color:#333333;
float:right;
}
.pageTop { /* ページトップ */
padding:3px 5px 0px 17px;
margin:10px 5px;
background-image:url(../img/icon_top.gif);
background-repeat:no-repeat;
background-position:50% left;
font-size:90%;
font-weight:bold;
float:right;
}
.pageTop a{ color:#414141;text-decoration:none;}
.pageTop a:hover{ color:#336699;text-decoration:none;}
/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
padding:0px;
/* margin-bottom:2px;*/
width:auto;
border-top:0px #999999 solid;
/* ■◆ショップワークス↓↓フッター画像の高さ調整■◆*/
height:118px;
/* ■◆ショップワークス↓↓個人情報・商取法の位置揃え（基本はレフト）■◆*/
text-align:center;
margin-top:5px;
margin-top:5px;
<EBIfNonEmpty tag="EBHffBgurl">background:url(<EBHffBgurl>) <EBHffBgurlp> no-repeat ;</EBIfNonEmpty>
}
td>#footer { /* IE7 Safari Firefox 用 */
height:auto;
/* ■◆ショップワークス↓↓フッター画像の高さ調整（IE7 Safari Firefox 用）■◆*/
min-height:118px;
}
.footnavi { /*フッターメニューテキスト設定*/
/* ■◆ショップワークス↓↓個人情報・商取法の位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:5px 575px 0px 0px;
/* ■◆ショップワークス↓↓個人情報・商取法（非リンク部）の文字色■◆*/
color:#5a0000;
}
.footnavi a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#5a0000;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
/* ■◆ショップワークス↓↓個人情報と商取法ホバー調整（必要に応じて。基本的には変更しない）■◆*/
.footnavi a:hover { color:#CCCCCC;/*text-decoration:underline;*/}
#copyright { /* ネットショップ制作サービス ショップワークス */
/* ■◆ショップワークス↓↓ショップワークスリンクの位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:80px 10px 0px 0px;
padding-bottom:0px;
width:auto;
/* height:20px;*/
color:#fff;
text-align:right;
text-decoration:none;
font-size:10px;
/* background:url(../img/copyright.gif) ;*/
}
#copyright a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#fff;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
#copyright a:hover { /*color:#336699;text-decoration:underline;*/}
#footer>#copyright { /* IE7 Safari Firefox 用 */
height:auto;
min-height:15px;
}
/********************************************************************/
/* サイド設定 */
#search {/* サイド商品検索枠設定 */
padding:8px 0px 10px 0;
text-align:center;
margin:-9px 0 0 0;
width:160px;
background:url(http://takasago-mejya.net/pic-labo/bg_kensaku.gif) no-repeat;
}
/*#search label{
padding:7px 0px 0px 7px;
margin:0px;
color:#FFFFFF;
line-height:100%;
letter-spacing:0.2em;
font-size:12px;
font-weight:bold;
}*/
.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}
/* サイドメニューカテゴリリスト */
.list { /* メニュー枠設定 */
padding:0px 0px;
display:block;
line-height:130%;
}
.list h3 { /* タイトル */
padding:5px 5px;
margin:0px;
}
ul.free_listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
ul.listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
li.ca1 {
margin:0px;
/* ●●背景色●● */
border-top:1px solid #f0e6df;
border-bottom:1px solid #FFFFFF;
}
li.ca2 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca1 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca1 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
background-repeat:no-repeat;
background-color:#f2ccb4;
}
li.ca2 a{ padding:1px 3px 1px 15px;
display:block;
color:#666;
font-weight:normal;
text-decoration:none;
}
li.ca2 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:no-repeat #f7dece;
}
li.ca3 {
margin:0px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
li.ca3 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca3 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
/*background-image:url(../img/icon_eye01_ov.gif);*/
background-repeat:no-repeat;
background-color:#f7dece;
}
li.ca4 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca4 a{ padding:3px 3px 3px 25px;
display:block;
color:#333333;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02.gif) no-repeat #d44343;
}
li.ca4 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02_ov.gif) no-repeat #f7dece;
}
.sline1 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
.sline2 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
margin:3px 0;
padding:0px;
background: #ffffff;
}
.sidemain1 p {
padding:3px 0;
margin:0px;
line-height:120%;
font-size: 10px;
}
.sidemain1 ul { /* リスト設定 */
margin:0px;
padding:3px 0px 3px 0px;
list-style:none;
}
.sidemain1 li {
display:block;
padding:2px 0px 2px 10px;
color:#0E577E;
background:url(../img/icon_eye03.gif) no-repeat
}
/* カレンダー */
caption { /* 年月タイトル */
font-weight:bold;
text-align:center;
padding:3px;
color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333; text-decoration:underline;}
.carender { /* カレンダー テーブル*/
border-collapse:collapse;
padding:5px 0px;
margin:0px;
text-align:center;
background-color:#ffffff;
}
.carender td {
padding:2px;
border-collapse:collapse;
text-align:right;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
.carender th {
padding:2px;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
th.day { /* ヘッダ平日 */
font-weight:bold;
color:#414141;
background:#E8E8E8;
text-align:center;
}
th.sun { /* ヘッダ日曜 */
color:#FFFFFF;
background:#414141;
text-align:center;
}
th.sat { /* ヘッダ土曜 */
color:#FFFFFF;
background:#336699;
text-align:center;
}
.chert { /* 表示色説明枠 */
margin:5px 5px;
font-size:84%;
}
.chert td {
border-collapse:separate;
padding:0px 0px 0px 5px;
border:2px solid #FFFFFF;
}
.line01{
/*border:#DEDBBE 1px dotted;*/
vertical-align:buttom;
}
#rss{ / * RSS設定 */
margin:10px 0px 20px 0px ;
padding:10px 0px 20px 10px ;
}
#count{ / * カウンター */
margin:0px;
padding:5px;
}
/********************************************************************/
/* ブログ */
.blogbox { /* コメントボックス*/
padding:5px;
margin:2px 0px;
width:auto;
/* background:url(../img/blogbox.gif) ;*/
}
.entry_title { /* ブログエントリータイトル h2 */
padding:5px 0px 5px 20px;
display:block;
font-size:110%;
/* color:#FFFFFF;*/
color:#FFFFFF;
height:19px;
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.entry_date{
display:block;
padding:10px 0px 3px 0px;
color:#333333;
text-align:right;
}
.state{ /* ブログステータス */
padding:2px 0px;
text-align:right;
border-top:1px solid #ded9c5;
}
.subtitle {/* h3 ブロックサブタイトル */
padding:5px 0px 5px 0px;
margin:10px 0px 10px 0px;
text-align:left;
font-size:110%;
color:#547D2B;
background:url(../img/subtitle.gif);
height:19px;
}
p.label { /* ブログコメントタイトル */
font-weight:bold;
}
.tb_url{ /* トラックバックurl */
font-weight:bold;margin-bottom:10px;
}
/********************************************************************/
/* カート */
.point {font-size:120%;color:red;font-weight:900;}
.pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px;background-color:#414141;}
/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
text-align:center;
width:100%;
height:83px;
}
.step_navi01 {
background-image:url(../img/navi01.gif);
background-repeat:no-repeat;
}
.step_navi02 {
background-image:url(../img/navi02.gif);
background-repeat:no-repeat;
}
.step_navi03 {
background-image:url(../img/navi03.gif);
background-repeat:no-repeat;
}
.step_navi04 {
background-image:url(../img/navi04.gif);
background-repeat:no-repeat;
}
/********************************************************************/
/* gnavi */
div.header_area ul{
list-style:none;
margin:0;
padding:0;
}
div.header_area ul li{
float:left;
}
div.header_area ul li a:hover img{
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}
/*----------------------
infobox
----------------------*/
#infoBox {
width:120px;
margin:0;
padding:0 0 8px;
text-align:center;
position:fixed;
right:1px;
bottom:1px;
border:1px solid #620303;
background:#FFFEDE;
}
#infoBox p {
margin:0 0 8px;
padding:5px;
line-height:100%;
background:#683534;
font-weight:bold;
color: #FFF;
}
#infoBox ul {
margin:0;
padding:0;
line-height:100%;
list-style: none;
}
#infoBox li {
margin:0 0 2px;
padding:0;
}
#infoBox img {
vertical-align:top;
border: none;
}
/*
===== CLEARFIX ==========================================
*/
div.header_area ul
{
min-height:1px; /* IE 7*/
}
div.header_area ul:after
{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
div.header_area ul
{
display:inline-table;
}
/* Mac IE \*/
* html div.header_area ul
{
height:1px;
}
div.header_area ul
{
display:block;
}
/* */
/* CSS Document */
＿＿＿ここまで②＿＿＿＿＿＿
弊社ではショップサーブにて新店をオープン予定ですが、
ヘッダーの「サイトマップ」のリンクがあるはずが、
クリックできない状態です。
※隣の、「お客様の声」はクリックできるようです。
ショップサーブに問い合わせたところ、
CSSが邪魔をしている、との事でしたが、CSSのどこを修正すればいいのかわかりません。
お教えいただけると助かります。
※カスタムテンプレートも使用しており、どれがどこに作用しているのかもわからず…の状態です。
http://www.takasago-gyomuten.net/
＿＿＿ここから①＿＿＿＿＿＿
@charset "euc-jp";
/*■◆■◆■◆ご注意■◆■◆■◆*/
/*＿スタイルシートの編集は慎重に！必ずバックアップを取りましょう！＿*/
/*株式会社いつも.では納品後のスタイルシートのサポートは範囲外となっております。*/
/*また、「○○をするにはどうしたらいいの？」というご質問にもお答えしかねます。*/
/*Eストアー様でもスタイルシートのサポートは一部に限られています。*/
/*上記より、HTML初心者の方は改変されないことをおすすめいたします。*/
/*弊社ではスタイルシートのバックアップは行っておりません。*/
/*いったん変更されたスタイルシートを、元に戻すことは不可能です。*/
/*■◆■◆■◆上記ご注意をご理解いただいたお客様へ■◆■◆■◆*/
/*お客様で改変される事が多い部分に説明書きを付けました。*/
/*「ショップワークス」で検索し、改変部分を探してみてください！*/
/*スタイルシートの編集が出来ると、お店のデザインが自由自在に変更できます！がんばってください！*/
/* ■◆ショップワークス↓↓背景色を変更したい場合は「●●背景色●●」で検索！■◆*/
/* テーマ：ベーシック／グレー */
body{
font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
text-align:center;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:80%;
line-height:135%;
color:#666666;
/* ■◆ショップワークス↓↓全体の背景色■◆*/
/* ●●背景色●● */
background-color:#fff;
/*background-image: url(<EBUserThemeImg>/bg_img.jpg);*/
/*background-repeat:repeat;*/
/*background-position:0 0;*/ /*background-color:#333333;*/
}
table{ /* 基本テーブル設定（固定）*/
border:0px none;
margin:0px;
padding:0px;
text-align:left;
border-collapse:collapse;
}
/* ■◆ショップワークス↓地域別送料の場合使用します■◆*/
.delivery{ /* 送料テーブル設定*/
margin-bottom:10px;
width:280px;
border-collapse:collapse;
border:1px solid #666666;
}
/* ■◆ショップワークス↓地域別送料 凡例の文字色・背景色設定■◆*/
.delivery th{ /* 送料テーブル設定*/
padding:2px;
color:#ffffff;
background-color:#1E9608;
border-collapse:collapse;
border:1px solid #666666;
}
.delivery td{ /* 送料テーブル設定*/
padding:2px;
border-collapse:collapse;
border:1px solid #666666;
}
th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
th {white-space:nowrap;}
h1,h2,h3,h4 { /* 基本タイトル（固定）*/
padding:0px;
margin:0px;
font-size:100%;
text-align:left;
}
a{ /* 基本のリンク （固定）*/
color:#333333;text-decoration:underline;}
a:hover {
color:#333333;text-decoration:none;}
ul{ /* 基本のリスト （固定）*/
list-style-type:square;}
ul ul{ list-style-type:none;}
img{ border:0px;}/* イメージボーダー指定 */
form { padding:0px;display:inline;}
p{ line-height:150%;margin:5px 0px;padding:2px 0px;}
.clear_both { /* 画像の周り込み解除 */
clear:both;
font-size:1px;
visibility:hidden;
overflow:hidden;
height:1px;
text-align:center;
}
.button1{ /* inputボタン設定 */
/*cursor:hand;
font-size:12px;
color:#FFFFDD;
background:#333333;
border:1px solid #999999;
font-weight:normal;*/
}
.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */
.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */
.no2{font-size:110%;} /* フォントズーム */
.strong{ font-weight:bold;}/* フォントボールド */
.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#414141;} /* フォントグレー */
.white{color:#ffffff;} /* フォント白 */
.item img{/* 商品画像枠 */
height:auto;
padding:5px;
margin:0px;
background:#ffffff;
text-align:center;
}
.spacebox{/* スペース設定 */
height:50px;
}
/* border-right:1px solid #390b06;*/
/********************************************************************/
/* 大枠テーブル（固定） */
#container {
width:940px;
margin-left:auto;
margin-right:auto;
text-align:left;
/*border-left:1px solid #333333;
border-right:1px solid #333333;*/
/* ■◆ショップワークス↓↓コンテナ背景色■◆*/
background:/* url(../img/container.gif) */ #ffffff;
}
/* マイページ、ポップアップ画面 */
#enter {
width:100%;
text-align:left;
color:#000000;
/* ■◆ショップワークス↓↓背景色■◆*/
background:/* url(../img/enter.gif) */ #ffffff;
border:1px solid #B6A081;
}
/* ヘッダー */
#header{
width:100%;
background-repeat: no-repeat;
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
width:940px;
/* ■◆ショップワークス↓ヘッダ背景／画像or単色（適用しないほうをコメントアウト）■◆*/
/*background:url(<EBHfBgurl>)<EBHfBgurlp> no-repeat;*/
/*<EBHfBgurlp> no-repeat;*/
}
td>#header { /* IE7 Safari Firefox 用 */
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
min-height:120px;
}
.shoplogo{ /* サイトロゴブロック（設定の場合） */
padding:0px 0px 0px 0px;
margin:0px;
width:100%;
}
.shoplogo img{
height: 120px;
}
.shoplogo img{ /* サイトロゴブロック（表示なし） */
/*display:none;*/
}
.siteName{ /* サイト名 h1 （テキスト） */
margin:0px;
text-indent: -5000px;
/* ■◆ショップワークス↓↓h1の位置をpaddingで調整■◆*/
/* ■◆左から「上」「右」「下」「左」です■◆*/
}
/* ■◆ショップワークス↓↓h1の文字色調整■◆*/
.siteName a { color:#ffffff; text-decoration:none;}
.siteName a:hover {
color:#CCCCCC;
/*text-decoration:underline;*/
}
/* ■◆ショップワークス↓↓h2の位置をpaddingで調整■◆*/
/* ■◆h1の次の行ならば「上」は0px■◆*/
.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
padding:0px 0px 0px 0px;
font-size:10px;
font-weight:normal;
line-height:1em;
text-align : left;
position: absolute;
top:3px;
background:url(http://takasago-mejya.net/pic-labo/header20160903.gif) no-repeat;
margin-top:-3px;
width:940px;
}
/* ■◆ショップワークス↓↓h2の文字色調整■◆*/
.sitecopy a {
color:#ffffff; text-decoration:none;
display:block;
height:120px;
padding:2px 0px 0px 5px;
}
.sitecopy a:hover {
color:#FFF;
/*text-decoration:underline;*/
}
/* ヘッダーメニュー */
div.shoplogo img{
display:none;
}
#headMenu {
width:100%;
margin:0;
margin-bottom:4px;
background-color:#5a0000;
/*border-bottom:3px #009193 solid;
border-top:1px #009193 solid;*/
margin-bottom:10px;
/* ●●背景色●● */
color:#5a0000;
clear:both;
background-color:#5a0000;
}
.headnavi { /* ヘッダーメニューテキスト */
padding:5px 5px 5px 1px;
/*color:#C8C8C8;*/
font-weight:normal;
text-align:right;
/* ■◆ショップワークス↓↓グローバルナビ_背景色調整■◆*/
background-color:#5a0000;
/*background-image:url(../img/headnavi_bg.gif);*/
color:#fff;
width:930px;
}
.headnavi a{
padding:10px 5px 10px 5px ;
margin:5px 0px;
font-weight:bold;
text-decoration:none;
/* ■◆ショップワークス↓↓グローバルナビ_文字色調整■◆*/
color:#fff;
}
.headnavi a:hover {
/* ■◆ショップワークス↓↓グローバルナビ_ホバー色調整■◆*/
color:#efbebe;
/*text-decoration:underline;*/
/*background-image:url(../img/headnavi_bg_on.gif);*/
}
.navi01 {/* ヘッダーメニューアイコン */
color:#fff;
/*background:url(../img/hnavi01.gif) no-repeat center left;*/
}
/* ヘッダー下装飾ライン */
.hline {
border:0px solid #B6A081;
background:url(../img/hline.gif) no-repeat #B6A081;
}
/********************************************************************/
#leftSide { /* 左サイドtd */
width:170px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/leftside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列）*/
width:142px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/rightside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列 ブログ）*/
width:142px;
padding:0px;
margin:0px;
vertical-align:top;
/* background:url(../img/rightside2.gif) ;*/
}
#center1 { /* センター td （2列）*/
width:690px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center1.gif) ;*/
}
#center2 { /* センターtd （3列）*/
width:590px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center2.gif) ;*/
}
#center3 { /* センターtd （装飾用）*/
vertical-align:top;
background:#ffffff;
width:100%;
/* background:url(../img/center3.gif) ;*/
}
.header_area { /* ヘッダのフリーエリア */
text-align:left;
margin:0px 0px 0px 0px;
padding:0px;
width:770px;
/*border:1px #1587C2 solid;*/
}
.footer_area { /* フッタのフリーエリア */
text-align:left;
margin:0px 0px 0px 10px;
padding:0px;
width:750px;
}
.sidebox { /* サイド用ブロック（幅設定） */
padding:0px 0px 0px 0px;
margin:0px;
}
.centerbox { /* センター用ブロック（幅設定） */
margin:0px;
padding:0px 5px 5px 10px;
/* background:url(../img/centerbox.gif) ;*/
}
.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}
/********************************************************************/
/* 基本商品テキスト設定 */
.price{ /* 商品価格 */
color:#FF0000;
text-align:left;
font-weight:bold;
}
.price.no2{ /* 商品価格 （カート部分） */
font-size:140%;
font-weight:bold;
color:#FF0000;
}
.price.zoom{ /* 商品価格 （商品詳細） */
font-size:140%;
font-weight:bold;
}
.expl{ /* 商品説明文 */
text-align:left;
color:#333333;
}
.expl a{color:#333333; text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}
.fixed{ /* 商品定価 */
font-size:120%;
color:#333333;
text-align:left;
/*text-decoration:line-through;*/
}
h2.goods /* 商品名 （商品一覧）*/
a{color:#666666;text-decoration:none;font-weight:bold;text-decoration:underline;}
a:hover{color:#333333;text-decoration:none;}
/********************************************************************/
/*センターコンテンツ */
.topIMG { /* トップイメージ 外枠設定 */
margin:0px ;
padding:0px;
}
.topIMG td{
margin:0px;
padding-left:20px;
_padding-left:20px;
background:#ffffff;
}
.shopCopy { /* サイト説明 */
font-size:110%;
line-height:130%;
margin:0px;
padding:3px 10px 3px 10px;
color:#336699;
font-weight:normal;
text-align:left;
}
/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★１★■◆*/
/* ■◆（全部で4カ所変えましょう。★１★～★４★）■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★１★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1{ /* タイトル2 h1 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★２★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★２★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1 a{color:#414141;text-decoration:underline;}
.title1 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title2{ /* タイトル2 h1 */
padding:10px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★３★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★３★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title2 a{color:#414141;text-decoration:underline;}
.title2 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title3{ /* タイトル2 h1 */
padding:3px 0px 0px 3px;
margin:0px;
width:142px;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★４★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★４★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title3 a{color:#414141;text-decoration:underline;}
.title3 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.rank{/* ランキングアイコン */
text-align:left;
}
.mainCont { /* メインコンテンツ */
padding:1px;
margin:0px;
width:auto;
background:#ffffff;
/* background:url(../img/maincont.gif) ;*/
}
.contbox { /* メインコンテンツ内項目ボックス*/
padding:1px 0px;
margin:0px;
width:auto;
}
ul.news{ /* 最新情報リスト設定 */
text-align:left;
padding:0px 0px 0px 0px;
margin:0px;
list-style-type:none;
color:#666666;
height:70px;
width:480px;
overflow:auto;
}
li.p3{padding:3px;color:#333333;}
ul.free_list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.map{ /* サイトマップリスト設定 */
font-size:110%;
text-align:left;
padding:0px 20px;
margin:0px;
color:#333333;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}
.sitemap{ /* サイトマップリスト 項目タイトルh4*/
font-size:110%;
padding:5px 25px;
color:#333333;
background:url(../img/icon_sitemap.gif) no-repeat ;
background-position:left center;
}
/* テーブル余白設定 （固定） */
.layoutp5 { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}
.layoutp3 { padding:5px 0px;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}
.bordlayoutp3 { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */
.backcolor1 { background:#E8E8E8;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */
/* 商品レイアウト（トップページセンター、商品一覧用）*/
.layoutFrame{/* 大枠 table */
margin:10px 0px 0px 0px;
padding:1px;
width:99%;
/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
text-align:center;
margin:0px;
padding:0px;
vertical-align:top;
}
.layout1{ /* レイアウト */
margin:1px;
padding:3px;
background:#ffffff;
/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
margin:0px;
padding:3px;
text-align:center;
}
/* 第二階層 */
#bread{ /* パンクズ */
margin:0px;
padding:3px 15px;
color:#414141;
text-align:left;
background:#ffffff;
}
#bread a { color:#414141;}
#bread a:link {
text-decoration:underline;
}
#bread a:hover {
text-decoration:underline;
color:#336699;
}
h4.title{
font-size:110%;
margin:5px 0px;
padding:2px 0px;
color:#414141;
border-bottom:1px dotted #333333;
}
.mainFrame{ /* メイン大枠 */
margin:0px;
padding:1px;
/*ackground:#1587C2;*/
/* background:url(../img/mainframe.gif) ;*/
}
p.title { margin:3px 0px;
padding:2px 0px;
color:#669933;
border-bottom:1px dotted;
font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent,.mailmag_cha,.mailmag_can {
color:#414141;
}
.mailmag_ent{ /* 新規登録 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_ent.gif) no-repeat;
}
.mailmag_cha{ /* アドレス変更 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_cha.gif) no-repeat;
}
.mailmag_can{ /* 配信解除 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_can.gif) no-repeat;
}
#sortList{ /* ソート */
margin:0px;
padding:10px 3px 5px 3px;
width:auto;
color:#333333;
float:right;
}
.pageTop { /* ページトップ */
padding:3px 5px 0px 17px;
margin:10px 5px;
background-image:url(../img/icon_top.gif);
background-repeat:no-repeat;
background-position:50% left;
font-size:90%;
font-weight:bold;
float:right;
}
.pageTop a{ color:#414141;text-decoration:none;}
.pageTop a:hover{ color:#336699;text-decoration:none;}
/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
padding:0px;
/* margin-bottom:2px;*/
width:auto;
border-top:0px #999999 solid;
/* ■◆ショップワークス↓↓フッター画像の高さ調整■◆*/
height:118px;
/* ■◆ショップワークス↓↓個人情報・商取法の位置揃え（基本はレフト）■◆*/
text-align:center;
margin-top:5px;
margin-top:5px;
<EBIfNonEmpty tag="EBHffBgurl">background:url(<EBHffBgurl>) <EBHffBgurlp> no-repeat ;</EBIfNonEmpty>
}
td>#footer { /* IE7 Safari Firefox 用 */
height:auto;
/* ■◆ショップワークス↓↓フッター画像の高さ調整（IE7 Safari Firefox 用）■◆*/
min-height:118px;
}
.footnavi { /*フッターメニューテキスト設定*/
/* ■◆ショップワークス↓↓個人情報・商取法の位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:5px 575px 0px 0px;
/* ■◆ショップワークス↓↓個人情報・商取法（非リンク部）の文字色■◆*/
color:#5a0000;
}
.footnavi a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#5a0000;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
/* ■◆ショップワークス↓↓個人情報と商取法ホバー調整（必要に応じて。基本的には変更しない）■◆*/
.footnavi a:hover { color:#CCCCCC;/*text-decoration:underline;*/}
#copyright { /* ネットショップ制作サービス ショップワークス */
/* ■◆ショップワークス↓↓ショップワークスリンクの位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:80px 10px 0px 0px;
padding-bottom:0px;
width:auto;
/* height:20px;*/
color:#fff;
text-align:right;
text-decoration:none;
font-size:10px;
/* background:url(../img/copyright.gif) ;*/
}
#copyright a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#fff;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
#copyright a:hover { /*color:#336699;text-decoration:underline;*/}
#footer>#copyright { /* IE7 Safari Firefox 用 */
height:auto;
min-height:15px;
}
/********************************************************************/
/* サイド設定 */
#search {/* サイド商品検索枠設定 */
padding:8px 0px 10px 0;
text-align:center;
margin:-9px 0 0 0;
width:160px;
background:url(http://takasago-mejya.net/pic-labo/bg_kensaku.gif) no-repeat;
}
/*#search label{
padding:7px 0px 0px 7px;
margin:0px;
color:#FFFFFF;
line-height:100%;
letter-spacing:0.2em;
font-size:12px;
font-weight:bold;
}*/
.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}
/* サイドメニューカテゴリリスト */
.list { /* メニュー枠設定 */
padding:0px 0px;
display:block;
line-height:130%;
}
.list h3 { /* タイトル */
padding:5px 5px;
margin:0px;
}
ul.free_listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
ul.listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
li.ca1 {
margin:0px;
/* ●●背景色●● */
border-top:1px solid #f0e6df;
border-bottom:1px solid #FFFFFF;
}
li.ca2 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca1 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca1 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
background-repeat:no-repeat;
background-color:#f2ccb4;
}
li.ca2 a{ padding:1px 3px 1px 15px;
display:block;
color:#666;
font-weight:normal;
text-decoration:none;
}
li.ca2 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:no-repeat #f7dece;
}
li.ca3 {
margin:0px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
li.ca3 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca3 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
/*background-image:url(../img/icon_eye01_ov.gif);*/
background-repeat:no-repeat;
background-color:#f7dece;
}
li.ca4 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca4 a{ padding:3px 3px 3px 25px;
display:block;
color:#333333;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02.gif) no-repeat #d44343;
}
li.ca4 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02_ov.gif) no-repeat #f7dece;
}
.sline1 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
.sline2 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
margin:3px 0;
padding:0px;
background: #ffffff;
}
.sidemain1 p {
padding:3px 0;
margin:0px;
line-height:120%;
font-size: 10px;
}
.sidemain1 ul { /* リスト設定 */
margin:0px;
padding:3px 0px 3px 0px;
list-style:none;
}
.sidemain1 li {
display:block;
padding:2px 0px 2px 10px;
color:#0E577E;
background:url(../img/icon_eye03.gif) no-repeat
}
/* カレンダー */
caption { /* 年月タイトル */
font-weight:bold;
text-align:center;
padding:3px;
color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333; text-decoration:underline;}
.carender { /* カレンダー テーブル*/
border-collapse:collapse;
padding:5px 0px;
margin:0px;
text-align:center;
background-color:#ffffff;
}
.carender td {
padding:2px;
border-collapse:collapse;
text-align:right;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
.carender th {
padding:2px;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
th.day { /* ヘッダ平日 */
font-weight:bold;
color:#414141;
background:#E8E8E8;
text-align:center;
}
th.sun { /* ヘッダ日曜 */
color:#FFFFFF;
background:#414141;
text-align:center;
}
th.sat { /* ヘッダ土曜 */
color:#FFFFFF;
background:#336699;
text-align:center;
}
.chert { /* 表示色説明枠 */
margin:5px 5px;
font-size:84%;
}
.chert td {
border-collapse:separate;
padding:0px 0px 0px 5px;
border:2px solid #FFFFFF;
}
.line01{
/*border:#DEDBBE 1px dotted;*/
vertical-align:buttom;
}
#rss{ / * RSS設定 */
margin:10px 0px 20px 0px ;
padding:10px 0px 20px 10px ;
}
#count{ / * カウンター */
margin:0px;
padding:5px;
}
/********************************************************************/
/* ブログ */
.blogbox { /* コメントボックス*/
padding:5px;
margin:2px 0px;
width:auto;
/* background:url(../img/blogbox.gif) ;*/
}
.entry_title { /* ブログエントリータイトル h2 */
padding:5px 0px 5px 20px;
display:block;
font-size:110%;
/* color:#FFFFFF;*/
color:#FFFFFF;
height:19px;
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.entry_date{
display:block;
padding:10px 0px 3px 0px;
color:#333333;
text-align:right;
}
.state{ /* ブログステータス */
padding:2px 0px;
text-align:right;
border-top:1px solid #ded9c5;
}
.subtitle {/* h3 ブロックサブタイトル */
padding:5px 0px 5px 0px;
margin:10px 0px 10px 0px;
text-align:left;
font-size:110%;
color:#547D2B;
background:url(../img/subtitle.gif);
height:19px;
}
p.label { /* ブログコメントタイトル */
font-weight:bold;
}
.tb_url{ /* トラックバックurl */
font-weight:bold;margin-bottom:10px;
}
/********************************************************************/
/* カート */
.point {font-size:120%;color:red;font-weight:900;}
.pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px;background-color:#414141;}
/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
text-align:center;
width:100%;
height:83px;
}
.step_navi01 {
background-image:url(../img/navi01.gif);
background-repeat:no-repeat;
}
.step_navi02 {
background-image:url(../img/navi02.gif);
background-repeat:no-repeat;
}
.step_navi03 {
background-image:url(../img/navi03.gif);
background-repeat:no-repeat;
}
.step_navi04 {
background-image:url(../img/navi04.gif);
background-repeat:no-repeat;
}
/********************************************************************/
/* gnavi */
div.header_area ul{
list-style:none;
margin:0;
padding:0;
}
div.header_area ul li{
float:left;
}
div.header_area ul li a:hover img{
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}
/*----------------------
infobox
----------------------*/
#infoBox {
width:120px;
margin:0;
padding:0 0 8px;
text-align:center;
position:fixed;
right:1px;
bottom:1px;
border:1px solid #620303;
background:#FFFEDE;
}
#infoBox p {
margin:0 0 8px;
padding:5px;
line-height:100%;
background:#683534;
font-weight:bold;
color: #FFF;
}
#infoBox ul {
margin:0;
padding:0;
line-height:100%;
list-style: none;
}
#infoBox li {
margin:0 0 2px;
padding:0;
}
#infoBox img {
vertical-align:top;
border: none;
}
/*
===== CLEARFIX ==========================================
*/
div.header_area ul
{
min-height:1px; /* IE 7*/
}
div.header_area ul:after
{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
div.header_area ul
{
display:inline-table;
}
/* Mac IE \*/
* html div.header_area ul
{
height:1px;
}
div.header_area ul
{
display:block;
}
/* */
/* CSS Document */
＿＿＿＿ここまで①＿＿＿＿＿
＿＿＿＿ここから②＿＿＿＿＿
@charset "euc-jp";
/*■◆■◆■◆ご注意■◆■◆■◆*/
/*＿スタイルシートの編集は慎重に！必ずバックアップを取りましょう！＿*/
/*株式会社いつも.では納品後のスタイルシートのサポートは範囲外となっております。*/
/*また、「○○をするにはどうしたらいいの？」というご質問にもお答えしかねます。*/
/*Eストアー様でもスタイルシートのサポートは一部に限られています。*/
/*上記より、HTML初心者の方は改変されないことをおすすめいたします。*/
/*弊社ではスタイルシートのバックアップは行っておりません。*/
/*いったん変更されたスタイルシートを、元に戻すことは不可能です。*/
/*■◆■◆■◆上記ご注意をご理解いただいたお客様へ■◆■◆■◆*/
/*お客様で改変される事が多い部分に説明書きを付けました。*/
/*「ショップワークス」で検索し、改変部分を探してみてください！*/
/*スタイルシートの編集が出来ると、お店のデザインが自由自在に変更できます！がんばってください！*/
/* ■◆ショップワークス↓↓背景色を変更したい場合は「●●背景色●●」で検索！■◆*/
/* テーマ：ベーシック／グレー */
body{
font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
text-align:center;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:80%;
line-height:135%;
color:#666666;
/* ■◆ショップワークス↓↓全体の背景色■◆*/
/* ●●背景色●● */
background-color:#fff;
/*background-image: url(<EBUserThemeImg>/bg_img.jpg);*/
/*background-repeat:repeat;*/
/*background-position:0 0;*/ /*background-color:#333333;*/
}
table{ /* 基本テーブル設定（固定）*/
border:0px none;
margin:0px;
padding:0px;
text-align:left;
border-collapse:collapse;
}
/* ■◆ショップワークス↓地域別送料の場合使用します■◆*/
.delivery{ /* 送料テーブル設定*/
margin-bottom:10px;
width:280px;
border-collapse:collapse;
border:1px solid #666666;
}
/* ■◆ショップワークス↓地域別送料 凡例の文字色・背景色設定■◆*/
.delivery th{ /* 送料テーブル設定*/
padding:2px;
color:#ffffff;
background-color:#1E9608;
border-collapse:collapse;
border:1px solid #666666;
}
.delivery td{ /* 送料テーブル設定*/
padding:2px;
border-collapse:collapse;
border:1px solid #666666;
}
th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
th {white-space:nowrap;}
h1,h2,h3,h4 { /* 基本タイトル（固定）*/
padding:0px;
margin:0px;
font-size:100%;
text-align:left;
}
a{ /* 基本のリンク （固定）*/
color:#333333;text-decoration:underline;}
a:hover {
color:#333333;text-decoration:none;}
ul{ /* 基本のリスト （固定）*/
list-style-type:square;}
ul ul{ list-style-type:none;}
img{ border:0px;}/* イメージボーダー指定 */
form { padding:0px;display:inline;}
p{ line-height:150%;margin:5px 0px;padding:2px 0px;}
.clear_both { /* 画像の周り込み解除 */
clear:both;
font-size:1px;
visibility:hidden;
overflow:hidden;
height:1px;
text-align:center;
}
.button1{ /* inputボタン設定 */
/*cursor:hand;
font-size:12px;
color:#FFFFDD;
background:#333333;
border:1px solid #999999;
font-weight:normal;*/
}
.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */
.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */
.no2{font-size:110%;} /* フォントズーム */
.strong{ font-weight:bold;}/* フォントボールド */
.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#414141;} /* フォントグレー */
.white{color:#ffffff;} /* フォント白 */
.item img{/* 商品画像枠 */
height:auto;
padding:5px;
margin:0px;
background:#ffffff;
text-align:center;
}
.spacebox{/* スペース設定 */
height:50px;
}
/* border-right:1px solid #390b06;*/
/********************************************************************/
/* 大枠テーブル（固定） */
#container {
width:940px;
margin-left:auto;
margin-right:auto;
text-align:left;
/*border-left:1px solid #333333;
border-right:1px solid #333333;*/
/* ■◆ショップワークス↓↓コンテナ背景色■◆*/
background:/* url(../img/container.gif) */ #ffffff;
}
/* マイページ、ポップアップ画面 */
#enter {
width:100%;
text-align:left;
color:#000000;
/* ■◆ショップワークス↓↓背景色■◆*/
background:/* url(../img/enter.gif) */ #ffffff;
border:1px solid #B6A081;
}
/* ヘッダー */
#header{
width:100%;
background-repeat: no-repeat;
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
width:940px;
/* ■◆ショップワークス↓ヘッダ背景／画像or単色（適用しないほうをコメントアウト）■◆*/
/*background:url(<EBHfBgurl>)<EBHfBgurlp> no-repeat;*/
/*<EBHfBgurlp> no-repeat;*/
}
td>#header { /* IE7 Safari Firefox 用 */
/* ■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/
height:120px;
min-height:120px;
}
.shoplogo{ /* サイトロゴブロック（設定の場合） */
padding:0px 0px 0px 0px;
margin:0px;
width:100%;
}
.shoplogo img{
height: 120px;
}
.shoplogo img{ /* サイトロゴブロック（表示なし） */
/*display:none;*/
}
.siteName{ /* サイト名 h1 （テキスト） */
margin:0px;
text-indent: -5000px;
/* ■◆ショップワークス↓↓h1の位置をpaddingで調整■◆*/
/* ■◆左から「上」「右」「下」「左」です■◆*/
}
/* ■◆ショップワークス↓↓h1の文字色調整■◆*/
.siteName a { color:#ffffff; text-decoration:none;}
.siteName a:hover {
color:#CCCCCC;
/*text-decoration:underline;*/
}
/* ■◆ショップワークス↓↓h2の位置をpaddingで調整■◆*/
/* ■◆h1の次の行ならば「上」は0px■◆*/
.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
padding:0px 0px 0px 0px;
font-size:10px;
font-weight:normal;
line-height:1em;
text-align : left;
position: absolute;
top:3px;
background:url(http://takasago-mejya.net/pic-labo/header20160903.gif) no-repeat;
margin-top:-3px;
width:940px;
}
/* ■◆ショップワークス↓↓h2の文字色調整■◆*/
.sitecopy a {
color:#ffffff; text-decoration:none;
display:block;
height:120px;
padding:2px 0px 0px 5px;
}
.sitecopy a:hover {
color:#FFF;
/*text-decoration:underline;*/
}
/* ヘッダーメニュー */
div.shoplogo img{
display:none;
}
#headMenu {
width:100%;
margin:0;
margin-bottom:4px;
background-color:#5a0000;
/*border-bottom:3px #009193 solid;
border-top:1px #009193 solid;*/
margin-bottom:10px;
/* ●●背景色●● */
color:#5a0000;
clear:both;
background-color:#5a0000;
}
.headnavi { /* ヘッダーメニューテキスト */
padding:5px 5px 5px 1px;
/*color:#C8C8C8;*/
font-weight:normal;
text-align:right;
/* ■◆ショップワークス↓↓グローバルナビ_背景色調整■◆*/
background-color:#5a0000;
/*background-image:url(../img/headnavi_bg.gif);*/
color:#fff;
width:930px;
}
.headnavi a{
padding:10px 5px 10px 5px ;
margin:5px 0px;
font-weight:bold;
text-decoration:none;
/* ■◆ショップワークス↓↓グローバルナビ_文字色調整■◆*/
color:#fff;
}
.headnavi a:hover {
/* ■◆ショップワークス↓↓グローバルナビ_ホバー色調整■◆*/
color:#efbebe;
/*text-decoration:underline;*/
/*background-image:url(../img/headnavi_bg_on.gif);*/
}
.navi01 {/* ヘッダーメニューアイコン */
color:#fff;
/*background:url(../img/hnavi01.gif) no-repeat center left;*/
}
/* ヘッダー下装飾ライン */
.hline {
border:0px solid #B6A081;
background:url(../img/hline.gif) no-repeat #B6A081;
}
/********************************************************************/
#leftSide { /* 左サイドtd */
width:170px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/leftside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列）*/
width:142px;
padding:0px;
margin:0px;
background:#ffffff;
vertical-align:top;
/* background:url(../img/rightside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列 ブログ）*/
width:142px;
padding:0px;
margin:0px;
vertical-align:top;
/* background:url(../img/rightside2.gif) ;*/
}
#center1 { /* センター td （2列）*/
width:690px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center1.gif) ;*/
}
#center2 { /* センターtd （3列）*/
width:590px;
padding:0px;
margin:0px;
vertical-align:top;
background:#ffffff;
/* background:url(../img/center2.gif) ;*/
}
#center3 { /* センターtd （装飾用）*/
vertical-align:top;
background:#ffffff;
width:100%;
/* background:url(../img/center3.gif) ;*/
}
.header_area { /* ヘッダのフリーエリア */
text-align:left;
margin:0px 0px 0px 0px;
padding:0px;
width:770px;
/*border:1px #1587C2 solid;*/
}
.footer_area { /* フッタのフリーエリア */
text-align:left;
margin:0px 0px 0px 10px;
padding:0px;
width:750px;
}
.sidebox { /* サイド用ブロック（幅設定） */
padding:0px 0px 0px 0px;
margin:0px;
}
.centerbox { /* センター用ブロック（幅設定） */
margin:0px;
padding:0px 5px 5px 10px;
/* background:url(../img/centerbox.gif) ;*/
}
.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}
/********************************************************************/
/* 基本商品テキスト設定 */
.price{ /* 商品価格 */
color:#FF0000;
text-align:left;
font-weight:bold;
}
.price.no2{ /* 商品価格 （カート部分） */
font-size:140%;
font-weight:bold;
color:#FF0000;
}
.price.zoom{ /* 商品価格 （商品詳細） */
font-size:140%;
font-weight:bold;
}
.expl{ /* 商品説明文 */
text-align:left;
color:#333333;
}
.expl a{color:#333333; text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}
.fixed{ /* 商品定価 */
font-size:120%;
color:#333333;
text-align:left;
/*text-decoration:line-through;*/
}
h2.goods /* 商品名 （商品一覧）*/
a{color:#666666;text-decoration:none;font-weight:bold;text-decoration:underline;}
a:hover{color:#333333;text-decoration:none;}
/********************************************************************/
/*センターコンテンツ */
.topIMG { /* トップイメージ 外枠設定 */
margin:0px ;
padding:0px;
}
.topIMG td{
margin:0px;
padding-left:20px;
_padding-left:20px;
background:#ffffff;
}
.shopCopy { /* サイト説明 */
font-size:110%;
line-height:130%;
margin:0px;
padding:3px 10px 3px 10px;
color:#336699;
font-weight:normal;
text-align:left;
}
/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★１★■◆*/
/* ■◆（全部で4カ所変えましょう。★１★～★４★）■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★１★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1{ /* タイトル2 h1 */
padding:8px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★２★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-size:12px;
vertical-align:middle;
font-weight:bold;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★２★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title1 a{color:#414141;text-decoration:underline;}
.title1 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title2{ /* タイトル2 h1 */
padding:10px 0px 0px 7px;
margin:0px;
width:auto;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★３★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★３★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title2 a{color:#414141;text-decoration:underline;}
.title2 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.title3{ /* タイトル2 h1 */
padding:3px 0px 0px 3px;
margin:0px;
width:142px;
/* ■◆ショップワークス↓↓各カラムタイトルバーの文字色★４★■◆*/
color:#ffffff;
height:19px;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
/* ■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★４★■◆*/
/* ■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.title3 a{color:#414141;text-decoration:underline;}
.title3 a:hover{
color:#414141;
text-decoration:underline;
font-weight:bold;
}
.rank{/* ランキングアイコン */
text-align:left;
}
.mainCont { /* メインコンテンツ */
padding:1px;
margin:0px;
width:auto;
background:#ffffff;
/* background:url(../img/maincont.gif) ;*/
}
.contbox { /* メインコンテンツ内項目ボックス*/
padding:1px 0px;
margin:0px;
width:auto;
}
ul.news{ /* 最新情報リスト設定 */
text-align:left;
padding:0px 0px 0px 0px;
margin:0px;
list-style-type:none;
color:#666666;
height:70px;
width:480px;
overflow:auto;
}
li.p3{padding:3px;color:#333333;}
ul.free_list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.list{ /* リスト設定 */
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#333333;
}
ul.map{ /* サイトマップリスト設定 */
font-size:110%;
text-align:left;
padding:0px 20px;
margin:0px;
color:#333333;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}
.sitemap{ /* サイトマップリスト 項目タイトルh4*/
font-size:110%;
padding:5px 25px;
color:#333333;
background:url(../img/icon_sitemap.gif) no-repeat ;
background-position:left center;
}
/* テーブル余白設定 （固定） */
.layoutp5 { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}
.layoutp3 { padding:5px 0px;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}
.bordlayoutp3 { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */
.backcolor1 { background:#E8E8E8;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */
/* 商品レイアウト（トップページセンター、商品一覧用）*/
.layoutFrame{/* 大枠 table */
margin:10px 0px 0px 0px;
padding:1px;
width:99%;
/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
text-align:center;
margin:0px;
padding:0px;
vertical-align:top;
}
.layout1{ /* レイアウト */
margin:1px;
padding:3px;
background:#ffffff;
/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
margin:0px;
padding:3px;
text-align:center;
}
/* 第二階層 */
#bread{ /* パンクズ */
margin:0px;
padding:3px 15px;
color:#414141;
text-align:left;
background:#ffffff;
}
#bread a { color:#414141;}
#bread a:link {
text-decoration:underline;
}
#bread a:hover {
text-decoration:underline;
color:#336699;
}
h4.title{
font-size:110%;
margin:5px 0px;
padding:2px 0px;
color:#414141;
border-bottom:1px dotted #333333;
}
.mainFrame{ /* メイン大枠 */
margin:0px;
padding:1px;
/*ackground:#1587C2;*/
/* background:url(../img/mainframe.gif) ;*/
}
p.title { margin:3px 0px;
padding:2px 0px;
color:#669933;
border-bottom:1px dotted;
font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent,.mailmag_cha,.mailmag_can {
color:#414141;
}
.mailmag_ent{ /* 新規登録 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_ent.gif) no-repeat;
}
.mailmag_cha{ /* アドレス変更 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_cha.gif) no-repeat;
}
.mailmag_can{ /* 配信解除 h4 */
font-size:110%;
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_can.gif) no-repeat;
}
#sortList{ /* ソート */
margin:0px;
padding:10px 3px 5px 3px;
width:auto;
color:#333333;
float:right;
}
.pageTop { /* ページトップ */
padding:3px 5px 0px 17px;
margin:10px 5px;
background-image:url(../img/icon_top.gif);
background-repeat:no-repeat;
background-position:50% left;
font-size:90%;
font-weight:bold;
float:right;
}
.pageTop a{ color:#414141;text-decoration:none;}
.pageTop a:hover{ color:#336699;text-decoration:none;}
/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
padding:0px;
/* margin-bottom:2px;*/
width:auto;
border-top:0px #999999 solid;
/* ■◆ショップワークス↓↓フッター画像の高さ調整■◆*/
height:118px;
/* ■◆ショップワークス↓↓個人情報・商取法の位置揃え（基本はレフト）■◆*/
text-align:center;
margin-top:5px;
margin-top:5px;
<EBIfNonEmpty tag="EBHffBgurl">background:url(<EBHffBgurl>) <EBHffBgurlp> no-repeat ;</EBIfNonEmpty>
}
td>#footer { /* IE7 Safari Firefox 用 */
height:auto;
/* ■◆ショップワークス↓↓フッター画像の高さ調整（IE7 Safari Firefox 用）■◆*/
min-height:118px;
}
.footnavi { /*フッターメニューテキスト設定*/
/* ■◆ショップワークス↓↓個人情報・商取法の位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:5px 575px 0px 0px;
/* ■◆ショップワークス↓↓個人情報・商取法（非リンク部）の文字色■◆*/
color:#5a0000;
}
.footnavi a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#5a0000;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
/* ■◆ショップワークス↓↓個人情報と商取法ホバー調整（必要に応じて。基本的には変更しない）■◆*/
.footnavi a:hover { color:#CCCCCC;/*text-decoration:underline;*/}
#copyright { /* ネットショップ制作サービス ショップワークス */
/* ■◆ショップワークス↓↓ショップワークスリンクの位置調整（必要に応じて。基本的には変更しない）■◆*/
padding:80px 10px 0px 0px;
padding-bottom:0px;
width:auto;
/* height:20px;*/
color:#fff;
text-align:right;
text-decoration:none;
font-size:10px;
/* background:url(../img/copyright.gif) ;*/
}
#copyright a{
/* ■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
color:#fff;
text-decoration:none;
font-weight:normal;
font-size:10px;
}
#copyright a:hover { /*color:#336699;text-decoration:underline;*/}
#footer>#copyright { /* IE7 Safari Firefox 用 */
height:auto;
min-height:15px;
}
/********************************************************************/
/* サイド設定 */
#search {/* サイド商品検索枠設定 */
padding:8px 0px 10px 0;
text-align:center;
margin:-9px 0 0 0;
width:160px;
background:url(http://takasago-mejya.net/pic-labo/bg_kensaku.gif) no-repeat;
}
/*#search label{
padding:7px 0px 0px 7px;
margin:0px;
color:#FFFFFF;
line-height:100%;
letter-spacing:0.2em;
font-size:12px;
font-weight:bold;
}*/
.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}
/* サイドメニューカテゴリリスト */
.list { /* メニュー枠設定 */
padding:0px 0px;
display:block;
line-height:130%;
}
.list h3 { /* タイトル */
padding:5px 5px;
margin:0px;
}
ul.free_listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
ul.listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
li.ca1 {
margin:0px;
/* ●●背景色●● */
border-top:1px solid #f0e6df;
border-bottom:1px solid #FFFFFF;
}
li.ca2 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca1 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca1 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
background-repeat:no-repeat;
background-color:#f2ccb4;
}
li.ca2 a{ padding:1px 3px 1px 15px;
display:block;
color:#666;
font-weight:normal;
text-decoration:none;
}
li.ca2 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:no-repeat #f7dece;
}
li.ca3 {
margin:0px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
li.ca3 a{ padding:5px 3px 5px 15px;
display:block;
font-weight:normal;
text-decoration:none;
background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;
/*background:#E8E8E8;*/
color:#666;
}
li.ca3 a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
background-image: url(<EBUserThemeImg>/ca1_a.gif);
/*background-image:url(../img/icon_eye01_ov.gif);*/
background-repeat:no-repeat;
background-color:#f7dece;
}
li.ca4 {
margin:0px;
border-bottom:1px solid #FFFFFF;
}
li.ca4 a{ padding:3px 3px 3px 25px;
display:block;
color:#333333;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02.gif) no-repeat #d44343;
}
li.ca4 a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
background:url(../img/icon_eye02_ov.gif) no-repeat #f7dece;
}
.sline1 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
.sline2 { /* サイドバー下ライン */
padding:0px;
margin:0px;
}
/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
margin:3px 0;
padding:0px;
background: #ffffff;
}
.sidemain1 p {
padding:3px 0;
margin:0px;
line-height:120%;
font-size: 10px;
}
.sidemain1 ul { /* リスト設定 */
margin:0px;
padding:3px 0px 3px 0px;
list-style:none;
}
.sidemain1 li {
display:block;
padding:2px 0px 2px 10px;
color:#0E577E;
background:url(../img/icon_eye03.gif) no-repeat
}
/* カレンダー */
caption { /* 年月タイトル */
font-weight:bold;
text-align:center;
padding:3px;
color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333; text-decoration:underline;}
.carender { /* カレンダー テーブル*/
border-collapse:collapse;
padding:5px 0px;
margin:0px;
text-align:center;
background-color:#ffffff;
}
.carender td {
padding:2px;
border-collapse:collapse;
text-align:right;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
.carender th {
padding:2px;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#ffffff;
}
th.day { /* ヘッダ平日 */
font-weight:bold;
color:#414141;
background:#E8E8E8;
text-align:center;
}
th.sun { /* ヘッダ日曜 */
color:#FFFFFF;
background:#414141;
text-align:center;
}
th.sat { /* ヘッダ土曜 */
color:#FFFFFF;
background:#336699;
text-align:center;
}
.chert { /* 表示色説明枠 */
margin:5px 5px;
font-size:84%;
}
.chert td {
border-collapse:separate;
padding:0px 0px 0px 5px;
border:2px solid #FFFFFF;
}
.line01{
/*border:#DEDBBE 1px dotted;*/
vertical-align:buttom;
}
#rss{ / * RSS設定 */
margin:10px 0px 20px 0px ;
padding:10px 0px 20px 10px ;
}
#count{ / * カウンター */
margin:0px;
padding:5px;
}
/********************************************************************/
/* ブログ */
.blogbox { /* コメントボックス*/
padding:5px;
margin:2px 0px;
width:auto;
/* background:url(../img/blogbox.gif) ;*/
}
.entry_title { /* ブログエントリータイトル h2 */
padding:5px 0px 5px 20px;
display:block;
font-size:110%;
/* color:#FFFFFF;*/
color:#FFFFFF;
height:19px;
background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
}
.entry_date{
display:block;
padding:10px 0px 3px 0px;
color:#333333;
text-align:right;
}
.state{ /* ブログステータス */
padding:2px 0px;
text-align:right;
border-top:1px solid #ded9c5;
}
.subtitle {/* h3 ブロックサブタイトル */
padding:5px 0px 5px 0px;
margin:10px 0px 10px 0px;
text-align:left;
font-size:110%;
color:#547D2B;
background:url(../img/subtitle.gif);
height:19px;
}
p.label { /* ブログコメントタイトル */
font-weight:bold;
}
.tb_url{ /* トラックバックurl */
font-weight:bold;margin-bottom:10px;
}
/********************************************************************/
/* カート */
.point {font-size:120%;color:red;font-weight:900;}
.pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px;background-color:#414141;}
/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
text-align:center;
width:100%;
height:83px;
}
.step_navi01 {
background-image:url(../img/navi01.gif);
background-repeat:no-repeat;
}
.step_navi02 {
background-image:url(../img/navi02.gif);
background-repeat:no-repeat;
}
.step_navi03 {
background-image:url(../img/navi03.gif);
background-repeat:no-repeat;
}
.step_navi04 {
background-image:url(../img/navi04.gif);
background-repeat:no-repeat;
}
/********************************************************************/
/* gnavi */
div.header_area ul{
list-style:none;
margin:0;
padding:0;
}
div.header_area ul li{
float:left;
}
div.header_area ul li a:hover img{
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}
/*----------------------
infobox
----------------------*/
#infoBox {
width:120px;
margin:0;
padding:0 0 8px;
text-align:center;
position:fixed;
right:1px;
bottom:1px;
border:1px solid #620303;
background:#FFFEDE;
}
#infoBox p {
margin:0 0 8px;
padding:5px;
line-height:100%;
background:#683534;
font-weight:bold;
color: #FFF;
}
#infoBox ul {
margin:0;
padding:0;
line-height:100%;
list-style: none;
}
#infoBox li {
margin:0 0 2px;
padding:0;
}
#infoBox img {
vertical-align:top;
border: none;
}
/*
===== CLEARFIX ==========================================
*/
div.header_area ul
{
min-height:1px; /* IE 7*/
}
div.header_area ul:after
{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
div.header_area ul
{
display:inline-table;
}
/* Mac IE \*/
* html div.header_area ul
{
height:1px;
}
div.header_area ul
{
display:block;
}
/* */
/* CSS Document */
＿＿＿ここまで②＿＿＿＿＿＿
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2017/04/28 17:24
ECマスターズの田中です。
＞ヘッダーの「サイトマップ」のリンクがあるはずが、
＞クリックできない状態です。
ヘッダー右下「マイページ」「カートを………（省略）………
＞ヘッダーの「サイトマップ」のリンクがあるはずが、
＞クリックできない状態です。
ヘッダー右下「マイページ」「カートを………（省略）………
- 返信者：非公開（質問者）
- 2017/05/01 14:26
お世話になっております。
＞＞ご利用中のカスタムテンプレートのCSSに
= この下の行から ====================
body………（省略）………
＞＞ご利用中のカスタムテンプレートのCSSに
= この下の行から ====================
body………（省略）………
- 返信者：非公開
- 2017/05/01 16:19
ECマスターズの田中です。
＞どこに入れるのが正しいのでしょうか。
最初に貼り付けていただいたCSSの後方にあります、
= この下の行から =………（省略）………
＞どこに入れるのが正しいのでしょうか。
最初に貼り付けていただいたCSSの後方にあります、
= この下の行から =………（省略）………
- 返信者：非公開（質問者）
- 2017/05/02 11:49
ありがとうございます。
お教えいただいた通り追加しましたら反応するようになりました！
しかし、添付画像の赤枠部分しか反応しません。
この場合、wi………（省略）………
お教えいただいた通り追加しましたら反応するようになりました！
しかし、添付画像の赤枠部分しか反応しません。
この場合、wi………（省略）………
- 返信者：非公開
- 2017/05/02 16:59
ECマスターズの田中です。
改めてページを確認したところ、
width: 165px; の指定が行われている様子がなかったので
さらに確認を進めたとこ………（省略）………
改めてページを確認したところ、
width: 165px; の指定が行われている様子がなかったので
さらに確認を進めたとこ………（省略）………
このフォーラムへの質問は終了しました
質問を検索する