@import url("harvest.css");
@import url("top.css");


body	{
	margin: 0px 0px 0px 0px;
	text-align: center;          /*** IEのバグでブロック要素をセンタリングしてしまう ***/
	background-color: #ffffff;
/**	background-image : url(../images/02headback.jpg);
	background-repeat: repeat-x; **/

	} 

/** a		{color: #017acd; **/
/**	text-decoration: none; **/
/**	} **/


img	{border: 0;
/**	vertical-align: top;   IEの画像ベースラインを変更 */
}

/* コンテナ */
div#container	{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /**** テキストを左寄せに戻す ***/
	border: 0;
	
}

/* ヘッダー */
div#header	{
	/***	background-color: #1e4121;   ***/
	background-image : url(../images/20header.jpg);
	background-repeat: no-repeat;
	height: 125px;
	margin-bottom: 10px;
}

div#header h1	{
	margin: 0;
}
div#header p	{
	margin: 0;
}
div#header02	{
	/***	background-color: #1e4121;   ***/
	background-image : url(../images/21header.jpg);
	background-repeat: no-repeat;
	height: 60px;
	margin-bottom: 5px;
}

div#header02 h1	{
	margin: 0;
}
div#header02 p	{
	margin: 0;
}

/* パンくずリスト */
p#bread		{
	font-size: 0.70em;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align:left;
}

/* フラッシュ */
div#flash	{
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	clear: both;
}


/* コンテンツ */
div#content	{
    width: 720px;
	float: right;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 25px;
	}

div#content h1	{
	font-size: 2em;
	margin-top: 10px;
}

.cafetbl {
          border: solid 1px #999999;
          border-spacing: 0;
          font-size: 0.875em;
          color: #333;
          }

.cafetbl td	{ width: 50%;
          border-bottom: solid 1px #999999;
          padding: 1%;
				}

.right { text-align: right; }


table.shop	{
	width: 705px;
	border : none;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	empty-cells : hide;
	font-size: 0.875em;	
}

.shop tr	{
	border-right: none;
	border-bottom: none;
	text-align: center;
}

.shop td	{
	border-right: none;
	border-bottom: none;
	width: 235px;
	height: 235px;
}

.item	{
	vertical-align: bottom;
	text-align: center;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.3em;
	empty-cells: show;
	
}

.item td	{
	width: 210px;
}


/* サイドバー */

div#main-menu	{
	width: 250px;
	float: left;
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	margin-bottom: 0px;
	margin-right: 0px;
}


ul.m-menu	{
	font-size: 12px;
	margin-top: 0;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 0;
	line-height: 0;
	text-align:left; /**** テキストを左寄せに戻す ***/
	
}

ul.m-menu li	{
	list-style-type: none;
	
}

.down	{
		margin-left: 40px;
}


ul.m-menu li a	{
	display: block;
	line-height: 22px;
	text-decoration: none;
	color: #666666; 
	border-bottom: solid 1px #999999;
	padding-left: 0px
	;
}

ul.m-menu a:hover	{
	background-color: #458C8E;
	color: #ffffff
	;
}

ul.m-menu li img {
/*	float: left;   */
	margin: 6px;
	vertical-align: middle;
	
}

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

ul.isub-menu	{
	font-size: 12px;
	margin-top: 0;
	margin-left: 0;
	padding-left: 12px;
	line-height: 0
	;
}

ul.isub-menu li	{
	list-style-type: none
	;
}

ul.isub-menu a	{
	display: block;
	line-height: 22px;
	text-decoration: none;
	color: #666666;
	border-bottom: solid 1px #999999;
	
}

ul.isub-menu a:hover	{
	background-color: #458C8E;
	color: #ffffff
	;
}




/* フッター */
div#footer	{
	background-image : url(../images/line.gif);
	background-repeat: repeat-x;
	width: 980px;
	margin-top: 0;
	padding-top: 8px;
	clear: both
	;
}

address		{
	font-size: 0.75em;
	text-align: center;
	font-style: normal;	/* addressは通常斜体になるので、元に戻す */
	
}


/* to-pagetop*/
#back-top {
	position: fixed;
	bottom: 20px;
	right: 100px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/to-pagetop.png) no-repeat center center;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
}


/*** カタログ　リスト ***/
ul.catalog	{
/*	font-size: 12px;
	margin-top: 0;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 0;
	line-height: 0;　　　　*/
	text-align:left; /**** テキストを左寄せに戻す ***/
	
}

ul.catalog li	{
	list-style-type: none;
	margin-bottom: 15px;
	
}


ul.catalog li a	{
	/*display: block;
	line-height: 22px;　*/
	text-decoration: none;
	color: #666666; 
	border-bottom: solid 1px #999999;
	list-style-type: none;
	;
}

ul.catalog a:hover	{
/*	background-color: #458C8E;　　　*/
	color: #ff00ff
	;
}

ul.catalog li img {
/*	float: left;
	margin: 6px;　　　*/
	vertical-align: middle;
	
}



/*** 打ち消し線（delタグ）を二重にする ***/
del.c_del_2 {
  background-image: linear-gradient(transparent 0.5em, #e70000 0, #e70000 calc(0.5em + 1px), transparent 0, transparent calc(0.5em + 3px), #e70000 0, #e70000 calc(0.5em + 4px), transparent 0);
  text-decoration: none;
  padding: 0 2px;
}