@charset "UTF-8";

body {
	color: #030303;
	background-color: #fed0e0;
	font-size: 1.0em;
	line-height: 1.4;
	font-family: Arial, sans-serif;
	margin: 4px;
	padding: 2px;
}

p.text1 {
	margin: 2px;
	padding: 4px;
	width: 800px;
}

p.text2 {

	font-size: 0.6em;
	margin: 2px;
	padding: 4px;
	width: 800px;
}

hr {
	width: 800px;
	text-align: left;
}

br.all {
	clear: both;
}

/* ------------------------ */

img.thumb-right {
	width: 320;
	height: 240px;
	float: right;
    border: none;
	padding-left: 8px;
}

img.thumb-left {
	width: 320px;
	height: 240px;
	float: left;
    border: none;
	padding-right: 8px;
}

img.thumb-v-right {
	width: 320;
	height: 426px;
	float: right;
    border: none;
	padding-left: 8px;
}

img.thumb-v-left {
	width: 320px;
	height: 426px;
	float: left;
    border: none;
	padding-right: 8px;
}

img.thumb-wide {
	width: 720px;
	height: 240px;
    border: none;
	padding-right: 8px;
}

/* ------------------------ */

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

a:hover {
   color: red;
   text-decoration: underline;
}

a:visited {
	color: #1212FF;
}

a:active {
	color: #060606;
}

div.button1 a {
   display: block;
   margin: 0.1em;
   padding: 0.2em;
   width: 6em;
   float: left;
   text-decoration: none;
   text-align: center;

   background-color: #ffffcc;
   color: #000080;
   border-width: 2px;
   border-style: outset;
   border-color: #ffff55;
}

div.button1 a:hover {
   background-color: #ffffaa;
   color: red;
   border-style: inset;
   text-decoration: underline;
}


div.button2 a {
   display: block;
   margin: 0.1em;
   padding: 0.2em;
   width: 4em;
   float: left;
   text-decoration: none;
   text-align: center;

   background-color: #ffffcc;
   color: #000080;
   border-width: 2px;
   border-style: outset;
   border-color: #ffff55;
}

div.button2 a:hover {
   background-color: #ffffaa;
   color: red;
   border-style: inset;
   text-decoration: underline;
}



/* -------------------- */

div.footer {
	font-size: 0.7em;
}


li {
	padding-right: 0px;
	display: list-item;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	line-height: 1;
	padding-top: 0px;
	text-align: left
}

/* ---- テーブル ---- */

table.timetable {
	width:800px;
	table-layout:fixed;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

.timetable th {
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#ff69b4;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}

th.days {
	width:40px;
}

th.date {
	width:140px;
}

td.days {
	width:40px;
	text-align:right;
}

td.date {
	width:140px;
	text-align:center;
}



.timetable td {
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}


/* ---- クラス定義 ---- */

.title3 {
	background-color: #ff1493;
	color: #FFFFFF;
	border-style: outset;
	border-color: silve;
	border-width: thin;
	width: 640px;
	padding: 2px;
	text-align: left;
}

.notice {
	background-color: #FF8080;
	color: #000000;
	border-style: outset;
	border-color: silve;
	border-width: thin;
	width: 640px;
	padding: 2px;
	font-size: 0.7em;
	text-align: left;
}