/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	background-color: #f9f9f9; /* 全体の背景色 */
	color: #404040; /* 全体の文字色 */
	font-size: 84%; /* 全体の文字サイズ */
	line-height: 120%;
	}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #c07100; }
a:active { color: #c07100; }

/* --- コンテナ --- */
#container {
	width: 770px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* メインカラムの背景色 */
	border-top: 1px #c0c0c0 solid; /*	上の境界線 */
	border-left: 1px #c0c0c0 solid; /* 左の境界線 */
	border-right: 1px #c0c0c0 solid; /* 右の境界線 */
	border-bottom: 1px #c0c0c0 solid; /* 下の境界線 */
	}

/* --- ページ --- */
#page {
	width: 710px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* コンテナの背景色 */
	}


/* --- Mail Form CSS --- */

/* --- メールフォームエリア --- */
form.contact {
	margin: 0 auto; /* センタリング */
	width: 710px; /* フォームエリアの幅 */
	font-size: 100%;
	}
/* --- フォームエリア内の段落 --- */
form.contact p {
	line-height: 100%;
	}
/* --- 段落内の「必須」画像上下位置（ミドル） --- */
form.contact p.attention img {
	vertical-align: middle;
	}

/* --- テーブル --- */
form.contact table {
	width: 100%; /* テーブルの幅 */
	background-color: #f9f9f9; /* テーブルの背景色 */
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 0px solid #c0c0c0;
	border-spacing:0;
	}

/* --- 見出しセル（th） --- */
form.contact th {
	font-weight: normal;
	width: 130px; /* 見出しセルの幅（初期値130px） */
	padding: 2px 8px; /* 見出しセルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 見出しセルの背景色 */
	border-bottom: 1px #c0c0c0 solid ; /* 見出しセルの下境界線 */
	border-right: 0px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: left;
	line-height: 180%;
	}

/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
	font-weight: normal;
	}

/* --- データセル（td） --- */
form.contact td {
	padding: 2px 5px 2px; /* データセルのパディング（上、左右、下） */
	background-color: #ffffff; /* データセルの背景色 */
	border-bottom: 1px #c0c0c0 solid ; /* 見出しセルの下境界線 */
	line-height: 180%;
	}

form.contact td noline {
	padding: 2px 5px 2px; /* データセルのパディング（上、左右、下） */
	background-color: #ffffff; /* データセルの背景色 */
	border-bottom: 0px #c0c0c0 solid ; /* 見出しセルの下境界線無し */
	line-height: 180%;
	}

/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
	color: #808080;
	}
/* --- 必須項目セル --- */
form.contact td.hissu {
	width: 26px; /* 必須項目セルの幅 */
	padding: 1px 3px; /* 必須項目セルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 必須項目セルの背景色 */
	border-right: 1px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: center;
	}

/* --- 必須無し項目セル --- */
form.contact td.free {
	width: 26px; /* 必須項目セルの幅 */
	padding: 1px 3px; /* 必須項目セルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 必須項目セルの背景色 */
	border-right: 1px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: center;
	}

/* --- 任意項目セル --- */
form.contact td.arbitrary {
	background-color: #f5f5f5; /* 任意項目セルの背景色 */
	}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
	margin-bottom: 1px; /* フォーム部品の下マージン */
	}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
	width: 350px; /* フォーム部品の幅 */
	}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
	width: 50px; /* フォーム部品の幅 */
	}
#zip1, #zip2 {
	width: 50px; /* フォーム部品の幅 */
	}
/* --- （複数行のテキスト入力欄） --- */
#message {
	width: 420px; /* フォーム部品の幅 */
	height: 10em; /* フォーム部品の高さ */
	}

/* --- ボタン --- */
form.contact p.button {
	margin: 15px; /* ボタンのマージン（上、左右、下） */
	text-align: center;
	}

/*ＩＭＥ制御ＣＳＳ*/
.imeon	{ ime-mode: active; }		/*IMEを有効な状態にする*/
.imeoff	{ ime-mode: inactive; }	/*IMEを無効な状態にする*/
.imeoff2	{ ime-mode: disabled; }	/*IMEを無効な状態に固定する*/

/* -- 投稿キー画像の位置（middle） */
.capt {
	vertical-align:middle;
	}
	
	/* --- 振込み先銀行テーブル開始 --- */
table.bank {
	margin: 0 auto; /* センタリング */
	margin-bottom: 1em; /* テーブル下部のマージン */
	width: 710px; /* 表の幅 */
	border: 1px #6389c3 solid; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 100%;
	}

/* --- 表タイトル --- */
table.bank caption {
	caption-side: bottom;
	text-align: left;
	padding-left: 10px;
	}

/* --- セル --- */
table.bank th,
table.bank td {
	width: 25%; /* セルの幅（セルの幅を均等にする場合） */
	padding: 2px 6px; /* セルのパディング（上下、左右）初期値4px 8px */
	border: 1px #6389c3 solid; /* セルの境界線 */
	}

/* --- 見出しセル --- */
table.bank thead th {
	background-color: #deefff; /* 見出しセルの背景色 */
	text-align: center;
	}

/* --- フッタセル --- */
table.bank tfoot td {
	background-color: #f5f5f5; /* フッタセルの背景色 */
	}

/* --- 表ボディ --- */
table.bank tbody {
	background-color: #ffffff; /* ボディの背景色 */
	}

/* --- マウスオーバー時 --- */
table.bank tbody tr:hover {
	background-color: #e5e5e5; /* 行の背景色 */
	}
/* --- 振込み先銀行テーブル終了 --- */



/* --- 標準セクション --- */
#main div.normal div.heading {
	margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
	padding: 6px 8px 5px; /* 見出しエリアのパディング（上、左右、下） */
	background: #f9f9f9 url(../image/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
	border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
	}

/* --- 見出しエリア枠 --- */
div.heading {
	margin-bottom: 1em;
	padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
	background: #f9f9f9 url(../image/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
	border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
	}


/* --- 見出しタイトル スクエアー橙色 --- */
div.heading h3 {
	margin: 0;
	padding: 1px 0 0 16px; /* 見出しのパディング（上右下左）初期値3px 0 0 16px */
	background: url(../image/heading_square1.gif) no-repeat 0 0.2em; /* 飾り見出しの背景 */
	font-size: 100%; /* 見出しの文字サイズ初期値100% */
	line-height: 100%;
	}

/* --- 見出しタイトル スクエアー青色 --- */
div.heading h4 {
	margin: 0;
	padding: 1px 0 0 16px; /* 見出しのパディング（上右下左）初期値3px 0 0 16px */
	background: url(../image/heading_square7.gif) no-repeat 0 0.2em; /* 飾り見出しの背景 */
	font-size: 100%; /* 見出しの文字サイズ初期値100% */
	line-height: 100%;
	}



/* 見出し */
#main div.normal div.heading h2 {
	margin: 0;
	font-size: 120%; /* 見出しの文字サイズ */
	line-height: 100%;
	}



/* --- 宅急便代引き手数料テーブルテーブル開始 --- */
table.collect {
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 250px; /* テーブルの幅 */
	background-color: #f9f9f9; /* テーブルの背景色 */
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 0px solid #c0c0c0;
	border-bottom: 0px solid #c0c0c0;
	border-spacing:0;
	}

/* --- 見出しセル（th） --- */
table.collect th {
	font-weight: normal;
	padding: 2px 8px; /* 見出しセルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 見出しセルの背景色 */
	border-bottom: 1px #c0c0c0 solid ; /* 見出しセルの下境界線 */
	border-right: 1px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: left;
	line-height: 150%;
	}

/* --- データセル（td） --- */
table.collect td {
	padding: 2px 8px; /* データセルのパディング（上、左右、下） */
	background-color: #ffffff; /* データセルの背景色 */
	border-bottom: 1px #c0c0c0 solid ; /* 見出しセルの下境界線 */
	border-right: 1px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: left;
	line-height: 150%;
	}

/* --- 表タイトル --- */
table.collect caption {
	caption-side: bottom;
	font-size: 90%;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	}

/* --- 宅急便代引き手数料テーブル終了 --- */


/* --- ページトップ（ページの先頭へ） --- */
div.pagetop {
	text-align: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	}

/* --- 宅急便送料テーブル開始 --- */
table.kuroneko {
	margin-bottom: 1em; /* テーブル下部のマージン */
	width: 710px; /* 表の幅 */
	border: 1px #6389c3 solid; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 100%;
	}

/* --- 表タイトル --- */
table.kuroneko caption {
	caption-side: bottom;
	text-align: right;
	padding-left: 10px;
	}

/* --- セル --- */
table.kuroneko th,
table.kuroneko td {
	width: 8.33%; /* セルの幅（セルの幅を均等にする場合） */
	padding: 2px 6px; /* セルのパディング（上下、左右）初期値4px 8px */
	border: 1px #6389c3 solid; /* セルの境界線 */
	}

/* --- 見出しセル --- */
table.kuroneko thead th {
	background-color: #deefff; /* 見出しセルの背景色 */
	text-align: center;
	}

/* --- サブ見出しセル --- */
table.kuroneko tbody {
	background-color: #deefff; /* 見出しセルの背景色 */
	text-align: center;
	vertical-align: top;
	font-size: 85%;
	}

/* --- フッタセル --- */
table.kuroneko tfoot td {
	background-color: #f5f5f5; /* フッタセルの背景色 */
	text-align: center;
	font-size: 100%;
	}

/* --- 表ボディ --- */
table.kuroneko tbody {
	background-color: #ffffff; /* ボディの背景色 */
	}

/* --- 宅急便送料テーブル終了 --- */


/* --- ■■特殊テキストの設定■■ --- */
.text0 {font-size: 100%; color: #000000; font-weight: bold; line-height: 150%;}
.text1 {font-size: 90%; color: #707070; font-weight: normal; line-height: 100%;}
.text2 {font-size: 90%; color: #ff0000; font-weight: normal; line-height:80%;} /* 赤 */
.text3 {font-size: 90%; color: #0000ff; font-weight: bold; line-height:5%;} /* 青太字 */
.text4 {margin-left: 2em;} /* 2文字字下げ */
.text5 {margin-left: 1em; font-size: 90%; color:#ff0000; font-weight: normal; line-height:150%;} /* 赤＆２文字字下げ */
.text6 {text-align: right;}
.text7 {font-size: 100%; color:#ff0000; font-weight: normal; line-height:80%;} /* 赤 */
.text8 {font-size: 90%; color: #3366FF; font-weight: normal;} /* 青太字 */

/* ■■特殊フォント指定　開始■■  */

/* ブロック単位で太字（ボールド） */
.p0	{
	margin-left: 0em;
	font-size: 105%;
	font-weight: bold;
	line-height: 80%;
	}

/* 代引き手数料 */
.p1	{
	margin-left: 0em;
	font-size: 100%;
	line-height: 150%;
	}
/* ブロック単位で赤字＆１文字字下げ（メンバー専用トップページ） */
.p2	{
	margin-top: 2px;
	margin-left: 1em;
	color: #ff0000;
	font-size: 100%;
	line-height: 150%;
	}

/* ブロック単位で１文字字下げ（メンバー専用トップページ） */
.p3	{
	margin-top: 0px;
	margin-left: 1em;
	font-size: 110%;
	line-height: 150%;
	}

/* ブロック単位で１文字字下げ（フォント色を薄いグレーに） */
.p4	{
	margin-top: 2px;
	margin-left: 1em;
	margin-bottom: 10px;
	line-height: 130%;
	}

/* DIV フォント指定　終了  */
/* --- ■■特殊テキストの終了■■ --- */

/* 水平線 */
hr {
	margin-left:0px;
	margin-right:0px;
	width:100%;
	padding: 0em;
	border: none;
	border-top: 1px solid #6389c3;
	color: #ffffff;
	background-color: #ffffff;
	}


/* フッターの設定*/
#footer	{
	width:100%;
	margin:0 auto;
	height:25px;
	text-align:right;
	font-size:10px;
	font-family:Verdana;
	color:#909090;
	background-color:#ffffff;
	clear:both;
	}