@charset "utf-8";
/* 
Description: Common Page for Nagomi-no-sato
Author: Fhu Design
*/


/* =reset styles
-------------------------------------------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	   margin: 0;
	   padding: 0;
	   color: #222222;
	   font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
		 }

/* For body element */

body {
		background-color:#ffffff;
	   font-size: 16px;
	 }
* html body { 
	  font-size: medium; /* IE 6 or sooner */
	 }  


/* =Structure
-------------------------------------------------------------- */

#container {
		position:relative;
		top:0px;
		left:0px;
		width:800px;
		margin:0 auto;
		color:#2d2d2d;
		text-align:left;
		font-weight:normal;
		line-height:140%;
		background:url(images/trunk.gif) repeat-y;
		}
#left {
		float:left;
		width:519px;
		padding-left:17px;
		font-size:85%;
		}
#right {
		float:left;
		width:264px;
		}
#footer {
		width:800px;
		height:94px;
		background:url(images/bottom.gif) no-repeat;
		}


/* =Global Elements
-------------------------------------------------------------- */

img {
		border:none;
		}
h1,h2,h3 {
		font-weight:normal;
		}
a {
		text-decoration:none;
		color:#0074be;
		}
a:visited {
		color:#8414ad;
		}
a:hover {
		color:#ff0000;
		}
a:focus {
		outline:none;
		}
a.underline {
			text-decoration:underline;
			}
.clear {
		clear:both;
		}
.clear hr {
		display:none;
		}

	
/* =Header&TopMenu
-------------------------------------------------------------- */

.logo img {
		position:absolute;
		top:0px;
		left:0px;
		}
.catch img {
		position:absolute;
		top:25px;
		left:110px;
		}
.top-menu {
		position:absolute;
		top:13px;
		left:340px;
		}
.top-menu ul {
		list-style:none;
		display:inline;
		}
.top-menu li {
		float:left;
		}
.top-menu li a {
		display:block;
		width:94px;
		height:30px;
		text-indent: -9999px;
		overflow: hidden;
		}
.top-menu li.menu01 a {
		background:url(images/menu01a.gif) no-repeat;
		}
.top-menu li.menu01 a:hover {
		background:url(images/menu01h.gif) no-repeat;
		}
.top-menu li.menu02 a {
		background:url(images/menu02a.gif) no-repeat;
		}
.top-menu li.menu02 a:hover {
		background:url(images/menu02h.gif) no-repeat;
		}
.top-menu li.menu03 a {
		background:url(images/menu03a.gif) no-repeat;
		}
.top-menu li.menu03 a:hover {
		background:url(images/menu03h.gif) no-repeat;
		}

/* for print */
.logo-print img {
		display: none;
		} /* END */


/* =Left Side
-------------------------------------------------------------- */

.news {
		padding-top:15px ;
		}
.news h2.frog {
		width:251px;
		height:41px;
		text-indent: -9999px;
		overflow: hidden;
		background:url(images/news.gif) no-repeat;
		}

/* for print */
.news-print {
		display: none;
		} /* END */		
p.date {
		float:right;
		display:inline;
		margin:-15px 0 0 0;
		padding:0 40px 0 0;
		font-size:100%;
		color:#333333;
		}
.news02 {
		clear:both;
		height:35px;
		}
.news02 h3 {
		vertical-align:middle;
		padding:9px 0 5px 20px;
		font-size:120%;
		font-weight:bold;
		color:#365da0;
		}
.news03 {
		padding:25px 10px 15px 10px;
		font-size:100%;
		}
		
/* for IE6 */
* html .news03 {
		padding-top:15px;
		} /* END */


/* for print */
.border img {
		display: none;
		} /* END */

.border {
		width:494px;
		height:4px;
		background:url(images/border.gif) no-repeat;
		}


/* keirin */
.keirin img {
		padding-right:10px;
		}
.keirin	{
		margin-top:50px;
		margin-bottom:10px;
		}
.end_title {
		margin-top:30px;
		margin-bottom:20px;
		font-size:130%;
		color:blue;
		font-weight:bold;
		text-align:center;
		}


/* =Right Side
-------------------------------------------------------------- */

.side-menu {
		width:264px;
		height:752px;
		background:url(images/board.gif) no-repeat;
		}
.side-menu ul {
		list-style:none;
		display:inline;
		}
.side-menu li a {
		display:block;
		width:207px;
		height:23px;
		}
* html .side-menu li a {
		display:block;
		width:115px;
		height:23px;
		}
.side-menu li.side-c1-31 a {
		display:block;
		width:207px;
		height:46px;
		} /*2段メニューのため */

.side-menu li.side-active {
		display:block;
		width:207px;
		height:23px;
		}	
				
.side-menu li.side-c1-31-active {
		display:block;
		width:207px;
		height:46px;
		}  /*2段メニューのため */
		
.side-menu li a:hover {
		background-color:#ffffff;
		}
.side-menu a:hover img {
		visibility:hidden;
		border:none;
		}
.board01 {
		position:absolute;
		top:241px;
		left:565px;
		width:207px;
		}
* html .board01 {
		position:absolute;
		top:246px;
		left:548px;
		width:207px;
		} /* for IE6 top=+5px left=-17px */
* html .board01 li {
		margin-top:-2px;
		} /* for IE6 li間隔が空き過ぎのためtop詰め */
.board01-1 {
		padding-top:6px;
		}
.board01 li.side-c1-11 a {
		background:url(images/side-child1-11h.gif) no-repeat;
		}		
.board01-2 {
		padding-top:44px;
		}
* html .board01-2 {
		padding-top:43px;
		} /* for IE6 top=-1px */
.board01 li.side-c1-21 a {
		background:url(images/side-child1-21h.gif) no-repeat;
		}		
.board01-3 {
		padding-top:42px;
		}
* html .board01-3 {
		padding-top:41px;
		} /* for IE6 top=-1px */
.board01 li.side-c1-31 a {
		background:url(images/side-child1-31h.gif) no-repeat;
		}
.board01 li.side-c1-32 a {
		background:url(images/side-child1-32h.gif) no-repeat;
		}
.board01-4 {
		padding-top:42px;
		}
* html .board01-4 {
		padding-top:41px;
		} /* for IE6 top=-1px */
.board01 li.side-c1-41 a {
		background:url(images/side-child1-41h.gif) no-repeat;
		}
.board01-5 {
		padding-top:42px;
		}
* html .board01-5 {
		padding-top:41px;
		} /* for IE6 top=-1px */
.board01 li.side-c1-51 a {
		background:url(images/side-child1-51h.gif) no-repeat;
		}
.board02 {
		position:absolute;
		top:636px;
		left:565px;
		width:207px;
		}
* html .board02 {
		position:absolute;
		top:618px;
		left:548px;
		width:207px;
		} /* for IE6 top=-18px left=-17px */
* html .board02 li {
		margin-top:-2px;
		} /* for IE6 li間隔が空き過ぎのためtop詰め */
.board02 li.side-c2-11 a {
		background:url(images/side-child2-11h.gif) no-repeat;
		}
* html .board02 li.side-c2-11 a {
		padding-left:16px;
		background:url(images/side-child2-11h.gif) no-repeat 16px 0px;
		} /* for IE6 この行のみインデント効かないため */
.board02 li.side-c2-12 a {
		background:url(images/side-child2-12h.gif) no-repeat;
		}
.board02 li.side-c2-13 a {
		background:url(images/side-child2-13h.gif) no-repeat;
		}
.board02-2 {
		padding-top:42px;
		}
* html .board02-2 {
		padding-top:41px;
		} /* for IE6 top=-1px */
.board02 li.side-c2-21 a {
		background:url(images/side-child2-21h.gif) no-repeat;
		}
.board02 li.side-c2-22 a {
		background:url(images/side-child2-22h.gif) no-repeat;
		}
.board03 {
		position:absolute;
		top:830px;
		left:565px;
		width: 207px;
		}
* html .board03 {
		position:absolute;
		top:810px;
		left:564px;
		width: 207px;
		} /* for IE6 top=-16px left=-1px */
.board03 li.side-p3-11 a {
		background:url(images/side-parent3-1h.gif) no-repeat ;
		}
.board04 li a {
		display:block;
		width:207px;
		height:65px;
		}		
.board04 {
		position:absolute;
		top:870px;
		left:565px;
		width:207px;
		height:65px;
		}
* html .board04 {
		position:absolute;
		top:851px;
		left:564px;
		width:207px;
		height:65px;
		} /* for IE6 top=-19px left=-1px */
.board04 li.side-p4-11 a {
		background:url(images/side-parent4-1h.gif) no-repeat ;
		}


/* =Footer
-------------------------------------------------------------- */

.bottom-menu {
	float:left;
		padding-top:30px;
		padding-left:20px;
		font-size:90%;
		}
.pagetop {
		float:right;
		}	
.pagetop a {
		display:block;
		width:264px;
		height:94px;
		text-indent: -9999px;
		overflow: hidden;
		background:url(images/pagetop-a.gif) no-repeat;
		}
.pagetop a:hover {
		background:url(images/pagetop-h.gif) no-repeat;
		}
.copyright {
		margin-bottom:10px;
		padding-top:3px;
		font-size:85%;
		color:#5a3d1c;
		text-align:center;
		background:url(images/white.gif) repeat-y;
		}


/* =Entry img
-------------------------------------------------------------- */

/*img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
*/

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


.wp-caption-text {
	font-size:95%;
	margin-top:5px;
	text-align:left;
}


.postclear {
		clear:both;
		}
.postclear hr {
		height:5px;
		visibility:hidden;
		}