/*******************
Editor：Ryosuke Tanaka
−−−

■もくじ
１・タグ基本設定
２・各ブロックのデザイン
３・テキスト強制制御
４・用途定義済み（各ページ共通）タグ・ID・クラス

　・ページ毎各種設定

*******************/



/*******************
１・タグ基本設定
*******************/
body{
    font-size: 12px;
	width:100%;
	height:100%;
	color:#000000;
	layout-grid-line:3px;

	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

    padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border:0px;
	
    text-align:center;

    /* background-image: url(img/test.gif); */
}

/*テキスト全般*/
p{
    font-size: 12px;
	color:#000000;
	layout-grid-line:3px;

	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}

/*テーブル基本*/
table,tr,td {
    font-size: 12px;
	color:#000000;
	layout-grid-line:3px;

	border-collapse: collapse;	/*隙間なし*/
	border: 0px solid #ffcc00;

	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

    padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	
} 

/*リンク*/
a:link,a:visited{
	layout-grid-line:3px;
	color:#0000CC;
	text-decoration:none;
    margin: 0px;
    padding: 0px;
}

/*リンク・マウス乗ってる時*/
a:active,a:hover{
	layout-grid-line:3px;
	color:#FF0000;
	text-decoration:none;
    margin: 0px;
    padding: 0px;
}

/*画像*/
img{
    margin: 0px;
    padding: 0px;
	border: 0px;
}

/*入力フォーム*/
form {
    margin: 0px;
    padding: 0px;
}


/*******************
２・各ブロックのデザイン
*******************/

/*コンテンツ全体*/
#container{
	width:800px;
	height:100%;
	border:0px;
	border-collapse: collapse;

	margin:0px;
    padding:0px;
}

/*タイトル部分（ヘッダ的なやつ）*/
#title_area{
	background-color:#FFCC00;
	color:#000000;
/*	height:80px;
	vertical-align:top;
/*	background-image:url(img/bg_title_area.gif);
	background-position:bottom;
	background-repeat:repeat-x;*/
	margin:0px;
	padding:0px;
}

/*パンクズエリア（ヘッダの下の細いやつ）*/
#pankuzu_area{
	font-size:11px;
	background-color:#FFFFFF;
	color:#000000;
	height:20px;
	vertical-align:middle;
	margin:0px;
	padding:0px;

	border-top:5px solid #0000cc;
	border-bottom:1px solid #ffcc00;

}

/*メニューエリア（左のん）*/
#menu_area{
    font-size: 12px;
	vertical-align:top;
	background-color:#FFFF66;
	color:#000000;
	width:160px;

	/*border-right:1px solid #ffcc00;*/
	background-image:url(img/bg_menu_area.gif);
	background-repeat:repeat-y;

	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}

/*メインエリア（本体・しいていえば右下のん）*/
#main_area{
    font-size: 12px;
	vertical-align:top;
	background-color:#FFFF66;
	color:#000000;
	width:600px;

/*
	background-image:url(img/bg_main_area.gif);
	background-position:right;
	background-repeat:repeat-y;
*/

	margin:0px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;

}

/*フッターエリア（一番下の細いやつ）*/
#footer_area{
    font-size: 12px;
	color:#ffffff;
	background-color:#0000CC;
	height:20px;
	text-align:right;
	vertical-align:middle;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:20px;
}

/*（リンク）*/
a.ft:link,a.ft:visited{
	layout-grid-line:3px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
    margin: 0px;
    padding: 0px;
}

/*（リンク・マウス乗ってる時）*/
a.ft:active,a.ft:hover{
	layout-grid-line:3px;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
    margin: 0px;
    padding: 0px;
}

p.ft{
    font-size: 10px;
	color:#ffffff;
}


/*******************
３・テキスト強制制御
*******************/


/*・・・検索用・・・*/
h1{
	color:#ffff66;
	font-style:normal;
	font-size:1px;
	layout-grid-line:0px;
	text-decoration:none;
}

/*テキストを12pxブラックに*/
.black_12{
    font-size: 12px;
	layout-grid-line:3px;
	color:#000000;
}
/*テキストを12pxホワイトに*/
.white_12{
    font-size: 12px;
	layout-grid-line:3px;
	color:#ffffff;
}
/*テキストを10pxホワイトに*/
.white_10{
    font-size: 10px;
	layout-grid-line:2px;
	color:#ffffff;
}

/*テキストを10pxレッドに*/
.red_10{
    font-size: 10px;
	layout-grid-line:2px;
	color:#ff0000;
}




/*******************
４・用途定義済み（各ページ共通）タグ・ID・クラス
*******************/

/*メインページのタイトル系に使う*/
h2{
	color:#000000;
	font-style:italic;
	font-size:20px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}

/*メインページのサブタイトル・注意書き系に使う*/
h3{
    font-size: 12px;
	color:#ff0000;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:9px;
}

/*標準段組 td */
#commontable_box{
	border:1px solid #FFCC00;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

/*オレンジテーブル td */
#orangetable_box{
	border:1px solid #FFCC00;
	background-color:#FFCC00;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

/*******************
100：index.html
レイアウト
*******************/

/*カテゴリテーブル table*/
#index_cate{
	width:570px;
	text-align:center;
	padding:0px;
	margin:0px;
}


/*カテゴリアイコン td*/
#index_catebox{
	width:190px;
	text-align:center;
	padding:10px,10px,10px,10px;
	vertical-align:top;
}


/*******************
110：category_list.html
レイアウト
*******************/

/*商品リストテーブル table*/
#category_list{
	width:570px;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

/*アイテムボックス table*/
#category_list_item{
	width:190px;
	text-align:center;
	vertical-align:top;
	padding:10px,10px,10px,10px;
	margin:0px;
}

/*アイテムボックス・画像欄 td*/
#category_list_item_img{
	width:190px;
	height:190px;
	text-align:center;
	vertical-align:middle;
	padding:0px,0px,0px,0px;
	margin:0px;
}

/*アイテムボックス・商品名欄 td*/
#category_list_item_name{
	width:190px;
	height:40px;
	background-color:#FFCC00;
	text-align:center;
	vertical-align:middle;
	padding:0px,10px,0px,10px;
	margin:0px;
}

/*アイテムボックス・価格欄 td*/
#category_list_item_kakaku{
	width:190px;
	height:40px;
	background-color:#FFCC00;
	text-align:center;
	vertical-align:top;
	padding:0px,10px,0px,10px;
	margin:0px;
	border-bottom:5px solid #0000cc;
}

/*商品定価 td（一覧） */
.teika{
	color:#000000;
	text-decoration:line-through;
	margin:0px;
}

/*商品販売価格（一覧） */
.kakaku{
    font-size: 15px;
	color:#ff0000;
	font-weight:bold;
	layout-grid-line:1px;

	margin:0px;
}

/*******************
120：item_detail.html
レイアウト
*******************/

/*商品テーブル table */
#item_detail{
	width:600px;
	
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;

}

/*商品画像（大） td */
#item_detail_img{
	width:300px;
	vertical-align:top;
	
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;

}

/*商品情報テーブル td */
#item_detail_data{
	width:300px;
	vertical-align:top;

	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}

/*商品情報（ひだり列） td */
#item_detail_data_left{
	width:50px;
	height:20px;

	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
}

/*商品情報（みぎ列） td */
#item_detail_data_right{
	width:250px;
	height:20px;

	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
}

/*商品名 td */
#item_detail_data_name{
    font-size: 24px;
	background-color:#FFCC00;
	color:#0000ff;
	vertical-align:middle;
	text-align:center;

	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}

/*商品定価 td */
#item_detail_data_teika{
    font-size: 22px;
	color:#000000;
	text-decoration:line-through;
	height:30px;

	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
}

/*商品販売価格 td */
#item_detail_data_kakaku{
    font-size: 40px;
	background-color:#FFCC00;
	color:#ff0000;
	height:50px;
	vertical-align:middle;
	text-align:center;

	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:0px;
	margin:0px;
	border-bottom:5px solid #0000cc;
}

/*「在庫わずか！」「９０％ＯＦＦ！」など*/
.spec_1{
    font-size: 20px;
	font-weight:bold;
	color:#ff0000;
	margin:5px 5px 5px 5px;
}

/*「特長の見出し」など*/
.spec_2{
    font-size: 14px;
	color:#0000ff;
	font-weight:bold;
	margin:3px 3px 3px 3px;
}

/*「商品の注意書き」など*/
.spec_3{
    font-size: 14px;
	color:#ff0000;
	font-weight:bold;
	margin:3px 3px 3px 3px;
}

/*「代引手数料：315円」*/
.spec_9{
    font-size: 10px;
	color:#ff0000;
	margin:3px 0px 0px 0px;
}

/*「ハートアイテムの質問文」*/
.spec_que{
    font-size: 12px;
	color:#0000ff;
	font-weight:bold;
	margin:3px 3px 3px 3px;
}

/*「ハートアイテムの回答文」など*/
.spec_ans{
    font-size: 12px;
	color:#000000;
	margin:3px 3px 3px 3px;
}


/*******************
150：welcome.html
レイアウト
*******************/

/*店主のメッセージ欄 td */
#welcome{
	padding:20px;
	background-color:#FFFFFF;
}


/*******************
160：transaction.html
レイアウト
*******************/

/*特定商取引テーブル table */
#transaction{
	padding:0px;
	margin:0px;
}

/*特定商取引テーブル欄 td */
#transaction_box{
	border:1px solid #FFCC00;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

/*******************
310	toiawase.html
レイアウト
*******************/



/*お問い合わせ入力テーブル欄 td */
#toiawase_box{
	border:1px solid #FFCC00;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}


/*******************
320	toiawase_confirm.html
レイアウト
*******************/

/*お問い合わせ確認テーブル table */
#toiawase_confirm{
	padding:0px;
	margin:0px;
}

/*お問い合わせ確認テーブル欄 td */
#toiawase_confirm_box{
	border:1px solid #FFCC00;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}