/* CSS Document */

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form { padding: 0px; margin: 0px; }

.clearfix:after{
          content:".";
          display:block;
          height:0;
          clear:both;
          visibility:hidden;
          }
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {
	border: none;
	}

/*******************************************************************/
/*                                                            LINK */
/*******************************************************************/
a:link,
a:visited,
a:active {
	color: #0000FF;
	}

a:hover {
	color: #f00;
	text-decoration: underline;
	}

/*******************************************************************/
/*                                                                 */
/*******************************************************************/
body {
	font-family : "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px auto;
	text-align: center;
	font-size: 75%;
	}

/*	container
===================================================================*/
#container {
	background: url(images/background.jpg) repeat-x 0px 0px;
	margin: 0px auto;
	text-align: center;
	width: 100%;
	}

/*	header
=========================================================*/
#header {
	background: url(images/header-background.jpg) no-repeat 0px 0px;
	width: 760px;
	height: 30px;
	margin: 0px auto;
	overflow: hidden;
	}
	
	#header h1 a {
		background: url(images/header-text.jpg) no-repeat 0px 0px;
		width: 300px;
		height: 30px;
		text-indent: -9999px;
		float: left;
		display: blocck;
		}

	#header .H-homelink {
    width: 245px;
    float: right;
    }

	  #header .H-homelink a.shunnav {
	    float: left;
	    }

	  #header .H-homelink a.home {
	    background: url(images/header-link.jpg) no-repeat 0px 0px;
	    width: 90px;
	    height: 30px;
	    text-indent: -9999px;
	    display: blocck;
	    float: right;
	    }

	    #header .H-homelink a.home:hover {
	      background-position: -90px 0px;
	      }

/*	main-image
=========================================================*/
#main-image {
	background: url(images/main-image-shadow.jpg) no-repeat center bottom;
	margin: 0px auto;
	height: 250px;
	}

/*	contents
=========================================================*/
#contents {
	margin: 0px auto;
	width: 760px;
	text-align: left;
	}

/*	main
===============================================*/
#main {
	float: right;
	width: 560px;
	}
	
	/*	h2	*/
	#main h2 {
		background: url(images/contents-ttl.jpg) no-repeat 0px 0px;
		text-indent: -9999px;
		width: 560px;
		height: 46px;
		}
	
	/*	page-nav	*/
	#main .page-nav {
		background-color: #ccc;
		border-right: 1px solid #B2B2B2;
		border-bottom: 1px solid #B2B2B2;
		padding: 4px 20px;
		margin-bottom: 5px;
		}
	
		#main .page-nav .left {
			float: left;
			}
	
		#main .page-nav .right {
			float: right;
			}
	
	/*	main-information	*/
	#main #main-information {
		border: 1px solid #999;
		padding: 10px 10px 0px 10px;
		margin-bottom: 5px;
		text-align: center;
		width: 538px;
		}
		
		/*	h3	*/
		#main-information h3 {
			background: #B80C10 url(images/h3.jpg) repeat-x 0px 0px;
			border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			margin: 0px auto 10px auto;
			text-align: left;
			font-weight: normal;
			padding: 5px 10px;
			font-size: 130%;
			color: #fff;
			}
			
			#main-information h3 a {
				color: #fff;
				text-decoration: none;
				}

			#main-information h3 a:hover {
				color: #FFFF00;
				text-decoration: underline;
				}
		
		/*	entry_box	*/
		#main-information .entry_box {
			margin: 0px auto;
			}
			
			/*	年月日	*/
			#main-information .entry_box .log-date {
				float: left;
				background-color: #ccc;
				padding: 5px 0px 3px 0px;
				width: 180px;
				}
			
			/*	時間	*/
			#main-information .entry_box .time {
				float: right;
				background-color: #ccc;
				padding: 5px 0px 3px 0px;
				width: 90px;
				}
		
		/*	entry_body	*/
		#main-information .entry_body {
			border: 1px solid #999;
			padding: 10px 10px 15px 10px;
			text-align: left;
			margin-bottom: 20px;
			line-height: 160%;
			}
			
			#main-information .entry_body ul {
				margin-left: 18px;
				}
		
				#main-information .entry_body ul li {
					padding-bottom: 5px;
					}
		
		/*	page-top	*/
		#main-information .page-top {
			float: right;
			margin-bottom: 10px;
			}
			
			#main-information .page-top a {
				background: url(images/page-top.jpg) no-repeat 0px 0px;
				width: 140px;
				height: 22px;
				text-indent: -9999px;
				display: block;
				}
				
				#main-information .page-top a:hover {
					background-position: 0px -22px;
					}

/*	nav
===============================================*/
#nav {
	float: left;
	width: 190px;
	background-color: #0A82C2;
	}

	#bg {
		width: 184px;
		margin: 3px auto;
		padding-bottom: 10px;
		background-color: #0055A4;
		}
		
		/*	共通	*/
		#bg h4 {
			width: 184px;
			height: 35px;
			text-indent: -9999px;
			margin-bottom: 2px;
			}
		
		ul.link-list {
			background-color: #fff;
			margin: 0px auto 3px auto;
			width: 180px;
			list-style: none;
			padding: 8px 0px;
			}
		
			ul.link-list li {
				background: url(images/list-icon.gif) no-repeat 6px 3px;
				padding: 2px 2px 2px 22px;
				}
				
				ul.link-list li ul {
					list-style: none;
					}
					
					ul.link-list li ul li {
						background: url(images/list-icon-list.gif) no-repeat 8px 5px;
						}
				
		ul.search-list {
			background-color: #fff;
			margin: 0px auto 3px auto;
			width: 180px;
			list-style: none;
			padding: 8px 0px;
			}
		
			ul.search-list li {
				padding: 2px;
				text-align: center;
				}
				
		/*	calendar	*/
		h4#calendar-ttl {
			background: url(images/calendar-ttl.jpg) no-repeat 0px 0px;
			}
		
		#calendar-data {
			width: 180px;
			margin: 0px auto 3px auto;
			background-color: #ccc;
			text-align: center;
			padding: 5px 0px 10px 0px;
			}
		
		/*	calendar(曜日)	*/
		table.data {
			width: 95%;
			margin: 0px auto;
			text-align: center;
			padding: 5px 0px;
			}
			
		/*	calendar(曜日)	*/
		table.calendar {
			width: 95%;
			margin: 0px auto 10px auto;
			text-align: center;
			}
			
			table.calendar td {
				padding: 3px 0px;
				}
			
			/*	土	*/
			table.calendar .cell_saturday  {
				background-color: #0000FF;
				color: #fff;
				}
			
			/*	日	*/
			table.calendar .cell_sunday  {
				background-color: #f00;
				color: #fff;
				}
			
			/*	平日	*/
			table.calendar .cell  {
				background-color: #fff;
				}
			
			/*	今日	*/
			table.calendar .cell_today  {
				background-color: #FFFF00;
				}
		
		/*	information	*/
		h4#info-ttl {
			background: url(images/info-ttl.jpg) no-repeat 0px 0px;
			}
		
		/*	news	*/
		h4#news-ttl {
			background: url(images/news-ttl.jpg) no-repeat 0px 0px;
			}
		
		/*	category	*/
		h4#category-ttl {
			background: url(images/category-ttl.jpg) no-repeat 0px 0px;
			}
		
		/*	archive	*/
		h4#archive-ttl {
			background: url(images/archive-ttl.jpg) no-repeat 0px 0px;
			}
		
		/*	RSS	*/
		h4#rss-ttl {
			background: url(images/rss-ttl.jpg) no-repeat 0px 0px;
			}
		
		/*	search	*/
		h4#search-ttl {
			background: url(images/search-ttl.jpg) no-repeat 0px 0px;
			}
		
	#search {
		width: 100px;
		}

/*	footer
=========================================================*/
#footer {
	margin: 20px auto 10px auto;
	padding: 5px 0px 15px 0px;
	width: 760px;
	background: url(images/footer-background.jpg) repeat-x left bottom;
	color: #fff;
	}
	
	#footer .F-homelink {
		float: left;
		margin-left: 15px;
		}
		
		#footer .F-homelink a {
			background: url(images/footer-link.jpg) no-repeat 0px 0px;
			display: block;
			width: 70px;
			height: 24px;
			text-indent: -9999px;
			}
		
			#footer .F-homelink a:hover {
				background-position: 0px -24px;
				}
		
	#footer .copyright {
		float: right;
		margin-right: 15px;
		padding-top: 5px;
		}

