body {
	font-size: 12pt;
	color: #555555;
	background-color: #EEEEEE;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

td {
	font-size: 12pt;
	color: #555555;
	line-height: normal
}

a:link {
	color: #666699;
	text-decoration: none;
}

a:visited {
	color: #666699;
	text-decoration: none;
}

a:hover {  color: #FF6633; text-decoration: none}

a:active {  color: #F7F619; text-decoration: none}

.title {  font-size: 15pt; color:#3333AA; font-weight: bold; letter-spacing: 2px; text-indent: 5pt;}

.title2 {  font-size: 12pt; color:#33AA33; font-weight: bold; letter-spacing: 2px; text-indent: 5pt;}

.eleven {  font-size: 11pt}

.eight {  font-size: 8pt}

.bold {  font-weight: bold}

.whi {  color: #FFFFFF}

.whibold {  color: #FFFFFF; font-weight:bold;}

.blu {  color: #000099}

.gra {  color: #999999}

img {border-color:#33CC33}

.gt{ letter-spacing:-3pt}

.day1 {
	font-size: 8pt;
	color: #333333;
	line-height: 12px;
}

.day2 {
	font-size: 8pt;
	color: #FF0000;
	line-height: 12px;
}

.day_l1 {font-size: 9pt; color: #666666}

.day_l2 {font-size: 9pt; color: #000099}

.day_l3 {font-size: 9pt; color: #FF0000}

.text1 {
	font-size: 8pt;
	color: #000099;
	line-height: 12px;
}

.text3 {font-size: 9pt; font-weight: bold; color: #333333}

table.calendar {
	padding: 0;
	margin: 0px;
}
table.calendar tr.headline td{
	font-size: 10px;
}
table.calendar th {
	text-align: left;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #777777;
}
table.calendar th span {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	cursor: pointer;
	float: right;
}
table.calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	width: 25px;
	height: 20px;
	vertical-align: middle;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	line-height: normal;
	font-size: 12px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #FFFFFF;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #009900;
	font-size: 12px;
}
table.calendar td.Sat {
	color: #000099;
	background-color: #FEFEFF;
}
table.calendar td.Sun {
	color: #FF0000;
	background-color: #FFFEFE;
}
table.calendar td.holyday {
	color: #FF0000;
}
table.calendar td.xday {
	font-weight: bolder;
	color: #009999;
	font-size: 14px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 14px;
}

/*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 830px;
  height     : 255px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 54s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 9s }
.slide img:nth-of-type(3) { animation-delay: 18s }
.slide img:nth-of-type(4) { animation-delay: 27s }
.slide img:nth-of-type(5) { animation-delay: 36s }
.slide img:nth-of-type(6) { animation-delay: 45s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   7% { opacity: 1 }
  7% { opacity: 1 }
  14% { opacity: 0 }
 100% { opacity: 0 }
}