/* CSS Document */

/* common ------------------------------------------------------- */

body{
	background:#ffffff;
	margin:0;
	padding:0;
	text-align:left;
}

dl{
	margin:2px;
	list-style-type:none;
	padding:0;
	}
ul{
	margin:0 0 20px 25px;
	padding:0;
	list-style-type:square;
}

ul.number{
	margin:0 0 20px 25px;
	padding:0;
	list-style-type:decimal;
}

ul.none{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.curcle{
	list-style-type:circle;
}

li{
	margin:0;
	padding:0;
	text-align:left;
}

h1{
	color:#333333;
	font-size: 18px;
	line-height: 130%;
	margin: 7px 5px 0;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"
}

h2{
	color:#333333;
	font-size: 14px;
	line-height: 130%;
	margin: 2px 5px 0;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"
}

h3{
	margin:10px 0 5px 0;
	padding:0;
	font-size:14px;
}

img{
	border:0;
}

hr{
	noshade:noshade;
}


/* font ------------------------------------------------------------- */

.normal{
	color:#333333;
	font-size: 12px;
	line-height: 130%;
}

.red{
	color:#CC0000;
	font-size:140%;
	font-weight:bold;
}

.red2{
	color:#CC0000;
	font-size:140%;
	font-weight:bold;
}

.orange{
	color:#ff6600;
	font-size:100%;
}

.info{
	color:#333333;
	font-size: 85%;
	line-height: 150%;
}

.list{
	color:#333333;
	font-size: 100%;
	line-height: 150%;
}

.company{
	color:#333333;
	font-size: 85%;
	line-height: 150%;
	vertical-align:top;
	padding:6px;
}


/* td --------------------------------------------------------------- */

.flash{
	position:absolute;
	top:193px;
	left:352px;
	margin:0;
	padding:0;
	width:215px;
}

.news{
	position:absolute;
	top:426px;
	left:352px;
	margin:0;
	padding:0;
	width:215px;
}

.title{
	position:absolute;
	top:64px;
	left:300px;
	margin:0p;
	padding:0;
}

/* contents -------------------------------------------------------------- */

.contents{
	position:absolute;
	top:64px;
	left:0px;
	margin:0;
	padding:0;
	width:400px;
}

.contents2{
	position:absolute;
	top:520px;
	left:435px;
	margin:0;
	padding:0;
}

.contents01{
	color:#333333;
	font-size: 13px;
	line-height: 135%;
	margin:5px;
	padding:5px;
	width:170px;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"
}

.contents02{
	color:#333333;
	font-size: 12px;
	line-height: 130%;
	margin:0px;
	padding:12px;
	width:255px;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"
}

.contents03{
	color:#333333;
	font-size: 12px;
	line-height: 130%;
	margin:0px;
	padding:12px;
	width:234px;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"
}

.contents04{
	color:#333333;
	font-size: 12px;
	line-height: 130%;
	margin:0px;
	padding:12px;
	width:240px;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"
}

.table01{
	border-color:#B91518;
	border-width:thin;
	border-style:solid ;
	}

.table02{
	width:281px;
	padding:5px;
}

.table03{
	background-image:url(../images/news_back.gif);
	background-repeat:no-repeat;
	width:372px;
	padding:0;
	border:0;
	padding-width:0;
}

.table04{
	width:128px;
	padding:3px;
}

.table05{
	width:147px;
	padding:5px;
}

.table06{
	width:281px;
	padding:0;
}

/* infomation -------------------------------------------------------- */

.new{
	color:#FF0000;
	font-size:95%;
	text-decotation:blink;
}

/* header -------------------------------------------------------- */

#header{
	position:absolute;
	left:0;
	margin:0;
	padding:0;
	width:750px;
	height:41px;
}

.hed_top{
	position:absolute;
	left:0px;
	top:41px;
	margin:0;
	padding:0;
	height:23px;
	width:126px;
}

#hed_top a{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_top.gif);
	width:126px;
	height:23px;
}

#hed_top a:hover{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_top.gif);
	width:126px;
	height:23px;
}

.hed_coffee{
	position:absolute;
	left:126px;
	top:41px;
	margin:0;
	padding:0;
	height:23px;
	width:123px;
}

#hed_coffee a{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_coffee.gif);
	width:123px;
	height:23px;
}

#hed_coffee a:hover{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_coffee.gif);
	width:123px;
	height:23px;
}

.hed_item{
	position:absolute;
	left:249px;
	top:41px;
	margin:0;
	padding:0;
	height:23px;
	width:123px;
}

#hed_item a{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_item.gif);
	width:123px;
	height:23px;
}

#hed_item a:hover{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_item.gif);
	width:123px;
	height:23px;
}

.hed_sale{
	position:absolute;
	left:372px;
	top:41px;
	margin:0;
	padding:0;
	height:23px;
	width:123px;
}

#hed_sale a{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_sale.gif);
	width:123px;
	height:23px;
}

#hed_sale a:hover{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_sale.gif);
	width:123px;
	height:23px;
}

.hed_class{
	position:absolute;
	left:495px;
	top:41px;
	margin:0;
	padding:0;
	height:23px;
	width:123px;
}

#hed_class a{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_class.gif);
	width:123px;
	height:23px;
}

#hed_class a:hover{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_class.gif);
	width:123px;
	height:23px;
}

.hed_map{
	position:absolute;
	left:618px;
	top:41px;
	margin:0;
	padding:0;
	height:23px;
	width:132px;
}

#hed_map a{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_map.gif);
	width:132px;
	height:23px;
}

#hed_map a:hover{
	position:absolute;
	margin:0;
	background-image:url(../images/hed_map.gif);
	width:132px;
	height:23px;
}

.hr_top{
	color:#CCCCCC;
	size:1px;
	width:264px;
}

/* menu ----------------------------------------------------------- */

#menu{
	position:absolute;
	left:29px;
	margin:0;
	padding:0;
	width:271px;
}

#menu00{
	position:absolute;
	margin:78px 0;
	background-image:url(../images/menu00.gif);
	width:271px;
	height:41px;
}

#hanjou {
width:750px;
height:200px;
	position:absolute;
top:1200px;
	margin:30px 0;
	padding:0;

}

#hanjou a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

}

#newspaper {
width:750px;
height:100px;
	position:absolute;
top:1410px;
	margin:30px 0;
	padding:0;

}

#newspaper a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

}

#kissa {
width:750px;
height:100px;
	position:absolute;
top:1520px;
	margin:30px 0;
	padding:0;

}

#kissa a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

}

/* fotter ----------------------------------------------------------- */

.copyright{
	color:#888888;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}



.footer{
	position:absolute;
	width:750px;
	top:1800px;
	background-image:url(../images/fotter.gif);
	background-repeat:no-repeat;
	text-align:center;
	left:5px;
	margin:0;
	padding:0;
}

.address{
	text-align:center;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	font-size:13px;
	color:#555555;
}
	
/* link ------------------------------------------------------------- */

a:link {
	text-decoration:none;
	color:#666666 ; /*�����N�̃J���[*/
}

a:visited {
	text-decoration:none; 
	color:#666666; /*�K��ς݃����N�̃J���[*/
}

/* contents --------------------------------------------------------- */

.contents{
	padding:20px;
	width:400px;
}

/* SLIDE --------------------------------------------------------- */

.slide {
  position: absolute;
  overflow: hidden;
  width: 372px;
  height: 233px;
  margin: auto;
  background: #fff;
	top:193px;
	left:352px;
}




.slide img {
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  left: 100%;
  animation: slide-anime 28s ease infinite;
}
.slide img:nth-of-type(1) {animation-delay: 0s;}
.slide img:nth-of-type(2) {animation-delay: 4s;}
.slide img:nth-of-type(3) {animation-delay: 8s;}
.slide img:nth-of-type(4) {animation-delay: 12s;}
.slide img:nth-of-type(5) {animation-delay: 16s;}
.slide img:nth-of-type(6) {animation-delay: 20s;}
.slide img:nth-of-type(7) {animation-delay: 24s;}
 
@keyframes slide-anime{
  0% {left: 100%;}
  2% {left: 0;}
  18% {left: 0;}
  20% {left: -100%;}
  100% {left: -100%;}
}



/* SLIDE2 --------------------------------------------------------- */

.fadeslide {
	position: absolute;
	width: 372px;
	height: 233px;
	overflow: hidden;
	z-index: 0;
	top:193px;
	left:352px;
}

.fadeslide div {
	position: absolute;
	top: 0;
	left: 0;
}

.fadeslide div:nth-of-type(1) {
	animation: fadeslide 21s 0s infinite both;
	z-index: 6;
}

.fadeslide div:nth-of-type(2) {
	animation: fadeslide 21s 3s infinite both;
	z-index: 5;
}

.fadeslide div:nth-of-type(3) {
	animation: fadeslide 21s 6s infinite both;
	z-index: 4;
}

.fadeslide div:nth-of-type(4) {
	animation: fadeslide 21s 9s infinite both;
	z-index: 3;
}

.fadeslide div:nth-of-type(5) {
	animation: fadeslide 21s 12s infinite both;
	z-index: 2;
}

.fadeslide div:nth-of-type(6) {
	animation: fadeslide 21s 15s infinite both;
	z-index: 1;
}

.fadeslide div:nth-of-type(7) {
      animation: fadeslide 21s 18s infinite both;
      z-index:0;
}

@keyframes fadeslide {
	0% { left: 0; opacity: 0; }
	5% { left: 0; opacity: 1; }
	20% { left: 0; opacity: 1; }
	25% { left: 0; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}