/******************************************
 * common.css
 *
 * 共通CSS
 ******************************************/
a:hover {
color: #ff0000;
}
body{
background-color:#f9f7bf;
}

body, table {
font-size:96%;
font-family: "ＭＳ Ｐゴシック","MS UI Gothic";

}




h1 {
font-size:100%;
display:inline;
}
h2 {
font-size:100%;
font-weight:normal;
display:inline;
}

ul {
margin-left:15px;
padding-left: 10px;
list-style-image: url(images/list.gif); 
}

/* テンプレート 上部テキストPR */
.top_pr_text{
	background-color:#f9fbeb;
	border:1px solid #82a01a;
	width:100%;
}


/* インデックス用レイアウトテーブル */
	/* 右のコンテンツ部分のTD */
.index_contents{
	padding:10px 10px;
	background-color:#ffffff;
	margin:0px;
	vertical-align:top;
}
	/* 左のメニュー部分のTD */
.index_menu{
	background-color:#d8e48c;
	margin:0px;
	vertical-align:top;
}

table.menu{
	border-collapse:collapse;
	width:180px;
}

table.menu td.menu{background-color:#ffffff;}

table.menu td.menu1{
	background-image:url(images/table_indexgenre_1.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:10px;
}

table.menu td.menu2{
	background-image:url(images/table_indexgenre_2.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

table.menu td.menu3{
	background-image:url(images/table_indexgenre_3.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:10px;
}

table.menu td.menu4{
	background-image:url(images/table_indexgenre_4.gif);
	background-position:right top;
	background-repeat:repeat-y;
}

table.menu td.menu5{
	background-image:url(images/table_indexgenre_5.gif);
	background-position:left bottom;
	background-repeat:repeat-y;
	width:10px;
}

table.menu td.menu6{
	background-image:url(images/table_indexgenre_6.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:10px;
}

table.menu td.menu7{
	background-image:url(images/table_indexgenre_7.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

table.menu td.menu8{
	background-image:url(images/table_indexgenre_8.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:10px;
}


.index_menu_list{
	border-collapse:collapse;
	width:100%;
	margin:0px;
}

.index_menu_list td{
	padding:0px;
	margin:0px;
	line-height:150%;
}


/* (インデックス用商品ジャンル) */
table.index_genre{
	margin:0px;
	border-collapse:collapse;
}

.index_genre td,tr{
	padding:0px;
	margin:0px;
}

/* インデックス　左のメニュー */
.hide{
	display:none;
}

.view{
	visiblity:visible;
	margin-left:20px;
}

/* 商品ジャンル */

table.g{
	border-collapse:collapse;
}

table.g td.g{background-color:#ffffff;}

table.g td.g1{
	background-image:url(images/table_indexgenre_1.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:10px;
}

table.g td.g2{
	background-image:url(images/table_indexgenre_2.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

table.g td.g3{
	background-image:url(images/table_indexgenre_3.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:10px;
}

table.g td.g4{
	background-image:url(images/table_indexgenre_4.gif);
	background-position:right top;
	background-repeat:repeat-y;
}

table.g td.g5{
	background-image:url(images/table_indexgenre_5.gif);
	background-position:left bottom;
	background-repeat:repeat-y;
	width:10px;
}

table.g td.g6{
	background-image:url(images/table_indexgenre_6.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:10px;
}

table.g td.g7{
	background-image:url(images/table_indexgenre_7.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

table.g td.g8{
	background-image:url(images/table_indexgenre_8.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:10px;
}


table.genre {
	border: 0px solid #808080;
	border-collapse: collapse;
}
table.genre caption {
	background-color: #ffffff;
	color: #404040;
	font-weight: bold;
	line-height: 20px;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	border-color:#000000;
	margin-bottom:5px;
	text-align:left;
}
table.genre td {
	background-color: #ffffff;
}




/* 並び順/絞込み条件 */
table.sort_navi {
	border-collapse: separate;
	border:1px solid #82a01a;
	background-color:#f9fbeb;
	margin-bottom:5px;
}
table.sort_navi th {
	background-color: #ffffff;
	border:1px solid #82a01a;
	line-height:20px;
	font-weight: bold;
}
table.sort_navi td {
	background-color: #ffffff;
	border:1px solid #82a01a;
	padding-left:3px;
}

/* 商品リスト */

/*******************************/
 /*　商品リストの外枠
/******************************/

table.p_list{
	border-collapse:collapse;
	border:none;
	table-layout:fixed;
}
table.p_list td.p_list1{
	background-image:url(images/table_list_1.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:10px;
}
table.p_list td.p_list2{
	background-image:url(images/table_list_2.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

table.p_list td.p_list3{
	background-image:url(images/table_list_3.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:10px;
}

table.p_list td.p_list4{
	background-image:url(images/table_list_4.gif);
	background-position:right top;
	background-repeat:repeat-y;
}

table.p_list td.p_list5{
	background-image:url(images/table_list_5.gif);
	background-position:left bottom;
	background-repeat:repeat-y;
	width:10px;
}

table.p_list td.p_list6{
	background-image:url(images/table_list_6.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:10px;
}

table.p_list td.p_list7{
	background-image:url(images/table_list_7.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

table.p_list td.p_list8{
	background-image:url(images/table_list_8.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:10px;
}

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





table.product_list {
	border-collapse: collapse;
}
table.product_list th {
	background-color:#ffffff;
	color: #404040;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px dashed #000000;
}
table.product_list tr {
}
table.product_list td {
}
/* 商品リストの行を縞模様にしたい場合 list1 と list2 の色を変更 */
tr.list1 {
	background-color: #f9fbeb;
}
tr.list2 {
	background-color: #f9fbeb;
}
/* 商品リストの画像部分 */
td.product_image {
	background-color: #ffffff;
	text-align: center;
}
/* 商品リストの商品説明部分 */
td.description {
	border-bottom: 1px solid #82a01a;
	background-color: #ffffff;
	color: #404040;
	line-height:120%;
}

/* aboutus.html用 */
.about{
	width:750px;
	padding:10px;
	border:1px solid #82a01a;
	background-color:#ffffff;
}

/* contact.php用 */
.contact{
	border-collapse:separate;
	background-color:#ffffff;
}
.contact td{
	padding:3px;
}