/*┌─────────────────────────────────*/
/*│  WS-MASTER-PRO v4.0.0                                            */
/*│  Copyright (c) Just-Life                                         */
/*│  http://just-life.net/                                           */
/*│  support@just-life.net                                           */
/*└─────────────────────────────────*/

@charset "Shift_JIS";
*{ margin:0; padding:0; }
table { border-collapse:collapse; }
hr { height:1px; color:#c0c0c0; margin:1px 0px; }

/* 各背景設定
---------------------------------------------------- */
#header-bg { background:url(../img/skin/hdr_bg.jpg) repeat-x; }
#top-bg { background: url(../img/skin/top_bg.jpg) repeat-x; }
#side-left { background:url(../img/skin/side_left.jpg) repeat-y; }
#side-right { background:url(../img/skin/side_right.jpg) repeat-y; }
#dot_gray-bg { background: url(); }

/*	テキスト
 * ------------------------------------- */
.text_s { font-size:82%;}
.text_sb { font-size:82%; font-weight:bold; }
.text_m { font-size:90%; }
.text_mb { font-size:90%; font-weight:bold; }
.comment { text-indent:1em; line-height:150%; padding:0.5em 0em; }
.comment_line { line-height:150%; padding:0.5em 0em; color:#666666; }

/*	リンクの色設定
 * ------------------------------------- */
a:link    { text-decoration:none; color:#0055aa; }
a:visited { text-decoration:none; color:#0055aa; }
a:active  { text-decoration:none; color:#0055aa; }
a:hover   { text-decoration:underline; color:#990000; }

/*	ヘッダーメニュー設定
 * ------------------------------------- */
#head-menu a {
	background:url(../img/skin/menu_bg_off.jpg) no-repeat;
	width:70px; height:31px;
	display:block;
	list-style-type:none;
	font-size:12px;
	color:#000000;
	padding:1px 5px;
	vertical-align:middle;
	line-height:11px;
}
#head-menu a:hover {
	background:url(../img/skin/menu_bg_on.jpg) no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

/*	トップ・お知らせ、更新履歴
 * ------------------------------------- */
dl.line{ font-size:12px; border-bottom:1px dotted #666666; padding:5px; }
dl.line dt { margin:0px 1em 0px 0px; color:#999999; }
dl.line dd {}

/*	ページタイトル（ご自由に変更してください）
 * ------------------------------------- */
#pagetitle{
	font-size:110%; font-weight:bold;
	color:#333333;
	background:url(../img/skin/pagetitle_bg.jpg) no-repeat;
	height: 50px;
	padding:5px 0 3px 10px;
	vertical-align:middle;
}

/*	フッター部分
 * ------------------------------------- */
#footer { width:680px; background:url(../img/skin/bottom02.jpg) repeat-x; }
#page-top a { width:100px; height:18px; background:url(../img/skin/pagetop_off.jpg) no-repeat; }
#page-top a:hover { background:url(../img/skin/pagetop_on.jpg) no-repeat; }
#address{ background:url(../img/skin/add_bg.jpg) repeat-x; }
address{
	text-align:center;
	font-style:normal; font-weight:normal; font-size:12px;
	padding:10px;
	color:#666666;
}
#cc{ font-size:11px; }

/*	フレーム部分
 * ------------------------------------- */
table.frame-label { height:30px; }
table.frame-label td.left { width:20px; background:url(../img/skin/label-left.jpg) no-repeat; }
table.frame-label td.mid {
	width:100%;
	background:url(../img/skin/label-mid.jpg) repeat-x;
	font-size:90%;
	font-weight:bold;
	padding:3px 0 0 0;
}
table.frame-label td.right { width:10px; background:url(../img/skin/label-right.jpg) no-repeat; }
table.frame-text { font-size:82%; }
table.frame-text td { padding:5px; }



/* 全体設定 */
body {
	background:url(../img/skin/bg.jpg) repeat-x;
	font-family: 'MS UI Gothic',Osaka,'ＭＳ Ｐゴシック';
	color:#696969;
}

/* 管理画面全体 */
body.admin { margin:20px; background:#ffffff; }

/* 管理画面、エラー画面<table> */
table.admin { background:#ffffff; border:1px #a9a9a9 solid; }
table.admin td { border:1px #a9a9a9 solid; padding:5px; }
table.admin td.title { background:#d5d5e5; text-align:center; text-weight:bold; }

/* 管理画面タイトル<table>*/
table.title { font-size:150%; line-height:135%; background:#d5d5e5; border:1px #a9a9a9 solid; }
table.title td { padding:10px; }

/* 管理画面カテゴリ設定<table> */
table.set { background:#ffffff; border:1px #a9a9a9 solid; font-size:82%; }
table.set td { padding:2px 2px 0px 5px; }
table.set td.set1 { border-top:1px #a9a9a9 solid; }
table.set td.set2 { border-left:1px #a9a9a9 solid; }
table.set td.set3 { border-left:1px #a9a9a9 solid; border-top:1px #a9a9a9 solid;}
table.set .label { background:#d5d5e5; }
table.set .atten { background:#ffcccc; } /* 注意 */

/* 検索窓<table> */
table.search { font-size:82%; }
table.search #word { width:130px; }
table.search #type { width:130px; }
table.search #cate { width:130px; }

/* 現在の階層のカテゴリ<ul> */
ul#now-level  { list-style-type:none; }
ul#now-level li#now { font-weight:bold; }

/* 下層カテゴリ表示<table> */
table.cate-under { font-size:82%; width:90%; }
table.cate-under tr { vertical-align:top; }

/* サイトマップ<table> */
table.map { line-height:100%; width:100%; }
table.map tr { vertical-align:top; }
table.map td { padding:2px 2px 2px 10px; }
table.map div.label-map { /* トップカテゴリ */
	background:#d5d5e5;
	margin:1px 1px 5px 1px;
	padding:1px 1px 1px 10px;
	font-size:120%;
	line-height:120%;
	font-weight:bold;
}
table.map font.level1 { font-size:100%; } /* 1階層目 */
table.map font.level2 { font-size:93%; }  /* 2階層目 */
table.map font.level3 { font-size:86%; }  /* 3階層目 */
table.map font.level4 { font-size:80%; }  /* 4階層目以上 */

/* サイトマップ内トップカテゴリリンク設定<ul> */
ul#map-top-cate { list-style-type:none; }
ul#map-top-cate li { display:inline; float:left; }
ul#map-top-cate a {
	display:block; 
	border:1px solid #aaaacc; 
	border-right:0px; 
	background-color:#ddddee;
	font-size:85%;
	padding:3px 0px 1px 0px;
	text-decoration:none;
	color:#555577;
	width:140px;
	height:1.5em;
	margin:1px 0px;
	text-align:center;
}
ul#map-top-cate a:hover {
	border:1px solid #aaccaa; 
	border-right:0px; 
	background-color: #ddeedd;
	color:#557755;
}

/* 商品通常表示<table> */
table.goods { background:#ffffff; line-height:120%; width:100%; font-size:80%; }
table.goods td { border:1px #a9a9a9 solid; padding:2px 2px 2px 5px; }
table.goods td.no { background:#d5d5e5; text-align:right; }
table.goods td.button {
	border-top:1px #a9a9a9 solid;
	border-left:0px; border-right:0px; text-align:right;
}  /* 全チェックボタン部 */
table.goods td.image { border-right:0px; text-align:center; }  /* 画像表示部 */
table.goods td.text { border-left:1px #a9a9a9 solid; border-right:1px #a9a9a9 solid; }  /* テキスト部 */
table.goods td font.name { font-size:115%; font-weight: bold; } /* 商品名 */
table.goods td font.price { color:#bb3333; font-weight:bold; } /* 価格 */
table.goods td font.com { font-size:90%;} /* コメント */
table.goods td font.check { font-size:90%; } /* [チェック][**件] */
table.goods tr { vertical-align: top; }

/* 商品の比較表示<table> */
table.hikaku { background:#ffffff; line-height:120%; font-size:82%; }
table.hikaku td {
	border-bottom: 1px #dcdcdc solid;
	border-top:1px #dcdcdc solid;
	border-left: 1px #a9a9a9 solid;
	border-right: 1px #a9a9a9 solid;
	padding: 2px 2px 2px 5px;
}
table.hikaku td.label { border:1px #a9a9a9 solid; background:#d5d5e5; text-align:center; }
table.hikaku td.button {
	border-top:1px #a9a9a9 solid; border-bottom:1px #a9a9a9 solid;
	border-left:0px; border-right:0px; text-align:right;
}
table.hikaku td.last { border-bottom:1px #a9a9a9 solid; }
table.hikaku tr { vertical-align:top; }

/* トップページランキング<table> */
table.rank { background:#ffffff; width:100%; font-size:82%; }
table.rank td { border:1px #a9a9a9 solid; padding:5px; }
table.rank td font.name { font-size:110%; font-weight:bold; } /* 商品名 */
table.rank td font.check { } /* [チェック][**件] */
table.rank td.no { background:#d5d5e5; border-right:1px #a9a9a9 solid; text-align:right; }
table.rank td.title { font-size:120%; text-align:center; background:#d5d5e5; }
table.rank tr { vertical-align:top; }

/* 一覧表示の商品表示<table> */
table.table {	background:#ffffff; line-height:120%; width:100%; font-size:85%; }
table.table tr { vertical-align:top; }
table.table td { border:1px #a9a9a9 solid; padding:2px 2px 2px 5px; }
table.table td.no {	background:#d5d5e5; text-align:center; }
table.table td.button { border-left:0px; border-right:0px; text-align:right; } /* 全チェックボタン部 */
table.table td.title { background:#d5d5e5; font-size:120%; padding:5px; } /* EC名/商品数 */
table.table td font.name { font-size:95%; font-weight:bold; } /* 商品名 */
table.table td font.price { color:#bb3333; font-weight:bold; } /* 価格 */
table.table td font.check { font-size:85%; } /* [チェック][**件] */

/* RSSワード<table> */
table.rss { background:#ffffff; width:100%; font-size:82%; }
table.rss td {  }
table.rss td font.name { font-size:110%; font-weight:bold; } /* ワードジャンル */
table.rss tr { vertical-align:top; }

/* レビュー表示設定 */
div.rev-title {
	background:#d5d5e5;
	padding:5px 2px 2px 5px; margin:3px 0px;
	width:100%;
	text-weight:bold;
	font-size:100%;
}
.rev-item { font-size:90%; }  /* レビュー項目 */
.rev-com { font-size:82%; }  /* レビューコメント */

/* レビュー投稿フォーム<table> */
table.rev-form { background:#ffffff; border:1px #a9a9a9 solid; }
table.rev-form td { border:1px #a9a9a9 solid; padding:2px 2px 2px 5px; }
table.rev-form td.label {	background:#d5d5e5; }
table.rev-form td.title { background:#d5d5e5; text-align:center; padding:5px; font-size:110%; }

/* 新着レビュー設定<table> */
table.new-rev { background:#ffffff; }
table.new-rev td  { padding:2px 5px; }
table.new-rev td font.name { font-size:100%; } /* 商品名 */
table.new-rev td font.title { font-size:90%; } /* レビュータイトル */
table.new-rev td font.date { font-size:82%; } /* 日付 */

/* ワードランキング設定<table> */
table.word-rank { background:#ffffff; }
table.word-rank td { padding:2px 5px 2px 5px; }
table.word-rank td.title { font-size:100%; } /* タイトル */
table.word-rank td.word { font-size:90%; } /* ワード */
table.word-rank tr { vertical-align:top; }

/* 他タイプ商品名表示<table> */
table.ohter-goods {	 }
table.ohter-goods td { padding:4px 2px 4px 0px; }
table.ohter-goods td font.asp { font-size:85%; font-weight:bold; background:#e0e0e0; }  /* ASP名 */
table.ohter-goods td font.goods { font-size:72%; }  /* 商品名 */
table.ohter-goods tr { vertical-align:top; }

/* 表題のラベル設定 */
div.label-subj {
	background:#d5d5e5;
	margin:1px 1px 5px 1px;
	padding:2px 2px 2px 10px;
	line-height:120%;
}

/* ラベル設定 */
.label { background:#d5d5e5; }
/* 枠の色の設定 */
.waku { border: 1px #a9a9a9 solid; }
/* 背景色の設定 */
.back {	background:#ffffff; }
/* 画像の処理 */
img { border:0; }
/* ボタンの設定 */
input.button { font-size:11pt; height:30px; }

/* 入力フォームのフォント設定 */
textarea { font-family:'MS UI Gothic','Osaka','ＭＳ Ｐゴシック'; border:1px #a9a9a9 solid; }

/* テキスト設定 */
.big { font-size:120%; }
.medium { font-size:100%; }
.msmall { font-size:90%; }
.small { font-size:82%; }
.mini { font-size:70%; }

.center { text-align: center; } /* 中央寄り */
.left { text-align: left; } /* 左寄せ */
.right { text-align: right; } /* 右寄せ */
.middle { vertical-align: middle; } /* 上下中央あわせ */
.top { vertical-align: top; } /* 上下上端あわせ */
.bottom { vertical-align: bottom; } /* 上下下端あわせ */
.bold { font-weight: bold; } /* 強調文字 */
.indent1 { text-indent: 1em; } /* 字下げ 1文字分 */
.w100p { width: 100%; } /* 幅 100% */
.w90p { width: 90%; } /* 幅 90% */
.atten { background: #ffcccc; } /* 注意 */