/*┌────────────────┐*/
/*│  MALL MASTER                   │*/
/*│  Copyright (c) Life Creation   │*/
/*│  http://mallmaster.jp/         │*/
/*│  support@mallmaster.jp         │*/
/*└────────────────┘*/

/* /////////////////////////////////////////// */
/* 共通スタイルシート
/* /////////////////////////////////////////// */

* { font-size:100%; margin:0; padding:0; list-style:none; }
body {
	font-size:82%; text-align:center; color:#333; background:#FFF;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
}
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
hr { height:1px; color:#B1D4A5; }
a { text-decoration:underline; color:#7EB669; }
a:hover { text-decoration:none; color:#538641; }

.large { font-size:130%; }
.big { font-size:120%; }
.medium { font-size:100%;}
.msmall { font-size:90%;}
.small { font-size:80%; }
.mmini { font-size:75%; }
.mini { font-size:70%; }
.bold { font-weight:bold; }
.sub_title { font-size:12px; font-weight:bold; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.middle { vertical-align:middle; }
.top { vertical-align:top; }
.bottom { vertical-align:bottom; }
.w100p { width:100%; }
.atten { background:#ffcccc; } /* 注意 */
.pink { color:#ff00ff; }
.blue { color:#0000ff; }

.fleft { float:left; }
.fright { float:right; }

/* /////////////////////////////////////////// */
/* 構造
/* /////////////////////////////////////////// */
#wrapLeft { clear:both; width:100%; background:url(../s/img/tpl/script/body_left.jpg) repeat-y top left; }
#wrapRight { width:100%; background:url(../s/img/tpl/script/body_right.jpg) repeat-y top right; }

#wrapper {
	width:840px; margin:0px auto; padding:25px 0px 10px 0px; text-align:left;
	background:#fff url(../s/img/tpl/script/bg.jpg) repeat-x left top;
}
#header { width:840px; padding-bottom:3px; }
#header_left { float:left; width:530px; }
#header_right { float:right; width:290px; }
#header #logo { background:#fff url(../s/img/tpl/script/logo.gif) no-repeat left top; width:210px; height:50px; }
#header #logo a { text-decoration:none; color:#389700; }
#header #txt { font-size:11px; color:#666666; }
#header:after,
#header_right ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* /////////////////////////////////////////// */
/* global_navi
/* /////////////////////////////////////////// */

#global_navi { width:840px; clear:both; font-size:11px; }
#global_navi ul { width:840px; border-top:3px solid #44BB00; margin-bottom:3px; }
#global_navi ul li {
	margin:3px 1px 3px 0px; float:left; background:#44BB00 url(../s/img/tpl/script/gnavi_off.jpg) no-repeat left top;
	font-weight:bold; font-size:12px;
}
#global_navi ul li.gnavi_first { width:139px !important; }
#global_navi ul li.gnavi_last { margin-right:0 !important; }
#global_navi ul li.none { width:139px; height:34px; }
#global_navi ul li a { width:129px; padding:7px 5px; color:#FFFFFF; text-decoration:none; display:block; }
#global_navi ul li a:hover {
	width:129px; color:#333333; display:block;
	background:#EEEEEE url(../s/img/tpl/script/gnavi_on.jpg) no-repeat left top;
}
#global_navi ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* /////////////////////////////////////////// */
/* local_navi
/* /////////////////////////////////////////// */

#local_navi { width:160px; text-align:left; }
#local_navi-inner { background:#FFFFFF; padding:4px 4px 14px 4px; border:1px solid #CCCCCC; }
#local_navi h2 {
	margin:3px 0; padding:5px 10px; color:#FFFFFF; font-weight:bold;
	background:#99CC00 url(../s/img/tpl/script/title_bg.jpg) repeat-x left top;
}
#local_navi h2 a { color:#fff; }
#local_navi ul { margin:0; padding:0; }
#local_navi ul li {
	list-style:none; padding:3px 3px 0px 15px; border-bottom:1px dotted #CCCCCC;
	background:url(../s/img/tpl/script/list_icon.jpg) no-repeat 2px 7px;
}
#local_navi ul li.li_last { border:none; }

/* /////////////////////////////////////////// */
/* main
/* /////////////////////////////////////////// */
#main { clear:both; width:840px; text-align:left; background:#fff; }
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#main_side { float:left; width:160px; }
#main_contents {
	float:right; padding:0px 0px 20px 5px; width:665px;
	border-bottom:1px solid #CCCCCC; background-color:#FFFFFF;
}

/* ----------------------------------- main_contents */
#main_contents ul,
#main_contents ol { margin-bottom:10px; }
#main_contents ul li {
	background:url(../s/img/tpl/script/list_icon.gif) no-repeat 7px 8px;
	padding:3px 0px 3px 25px; border-bottom:1px dotted #CCCCCC;
}
#main_contents ul.ul_box,
#main_contents ol.ol_box { margin-bottom:0px; border:1px solid #999999; padding:10px; margin-bottom:10px; }
#main_contents .ol_box { list-style-type:decimal; }
#main_contents ol li { padding:3px 0px 3px 0px; list-style-type:decimal; margin-left:28px; }
hr { clear:both; }
#pagetop {
	clear:both; float:right;
	background:#fff url(../s/img/tpl/script/pagetop.gif) no-repeat left top; width:100px; height:21px;
}

/* /////////////////////////////////////////// */
/* footer
/* /////////////////////////////////////////// */
#footer { width:815px; clear:both; margin:0 auto; background:url(../s/img/tpl/script/footer_bg.gif); padding:10px 15px; }
#footer li { font-size:12px; display:inline; padding:0 0.5em 0 0; margin:0.5em 0.5em 0.5em 0; border-right:1px solid #999999; }
#footer ul li a { display:inline-block; }
#footer a { color:#FFFFFF; }
#footer a:hover { color:#FFFF00; }
address { clear:both; color:#CCCCCC; }

/* //////////////////////////////////// */
/* 見出しタグ指定
/* //////////////////////////////////// */

#h1_title {
	clear:both; width:832px; padding:4px; background:url(../s/img/tpl/script/bg_dot.gif);
	margin-bottom:10px; border:1px solid #B1D4A5;
}
#h1_title h1 {
	background:url(../s/img/tpl/script/h1_bg01.jpg) no-repeat top left;
	font-size:130%; font-weight:bold; color:#666; padding:10px 10px 5px;
}
#main_contents h2 {
	clear:both; border:1px solid #CCCCCC; border-bottom:2px solid #99CC00; background-color:#EAFFB0;
	padding:4px; margin:0 0 1.5em;
}
#main_contents h3 { clear:both; border:1px solid #CCCCCC; border-bottom:2px solid #000000; padding:4px; margin:1.5em 0px; }
#main_contents h4,
#main_contents h5 { clear:both; border-bottom:1px solid #000000; padding:4px; margin:1.5em 0px; }
#main_contents p { margin:1.5em 0px; }
a:link, a:visited, a:active {text-decoration:underline;color:#538641;}
a:hover {text-decoration:none;color:#999999;}

/* //////////////////////////////////// */
/* address
/* //////////////////////////////////// */
address { font-size:11px; font-style:normal; font-weight:normal; margin-top:10px; }
address a:link    { text-decoration:none;color:#999999; }
address a:visited { text-decoration:none;color:#999999; }
address a:active  { text-decoration:none;color:#999999; }
address a:hover   { text-decoration:underline;color:#333333; }

/* //////////////////////////////////// */
/* table
/* //////////////////////////////////// */
/* table_free */
table.table_free { margin:0px auto 20px auto; border-top:1px solid #778899; border-left:1px solid #778899; }
table.table_free caption {
	margin:0px auto 0px auto; font-size:120%; font-weight:bold; color:#330033; text-align:left; padding-bottom:3px;
	background-color:#F5F5F5; border-top-width:3px; border-top-style:solid; border-top-color:#778899;
	border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid;
	border-right-color:#778899; border-left-color:#778899; padding-top:2px; padding-left:5px;
}
table.table_free th {
	text-align:left; vertical-align:top; padding:3px 5px 3px 5px; background-color:#b0c4de;
	border-bottom:1px solid #778899; border-right:1px solid #778899; color:#333333;
}
table.table_free td {
	text-align:left; vertical-align:top; padding:3px 5px 3px 5px; border-bottom:1px solid #778899;
	border-right:1px solid #778899;
}

/* //////////////////////////////////// */
/* リスト関連
/* //////////////////////////////////// */
ul.normal { margin-bottom:10px; }
ul.normal li { padding-left:2em; list-style:none; background:url(../s/img/tpl/script/li_icon.gif) no-repeat 4px 5px; }
#maincontents ol { margin:0 0 10px 0; padding-left:2em; }
#maincontents ol li { list-style:decimal; }

/* //////////////////////////////////// */
/* テーブル指定
/* //////////////////////////////////// */
table.normal { margin-bottom:10px; border-top:#B1D4A5 1px solid; border-left:#B1D4A5 1px solid; }
table.normal caption { text-align:left; font-weight:bold; font-size:110%; }
table.normal th { border-bottom:#B1D4A5 1px solid; border-right:#B1D4A5 1px solid; background:#D8EAD2; padding:3px 5px; }
table.normal td { border-bottom:#C2D4E1 1px solid; border-right:#C2D4E1 1px solid; padding:3px 5px; }
table.normal th.color { background:#F4F8F3; }
table.normal td.color { background:#F5F5F5; }

/**********************
ディレクトリ構造<pre>
**********************/
pre.dir { line-height:100%; }

/**********************
検索ボックス<div>
**********************/
div.search { text-align:center; width:150px; }
div.search .word { width:145px; }
div.search .cate { width:150px; }
div.search .site { width:150px; }
div.search .price { width:55px; }

/**********************
個別ECサイト選択メニュー<select>
**********************/
select.site-top { width:125px; } /* トップページ */
select.site-view {  } /* 商品表示ページ */

/**********************
比較サイトモード切替<div>
**********************/
div.ec-hikaku { font-size:100%; background:#ffffff; width:100%; margin:3px 0; }

/**********************
ショップ変更選択メニュー<select>
**********************/
select.shop-all { width: 120px; } /* <change-shop-all>コマンド */
select.shop { } /* <change-shop>コマンド */

/**********************
サイトマップ設定
**********************/
/* メインテーブル */
table.map {	line-height:100%; width:100%; }
table.map tr { vertical-align:top; }
table.map td { padding:2px 2px 2px 10px; }
/* ラベル */
div.label-map {
	background:#C8FFBD;
	margin:5px 0px; padding:5px;
	font-size:14px;
	font-weight:bold;
	color:#555555;
}
div.label-map a { color:#555555; text-decoration:underline; }
div.label-map a:hover { color:#000000; }

table.map font.level1 { font-size:90%; } /* 1階層目 */
table.map font.level2 { font-size:85%; } /* 2階層目 */
table.map font.level3 { font-size:80%; } /* 3階層目 */
table.map font.level4 { font-size:75%; } /* 4階層目以上 */

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

/**********************
商品紹介<table>
**********************/
table.info { background:#ffffff; border:0; width:100%; font-size:90%; }
table.info td { border:0; padding:5px; }
table.info td font.name { font-size:110%; } /* 商品名 */
table.info td font.check { font-size:90%; } /* [チェック][**件][カートイン] */
table.info tr { vertical-align:top; }
/* トップページ商品紹介タイトル<div> */
div.info-title {
	background:#C8FFBD;
	margin:5px 0px; padding:5px;
	font-size:100%;
	color:#555555;
}
div.info-title a { color:#555555; text-decoration:underline; }
div.info-title a:hover { color:#000000; }
/* 商品紹介日付<div> */
div.info-date { font-size:100%; text-align:right; }

/**********************
商品の比較表示<table>
**********************/
table.hikaku { background:#ffffff; line-height:120%; font-size:90%; }
table.hikaku td { border:1px #B1D4A5 solid; padding:2px 2px 2px 5px; }
table.hikaku td.label { border:1px #B1D4A5 solid; background:#B1D4A5; text-align:center; }
table.hikaku td.button {
	border-top:1px #B1D4A5 solid; border-bottom:1px #B1D4A5 solid;
	border-left:0px; border-right:0px; text-align:right;
}
table.hikaku td.last { border-bottom:1px #B1D4A5 solid; }
table.hikaku tr { vertical-align: top; }
table.hikaku td font.name {  } /* 商品名 */
table.hikaku td font.price { color:#bb3333; } /* 価格 */
table.hikaku td font.point {  } /* ポイント */
table.hikaku td font.check { } /* [チェック][**件][カートイン] */

/**********************
比較サイトモードおよび一覧表示の商品表示<table>
**********************/
table.table {	background:#ffffff; line-height:120%; width:100%; font-size:90%; }
table.table tr { vertical-align:top; }
table.table td { border:1px #B1D4A5 solid; padding:2px 2px 2px 5px; }
table.table td.no {	background:#C8FFBD; text-align:center; }
table.table td.button { border-left:0px; border-right:0; text-align:right; } /* 全チェックボタン部 */
table.table td.title { background:#C8FFBD; font-size:120%; padding:5px; } /* EC名/商品数 */
table.table td font.name { font-size:100%; } /* 商品名 */
table.table td font.check { font-size:90%; } /* [チェック][**件][カートイン] */
table.table td font.price { color:#bb3333; } /* 価格 */
table.table td font.point {  } /* ポイント */
table.table td font.date { font-size:80%; } /* 更新日時 */

/**********************
トップページランキング<table><div>
**********************/
table.rank { background:#ffffff; width:100%; font-size:90%; }
table.rank td { border:1px #B1D4A5 solid; padding:10px 5px 10px 5px; }
table.rank td font.name { font-size:110%; } /* 商品名 */
table.rank td font.check { font-size:90%; } /* [チェック][**件][カートイン]  */
table.rank td.no { background:#C8FFBD; text-align:right; }
table.rank tr { vertical-align:top; }
/* タイトル */
div.rank {
	border:1px solid #CCCCCC; border-bottom:2px solid #99CC00; background-color:#EAFFB0;
	padding:4px;
	font-weight:normal;
	clear:both;
}
/* 更新日時 */
div.rank font.date { font-size:90%; }

/**********************
カテゴリランキング<table><div>
**********************/
table.crank { background:#ffffff; width:100%; font-size:90%; }
table.crank td { border:1px #B1D4A5 solid; padding:5px; text-align:center; }
table.crank td font.name { font-size:100%; } /* 商品名 */
table.crank td font.check { font-size:90%; } /* [チェック][**件][カートイン]  */
table.crank tr { vertical-align:top; }
table.crank tr.no { background:#5BA300; }
/* タイトル */
div.crank-col {
	border:1px solid #CCCCCC; border-bottom:2px solid #99CC00; background-color:#EAFFB0;
	padding:4px;
	font-weight:normal;
	clear:both;
}
div.crank-row {
	border:1px solid #CCCCCC; border-bottom:2px solid #99CC00; background-color:#EAFFB0;
	padding:4px;
	font-weight:normal;
	clear:both;
	width:130px;
}
/* 更新日時 */
div.crank-col font.date,
div.crank-row font.date { font-size:90%; }

/**********************
カート商品表示<table>
**********************/
/* カート内<table> */
table.cart { background:#ffffff; line-height:120%; width:100%; font-size:90%; }
table.cart td { border:1px #B1D4A5 solid; padding:5px; }
table.cart .title { background:#C8FFBD; text-align:center; }
table.cart img.pic { width:60px; } /* 商品画像 */

/* 合計<table> */
table.sum { background:#ffffff; font-size:90%; }
table.sum td { padding:0px 2px; }
table.sum td.total { padding:0px 2px 5px 2px; font-size:130%; font-weight:bold; } /* 金額小計/合計 */
table.sum tr { vertical-align:top; }

/**********************
会員/届先情報<table>
**********************/
table.memb { background:#ffffff; line-height:120%; width:100%; font-size:90%; }
table.memb td { border:1px #B1D4A5 solid; padding:5px 2px 2px 5px; }
table.memb .title { background:#C8FFBD; }

/**********************
商品詳細/レビュー画面商品<table>
**********************/
table.rev { background:#ffffff; line-height:120%; width:100%; font-size:100%; }
table.rev td { border:1px #B1D4A5 solid; padding:5px 2px 2px 5px; }
table.rev td.image { border-right:0; text-align:center; }  /* 画像表示部 */
table.rev td.text { border-left:1px #B1D4A5 solid; border-right:1px #B1D4A5 solid; }  /* テキスト部 */
table.rev td font.name { font-size:100%; font-weight: bold; } /* 商品名 */
table.rev td font.check { font-size:80%; } /* [チェック][**件][カートイン] */
table.rev td font.price { color:#bb3333; } /* 価格 */
table.rev td font.point {  } /* ポイント */
table.rev td font.com {  } /* 商品説明 */
table.rev tr { vertical-align:top; }

/* 商品説明部分表示<span> */
table.rev span#mark1 { color:#000000; }
table.rev span#add1 { }
table.rev span#mark2 { color:#000000; }
table.rev span#add2 { }

/**********************
レビュー関連
**********************/
/* レビュータイトル */
div.rev-title {
	border:1px solid #CCCCCC; border-bottom:2px solid #99CC00; background-color:#EAFFB0;
	padding:4px;
	font-weight:normal;
	clear:both;
	width:100%;
	margin-bottom:10px;
}
font.rev-name { font-size:100%; }  /* レビュー商品 */
font.rev-item { font-size:85%; }  /* レビュー項目 */
font.rev-com { font-size:90%; }  /* レビューコメント */

/* レビュー投稿フォーム設定<table> */
table.rev-form { color:#555; font-size:100%; }
table.rev-form tr { vertical-align:top; }

/* レコメンドタイトル設定<div> */
div.reco {
	border:1px solid #CCCCCC; border-bottom:2px solid #99CC00; background-color:#EAFFB0;
	padding:4px; margin:0 0 1.5em;
	font-weight:normal;
	clear:both;
	width:660px;
}

/**********************
ワードランキング設定<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.vpre { background:#ffffff; color:#555; }
table.vpre td { padding:2px 5px 2px 5px; }
table.vpre td.time { font-size:90%; } /* 当選時間 */
table.vpre td.name { font-size:90%; } /* ニックネーム */
table.vpre td.com { font-size:90%; } /* コメント */
table.vpre tr { vertical-align:top; }

/**********************
画像処理
**********************/
/* 商品画像の処理 */
img.pic { width:100px; }
a:hover img.pic { filter:Alpha(opacity=100,finishOpacity=40,style=3); }

/**********************
入力フォームのフォント設定
**********************/
textarea { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; }
input { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; }
select { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; }

/**********************
コマンド<now-level>,<now-level-under>設定<ul>
**********************/
ul.now-level { list-style:none; font-size:100%; }
ul.now-level li.now { font-weight:bold; }
ul.now-level li.under {
	font-size:90%; padding:3px 3px 0 23px !important;
	background:url(../s/img/tpl/script/lnav_icon.gif) no-repeat 10px 8px !important;
}
ul.now-level li.under a { }
ul.now-level li.under a:hover { }

/**********************
コマンド<top-cate>設定<ul>
**********************/
ul.top-cate { list-style-type:none; font-size:100%; }
ul.top-cate li { }

/**********************
コマンド<cate-under>設定<ul>
**********************/
ul.cate-under { list-style:none; font-size:95%; }
ul.cate-under li {
	display:inline;
	float:left;
	width:195px;
	padding:0px 2px;
	text-align:left;
}
ul.cate-under li a { }
ul.cate-under li a:hover { }

/**********************
コマンド<gro-list>設定<ul>
**********************/
ul.gro-list { list-style-type:none; font-size:100%; }
ul.gro-list li { }

/**********************
コマンド<login-form>設定<div>
**********************/
div.login { text-align:center; }
div.login .addr { width:100px; }
div.login .pass { width:100px; }
div.login .button { width:30px; }

/**********************
コマンド<cate-expl><cate-expl-all>設定<div>
**********************/
div.expl {  }

/**********************
コマンド<add-tag>設定<div>
**********************/
div.add-tag { text-align:center; }

/**********************
注文フロー<ul>
**********************/
ul.order-flow { list-style:none; font-size:12px; }
ul.order-flow li {
	float:left;
	width:78px; height:55px;
	padding:12px 6px 0;
	text-align:center;
}
ul.order-flow li.off { background:url(../s/mm/img/mm/flow-off.gif) no-repeat top left; color:#999; }
ul.order-flow li.on { background:url(../s/mm/img/mm/flow-on.gif) no-repeat top left; color:#fff; }
ul.order-flow li.arrow { padding:0 1px; width:20px; background:url(../s/mm/img/mm/flow-arrow.gif) no-repeat center left; }
ul.order-flow:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; }

/**********************
アフィ/ドロップ管理画面内テーブル
**********************/
table.admin { border:1px #B1D4A5 solid; font-size:90%; line-height:1.2; }
table.admin td { border:1px #B1D4A5 solid; padding:2px 2px 2px 5px; }
table.admin td.main {	padding:10px; }
table.admin tr { vertical-align:top; }
table.admin .title { background:#C8FFBD; text-align:center; padding:5px; border:1px #B1D4A5 solid; }
table.admin .label { background:#C8FFBD; }

/**********************
他CSS読み込み
**********************/