/* ホームページ全体の情報 */
body
	{
	margin-left: auto;
	margin-right: auto;
	color:#008000;  /* 全体の文字色 */
	font-size:small;  /* 全体の文字サイズ */
	}


/* --- ホームページ全体のリンクテキスト情報 --- */
A
	{
	text-decoration: none;
	}

A:hover{
	text-decoration: underline;
	background-color: #fff0e0;  /* リンク文字の背景色 */
	}

A:link
	{
	background-color: #fff0e0;  /* リンク文字の背景色 */
	color: #ff6633;
	}

A:visited
	{
	color: #ff3300;
	}


/* ボックス情報 */
/* 全体 */
#box
	{
	margin: 0 auto;  /* センタリング */
	width: 800px;  /* ページの幅 */
	background-color: #f4ffe0;  /* ボックス全体の背景色 */
	border-style: solid;  /* ボックス全体を囲む枠線 */
	border-width: 2px 2px 2px 2px;  /* ボックス全体を囲む枠線の「幅 」*/
	border-color: #678b3f;  /* ボックス全体を囲む枠線の「色」 */
	}

/* 上段 */
/* 上段 */
#top
	{
	width: 800px;
	background-image: url(back_top.jpg);
	background-repeat: repeat;  /* 縦横に背景画像を繰り返して表示 */
	font-size: 7px;
	}

#top_d
	{
	width: 800px;
	background-image: url(back_top_d.jpg);
	background-repeat: repeat;  /* 縦横に背景画像を繰り返して表示 */
	font-size: 7px;
	}

/* 左側 */
#left
	{
	float: left;
	width: 680px;
	height: 3200px;  /* 縦の長さ、スタイルシートごとに違う */
	background-image: url(back.gif);
	background-repeat: repeat;  /* 縦横に背景画像を繰り返して表示 */
	}

/* 右側 */
#right
	{
	float: left;
	width: 120px;
	background-image: url(back.gif);
	background-repeat: repeat;  /* 縦横に背景画像を繰り返して表示 */
	}

/* 下段 */
#bottom
	{
	width: 800px;
	height: 0px;
	background-image: url(back.gif);
	background-repeat: repeat;  /* 縦横に背景画像を繰り返して表示 */
	clear: both;
	}


/* インラインフレームのフレーム情報 */
/* 上段 パラのアイコメニュー */
iframe.iframe_top1
	{
	width: 800px;
	height: 140px;
	border: none;
	}

/* 上段 写真と品名の選択メニュー */
iframe.iframe_top2
	{
	width: 700px;
	height: 70px;
	border: none;
	}

/* 右側 */
iframe.iframe_right
	{
	width: 120px;
	height: 3174px; /* インラインフレームの縦の長さ、スタイルシートごとに違う */
	border: none;
	}


/* 下段 */
iframe.iframe_bottom
	{
	width: 680px;
	height: 600px;
	border: none;
	}


/* インラインフレーム本体の設定情報 */
/* 上段 */
#in_top
	{
	margin: 0 auto;
	width:680px;
	font-size:small;
	background-color:transparent;	/* IEでインラインフレームの背景を透過するためのtag */
	}

/* 右側 バラ */
#in_right
	{
	margin-left: 20px; 
	color: #008000;
	font-size: xx-small;
	background-color: transparent;	/* IEでインラインフレームの背景を透過するためのtag */
	}

/* 右側 ダリア */
#in_right_d
	{
	margin-left: 20px; 
	color: #008000;
	font-size: xx-small;
	background-color: transparent;	/* IEでインラインフレームの背景を透過するためのtag */
	}

/* 下段 */
#in_bottom
	{
	margin: 0 auto;
	width: 672px;
	font-size: small;
	background-color: transparent;	/* IEでインラインフレームの背景を透過するためのtag */
	}


/* メニュー情報：ここから */
#top_menu{
	margin-left: 5px;
	padding: 0;
	width: 100%;
	background: transparent;
	padding-left: 5px;
}
#top_menu ul{
	font: bold 13px Arial, Verdana, sans-serif;　/*font size*/
	margin:0;
	padding:0;
	list-style:none;
}
#top_menu li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	text-transform:uppercase;
}
#top_menu a{
	float:left;
	color: white;
	background: #678b3f url(images/color_tabs_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	letter-spacing: 1px; /*font interval*/
}
#top_menu a span{
	float:left;
	display:block;
	background: transparent url(images/color_tabs_right.gif) no-repeat right top;
	padding:5px 10px 3px 7px;
}
#top_menu a span{
	float:none;
}
#top_menu a:hover{
	background-color: #8cb85c;
}
#top_menu a:hover span{
	background-color: #8cb85c;
}
#top_menu #current a, #top_menu #current span{ /*currently selected tab*/
	background-color: #8cb85c;
}
#menu_under_line{
	clear: both;
	padding: 0;
	width: 100%;
	height: 5px;/*under line height*/
	line-height: 8px;
	background: #678b3f;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
/* メニュー情報：ここまで */


table.table
	{
	width: 680px;
	background-color: #f4ffe0;
	border-collapse: collapse;  /* 隣接するセルのボーダーを重ねて表示 */
	border-spacing: 0px 0px;
	text-align: center;
	vertical-align: top;
	}


table.table_top
	{
	width: 680px;
	border-collapse: collapse;  /* 隣接するセルのボーダーを重ねて表示 */
	border-spacing: 0px 0px;
	text-align: center;
	vertical-align: top;
	}


table.table_bottom
	{
	width:676px;
	background-color: #f4ffe0;
	border-collapse: collapse;  /* 隣接するセルのボーダーを重ねて表示 */
	border-spacing: 0px 0px;
	text-align: center;
	vertical-align: top;
	}


table.table_list
	{
	width: 680px;
	background-color: #f4ffe0;
	border-collapse: collapse;  /* 隣接するセルのボーダーを重ねて表示 */
	border-spacing: 0px 0px;
	text-align: left;
	vertical-align: middle;
	}


td.td
	{
	text-align: center;
	vertical-align: top;
	}


td.td_link
	{
	width: 88px;
	height: 31px;
	text-align: center;
	vertical-align: top;
	}


img.img
	{
	border: none;
	float: none;
	vertical-align: middle;
	}


p.p
	{
	text-align: center;
	}


h2.h2
	{
	font-size: small;
	font-weight: normal;
	}