/*------------------------------------------------
 * スタイル定義
 *----------------------------------------------*/
/*------------------------------------------------
 * 画面共通デザインスタイル
 *----------------------------------------------*/
 
/* bodyタグのスタイル */
body {
	margin:0;
	padding:0 20px 0 0;
	width:760px;
	text-align:left;
	background-color:#EEEEEE;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-y;
}

/* 基本テーブルのスタイル */
table,td,th {
	font-size:90%;
	font-weight:normal;
	border:none 0px;
	border-collapse:collapse;
	margin:0;
	padding:0;
	vertical-align:top;	
}

/* 基本画像のスタイル */
img {
	border:none 0px;
	vertical-align:top;
}

/* 基本formのスタイル */
form {
	margin:0;
	padding:0;
}

/*------------------------------------------------
 * ヘッダデザインスタイル
 *----------------------------------------------*/
/* 会社名タイトルロゴのスタイル */
#head {
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	height:75px;
	width:760px;
	margin:0;
	padding:0;
	text-align:right;
	font-size:80%;
}

/* SEO対策h3のスタイル */
#head h3 {
	height:45px;
	margin:0;
	padding:0;
}

/* ヘッダ上部テキストリンクのスタイル */
#head a {
	background-image:url(../img/bt_link.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0 7px 10px 13px;
}

/*------------------------------------------------
 * サイドメニューデザインスタイル
 *----------------------------------------------*/
/* サイドメニュー領域（幅）のスタイル */
th.side {
	background-image:url(../img/side_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFF66;
	margin:0;
	padding:10px 15px 10px 15px;
	text-align:left;
	width:170px;
}

/* 会社情報のスタイル */
.add {
	border-top:1px solid #FFFFFF;
	margin:10px auto;
	padding:5px 0;
	text-align:left;
}

/*------------------------------------------------
 * フッダデザインスタイル
 *----------------------------------------------*/

h4.food {
	background-image:url(../img/food.gif);
	background-repeat:no-repeat;
	width:760px;
	height:30px;
	margin:0;
	padding:0;
}

/*------------------------------------------------
 * メインページ内容デザインスタイル
 *----------------------------------------------*/

/* ページメイン領域（幅）のスタイル */
td.main {
	margin:0;
	padding:0 10px 10px 10px;
	text-align:left;
	width:540px;
}

/* 商品名のスタイル */
h1 {
	font-size:130%;
	font-weight:bold;
	margin:0px 0 5px 0;
	padding:0;
	float:left;
}

/* 注文方法タイトルのスタイル */
h1.h1_bt {
	background-image:url(../img/bt_h1.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0 7px 0 15px;
	font-size:110%;
}

/* オレンジタイトルバーのスタイル */
h2 {
	background-image:url(../img/h2_bg.jpg);
	background-repeat:no-repeat;
	height:25px;
	padding:4px 15px 2px 20px;
	margin:7px 0 7px 0;
	font-size:120%;
}

/* 青空タイトルバーのスタイル */
h3.h3_tit {
	background-image:url(../img/tit_img.jpg);
	background-repeat:no-repeat;
	width:510px;
	height:40px;
	padding:60px 10px 2px 20px;
	margin:0 0 7px 0;
	font-size:150%;
	text-align:right;
}

/* 基本文章段落のスタイル */
p {
	clear:both;
	font-size:100%;
	line-height:180%;
	padding:0;
	margin:5px 0 5px 0;
}

/* ボーダー付画像のスタイル */
img.img_bod {
	border:1px solid;
}

/* 金額のスタイル */
.txt_en {
	color:#FF3333;
	font-size:150%;
}

/* ボタンのスタイル */
.bt {
	width:60px;
	height:22px;
	background-image:url(../img/bt_shop.jpg);
	background-repeat:no-repeat;
	font-weight:normal;
	display:block;
	text-align:center;
	line-height:22px;
	float:right;
	margin:0 5px 0 10px;
}

/* ボタンリンク枠のスタイル */
.bt a {
	width:60px;
	height:22px;
	display:block;
}

/* ボタンリンクのスタイル */
.bt a:link { color:#000000;	text-decoration:none;	}
.bt a:active  { color:#000000;	text-decoration:none;	}
.bt a:visited  { color:#000000;	text-decoration:none;	}
.bt a:hover  { color:#000000;	text-decoration:none;	}

/* 基本テーブルのスタイル */
.table_basic table {
	width:96%;
	border:1px solid #999999;
	border-collapse:collapse;
	padding:0;
	margin:5px 10px 10px 10px;
}

.table_basic th {
	border:1px solid #999999;
	border-collapse:collapse;
	background-color:#FFFF66;
	padding:3px 3px 3px 7px;
	margin:0;
}

.table_basic td {
	border:1px solid #999999;
	border-collapse:collapse;
	background-color:#FFFFFF;
	padding:3px 3px 3px 7px;
	margin:0;
}

/*------------------------------------------------
 * index.htmlデザインスタイル
 *----------------------------------------------*/
th.com_news {
	width:275px;
	padding:5px 7px 7px 5px;
	vertical-align:top;
	line-height:190%;
}

td.img_news {
	width:240px;
	padding:5px;
	vertical-align:top;
	text-align:right;
}

/*------------------------------------------------
 * 商品リストデザインスタイル
 *----------------------------------------------*/

th.img_osu {
	width:120px;
	padding:5px 7px 7px 5px;
}

td.com_osu {
	width:400px;
	padding:5px;
	vertical-align:top;
}

/*------------------------------------------------
 * 商品詳細ページデザインスタイル
 *----------------------------------------------*/

th.img_pro {
	width:210px;
	padding:5px 7px 7px 5px;
}

td.com_pro {
	width:300px;
	padding:5px;
	vertical-align:top;
}

/*------------------------------------------------
 * 商品かごページデザインスタイル
 *----------------------------------------------*/

.table_style table{
	width:90%;
	border:1px solid #888888;
	border-collapse:collapse;
	text-align: center !important;
	padding:0;
	margin:5px 10px 10px 10px;
	vertical-align:top;
}

th.table_cart{
	border:1px solid #666666;
	border-collapse:collapse;
	text-align: right;
	background-color:#FFee55;
	padding:3px 3px 3px 7px;
	margin:0;
}

td.table_style {
	border:1px solid #999999;
	border-collapse:collapse;
	text-align:center;
	background-color:#FFFFFF;
	padding:3px 3px 3px 7px;
	margin:0;
}