BODY{
	background-image: url(../gif/top_frame1/cafe/fruitsb.jpg);
	background-repeat: repeat;
	background-color:#FFFFFF;
	font-family:  Meiryo,Verdana, Arial, sans-serif;
	color: #333;
line-height: 1.8em;
}

/*Topページ本文部分のTABLE設定 背景などを設定している*/

TABLE.maintable { 

	width: 400px;
}

TD.mainbgimg {

	background:url(../gif/bg20_4.gif);
 	background-color:#FFFFFF;
	vertical-align: top;
}

IMG.tm{width:360;
	height:1px}

TD.tl	{background-image:	url(../gif/top_frame1/book-tl.gif);
	width: 36px;
	height:27px;
	background-repeat	:no-repeat;
	}

IMG.tl	{
	width:36;
	height:1px
	}

/*メール画像の設定*/
IMG.mail {
	background-image: url( ../gif/top_frame1/cafe/mark_198.gif);
	width:24px;
	height:24px;
	border-width:0pt;
}

TD.tm	{background-image:	url(../gif/top_frame1/book-tm.gif);
	height:27px;
	background-repeat	:repeat-x;
	}
TD.tt	{background-image:	url(../gif/top_frame1/book-t.gif);
	width: 74px;
	height:27px;
	background-repeat	:no-repeat;
	}

IMG.tt{width:74;
height:1px}
TD.tr	{background-image:	url(../gif/top_frame1/book-tr.gif);
	width: 36px;
	height:27px;
	background-repeat	:no-repeat;
	}

IMG.tr{width:36;
height:1px}
TD.ml	{background-image:	url(../gif/top_frame1/book-ml.gif);
	width: 36px;
	background-repeat	:repeat-y;
	}

TD.mm	{background-image:	url(../gif/top_frame1/book-m.gif);
	width: 74px;
	background-repeat	:repeat-y;
	}

TD.mr 	{background-image:	url(../gif/top_frame1/book-mr.gif);
	width: 36px;
	background-repeat	:repeat-y;
	}

TD.dl	{background-image:	url(../gif/top_frame1/book-dl.gif);
	width: 36px;
	height:70px;
	background-repeat	:no-repeat;
	}

TD.dlp	{background-image:	url(../gif/top_frame1/book-dlp.gif);
	width: 36px;
	height:70px;
	background-repeat	:no-repeat;
	}

TD.dml	{background-image:	url(../gif/top_frame1/book-dm.gif);
	height:70px;
	background-repeat	:repeat-x;
	vertical-align: top;
	text-align:left;
	font-size:10pt;
	}

TD.dd	{background-image:	url(../gif/top_frame1/book-d.gif);
	width: 74px;
	height:70px;
	

	background-repeat	:no-repeat;
	}

TD.dmr	{background-image:	url(../gif/top_frame1/book-dm.gif);
	height:70px;
	background-repeat	:repeat-x;
	vertical-align: top;
	text-align:right;
	font-size:10pt;
	}

TD.dr	{background-image:	url(../gif/top_frame1/book-dr.gif);
	width: 36px;
	height:70px;
	background-repeat	:no-repeat;
	}

TD.drp	{background-image:	url(../gif/top_frame1/book-drp.gif);
	width: 36px;
	height:70px;
	text-align:center;
	vertical-align:top;
	background-repeat	:no-repeat;
	}

/*次ページリンク用のGIF設定*/

IMG.nextpg{

	width:36px;
	height:50px;
	}

/*Topページ本文部分のTABLE設定 背景などを設定している(ここまで)*/
/*タイトル文字の修飾用*/
SPAN.title {
	color: #1a3e0d;
	/*font-weight: bold;*/
	font-size:  18pt;
	filter	:shadow(Color=#C0C0C0, Direction=180,Strength=10);
	height	:1em;
	padding	:0.1em;
font-family:  "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, Arial, meiryo,  "ＭＳ Ｐゴシック", sans-serif;

}
TD.titlebar{
	height:1px;
	background-color:#cc0000;
}
TD.titlebar2{
	height:3px;
	background-color:#cc0000;
}
/*サブタイトル文字の修飾用*/
DIV.subtitle {
	font-size:11pt;
	font-family:  Meiryo,Verdana, Arial, sans-serif;
	font-weight: bold;
}


/*Copyright文字の修飾用*/
SPAN.cpright{
	font-size:10pt;
	font-style: italic;
	font-weight: bold;
}

/*強調文字の修飾用*/
SPAN.redletter{
	font-size:12pt;
	font-style: italic;
	color: red;
}


/*大タイトル文字の修飾用*/

SPAN.mintitle{
	background-image: url( ../gif/top_frame1/cafe/goods_188.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
	font-size:	15px;
	font-weight:bold;
	font-family:  Meiryo,Verdana, Arial, sans-serif;
	color: black;
}


/*中タイトル文字の修飾用*/
SPAN.mintitle2{
	background-image: url(  ../gif/top_frame1/cafe/goods_136.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size:	15px;
	font-weight:bold;
}
/*小タイトル文字の修飾用*/
SPAN.mintitle3{
	background-image: url( ../gif/top_frame1/cafe/other_122.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size:	15px;
	font-weight:bold;
}

/*目次修飾用*/
DIV.mokuji UL LI{
	list-style-image:url( ../gif/top_frame1/cafe/goods_136.gif );
}
DIV.mokuji UL UL LI{
	list-style-image:url( ../gif/top_frame1/cafe/other_122.gif);
}

DIV.article{
font-size: 0.9em;
}

/*URL文字の修飾用*/
SPAN.url{
	font-size:  11pt;
}























/*リンク集の修飾用*/
.index LI.title{
	list-style-image: url("../gif/egg_g.gif");
	list-style-position: outside;
	font-size:  12pt;
	font-weight: bold;
}

.index H4{
	background-color: maroon;
	color: #ffff80;
	font-style: italic;
	text-align: center
}

IMG {
	border-width:0pt;
}



HR { 
	  color: #008080; /* 線の色(IE用) */
	  background-color: #008080; /* 線の色(NN用) */
	  height: 2px; /* 線の太さ */
	  border: 2px; /* 枠の太さ */
	  border-style: dashed; /* 枠の種類 */

}





/*リンクスタイル設定用*/

A:LINK {
	color: #1445CC;
	text-decoration: underline;
}

A:VISITED {
	color: brown;
	text-decoration: underline;
}

A:HOVER {
	background-color:#FFCC33;
	text-decoration: underline;
	position: relative; top: 1px; left: 1px;
}



A.hydelink:LINK {
	background-color: transparent;
	text-decoration: none;
}

A.hydelink:VISITED {
	background-color: transparent;
	text-decoration: none;
}

A.hydelink:HOVER {
	background-color: transparent;
	text-decoration: none;
}

.index{
	background-color: white
}

/*contents*/
.contents{
	vertical-align: text-top;
}
.contents H4{
	background-color: #f9b748;
	text-align: center;
	vertical-align: middle;
}


/*フォトフレーム*/

.container {
  position: relative;
  width: 352px;
  height: 264px;
}
.imageset {
  position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim 43s infinite;
}

.imageset:nth-of-type(1) {
  animation: change-img-anim-first 43s infinite;
	animation-delay: 0s;
}
.imageset:nth-of-type(2) {
	animation-delay: 8s;
}
.imageset:nth-of-type(3) {
	animation-delay: 16s;
}
.imageset:nth-of-type(4) {
	animation-delay: 22s;
}
.imageset:nth-of-type(5) {
	animation-delay: 30s;
}
.imageset:nth-of-type(6) {
	animation-delay: 36s;
}

@keyframes change-img-anim-first {
  0%{ opacity: １;}
  20%{ opacity: 1;}
  30%{ opacity: 0;}
  38%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
  0%{ opacity: 0;}
  20%{ opacity: 1;}
  30%{ opacity: 0;}
  38%{ opacity: 0;}
  100%{ opacity: 0;}
}