@charset "utf-8";

/*
 *  main.css
 */

/*---------------------------
	初期スタイル調整
----------------------------*/

body {
	font-size:100%;
	font-style:normal;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
	color:#333333;
	line-height:120%;
	text-align:center;
	margin:0px;
	padding:0px;
	}
	
p,div,img,ul,form { margin:0; padding:0; border:0; }
table,td,th { margin:0px; padding:0px; font-size:100%;}
hr {display:none;}

/*** h1-h5 ***/

h1 {width:auto;margin:0px;padding:0px;}

h2,h3,h4,h5 {
	width:auto;
	margin:0px;
	padding:0px;
	font-size:100%;
	}

/*** link ***/

a:link,
a:visited,
a:active {color:#003399;text-decoration:none;}
a:hover {color:#FF3300;text-decoration:none;}


/*---------------------------
	基本構造
----------------------------*/

/*---header---*/

#header {
	width:100%;
	text-align:center;
	}

/*---contents---*/

#conts {
	width:100%;
	border-top:solid #fff 1px;
	text-align:center;
	}

#conts-body {
	width:880px;
	margin: 0 auto;
	text-align:left;
	}

#conts-body p{
	margin: 7px 0;
	}
	
/*ページタイトル*/
#conts .title{
	text-align:right;
	font-size:105%;
	margin: 5px 0 0 0;
	padding: 2px 0 2px 10px;
	}

.message {
	display:block;
	border-top: solid #ffba00 2px;
	padding: 2px 0 2px 10px;
	color:#FF0000;
	margin-bottom:15px;
	text-align:left;
	}

/*---footer---*/

#footer {
	width:100%;
	margin-top:10px;
	padding:10px 0 0 0; 
	text-align:center;
	border-top: solid #009900 3px;
	position:relative;
	}

#footer .banner{
	position:absolute;
	top:15px;
	right:10%;
	width:100px;
	height:27px;
	}

#footer address{font-weight: normal;}


/*-------------------------
	floatクリア
--------------------------*/

.clr {clear:both;}

.cfix:after { 
	content: "."; display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
.cfix {display: inline-block;}
 /* Hides from IE-mac \*/
*html .cfix {height: 1%;}
.cfix {display: block;}
 /* End hide from IE-mac */
 

/*-------------------
	汎用的に使用
-------------------*/
h3 {
	text-align: left;
}
.main-area {
	width:860px;
	text-align:center;
	margin: 20px auto 10px auto;
	}

.main-area img {
	margin: 0px 20px;
	}

.main-area table {
	border:solid #000 1px;
}

.main-area th {
	background-color:#d6d6d6;
	border:solid #999 1px;
	text-align: center;
	font-weight: normal;
	padding: 3px;
}

.main-area td {
	background-color:#fff;
	border:solid #999 1px;
	text-align: center;
	padding: 3px;
}

.col1 {
	border:none;
	border-right: dotted #333 1px;
}

.col2 {
	border:none;
	border-right: dotted #333 1px;
}

.col3 {
	border:none;
	border-right: dotted #333 1px;
}

.col4 {
	border:none;
	border-right: dotted #333 1px;
}

.main-menu {
	text-align: left;
	margin-left: 300px;
	font-size: 120%;
}
.main-menu ul {
	list-style:outside none;
	line-height: 200%;
}

/*-------------------
	カレンダーに使用
-------------------*/
#rsvTable {
	margin-left:30px;
}
#rsvTable .leftLine {
	border-right-width: 3px;
}
#rsvTable table {
	text-align: center;
	font-size: 80%;
	margin: 5px 0;
	font-weight: bold;
	border-collapse: collapse;
	border-spacing: 2px;
	border-color: gray;
	border-width: 3px;
	padding: 0;
}
#rsvTable tr {
}
#rsvTable th {
	text-align: center;
	border: solid #999 1px;
	padding: 0 4px;
	margin: 0px;
	background-color: #e6e6e6;
}
#rsvTable td {
	text-align: center;
	border: solid #aaaaaa 1px;
	padding: 3px;
	margin: 0px;
}

#createDate {
	font-size: .7em;
	text-align: left;
	margin-right: 30px;
	margin-left:40px;
}
#navi {
	font-size: .8em;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:30px;
}
.sun {
	color: #ff0000;
}
.sat {
	color: #0000ff;
}
.notice {
	text-align: left;
	margin-left: 100px;
	font-size: smaller;
}
.desc {
	text-align: left;
	width: 70%;
	margin-left: 100px;
	border: solid #cc3333 1px;
	padding: 10px;
	margin-bottom: 30px;
}
#hanrei {
	text-align: left;
	font-size: .8em;
	margin-left:600px;
}
.footermenu {
	font-size: .8em;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:30px;
	display: block;
	list-style-type: disc;
}