/* ■イメージ表示 ▼共通部分 */

/* ▼コラムなどのインライン画像（色々な場所で使っているので削除や変更不可） */
img.left1{ margin:0px 12px 25px 0px; padding:0px; border:1px solid #666666; } /* 左側に画像1枚＋文字列 */
img.left2{ margin:0px 6px 2px 0px; padding:0px; border:1px solid #666666; } /* 幅256x2枚(左寄せ) */
div.left2{ margin:0px 88px 0px 0px; } /* 幅256x2枚の下に文字列(左寄せ) */
img.left3{ margin:0px 6px 2px 88px; padding:0px; border:1px solid #666666; } /* 幅256x1枚(右寄せで画像1枚) */
div.left3{ margin:0px 0px 0px 88px; } /* 幅256x2枚の下に文字列(右寄せで画像1枚) */

img.right1{ margin:0px 0px 20px 12px; padding:0px; border:1px solid #666666; }
img.right2{ margin:0px 0px 2px 6px; padding:0px; border:1px solid #666666; } /* 幅256x2枚(右側) */
div.right2{ margin:0px 0px 0px 90px; } /* 幅256x2枚の下に文字列(右側) */
img.right3{ margin:0px 0px 2px 6px; padding:0px; border:1px solid #666666; } /* 幅256x2枚(右側) */
div.right3{ margin:0px 0px 0px 222px; } /* 幅1926x2枚の下に文字列(右側) */

img.center1s{ margin:0px 0px 2px 0px; padding:0px; border:1px solid #666666; } /* 幅192x3枚(中央配置の両サイド) */
img.center1c{ margin:0px 6px 2px 6px; padding:0px; border:1px solid #666666; } /* 幅192x3枚(中央配置の中央) */
div.center1{ margin:0px 6px 0px 6px; } /* 幅192x3枚の下に文字列(中央) */
img.center2{ margin:5px 0px 10px 0px; padding:0px; border:1px solid #666666; background:#dddddd;} /* 中央に1枚 背景色変更 */

/* ▼ギャラリー一覧ページ */
img.glist{ margin:0px 0px 5px 0px; padding:0px; border:1px solid #666666; }
div.glist{ float:left; margin:8px 0px 15px 0px; padding:0px 10px 0px 5px; width:auto; height:auto; line-height:125%; text-align:center;}

div.dataleft{ float:left; margin-left:4px; width:75px; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }
div.dataleft2{ float:left; margin-left:4px; width:115px; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }
div.dataright{ margin-left:78px; width:auto; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }
div.dataright2{ margin-left:118px; width:auto; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }

/* ▼商品一覧ページ */
img.itemlist{ margin:0px 0px 5px 0px; padding:0px; border:1px solid #666666; }
div.itemlist{ float:left; margin:10px 0px 15px 0px; padding:0px 5px 0px 5px; width:190px; height:220px; line-height:125%; }
div.price{ margin-top:3px; font-size:12px; font-weight:bold; color:#E0E0E0; }
div.price2{ margin-top:3px; font-size:12px; font-weight:bold; color:#FFA500; }

/* 各種ラインの定義 */
hr.line1{ margin:5px 0px 5px 0px; padding:0px; border-style:solid; border-width:1px; height:1px; border-color:#dddddd; }
hr.line2{ margin:0px; padding:0px; border-style:solid; border-width:1px; height:1px; border-color:#dddddd; }
hr.line3{ margin:12px 4px 4px 0px; padding:0px; border-style:solid; border-width:1px; height:1px; border-color:#dddddd; }



/* ========================================================================== */
/* ■共用スタイル定義                                                         */
/* ========================================================================== */
/* ▼画像配置 */
/* 背景色の変更は各タグで行うこと */
/* 文字列廻りこみマージンの変更は各タグで行うこと */
/* ＊左配置のイメージ用 */
img.comLeft1{ margin:0px 12px 10px 0px; padding:0px; border:1px solid #666666; }

/* ＊右配置のイメージ用 */
img.comRight1{ margin:0px 0px 10px 12px; padding:0px; border:1px solid #666666; }

/* ＊中央配置のイメージ用 */
img.comCenter1{ margin:7px 0px; padding:0px; border:1px solid #666666; }

/* 共通テーブル定義 */
table.comTbl1c{ margin:10px 0px 3px 0px; padding:0px; border-collapse:collapse; text-align:center; }
table.comTbl1l{ margin:10px 0px 3px 0px; padding:0px; border-collapse:collapse; text-align:left; }

/* Itm1は汎用的な表の要素 */
td.comItm1{ padding:2px 4px; border:1px solid #666666; }
td.comItm1l{ padding:2px 4px; border:1px solid #666666; text-align:left; }

/* Itm2はタイトル要素 - Itm1の背景色違い */
td.comItm2{ padding:2px 4px; border:1px solid #666666; background:#1F1F1F; }
td.comItm2l{ padding:2px 4px; border:1px solid #666666; background:#1F1F1F; text-align:left; }


/* ▼改行幅 */
p.p3{ margin-top:3px; }
p.p5{ margin-top:5px; }
p.p10{ margin-top:10px; }
p.p15{ margin-top:15px; }
p.p20{ margin-top:20px; }
p.p30{ margin-top:30px; }



/* ■画像配置用のスタイルTips */
/* ●透過画像の場合は背景色を個別に設定：style="background:#dddddd;" */
/* ●文字列廻りこみは下マージンを個別に調整：style="margin-bottom:40px" */
/* ●画像周囲ライン#666666 は RGB 102,102,102、body背景はRGB 15,15,15 */

/* ========================================================================== */
/* ■商品詳細ページ用定義                                                     */
/* ========================================================================== */
img.item1{ margin:0px 12px 30px 0px; border:1px solid #666666; float:left; } /* 左寄せ(商品画像 幅240)1枚 */
img.item2{ margin:8px 20px 10px 0px; border:1px solid #666666; float:left; } /* 追加画像用 */

div.itemtext1{ margin:0px; padding:0px; font-size:13px; line-height:125%; } /* 商品内容・発送説明 */
div.itemprice1{ margin:0px; padding:2px 20px 0px 0px; font-size:14px; font-weight:bold; color:#F0F0F0; text-align:right; }

/* ========================================================================== */
/* Tips専用スタイル定義 */
/* ========================================================================== */
img.tips1{ margin:4px 12px 25px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256)1枚＋文字列 */

img.tips2{ margin:4px 12px 0px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256x2枚) */
div.tips2{ margin:8px 78px 30px 0px; float:left; } /* tips2の下に左寄せ文字列 */

img.tips3{ margin:4px 0px 0px 12px; border:1px solid #666666; float:right; } /* 右寄せ(幅256x2枚) */
div.tips3{ margin:8px 0px 30px 82px; float:left; } /* tips3の下に右寄せ文字列 */
/* 右寄り1枚の場合は class="tips3" style="margin-right:270px;" と定義(tips009.htmlの最後の画像を参照) */
/* 256+2(border分)+12(margin分)=270 */

/* ========================================================================== */
/* Support Center専用スタイル定義 */
/* ========================================================================== */
img.support1{ margin:4px 12px 25px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256)1枚＋文字列 */

/* ========================================================================== */
/* Media Library専用スタイル定義 */
/* ========================================================================== */
img.media1{ height:120px; margin:2px 0px 8px 0px; border:1px solid #666666; } /* テーブル内画像・高さ120px固定 */

table.MediaList{ margin:2px 0px 4px 6px; }
td.md1{ width:200px; padding:0px; border:0px; }
td.md2{ width:400px; padding:0px; border:0px; text-align:left; vertical-align:top; }

/* ========================================================================== */
/* Pedia/PediaPro専用スタイル定義 */
/* ========================================================================== */
img.pedia1{ margin:4px 12px 10px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256)1枚＋文字列 */

table.PediaData{ margin:10px 0px 3px 0px; border-collapse:collapse; text-align:center; }
td.pd1{ width:140px; padding:2px 4px; border:1px solid #666666; background:#2F2F2F; }
td.pd2{ width:105px; padding:2px 4px; border:1px solid #666666; background:#2F2F2F; }
td.pd3{ padding:2px 4px; border:1px solid #666666; }
td.pd4{ padding:2px 4px; border:1px solid #666666; font-size:12px; text-align:left; }

/* ========================================================================== */
/* ★新ブラウザ対応用のスタイル定義 */
/* ========================================================================== */
/* ■体裁調整用の汎用スタイル定義 */
/* ========================================================================== */
div.mb4{ margin-bottom:4px; }
div.mb8{ margin-bottom:8px; }
div.mb12{ margin-bottom:12px; }

img.new{ margin:0px; padding:0px 5px 0px 0px; border:0px; } /* 左側配置時の位置合せ用 */
img.up{ margin:0px; padding:0px 7px 0px 1px; border:0px; } /* 左側配置時の位置合せ用 */
img.r1{ margin:0px; padding:4px 3px 0px 0px; border:0px; } /* 左端配置用 */
img.r2{ margin:0px; padding:4px 3px 0px 3px; border:0px; } /* 文中・右端配置用 *

/* ========================================================================== */
/* ■タグ全体で共通のスタイル定義 */
/* ========================================================================== */
body{ margin:0px; padding:0px; background:#0F0F0F; font-family:Verdana,sans-serif; line-height:130%; }
A{ color:#88DD33; text-decoration:none; }
A:hover{ color:#FF6347; } 
/* 線のスタイルはこの書式で定義しないと上手く反映されない */
hr{ border-style:solid; border-width:0px 0px 1px 0px; border-color:#dddddd; }
hr.s2{ border-style:solid; border-width:0px 0px 2px 0px; border-color:#dddddd; }
hr.d1{ border-style:dashed; border-width:0px 0px 1px 0px; border-color:#dddddd; }


/* ========================================================================== */
/* ■フォントのカラー定義 */
/* ========================================================================== */
font.point{ color:#ffff22; }
font.caution{ color:#ff8810; }
font.danger{ color:#f04020; }

/* ========================================================================== */
/* ■コンテンツ用の基本スタイル定義 */
/* ========================================================================== */
/* コンテンツ内のサブタイトル用スタイル定義 */
div.contents1{ padding:10px 0px 0px 4px; font-size:16px; font-weight:bold; color:#ffffff; text-align:left; }

/* what's newなど小フォントのコンテンツ用スタイル定義 */
div.contents2{ padding:12px 0px 0px 10px; line-height:140%; font-size:12px; color:#ffffff; text-align:left; }

/* 殆どのコンテンツで共通のスタイル定義 */
div.contents3{ padding:12px 0px 0px 10px; line-height:150%; font-size:13px; color:#ffffff; text-align:left; }

/* リンクコンテンツ用の左右2段組 */
div.contents4l{ float:left; margin-left:4px; width:296px; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }
div.contents4r{ margin-left:314px; width:296px; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }

/* ========================================================================== */
/* ■各エリア毎の基本スタイル定義 */
/* ========================================================================== */
/* ヘッダーエリアのスタイル定義 */
.h_main{ width:800px; border-collapse:collapse; } /* ヘッダー全体のサイズ */
.h_navi{ width:100%; padding:1px 3px; font-size:10px; color:#F0F0F0; text-align:right; } /* ロゴ上の文字メニュー */
.h_logo{ width:798px; height:78px; padding:0px 5px 2px 0px; background:url("img/toplogo.png") left no-repeat; border:1px solid #666666; vertical-align:bottom; text-align:right; } /* ロゴ */
.h_menu{ width:160px; padding:8px 0px 8px 0px; margin:0px; border-bottom:2px solid #6A5ACD; text-align:center; } /* メインメニュー */
/* ========================================================================== */
/* メインエリアのスタイル定義 */
table.main{ width:800px; margin:8px 0px; border-collapse:collapse; } /* メインエリア全体 */
td.menu{ width:170px; padding:0px; margin:0px; vertical-align:top; } /* サイドメニュー */
img.menu{ margin:0px; padding:0px; border:0px; } /* サイドメニューの画像 */
div.menubox{ width:166px; margin:10px 0px 3px 0px; padding:7px 0px; line-height:130%; border:2px solid #a090e0; font-weight:bold; font-size:14px; color:#ccccff; text-align:center; } /* BOX文字 */
td.contents{ width:630px; padding:0px 0px 0px 10px; margin:10px 0px; vertical-align:top; text-align:left; } /* コンテンツエリア */
div.contentsbox{ width:576px; margin:10px 0px 3px 0px; padding:7px 20px; line-height:130%; border:2px solid #a090e0; font-weight:bold; font-size:14px; color:#ccccff; text-align:left; } /* BOX文字 */
/* ========================================================================== */
/* フッターエリアの著作権表示とアクセス解析で使うスタイル定義 */
.f_line{ width:800px; margin-top:25px; padding:0px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#dddddd; }
.f_copyright{ margin:0px; padding:0px; font-size:9px; color:#F0F0F0; text-align:center; }
.f_access{ margin:10px 25px 0px 0px; padding:0px; font-size:8px; color:#777777; text-align:right; }
.f_access a{ color:#777777; text-decoration:none; }
/* ========================================================================== */


/* ========================================================================== */
/* ■ショッピングカート用定義                                                 */
/* ========================================================================== */
/* カート内で使うテーブル定義 */
table.cart1{ margin:10px 0px 3px 0px; padding:0px; border-collapse:collapse; text-align:center; }
table.cart1l{ margin:10px 0px 3px 0px; padding:0px; border-collapse:collapse; text-align:left; }

/* アイテム行 */
td.cartItm1{ padding:2px 4px; border:1px solid #666666; font-size:11px; }
td.cartItm1l{ padding:2px 4px; border:1px solid #666666; font-size:11px; text-align:left; }
td.cartItm1r{ padding:2px 4px; border:1px solid #666666; font-size:11px; text-align:right; }

/* タイトル行 - Itm1の背景色違い */
td.cartItm2{ padding:2px 4px; border:1px solid #666666; font-size:11px; background:#1F1F1F; }

/* 送料テープルの都道府県名用 改行幅違い */
td.cartItm3{ padding:2px 4px; border:1px solid #666666; font-size:11px; line-height:135%; }

/* 入力項目の説明行 */
td.cartItm4c{ padding:2px 4px; border:1px solid #666666; font-size:14px; font-weight:bold; background:#2F2F4F; text-align:center; }

table.btnbox{ margin:0px; border:0px; text-align:right; }
td.btnbox{ margin-right:5px; border:0px; text-align:right; }
td.cart{ padding:2px 5px; border:1px solid #666666; }
td.cart1{ padding:2px 4px; border:1px solid #666666; font-size:11px; text-align:center; background:#1F1F1F; }
td.cart2{ padding:2px 4px; border:1px solid #666666; font-size:11px; text-align:right; }
td.cart3{ padding:2px 4px; border:1px solid #666666; font-size:11px; text-align:center; }





/*
.midasi
{margin:0px; padding:8px; width:400px; background:#000000 url("point.gif") no-repeat;
 font-size:90%; color:#cccccc; text-align:left;}

.iromoji{color:#cc3300; font-size:90%;}

div.menu
{margin:0px; padding:2px 10px; width:140px; background-color:#000000;
 border-style:solid; border-width:0px 0px 1px 0px; border-color:#666666;
 font-weight:bold; color:#999999; text-align:center;}

div.menubox
{margin:0px; padding:2px 10px; width:140px; background-color:#000000;
 border-style:solid; border-width:0px 1px 1px 1px; border-color:#666666;
 font-size:0.9em; color:#999999; text-align:left;}

div.menubox2
{margin:0px; padding:2px 10px; width:140px; background-color:#000000;
 border-style:solid solid dashed solid; border-width:0px 1px 1px 1px; border-color:#666666;
 font-size:0.9em; color:#999999; text-align:right;}

div.textnavi1{ margin:0px 0px 6px 0px; color:#99ccaa; padding-top:3px; font-size:9px; text-align:left; }

.textnavi1 a{ color:#99ccaa; text-decoration:none; }
.textnavi1 a:hover{ color:#668866; text-decoration:none; }

a{color:#999999; text-decoration:none; font-weight:bold;}
a:hover{color:#000000; text-decoration:none; font-weight:bold;}
*/