/*
#━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
# 各ダミーHTML共通のCSS
#━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※このファイルに関してはShift_JISで保存すること！
*/

/* ------------------------------------------------------------------ */
/* ＣＧＩを表示するエリア全体 */
TABLE.area-main {
	background-color:#FFF8EE; /*3b2c2b*/
	font-family:'ＭＳ Ｐゴシック,Osaka';/*ＭＳ ゴシック,ＭＳ Ｐゴシック,ＭＳ 明朝,ＭＳ Ｐ明朝*/
	font-size:14px;
	width:100%;
	height:100%;
}

/* ＣＧＩを表示するエリア全体 */
TD.area-main {
	vertical-align:top;
	padding:10px;
}

/* ------------------------------------------------------------------ */
/* コピーライトのエリア */
DIV.area-copyright {
	background-color:;
	font-size:12px;
	line-height:14px;
	text-align:right;
	padding:0px;
	margin:0px;
	width:100%;
}

/* ------------------------------------------------------------------ */
/* ナビテーブルのエリア */
DIV.area-navi {
	background-color:;
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* ナビテーブル */
TABLE.navi {
	padding:0px;
	margin:0px;
	width:100%;
}

/* ナビテーブル・現在のページセル */
TD.navi-focus {
/*	background-color:#ffffff;*/
	color:#7e0000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

/* ナビテーブル・その他のページセル */
TD.navi-blur {
/*	background-color:#ffffff;*/
	color:#999999;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

/* ナビテーブル・矢印セル */
TD.navi-arrow {
/*	background-color:#ffffff;*/
	color:#999999;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

/* ナビテーブル・現在のページ罫線 */
DIV.navi-focus {
	background-color:#ffffff;
	border-style:solid;
	border-color:#7e0000;
	border-width:1px;
	padding:4px;
	margin:0px;
}

/* ナビテーブル・その他のページ罫線 */
DIV.navi-blur {
	background-color:;
	border-style:dotted;
	border-color:#999999;
	border-width:1px;
	padding:4px;
	margin:0px;
}

/* ナビテーブル・矢印罫線 */
DIV.navi-arrow {
	background-color:;
	border-style:none;
	border-color:;
	border-width:;
	padding:0px;
	margin:0px;
}

/* ------------------------------------------------------------------ */
/* メッセージテーブルのエリア */
DIV.area-msg {
	color:#7e0000;
	font-size:14px;
	line-height:15px;
	text-align:left;
	padding:4px;
	margin:0px;
}

/* メッセージテーブルの見出し文 */
FONT.msg-title {
	color:#7e0000; /*ffff00*/
	font-weight:bold;
	list-style-type:none;
}

/* メッセージテーブルの箇条書き */
UL.msg-body {
	line-height:20px;
	list-style-type:disc;
	margin:4px 14px 4px 14px;
}

/* ------------------------------------------------------------------ */
/* エラーテーブルのエリア */
DIV.area-err {
	font-size:14px;
	line-height:15px;
	text-align:left;
	padding:4px;
	margin:0px;
}

/* エラーテーブルの見出し文 */
FONT.err-title {
	color:#cc2200;
	font-weight:bold;
	list-style-type:none;
}

/* エラーテーブルの箇条書き */
UL.err-body {
	color:#000000;
	line-height:20px;
	list-style-type:disc;
	margin:4px 14px 4px 14px;
}

/* ------------------------------------------------------------------ */
/* ボタンのエリア */
DIV.area-btn {
	color:#7e0000;
/*	background-color:#90ee90;*/
	text-align:center;
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* ボタンテーブル */
TABLE.btn {
	text-align:center;
	padding:0px;
	margin:0px;
	width:100%;
}

/* ボタンオブジェクト(次へボタン) */
INPUT.btn-next {
	color:#cc2200;
	font-weight:bold;
	width:150px;
}

/* ボタンオブジェクト(前へボタン) */
INPUT.btn-back {
	width:150px;
}

/* ボタンオブジェクト(カード決済ボタン) */
INPUT.btn-credit {
	color:#cc2200;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	width:180px;
	height:28px;
}

/* ------------------------------------------------------------------ */
/* 商品テーブルのエリア */
DIV.area-item {
	background-color:#00ff00;
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* 商品テーブル */
TABLE.item {
	background-color:#999999;
	font-size:14px;
	line-height:15px;
	margin:0px;
	width:100%;
}

/* 商品テーブル(見出し行) */
TR.item-top {
	color:#ffffff;
	background-color:#ffc56e; /*599664*/
	text-align:center;
}

/* 商品テーブル(商品メイン行) */
TR.item-main {
	color:#000000;
	background-color:#ffffff;/*fbfbfb*/
	font-weight:bold;
}

/* 商品テーブル(商品オプション行) */
TR.item-option {
	background-color:#ffffff;
}

/* 商品テーブル(見出しセル) */
TD.item-top {
	padding:4px;
}

/* 商品テーブル(空セル) */
TD.item-empty {
	background-color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:4px;
}

/* 商品テーブル(商品コードセル) */
TD.item-code {
	text-align:left;
	padding:4px;
}

/* 商品テーブル(商品名セル) */
TD.item-name {
	text-align:left;
	padding:4px;
	width:50%;
}

/* 商品テーブル(単価セル) */
TD.item-unit {
	text-align:right;
	padding:4px;
}

/* 商品テーブル(数量セル) */
TD.item-amount {
	text-align:right;
	padding:4px;
}

/* 商品テーブル(小計セル) */
TD.item-subtotal {
	text-align:right;
	padding:4px;
}

/* 商品テーブル(消費税セル) */
TD.item-tax {
	text-align:right;
	padding:4px;
}

/* 商品テーブル(削除セル) */
TD.item-del {
	text-align:center;
	padding:4px;
}

/* ------------------------------------------------------------------ */
/* 料金テーブルのエリア */
DIV.area-price {
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* 料金テーブル */
TABLE.price {
	background-color:#ffb95d;
	font-size:14px;
	line-height:15px;
	margin:0px;
	width:50%;
}

/* 料金テーブル(左セル) */
TD.price-left {
	color:#7e0000;
	background-color:#ffffff;
	text-align:left;
	padding:4px;
	width:40%;
}

/* 料金テーブル(右セル) */
TD.price-right {
	color:#7e0000;
	background-color:#ffffff;
	text-align:right;
	padding:4px;
	width:60%;
}

/* 料金テーブル内フォント(送料) */
FONT.price-wng {
	color:#cc2200;
	font-weight:bold;
}

/* ------------------------------------------------------------------ */
/* ダイレクトナビのエリア */
DIV.area-direct {
	text-align:center;	/*left,center,right*/
	padding:0px;
	margin:10px 0px 5px 0px;
}

/* ------------------------------------------------------------------ */
/* リストの合計件数のエリア */
DIV.area-count {
	text-align:right;	/*left,center,right*/
	padding:0px;
	margin:5px 0px 10px 0px;
}

/* ------------------------------------------------------------------ */
/* リストテーブルのエリア */
DIV.area-list {
	text-align:center;
	padding:0px;
	margin:0px 0px 0px 0px;
}

A:link.list-link,
A:visited.list-link,
A:hover.list-link,
A:active.list-link {

	color:#ffffff;
	text-decoration:underline;
}

/* リストテーブル */
TABLE.list {

	font-size:14px;
	line-height:15px;

	background-color:#999999;

	margin:0px;
	width:100%;
}

/* リストテーブル(見出し行) */
TR.list-top {

	color:#ffffff;
	text-align:center;

	background-color:#ffc56e;
}

TH.list-top {
	padding:4px;
	width:;
}

/* リストテーブル(商品コード、注文番号セル) */
TD.list-code {
	background-color:#ffffff;/*599664,dcf2b6,599664*/
	text-align:left;
	padding:4px;
	width:20%;
}

/* リストテーブル(状態、連番、配達日セル) */
TD.list-flag {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:center;
	padding:4px;
	width:10%;
}

/* リストテーブル(商品名、氏名セル) */
TD.list-name {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:left;
	padding:4px;
	width:;
}

/* リストテーブル(単価、配達開始日セル) */
TD.list-price {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:right;
	padding:4px;
	width:16%;
}

/* リストテーブル(メールアドレスセル) */
TD.list-mail {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:left;
	padding:4px;
	width:30%;
}

/* リストテーブル(確認ボタンセル) */
TD.list-submit {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:center;
	padding:4px;
	width:10%;
}

/* リストテーブル(アカウントセル) */
TD.list-acct {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:left;
	padding:4px;
	width:;
}

/* リストテーブル(パスワードセル) */
TD.list-pass {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:center;
	padding:4px;
	width:25%;
}

/* リストテーブル(空セル) */
TD.list-empty {
	background-color:#ffffff;
	text-align:center;
	padding:4px;
	width:100%;
}

TABLE.list-in-list {
	font-size:12px;
	width:100%;
}

TD.list-in-list {
	text-align:center;
	vertical-align:top;
	width:33%;
}

/* noscriptテーブル(noscript) */
TABLE.noscript {
	background-color:#cc2200;
	font-size:14px;
	line-height:18px;
	margin:0px 0px 30px 0px;
	width:100%;
}

/* noscriptテーブル(noscript)左セル */
TD.noscript-top {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	color:#cc2200;
	font-size:36px;
	font-weight:bold;
	line-height:36px;
	text-align:center;
	vertical-align:center;
	padding:4px;
	width:100%;
}

/* noscriptテーブル(noscript)左セル */
TD.noscript-btm {
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	color:#cc2200;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	vertical-align:center;
	padding:4px;
	width:100%;
}

/* ------------------------------------------------------------------ */
/* トップテーブル(基本入力項目)のエリア */
DIV.area-top {
/*	text-align:center;*/
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* トップテーブル(基本入力項目) */
TABLE.top {
	background-color:#ffb95d;
	font-size:14px;
	line-height:15px;
	margin:0px;
	width:100%;
}

/* トップテーブル(基本入力項目)左セル */
TD.top-left {
	color:#7e0000;
	background-color:#ffffff;/*e8ffd1,dcf2b6*/
	text-align:left;
	padding:4px;
	width:25%;
}

/* トップテーブル(基本入力項目)右セル */
TD.top-right {
	color:#7e0000;
	background-color:#ffffff;
	text-align:left;
	padding:4px;
	width:75%;
}

/* ------------------------------------------------------------------ */
/* お支払方法テーブルのエリア */
DIV.area-pmt {
	text-align:center;
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* お支払方法テーブル */
TABLE.pmt {
	background-color:#999999;
	font-size:14px;
	line-height:18px;
	margin:0px;
	width:100%;
}

/* お支払方法テーブル(左セル) */
TD.pmt-left {
	background-color:#ffffff;
	text-align:center;
	padding:4px;
	width:5%;
}

/* お支払方法テーブル(左セル・確認ページのみ) */
TD.pmt-left2 {
	color:#ffffff;
	background-color:#ffc56e;
	text-align:left;
	padding:4px;
	width:25%;
}

/* お支払方法テーブル(真中セル) */
TD.pmt-center {
	color:#ffffff;
	background-color:#ffc56e;
	text-align:left;
	padding:4px;
	width:20%;
}

/* お支払方法テーブル(右セル) */
TD.pmt-right {
	background-color:#ffffff;
	text-align:left;
	padding:4px;
	width:75%;
}

/* ------------------------------------------------------------------ */
/* ボトムテーブル(基本入力項目)のエリア */
DIV.area-btm {
	text-align:center;
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* ボトムテーブル(お届け先入力項目) */
TABLE.btm {
	background-color:#ffb95d;
	font-size:14px;
	line-height:15px;
	margin:0px;
	width:100%;
}

/* ボトムテーブル(お届け先入力項目)上セル */
TD.btm-top {
	background-color:#ffdcac;
	text-align:left;
	padding:4px;
	width:100%;
}

/* ボトムテーブル(お届け先入力項目)上セル内、テーブル左セル */
TD.btm-top-left {
	font-size:14px;
	line-height:18px;
	padding:4px;
}

/* ボトムテーブル(お届け先入力項目)上セル内、テーブル右セル */
TD.btm-top-right {
	font-size:14px;
	line-height:18px;
	padding:4px;
}


/* ボトムテーブル(お届け先入力項目)左セル */
TD.btm-left {
	color:#7e0000;
	background-color:#ffffff;
	text-align:left;
	padding:ffffff4px;
	width:25%;
}

/* ボトムテーブル(お届け先入力項目)右セル */
TD.btm-right {
	color:#7e0000;
	background-color:#ffffff;
	text-align:left;
	padding:4px;
	width:75%;
}

/* ------------------------------------------------------------------ */
/* アンケートテーブルのエリア */
DIV.area-enq {
	text-align:center;
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* アンケートテーブル */
TABLE.enq {
	background-color:#ffb95d;
	font-size:14px;
	line-height:15px;
	margin:0px;
	width:100%;
}

/* アンケートテーブル(左セル) */
TD.enq-left {
	color:#7e0000;
	background-color:#ffffff;
	text-align:left;
	padding:4px;
	width:25%;
}

/* アンケートテーブル(右セル) */
TD.enq-right {
	color:#7e0000;
	background-color:#ffffff;
	text-align:left;
	padding:4px;
	width:75%;
}

/* ------------------------------------------------------------------ */
/* クッキー保存エリア */
DIV.area-keep {
	text-align:center;
	padding:0px;
	margin:0px 0px 30px 0px;
}

/* クッキー保存テーブル */
TABLE.keep {
	font-size:14px;
	line-height:15px;
	padding:4px;
	margin:0px;
	width:100%;
}

/* クッキー保存テーブル(右セル) */
TD.keep {
	color:7e0000;
	background-color:;
	text-align:left;
	width:100%;
}

/* ------------------------------------------------------------------ */
/* フォーム全般 */
FORM {
	font-size:14px;
	line-height:15px;
	padding:0px;
	margin:0px;
}

/* 入力例のフォント */
FONT.input-exp {
	font-size:12px;
}

/* 必須記号のフォント */
FONT.wng-star {
	font-size:12px;
	font-weight:bold;
	color:#cc2200;
}

/* ------------------------------------------------------------------ */
/* 管理画面コンテンツエリア */
DIV.index-content {
	background-color:;
	padding:0px;
	padding:0px 0px 30px 0px;

	margin:0px;
	width:100%;
}

/* 管理画面左エリア */
DIV.index-left {
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	width:30px;
	float:left;
}

/* 管理画面中央エリア */
DIV.index-center {
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	width:100%;
	float:left;
}

/* 管理画面右エリア */
DIV.index-right {
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	width:30px;
	float:right;
}

/* 管理画面フロートクリア用ダミーエリア */
DIV.index-dummy {

	font-size:0px;
	line-height:0px;

	background-color:#ee90ee;
	padding:0px;
	margin:0px;
	width:100%;
	height:0px;
	clear:both;
}

/* 中央エリア内、テーブル表示部 */
DIV.index-export {
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	width:100%;
}

/* 中央エリア→テーブル表示部内、タブテーブル */
TABLE.index-tab {

	color:#333333;
	font-size:14px;
	line-height:16px;

	background-color:#90ee90;
	border:0px solid #cc2200;
	padding:0px;
	margin:0px 0px 0px 0px;
	height:24px;
	width:100%;
}

TD.index-tab-left {

	color:#ffffff;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	text-align:left;

	background-color:#008201;
	border:0px solid #cc2200;
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 0px;
	width:242px;
}

TD.index-tab-center {

	background-image:url('../../../igusa/css/tab.gif');
	background-color:#ffffff;
	border:0px solid #cc2200;
	padding:0px;
	margin:0px;
	width:15px;
}

TD.index-tab-right {

	background-color:#ffffff;
	border:0px solid #cc2200;
	padding:0px;
	margin:0px;
	width:;
}

/* 中央エリア→テーブル表示部内、一覧表示テーブル */
TABLE.index-export {

	font-size:14px;
	line-height:16px;

	background-color:#999999;

	padding:0px;
	margin:0px 0px 0px 0px;
	width:100%;
}

TD.index-export-name {

	color:#7e0000;
	text-align:left;

	background-color:#ffffff;

	padding:4px;
	margin:0px 0px 0px 0px;
	width:;
}

TD.index-export-exp {

	color:#333333;
	text-align:center;

	background-color:#ffffff;

	padding:4px;
	margin:0px 0px 0px 0px;
	width:20%;
}

TD.index-export-edit {

	color:#333333;
	text-align:center;

	background-color:#ffffff;

	padding:4px;
	margin:0px 0px 0px 0px;
	width:20%;
}

TD.index-export-del {

	color:#333333;
	text-align:center;

	background-color:#ffffff;

	padding:4px;
	margin:0px 0px 0px 0px;
	width:20%;
}

DIV.footer {

	background-color:#eeeeee;
	color:#333333;
	font-size:14px;
	line-height:16px;
	border-top:1px solid #008201;
	width:100%;
}

/*
DIV.footer-left {

	text-align:left;

	background-color:#ffffff;
	padding:0px;
	margin:4px 0px 0px 0px;
	width:50%;
	float:left;
}

DIV.footer-right {

	text-align:right;

	background-color:#ffffff;
	padding:0px;
	margin:4px 0px 0px 0px;
	width:50%;
	float:left;
}
*/

TABLE.footer {

	font-size:14px;
	line-height:16px;

	backgroudn-color:;
	
	padding:0px;
	margin:0px 0px 30px 0px;
	width:100%;
}

TD.footer {

	color:#333333;
	text-align:left;

/*	border:1px solid #cc2200;*/

	border-top:1px solid #999999;

	background-color:;

	padding:4px;
	width:;
}

/* ------------------------------------------------------------------ */
/* カレンダーテーブル */
TABLE.calender {
	background-color:#999999;
	font-size:14px;
	line-height:18px;
	margin:0px;
	width:77%;
}

/* カレンダーテーブル(年、月表示部) */
TH.cale-YM {
	color:#ffffff;
	background-color:#ffc56e;
	text-align:left;
	padding:4px;
}

/* カレンダーテーブル(平日見出し) */
TH.cale-day {
	color:#ffffff;
	background-color:#ffc56e;
	text-align:center;
	padding:4px;
	width:11%;
}

/* カレンダーテーブル(日曜見出し) */
TH.cale-sun {
	color:#cc2200;
	background-color:#ffc56e;
	text-align:center;
	padding:4px;
	width:11%;
}

/* カレンダーテーブル(土曜見出し) */
TH.cale-sat {
	color:#0000ff;
	background-color:#ffc56e;
	text-align:center;
	padding:4px;
	width:11%;
}

/* カレンダーテーブル(平日) */
TD.cale-day {
	background-color:#ffffff;
	text-align:center;
	padding:4px;
	width:11%;
}

/* カレンダーテーブル(日曜) */
TD.cale-sun {
	color:#cc2200;
	background-color:#ffeeee;
	text-align:center;
	padding:4px;
	width:11%;
}

/* カレンダーテーブル(土曜) */
TD.cale-sat {
	color:#0000ff;
	background-color:#ffffff;
	text-align:center;
	padding:4px;
	width:11%;
}

/* カレンダーテーブル(空白) */
TD.cale-blank {
	background-color:#eeeeee;
	text-align:center;
	padding:4px;
	width:11%;
}

/* カレンダーテーブル(日付エリア) */
DIV.cale-day {
	text-align:left;
	padding:0px;
	width:100%;
}

/* カレンダーテーブル(個数エリア) */
DIV.cale-num {
	text-align:right;
	padding:0px;
	width:100%;
}