/* --- whole structure --- */

* {
	margin: 0px;
	padding: 0px;

}

body {
	text-align: center;
	margin: 0px auto;
	font-size: 85%;
	background: url(../img/sitebg.gif) top repeat-x #E9F7D2;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color: #8E95A2;
}


a:link{
 	color: #00f;
	text-decoration: none;
}

a:visited{
 	color: #00f;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a:active{
	color: #FF3333;
	text-decoration: underline;
}


img {
	border: 0px;
}


ul, li {
	list-style: none;
	padding: 0px;
	border: 0px;
	margin: 0px;
}


p, form, h1, h2, h3, h4, h5 {
	padding: 0px; margin: 0px;
}

hr {
	padding: 0px; margin: 0px;
	display: none;
	display: block;
	clear: both;
	visibility: hidden;
	margin: 0;
}


/* -------------------- */
/* --- wrapper --- */

#wrapper {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #D6D485;
}
/* -------------------- */



/* --- header --- */
#header{
	width: 760px;
	margin: 0px;
	text-align: left;
	background: url(../img/mainvisual.jpg) top center no-repeat;
	height: 145px;
}

#header h1{
	color: #999999;
	text-align: left;
	text-indent: -5000px;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
}

#header h2{
	color: #999999;
	text-align: left;
	text-indent: -5000px;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
}

#header a{
	border: 0px;
	display: block;
	width: 760px;
	height: 100px;
}


#header a:hover{
	text-decoration: none;
}

#header a:active{
	text-decoration: none;
}

/* -------------------- */
/* --- navigation --- */

#navi {
	text-align: left;
	width: 760px;
}

#navi ul {
	background: url(../img/navibg.gif) repeat-x;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 60px;
}

#navi li {
	margin: 0px;
	padding: 0px ;
	display: inline;
}

#navi li a{
	margin: 0px;
	padding: 0px;
	display: inline;
}

/* -------------------- */


/* --- footer --- */
#footer{
	clear: both;
	margin: 0px auto;
	color: #096;
	background-color: #FBF9B6;
	height: 27px;
}


#footer2{
	clear: both;
	margin:0px;
	padding:0px;
	text-align: left;
	display:inline;
	text-decoration: none;
}

#footer2 a{
	color:#000;
	display:inline;
	margin:0;padding:0;
	text-align: left;
	text-decoration: none;
}

#footer2 p{
	margin:0;padding:0;
	text-align: left;
}
#footer2 h2{
	width:120px;
	float:left;
	font-size:100%;
	font-weight: normal;
	margin:0;padding:0;
	text-align: left;
}
/* -------------------- */


/* --- sidemenu --- */

#sidemenu {
	font-size: 100%;
	text-align: left;
	width: 210px;
	float: left;
	margin: 0px 0px 15px 2px;

}

#sidemenu a {
	margin: 0px;
	width: 100%;
	display: block;
}

#sidemenu p {
	margin: 10px 1px 5px 3px;
}

.contentsmenu {
	padding: 0px;
	margin: 0px;
	width: 210px;
	background: url(../img/menubg.gif) repeat-y;

}

.contentsmenu ul {
	width: 210px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.contentsmenu h3 {
	text-align:right;
	font-size: 100%;
	font-weight:normal;
}
.contentsmenu span {
	text-align:right;
}

.contentsmenu li {
	background: url(../img/menubg.gif) repeat-y;
	list-style-type: none;
	margin: 0px;
	padding: 8px 5px 12px 15px;
	border: dotted #990;
	border-width: 0px 0px 1px 0px;
}

#menuhead {
	background: url(../img/menuhead.gif) top center no-repeat;
	list-style-type: none;
	margin: 0px;
	padding: 8px 5px 8px 15px;
	border: 0;
}

#menubottom {
	background: url(../img/menubottom.gif) bottom center no-repeat;
	list-style-type: none;
	margin: 0px;
	padding: 7px 5px 10px 15px;
	border: 0;
}


#menuhead h2 {
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
}


.contentsmenu a,a:visited {
	color: #000;
	padding: 0;
	margin: 0px;
	display: block;
}
.contentsmenu a:hover{
	text-decoration: none;
}

#tuushin{
	margin:0;
	padding:0;
	width:203px;
	background: url(../img/tuushin_back.gif) repeat;
}

#tuushin img{
	margin:0;
	padding:0;
}

#tuushin p{
	color:#000;
	margin: 0px 10px 0px 20px;
	line-height:140%;
}
	

/* -------------------- */

/* --- contents --- */

#contents {
	background-color: #fff;
	width: 530px;
	text-align: left;
	float: right;
	line-height:1.3em;
	color: #333333;
}



#contents a {
	display: inline;
}


#contents p {
	background-color: #fff;
}

#contents h2 {
	color: #669933;
	font-size: 110%;
	width: 90%;
	height:40px;
	text-align: left;
	margin:0px;
	padding: 5px 0px 0px 45px;
	background: url(../img/h2.gif) no-repeat;

}

#top{
	color:#000;
	width:520px;
	height:300px;
	clear:both;
	margin:0px;
	padding: 0;
	background: url(../img/top.jpg) no-repeat;
}

#top span{
	width:250px;
	height:300px;
	margin:0px;
	padding: 0;
	float:right;
	line-height:140%;
}


.le{
	float: left;
}

.ri{
	float: right;
}

.cen{
	clear:both;
	text-align: center;
	margin: auto;
}

.main{
	width:100%;
	clear:both;
}
.main img{
	float:left;
	margin:5px 10px 0px 0px;

}
.main p{
	width:45%;
	float:right;
	line-height:140%;
}	
.main2{
	clear:both;
}
.main2 img{
	margin:5px 10px 0px 0px;
	clear: both;

}
.main2 p{
	line-height:140%;
}	

.main2 h3{
	clear:both;
	font-size:120%;
	margin:5px 0px 5px 0px;
	line-height:140%;
}

.toiawase{
	width:450px;
}

#links{width:100%;}

#links li{
	padding:5px 0px 5px 0px;
	font-size:100%;
	line-height:140%;
	list-style: url(../img/linklist.gif) disc inside;
	border-style:dotted;
	border-width: 0px 0px 1px 0px;
}
#links a{
	text-decoration: none;
	color:#00f;
}

.box{
	width:510px;
	clear:both;
	margin:10px 0px 0px 0px;
}

.box p{
	text-align:left;
	margin:10px 0px 0px 0px;
}
.box h3{
	font-size:110%;
}

.boxleft{
	width:100px;
	float:left;
	margin:10px 10px 0px 0px;
	text-align:left;
}


.boxright{
	width:380px;
	float:right;
	text-align:left;
	margin:10px 0px 0px 0px;
}

.boxleft2{
	width:200px;
	float:left;
	margin:10px 10px 0px 0px;
	text-align:left;
}


.boxright2{
	width:290px;
	float:right;
	text-align:left;
	margin:10px 0px 0px 0px;
}

.boxright2 h3{
	font-size:100%;
	font-weight:normal;
}
.boxright2 p{
	text-align:left;
	margin:0px 0px 0px 0px;
}

#info {
	background-color: #fff;
	width: 530px;
	text-align: left;
	float: right;
	line-height:1.3em;
	color: #333333;
}

#info h2 {
	color: #669933;
	font-size: 110%;
	width: 90%;
	height:40px;
	text-align: left;
	margin:0px;
	padding: 5px 0px 0px 45px;
	background: url(../img/h2.gif) no-repeat;

}

.note{
	clear:both;
	background: url(../img/note.gif);
	width:500px;
	padding:0px 0px 0px 30px;
	line-height:150%;
}

.note h3{
	clear:both;
	color: #669933;
	font-size: 110%;
	height:46px;
	text-align: left;
	margin:0px;
	padding: 12px 0px 0px 50px;
	background: url(../img/noteh2.gif) no-repeat;
}

.note p{
	text-indent:1em;
}

.note ul{
	padding:10px;
}

.note li{
	list-style: url(../img/linklist.gif) disc inside;
}

.note h4{
	clear:both;

	font-size:100%;
	padding:10px 0px 10px 0px;
}

.note span{
	color:#f00;
}

.note h5{
	clear:both;
	font-size:100%;
	color:#f00;
}

.note img{
	clear:both;
	text-align: center;
	margin: auto;
}
.note a{
	display: inline;
}

.note2{
	clear:both;
}

.note2 h6{
	width:15%;
	float:left;
	font-size:110%;
}
.note2 p{
	width:82%;
	float:right;
}

.note3{
	clear:both;
	line-height:150%;
	padding:0px 0px 100px 0px;
}

.note3 p{
	width:280px;
	float:left;
}
.note3 img{
	width:190px;
	float:right;
}

.info a{
	display: inline;
}	


.infotop{
	width:520px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

.infotop ul{
	width:380px;
	float:left;
	padding:0;
	margin:0px;
}
.infotop h3{
	font-size:110%;
	margin:0px;
	padding: 10px 0px 10px 0px;
}

.infotop li{
	padding:5px;
	margin:0px;
	list-style: url(../img/linklist.gif) disc inside;
}

.infotop img{
	float: right;
}

.infotop p{
	width:100%;
	margin:10px;
	line-height:140%;
}


.infotop a:link{
 	color: #00f;
	text-decoration: underline;
}

.infotop a:visited{
 	color: #00f;
	text-decoration: underline;
}

.infotop a:hover{
	text-decoration: underline;
}

.infotop a:active{
	color: #FF3333;
	text-decoration: underline;
}

.links li{margin:0;padding:3px;width:480px;line-height:140%;list-style-position:inside;list-style-image:url(../img/linklist.gif);border-style:dotted;border-width: 0px 0px 1px 0px}
.links a{display:inline;}

.paste{
	clear:both;
	padding:0;
	margin:0px;
}

.pasteleft{
	width:240px;
	float: left;
}

.pasteright{
	width:214px;
	float: right;
}

.blue{
	color:#00f;
}

.red{
	color:red;
}

.pink{
	color:#f69;
}

#tuushin2{
	color:#000;
	margin:0;
	text-align:center;
	width:203px;
	background: url(../img/tuushin_back.gif) repeat;
}

#tuushin2 img{
	margin:auto;
	text-align:center;
}

#calendar{
	color:#000;
	margin:auto;
	text-align:center;
	width:90%;}

#calendar td{
	font-weight:normal;
	text-align:center;}


.sundayyasumi{
	color:#f00;
	background-color:#ffccff;
}

.yasumi{
	background-color:#ffccff;
}

.yasumi2{
	color:#ffccff;
}
.sunday{
	color:#f00;
}

.saturday{
	color:#00f;
}

.gogo{
	background-color:#6699FF;
}
.gogo2{
	color:#6699FF;
}
.midasi{
	background-color: #FBF9B6;
}
.smal {
	font-size: 98%;
}

.menu{padding-left:5px;border:solid #039;border-width: 0px 0px 1px 10px;clear:both;}
