/******************************************
 * common.css
 *
 * 共通CSS
 ******************************************/
 a{text-decoration:none;}
a:hover {color: #ff0000;text-decoration:underline;}

body{text-align:center;}
body, table {font-size:96%;font-family: "ＭＳ Ｐゴシック","MS UI Gothic";margin:0px 0px 0px 0px;padding:0px;}



h1{font-size:100%;display:inline;margin:0px auto;}
h2 {font-size:100%;font-weight:normal;display:inline;}
ul {margin-left:15px;padding-left: 10px;list-style-image: url(images/list.gif);}



/****** Template layout ********/

#header{width:100%;padding:0px;margin:0px auto;text-align:center;background-color:#f1e5f1;}

#middle{width:780px;margin:0px auto;text-align:left;}

#footer{width:100%;padding:0px;margin:0px auto;clear:both;background-color:#f1e5f1;}

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

/*************************** ヘッダ ************************************/
.header_top{width:100%;background-color:#ffffff;}
.header_bottom{width:100%;background-color:#ffffff;padding-bottom:10px;clear:both;}
.header1{width:780px;text-align:left;margin:auto;}
.header2{width:780px;text-align:left;margin:auto;}



/************************ フッタ ***************************************/
.footer1{width:780px;text-align:left;font-size:86%;padding:0px;margin:0px auto;}

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

/* インデックス用レイアウト */

/* 左のメニュー部分 */
.index_menu{float:left;width:160px;margin:0px 0px 0px 0px;text-align:left;padding-top:16px;}
.index_menu span.title{font-weight:bold;color:#808080;}

.index_menu_list{font-size:86%;line-height:150%;border-top:1px solid #e9cfe0;border-bottom:1px solid #e9cfe0;padding:5px 0px;}
.index_menu_list a{display:block;padding-left:8px;background-image:url(images/list.gif);background-repeat:no-repeat;background-position:left center;text-decoration:none;}

/* 中央のコンテンツ部分 */
.index_contents1{float:left;width:300px;margin:0px 0px 0px 0px;padding:16px 0px 0px 10px;text-align:left;}
.index_contents1 li{list-style:none;}
.index_contents1 a{text-decoration:none;line-height:130%;font-size:96%;}

/* 右のコンテンツ部分 */
.index_contents2{float:right;width:300px;margin:0px 0px 0px 0px;padding:16px 0px 0px 10px;text-align:left;}
.index_contents2 li{list-style:none;}
.index_contents2 a{text-decoration:none;line-height:130%;font-size:96%;}


/* コンテンツ部共通 */
.group{border:1px solid #ababba;margin:10px 0px;padding:6px;background-image:url(images/groupbg.gif);background-position:top;background-repeat:repeat-x;}
.gttl{border-bottom:1px dashed #ababba;font-weight:bold;color:#606060;}
.gttl img{border:none;vertical-align:top;}



/* 商品ジャンル list*/
td.index_menu{vertical-align:top;}
td.index_contents{vertical-align:top;}
/*******************************/
 /*　商品ジャンルの外枠
/******************************/

table.g{
	border-collapse:collapse;
	border-style:none;
	table-layout:fixed;
	width:160spx;
	margin:0px;
	padding:0px;
}

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

table.g td.g1{
	width:10px;
}

table.g td.g2{
}

table.g td.g3{
	width:10px;
}

table.g td.g4{
}

table.g td.g5{
	width:10px;
}

table.g td.g6{
	width:10px;
}

table.g td.g7{
}

table.g td.g8{
	width:10px;
}


/***********************************************************************************************/
table.genre {
	border-collapse: collapse;
	margin:0px;
	padding:0px;
	border-color:#ffffff;
}
table.genre caption {
	background-image:url(images/groupbg.gif) ;
	background-repeat:repeat-x;
	color: #404040;
	font-weight: bold;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#ababba;
	padding:5px;
	text-align:left;
}
table.genre td {
	background-color:#ffffff;border:1px solid #ababba;font-size:85%;}



/* 並び順/絞込み条件 */

/*******************************/
 /*　ソートの枠
/******************************/


table.sort{
	border-collapse:separate;
	border-style:none;
	table-layout:fixed;
	margin:0px;
	padding:0px;
}

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

table.sort td.sort1{

	width:10px;
}

table.sort td.sort2{

}

table.sort td.sort3{

	width:10px;
}

table.sort td.sort4{
}

table.sort td.sort5{

	width:10px;
}

table.sort td.sort6{

	width:10px;
}

table.sort td.sort7{

}

table.sort td.sort8{
	width:10px;
}



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

table.sort_navi {
	border-collapse: separate;
	background-color:#ffffff;
	border:1px solid #ababba;
	width:100%;	

}
table.sort_navi th {
	background-image:url(images/groupbg.gif);
	background-repeat:repeat-x;
	line-height:150%;
	color:#404040;
	font-weight: bold;
}
table.sort_navi td {
	line-height:150%;
	padding-left:3px;
}

/* 商品リスト */

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

table.p_list{
	border-collapse:collapse;
	border:none;
	table-layout:fixed;
	border:1px solid #ababba
}
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: separate;
;
}
table.product_list th {
	background-image:url(images/groupbg.gif);
	background-repeat:repeat-x;
	color: #404040;
	font-weight: bold;
	line-height: 150%;
}
table.product_list tr {
}
table.product_list td {
}
/* 商品リストの行を縞模様にしたい場合 list1 と list2 の色を変更 */
tr.list1 {
	background-color: #efefef;
}
tr.list2 {
	background-color: #efefef;
}
/* 商品リストの画像部分 */
td.product_image {
	background-color: #ffffff;
	text-align: center;
	border:1px solid #ababba;
	padding:3px;
}
/* 商品リストの商品説明部分 */
td.description {
	border-bottom: 1px solid #ababba;
	background-color: #ffffff;
	color: #404040;
	line-height:120%;
	font-size:86%;
}

/* aboutus.html用 */
div.about{width:750px;padding:5px;border-color:#ababba;border-width:0px 1px 1px 1px;border-style:solid;background-color:#ffffff;}
h2.about{width:750px;display:block;background-image:url(images/groupbg.gif);background-repeat:repeat-x;background-position:left middle;border:none;font-size:120%;padding-left:5px;line-height:150%;margin-bottom:0px;font-weight:bold;color:#404040;}

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

table.conf{
	border-collapse:collapse;
}

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

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

table.conf td.conf2{
	background-image:url(images/table_list_2.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

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

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

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

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

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

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