
hr.line1{ margin:5px 0px 5px 0px; padding:0px; border-style:solid; border-width:1px; height:1px; border-color:#dddddd; }
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 */

/* ========================================================================== */
/* Column専用スタイル定義 */
/* ========================================================================== */
img.column1{ margin:4px 12px 35px 0px; border:1px solid #666666; float:left; } /* 左寄せ画像1枚(default=w256) */
img.column2{ margin:4px 0px 35px 12px; border:1px solid #666666; float:right; } /* 右寄せ画像1枚(default=w256) */

img.column3{ margin:4px 2px 4px 2px; border:1px solid #666666; } /* 幅192x3枚(中央配置の中央) */
div.column3{ margin:2px 5px 25px 5px; } /* 幅192x3枚の下に文字列(中央) */

img.column4{ margin:4px 10px 4px 0px; border:1px solid #666666; float:left; } /* 左寄せ画像2枚(default=w256x2枚) */
div.column4{ margin:2px 78px 30px 0px; } /* その下に文字列 */

img.column5{ margin:4px 0px 4px 10px; border:1px solid #666666; float:right; } /* 右寄せ画像2枚(default=w256x2枚) */
div.column5{ margin:2px 0px 30px 84px; } /* その下に文字列 */


/* ========================================================================== */
/* Tips専用スタイル定義 */
/* ========================================================================== */
img.tips1{ margin:4px 12px 25px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256)1枚＋文字列 */

img.tips2{ margin:4px 10px 4px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256x2枚) */
div.tips2{ margin:2px 78px 30px 0px; } /* tips2の下に左寄せ文字列 */

img.tips3{ margin:4px 0px 4px 10px; border:1px solid #666666; float:right; } /* 右寄せ(幅256x2枚) */
div.tips3{ margin:2px 0px 30px 84px; } /* 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:220px; padding:0px; border:0px; }
td.md2{ width:380px; 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; }
/* ========================================================================== */
/* Original専用スタイル定義 */
/* ========================================================================== */
img.original1{ border:1px solid #666666; } /* イメージに枠線のみ */
img.original2{ margin:4px 12px 10px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256)1枚＋文字列 */
/* ========================================================================== */
/* PremiumReport専用スタイル定義 */
/* ========================================================================== */
img.report1{ margin:4px 12px 10px 0px; border:1px solid #666666; float:left; } /* 左寄せ(幅256)1枚＋文字列 */
img.report2{ margin:8px 0px; border:1px solid #666666; background:#dddddd; }   /* 中央配置 */
img.report3{ margin:4px 0px 10px 12px; border:1px solid #666666; float:right; }/* 左寄せ(幅256)1枚＋文字列 */
/* ========================================================================== */
/* Gallery専用スタイル定義 */
/* ========================================================================== */
img.glist{ margin:0px 0px 5px 0px; padding:0px; border:1px solid #666666; }
div.glist{ float:left; margin:4px 0px 15px 0px; padding:0px 10px 0px 5px; width:auto; height:auto; line-height:125%; text-align:center;}
div.gdataleft{ float:left; margin-left:4px; width:75px; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }
div.gdataright{ margin-left:78px; width:auto; line-height:130%; font-size:13px; color:#ffffff; text-align:left; }

img.gallery1{ margin:0px 0px 0px 4px; border:1px solid #666666; } /* 横並び画像＋下段に文字列 */
div.gallery1{ margin:2px 22px 15px 8px; } /* 下段の文字列 */
img.gallery2{ border:1px solid #666666; } /* 中央1枚センタリング用、下段の文字列は直接style指定 */
/* ========================================================================== */
/* ■体裁調整用の汎用スタイル定義 */
/* ========================================================================== */
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; }

/* ========================================================================== */
/* ■テーブル要素(TableElement)の定義 */
/* ========================================================================== */
td.te1{ padding:2px 4px; border:1px solid #666666; } /* 汎用的な表要素 */
td.te1l{ padding:2px 4px; border:1px solid #666666; text-align:left; }
td.te2{ padding:2px 4px; border:1px solid #666666; background:#2F2F2F; } /* te1のタイトル行 */
td.te2l{ padding:2px 4px; border:1px solid #666666; background:#1F1F1F; text-align:left; }

/* ========================================================================== */
/* ■フォントのカラー定義 */
/* ========================================================================== */
font.send{ color:#ffffff; }
font.point{ color:#ffff22; }
font.caution{ color:#ff8810; }
font.danger{ color:#f04020; }

/* ========================================================================== */
/* ■コンテンツ用の基本スタイル定義 */
/* ========================================================================== */
/* コンテンツ内のサブタイトル用スタイル定義 */
div.contents1{ padding:6px 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; }

/* パンくずリスト用のスタイル定義 */
div.breadcrumb{ padding:0px 0px 4px 10px; font-size:10px; color:#ffffff; font-weight:normal; 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:800px; height:80px; padding:0px 0px 8px 0px; } /* ロゴ */
.h_logo2{ border:2px solid #666666; } /* ロゴ */
.h_menu{ width:158px; padding:0px; text-align:center; } /* メインメニュー */

/* ========================================================================== */
/* メインエリアのスタイル定義 */
table.main{ width:800px; margin:5px 0px; border-collapse:collapse; } /* メインエリア全体 */
td.menu{ width:170px; padding:0px; margin:0px; vertical-align:top; } /* サイドメニュー */
img.menu{ margin:0px; padding:0px; border:0px; border-style:hidden; } /* サイドメニューの画像 */
div.menubox{ width:166px; margin:5px 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:574px; margin:5px 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文字 */
div.commentbox{ width:556px; margin:0px 0px 20px 0px; padding:5px 10px; line-height:130%; border:1px solid #dddddd; font-weight:normal; font-size:13px; color:#ffffff; 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; }
.f_navi{ padding:0px 0px 5px 0px; font-size:10px; color:#F0F0F0; text-align:center; }
/* ========================================================================== */


/* ========================================================================== */
/* ■商品一覧／詳細ページ用定義                                                     */
/* ========================================================================== */
img.itemlist{ margin:0px 0px 5px 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; }

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; }
/* ========================================================================== */
/* ■ショッピングカート用定義                                                 */
/* ========================================================================== */
/* カート内で使うテーブル定義 */
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 3px; border:1px solid #666666; font-size:13px; }
td.cartItm1l{ padding:2px 3px; border:1px solid #666666; font-size:13px; text-align:left; }
td.cartItm1r{ padding:2px 3px; border:1px solid #666666; font-size:13px; text-align:right; }

/* タイトル行 - Itm1の背景色違い */
td.cartItm2{ padding:2px 4px; border:1px solid #666666; font-size:13px; background:#1F1F1F; }

/* 送料テープルの都道府県名用 改行幅違い */
td.cartItm3{ padding:2px 4px; border:1px solid #666666; font-size:13px; 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:13px; text-align:center; background:#1F1F1F; }
td.cart2{ padding:2px 4px; border:1px solid #666666; font-size:13px; text-align:right; }
td.cart3{ padding:2px 4px; border:1px solid #666666; font-size:13px; 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;}
*/


