/************************************************/
/*       	    for print         		*/
/*.head2.about2	  background-color:#ffcccc;	*/
/*.head2.map2     background-color:#ffcccc;	*/
/*.head2.search2  background-color:#ffffcc;	*/
/*.head2.info2    background-color:#ccffff;	*/
/*						*/
/*  background-image -> background-color	*/
/************************************************/

	* { 
  margin: 0;
  padding: 0;
}

a { color: #009999; background: transparent;}
a:link { color: #306; background: transparent;}
a:visited { color: #306; background: transparent;}
a:hover { color: #900; background: transparent;text-decoration:underline; }
a:active { color: #900; background: transparent;text-decoration:underline;}


h1,h3 { margin-top:4px; margin-botom:2px; line-height: 1.0; }
h2 {
  line-height: 1.0;
  padding: 2px;
  margin: 8px 5px 10px 0px;
  color: #000;
  background: transparent;
  }
p { margin: 4px 7px 4px 7px; line-height: 1.1; }

body { font-size: 90%; lign-height:1.0; }
h1 { font-size: 180%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

table { border-collapse: collapse; margin: 5px;}
table, th,td {border: 1px solid #999999;font-size:100%;padding:5px;}
caption { font-weight: bold; font-size:120%;padding:5px; }

a {
	text-decoration:none;
	font-weight:normal;
	color:#	c00;
	}
	
pre {
	font-size:11px;
	color:blue;
	}
	
.greek {
	color:#630;
	}

.gray {
	color:#808080;
	}
	
/******  list  ******/
ul {
	list-style: circle inside;
	margin: 0px 10px 10px 10px;
	font-size: 110%;
	}

#main li{
margin-bottom: 1em;
margin-left: 3px;
}

#contentcenter li { margin-bottom: 0.5em; }

/******  body *********/
body {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff;
	margin:0px;
	padding:0px;
	text-align:center;
	}

/******  outer  *******/
#outer
	{
	width:640px;
	background-color: #fff;
	padding: 0px;
	margin:0 auto 0 auto;
	text-align:left;
	}
	

/******  date & jp  ******/
.update {
  position: relative;
  font-size: 12px;
  left: 0px;
  top: 0px;
  margin: 0;
}

.jp {
  position: relative;
  font-size: 12px;
  left: 450px;
  top: 0px;
  margin: 0px;
}

/****** left center ******/
#main
	{
	float:left;
	width:640px;
	background-color: transparent;
	}
	
	#contentleft
	{
	float:left;
	width:420px;
	background-color: transparent;
        margin-top:0px;
	padding: 0px;
	}
	
	#contentcenter
	{
	float:right;
	width: 200px;
	background-color: transparent;
	/*background-color: #eee;*/
	/*background-color: #cccccc;*/
        margin-top: 8px;
	padding:0px;
        border-color: #cccccc;
        border-width : 2px 20px;
	}

/****** right ******/
#contentright
	{
	width:180px;
	background-color: #eee;
        margin-top: 0px;
        margin-left: 405px;
	padding: 0px;
	}

/****** footer ******/
#foot
	{
	clear:left;
	background-color: transparent;
	height: 20px;
	text-align: center;
	margin-top: 10px;
	}


/****** informationに関するCSS ******/
/*見出し　使用していません*/

.info-midashi{
  background:#cccccc;
  width:15%;
  margin-top:5px;
  margin-bottom:0px;
  margin-left:0px;
  border-style:solid;
  border-width:2px;
  border-color:#cccccc;
  text-align:center;
}

/*お知らせ掲載欄*/
.info-naiyou{
 margin-top:5px;
 margin-bottom:5px;
 width:640px;
 height:60px;
 overflow:auto;
 border-style:solid; 
 border-width:1px; 
 border-color:#c0c0c0;
}

.info-year {
font-size: 80%;
font-color: color:#630;
font-style: italic;
}

/****** content about ******/

.content.about h2 {
  background-color: #ffcccc;
  border:1px solid #c0c0c0;
}

/****** content about right ******/

.content.about.right {
  position: relative;
  left: 200px;
  top: -4.5em;
}

/****** content search ******/

.content.search {
  position: relative;
  top: -4em;
}
.content.search h2 {
  background-color: #ffffcc;
  border:1px solid #c0c0c0;
}

/****** content order ******/

.content.order {
  position: relative;
  top: -3.5em;
}
.content.order h2 {
  background-color: #ccffff;
  border:1px solid #c0c0c0;
}

.content.order p {
margin-left: 15px;
}

span.only {
  color: #900;
  position: relative;
  font-weight: normal;
  font-size: 12px;
  left: 20px;
}

/****** content link ******/

div.content.link {
  margin-top: 0px;
  height:200px;
  font-size: 90%;
  background-color: #DCDCDC;
}

.link-midashi {
  border-style:solid;
  border-color: #DCDCDC;
  border-width : 2px 20px;
  padding: 0px;
  /*font-size: 120%;*/
  margin-bottom:5px;
  margin-top:5px;
  text-align:center;
  background-color:#ffffff;
}
.clears {
  clear:both;
}

/*********************** */
/* カレンダーに関するcss */
/*********************** */

/* カレンダー全体の*/
.cl-all {
padding: 0 0 5px 0;
font-size: 80%;
border-style :solid;
border-color: #DCDCDC;
border-width : 1px;
}

/* カレンダーの開館時間表示部 */
.cl-midashi {
border-style :solid;
border-color: #DCDCDC;
border-width : 1px 20px;
padding: 0px;
}

/* カレンダー(開館時間)色に関するcss */
td.clm1 {color: #000000;}

td.clm2 {color: #ffff33;}

td.clm3 {color: #00ffff;}

td.clm4 {color: #ff3300;}

td.clm5 {color: #33ff00;}


/* カレンダー色に関するcss */
td.cl1 {
padding: 2px;
color: #000000;
}

td.cl2 {
padding: 2px;
color: #FFFF33;
}

td.cl3 {
padding: 2px;
color: #00FFFF;
}

td.cl4 {
padding: 2px;
color: #FF3300;
}

td.cl5 {
padding: 2px;
color: #33ff00;
}

/* カレンダー色(先月分)に関するcss */
td.lcl1 {
padding: 2px;
color: #808080;font-size:75%; }

td.lcl2 {
padding: 2px;
color: #ffff33;font-size:75%;}

td.lcl3 {
padding: 2px;
color: #00ffff; font-size:75%;}

td.lcl4 {
padding: 2px;
color: #ff3300; font-size:75%;}

td.lcl5 {
padding: 2px;
color: #99cc00; font-size:75%;}

/***************************/
/*        second           */
/***************************/

/****** second-header ******/
.head2 {
  background-repeat:repeat-x;
  border: solid 1px #c0c0c0;
  padding: 10px 0 0 10px;
  margin-top:15px;
  margin-bottom: 20px;
}

/****** second-footer ******/
#foot2
	{
	background-color: transparent;
	height: 20px;
	margin-top: 5px;
	text-align: right;
}

/****** second-infomation ******/
.head2.info2  {
  background-color:#ccffff;
  padding: 10px;
  margin-bottom: 20px;
}	

.second.info h2 {
font-size: 130%;
margin-top:20pt;
background-color:#ccffcc;
border:1px solid #c0c0c0;
padding: 3px;
}

.second.info ul,li {
margin: 0;
padding: 0;
}

/****** second-about ******/

.head2.about2  {
  background-color:#ffcccc;
  margin-bottom: 20px
}	

.head2.map2  {
  background-color:#ffcccc;
  padding: 10px;
  margin-bottom: 20px;
}	

#calendar { border: solid 1px #c03; width:23em; padding:2px;text-align:center; }
.second ul { font-size: 120%;  line-height:1.8; }
.second ul ul {font-size: 100%; list-style: disc inside;line-height:1;}
.second p { font-size: 120%; }

.head2.about2 p.asahi {
  position: relative;
  font-size: 12px;
  left: 455px;
  bottom: 15px;
  margin: 0;
}

.head2.about2 p.central {
  position: relative;
  font-size: 12px;
  left: 500px;
  bottom: 15px;
  margin: 0;
}

/****** second-contact ******/
.second.contact  {
margin-left:100px;
}

/****** second-search ******/

.head2.search2  {
  background-color:#ffffcc;
  padding: 10px;
  margin-bottom: 20px
}

#vpn { border: solid 1px #808000; width:20em; padding:2px;text-align:center; margin-bottom: 15px;
 }