﻿* {
padding: 0;
margin: 0;
} 

body {
margin:0;
padding: 0;
background: #ffffff;
color: #444;
font: 12px;
font-family:"ＭＳ Ｐゴシック", Arial, sans-serif;
line-height: 17px;
}

img {border: none;}
a{ color: black; text-decoration: none; }
a:hover {  color: fuchsia; }

table {border: none;
text-align:center}
a{ color: maroon; text-decoration: none; }
a:hover {  color: fuchsia; }

#top {
background: white;
padding: 10px 0;
}
#contentt {
background: white;
padding: 20px;
}
#bottom {
color:fuchsia;
text-align:right;
padding: 5px 0;
}

#wrap {
width: 970px;
margin: 0 auto;
}

#header {
height: 150px;
line-height: 30px;
}
#header h1 { 
font-size: 45px;
letter-spacing: -1px;
padding: 30px 0 0 10px;
color: #000;
}
#header h1 a { 
color: fuchsia;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
}
#header h2 { letter-spacing: -1px; padding: 0 0 0 14px; font-size: 12px; color: #666; }

#headermenu {
height: 36px;
background: url(images/bg_menu.gif) repeat-x;
line-height: 36px;
}
#main{
height: 200px;
margin: 5px;
}
/* /////////////////////////////////////////// */
/* smmenu
/* /////////////////////////////////////////// */

#smmenu { width: 900px;
    margin-top:15px;
 margin-bottom: 15px;
 background-color: white;
}
#smmenu p {
	font-size:80%;
	margin:0;
}
#smmenu p a {
	background: url('images/smmenu_ico.gif') no-repeat center right;
	background-color:white;
	padding-right:15px;
	margin-right:5px;
	color: black;
}
#smmenu p img {
				 margin: 1px;
				 padding: 1px;
				 
}
#smmenu  a:hover { color: fuchsia; } 
/* /////////////////////////////////////////// */
/* smmenu end
/* /////////////////////////////////////////// */

.headerm { 
padding: 0;
text-transform: uppercase;
font-weight: 100;
}
.headerm li {
float:left;
list-style-type:none;
}
.headerm li a {
display:inline;
padding:0 1px;
text-decoration:none;
color: #fff;
letter-spacing:1px;
letter-spacing: -1px;
font-size: 12px;
}
.headerm li a:hover {
color:#000;
text-decoration:none;
}

.left {
margin-top: 5px;
float: left;
width: 200px;
line-height: 15px;
font-size:small;
}
.left h2 {
margin-top: 10px;
font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
line-height: 30px;	
background: #CC0001 url(images/bgimg.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
margin-bottom: 10px;
}
.left ul  {
color: #aaa;
font-size:medium;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 10px;
text-decoration: none;	
list-style-type:none;	
}
.left ul li {
padding: 5px 5px 5px 5px;
margin: 5px;	
}
.left ul a {
font-weight: 600;
background:url('images/lnavi_icon.gif');
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
color: black;
}
.left ul a:hover { color : fuchsia; }
.middle { 
margin-top: 5px;
float: left;
width: 710px;
margin-left: 10px;
line-height: 20px;
}
.middle h2 {
font: bold 12px ＭＳ Ｐゴシック, Arial, sans-serif;
color: #fff;	
background: #CC0001 url(images/bgimg.jpg) repeat-x;
margin-bottom: 5px;
margin-top: 10px;
height: 30px;
line-height: 30px;
padding-left: 10px;
}
.middle h2 a {
color: #fff;
}
.middle h2 a:hover {
color: #000;
}

.middle h3{
font: bold 12px ＭＳ Ｐゴシック, Arial, sans-serif;
color: blac6B;
background: ThreeDFace;
margin-bottom: 5px;
margin-top: 10px;
height: 30px;
line-height: 30px;
padding-left: 10px;
}
.middle ul li{ background: white;
				list-style-position:inside;
				list-style-type: square;
}

.contents_item {
margin-top:10px;
	margin-bottom:10px;
}
.contents_item ul li {
list-style:none;
	border-bottom:1px dotted #CCCCCC;
}
#footer {
margin-top:10px; 
background-image: url('images/bgimg.jpg');
color: #ffffff;
text-align: center;
padding-top:10px;
padding-bottom: 10px;
}

#footer a {color: white; text-decoration: none; }
#footer  a:hover { color: gray; }

/* /////////////////////////////////////////// */
/* schedule
/* /////////////////////////////////////////// */
.calendar {
    color: black;
    text-align: center;
}
.calendarhead {
    font-size: 9px;
    letter-spacing: .3em;
}
.calendar table {
    width:650px;
    padding: 0;
    border-collapse: collapse;
}
.calendar th {
    padding-top: 5px;
    font-size: 15px;
    font-weight:bold;
    width : 90px ;
}
.calendar td {
    padding: 2px 0;
    font-size:15px;
    height: 60px;
    line-height: 120%;
    font-weight:bold;
    text-align:left;
}
.today {
    display: block;
    border: 2px solid #444444;
}
.holiday {
    color: #e50003;
}
.saturday {
    color: #0000ff;
}
.sunday {
    color: red;
}

.tx-cal-mon span {
				font-size:x-large;
				color:maroon;
				}
.tx-cal-day a:hover {
				color:navy;
				font-size:large
}

.table {
    color: black;
    text-align: left;
    border:thin;
    border-style:inset;
    border-color:maroon;				
}
.form_table {
margin:5px 0 0 5px;
    width:98%;
    padding: 2px;
    border-color: gray;
    border: 1px;
    border-style:groove;}

.form_table tr th{ 
padding-left: 10px;
text-align:left;
    border-color: maroon;
    border-style: dashed;
    border-width: 1px;
    border-collapse:collapse;
    width:auto;				
}
.form_table td{ 
padding-left: 10px;
    text-align:left;
    border-color: maroon;
    border-style: dashed;
    border-width: 1px;
    border-collapse:collapse;
    width:auto;					
}

img.example1 {
width: 50px;
height: 50px;
margin: 3px;
}

ul.list {
margin: 3px;
padding: 3px;
list-style-type: none;
}

ul.list li {
padding: 0 0 5px 15px; /* 項目のパディング（上右下左） */
background: url('images/triangle2.gif')no-repeat 3px 0.2em; /* マーカー画像 */
line-height: 110%;
font-size:large;
font-weight:bold;
}
