@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
p{clear:both;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
hr,legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}
li{list-style-type:none;}
/*--- default */
html{overflow-y:scroll;}
body{color:#333;font-family:メイリオ,Meiryo,verdana,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size:100%;line-height:1.5;}
input,textarea{font-family:メイリオ,Meiryo,verdana,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
* html body,* html input,* html texarea{font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;text-align:center;}

/* =========================================================
   General Settings
========================================================= */
a:link,a:visited,a:hover,a:active {
	color:#12c;
	text-decoration:none;
}
a:hover {
	border-bottom:1px solid #2fe9d0;
	color:#2fe9d0;
}

/* =========================================================
   #header
========================================================= */
#header {
	padding:20px 0 15px;
	border-bottom:3px solid #59b592;
	background:#398065 url(./img/bg_header.png) no-repeat bottom center;
	text-align:center;
}
.div_head {
	width:780px;
	height:45px;
	margin:0 auto;
	background:url(./img/header.png) no-repeat left top;
	text-align:left;
	text-indent:100%;
   white-space:nowrap;
   overflow:hidden;
}
	.div_head .a_head {
		display:block;
		width:266px;
		height:45px;
	}

/* #nav
--------------------------------------------------------- */
#nav {
}
.ul_nav {
	width:780px;
	margin:20px auto 0;
	text-align:left;
	color:#fff;
	font-size:1.2em;
}
	.ul_nav li {
		display:inline;
		margin-right:30px;
		padding:5px;
	}
	.ul_nav a {
		padding-bottom:3px;
		color:#f2f4f2;
	}
		.ul_nav a:hover,.nav_here {
			border-bottom:3px solid #f2f4f2;
		}

/* =========================================================
   #contents
========================================================= */
#contents {
	text-align:center;
}

/* #subnav
--------------------------------------------------------- */
#subnav {
	width:740px;
	margin:0 auto;
	padding:10px 20px;
	border:1px solid #f2f4f2;
	border-width:0 1px 1px 1px;
	background:url(./img/bg_subnav.png) repeat-x top;
	text-align:left;
}
	#subnav a {
		color:#398065;
		text-shadow:1px 1px 0px #fff;
	}
		#subnav a:hover {
			border:0;
			color:#2fe9d0;
		}
.ul_subnav {
	text-align:left;
}
	.ul_subnav li {
		display:inline;
		padding:0 20px 0 10px;
	}
.subnav_here {
	background:url(./img/bg_li_subnav.png) no-repeat left center;
	font-weight:bold;
}


/* #main
--------------------------------------------------------- */
#main {
	width:740px;
	margin:0 auto;
	padding:20px 20px;
	border-left:1px solid #f2f4f2;
	border-right:1px solid #f2f4f2;
	text-align:left;
}

/*--- General Settings */
h1,h2,h3 {
	font-weight:bold;
}
h1 {
	margin-bottom:15px;
	padding:2px 10px;
	background:#f2f9f6 url(./img/bg_h1.png) repeat-x top;
	border:1px solid #59b592;
	font-size:1.5em;
	text-shadow:1px 1px 0px #fff;
}
h2 {
	margin:20px 5px 10px;
	padding:0 5px;
	background:url(./img/bg_h2.png) repeat-x bottom;
	border-bottom:1px solid #59b592;
	font-size:1.25em;
}
h3 {
	margin:20px 5px 10px;
	padding:0 5px;
	background:url(./img/bg_h3.png) repeat-x bottom;
	font-size:1em;
}
p {
	padding:0 10px .5em;
}
	.p_right {
		text-align:right;
	}
#main li {
	margin:0 0 .2em 15px;
	padding-left:10px;
	background:url(./img/bg_li_subnav.png) no-repeat left center;
}

/*--- Photos */
.photo_center {
	padding:10px;
	text-align:center;
}
.photo_right {
	float:right;
	width:250px;
	margin-left:15px;
}
.photo_right_indent {
	overflow:hidden;
	margin-top:-.5em;
}

/*--- Secretary */
.secretary_img {
	float:left;
	width:150px;
	margin-right:15px;
}
.secretary_indent {
	overflow:hidden;
	margin-top:-.5em;
	padding-right:10px;
}

/*--- table_activity */
.table_activity {
	margin:1em 10px;
	border:1px solid #398065;
}
.table_activity th {
	padding:5px 15px 5px 10px;
	background:#94cfb9;
	border-bottom:1px solid #398065;
	vertical-align:top;
}
.table_activity td {
	padding:5px 10px;
	border-bottom:1px solid #398065;
}
.table_small {
	font-size:13px;
}

/* =========================================================
   #footer
========================================================= */
#footer {
	min-height:150px;
	padding:20px 0;
	border-top:3px solid #59b592;
	background:#59b592 url(./img/bg_footer.png) repeat-x top;
	text-align:center;
	font-size:.8em;
	color:#f2f4f2;
}
.div_footer {
	width:780px;
	margin:0 auto;
	text-align:left;
}


/*
モバイル表示の最適化:横幅800pxまでは下が実行される
@media screen and (max-width: 800px)
*/
@media screen and (max-width: 800px){
/* =========================================================
   #header
========================================================= */
#header {
	padding:2.5% 0 2%;
	border-bottom:0.3% solid #59b592;
	background:#398065 url(./img/bg_header.png) no-repeat bottom center/94.6%;
	text-align:center;
}
.div_head {
	width:97.5%;
	/*height:/*6.4%auto;*/
	margin:0 auto;
	background:url(./img/header.png) no-repeat left top/contain;
	text-align:left;
	text-indent:100%;
   white-space:nowrap;
   overflow:hidden;
}
	.div_head .a_head {
		display:block;
		width:97.5%;
	}

/* #nav
--------------------------------------------------------- */
#nav {
}
.ul_nav {
	width:97.5%;
	margin:2.5% auto 0;
	text-align:left;
	color:#fff;
	font-size:1.2em;
}
	.ul_nav li {
		display:inline;
		margin-right:3.7%;
		padding:0.6%;
	}
	.ul_nav a {
		padding-bottom:0.3%;
		color:#f2f4f2;
	}
		.ul_nav a:hover,.nav_here {
			border-bottom:0.3% solid #f2f4f2;
		}

/* =========================================================
   #contents
========================================================= */
#contents {
	text-align:center;
}

/* #subnav
--------------------------------------------------------- */
#subnav {
	width:92.5%;
	margin:0 auto;
	padding:1.25% 2.5%;
	border:0.125% solid #428c42;
	border-width:0 0.125% 0.125% 0.125%;
	background:url(./img/bg_subnav.png) repeat-x top;
	text-align:left;
}
	#subnav a {
		color:#398065;
		text-shadow:0.125% 0.125% 0px #fff;
	}
		#subnav a:hover {
			border:0;
			color:#2fe9d0;
		}
.ul_subnav {
	text-align:left;
}
	.ul_subnav li {
		display:inline;
		padding:0 2.5% 0 1.25%;
	}
.subnav_here {
	background:url(./img/bg_li_subnav.png) no-repeat left center;
	font-weight:bold;
}


/* #main
--------------------------------------------------------- */
#main {
	width:92.5%;
	margin:0 auto;
	padding:2.5% 2.5%;
	border-left:0.125% solid #f2f4f2;
	border-right:0.125% solid #f2f4f2;
	text-align:left;
}

/*--- General Settings */
h1,h2,h3 {
	font-weight:bold;
}
h1 {
	margin-bottom:1.875%;
	padding:0.25% 1.25%;
	background:#f2f9f6 url(./img/bg_h1.png) repeat-x top;
	border:1px solid #59b592;
	font-size:1.5em;
	text-shadow:0.125% 0.125% 0.125% #fff;
}
h2 {
	margin:20px 5px 10px;
	padding:0 5px;
	background:url(./img/bg_h2.png) repeat-x bottom;
	border-bottom:1px solid #59b592;
	font-size:1.25em;
}
h3 {
	margin:20px 5px 10px;
	padding:0 5px;
	background:url(./img/bg_h3.png) repeat-x bottom;
	font-size:1em;
}
p {
	padding:0 10px .5em;
}
	.p_right {
		text-align:right;
	}
#main li {
	margin:0 0 .2em 15px;
	padding-left:10px;
	background:url(./img/bg_li_subnav.png) no-repeat left center;
}

/*--- Photos */
.photo_center {
	padding:1.25%;
	text-align:center;
}
.photo_right {
	float:right;
	width:250px;
	margin-left:15px;
}
.photo_right_indent {
	overflow:visible;
	margin-top:-.5em;
}

/*--- Secretary */
.secretary_img {
	float:left;
	width:150px;
	margin-right:15px;
}
.secretary_indent {
	overflow:hidden;
	margin-top:-.5em;
	padding-right:10px;
}

/*--- table_activity */
.table_activity {
	margin:1em 10px;
	border:1px solid #398065;
}
.table_activity th {
	padding:5px 15px 5px 10px;
	background:#94cfb9;
	border-bottom:1px solid #398065;
	vertical-align:top;
}
.table_activity td {
	padding:5px 10px;
	border-bottom:1px solid #398065;
}
.table_small {
	font-size:13px;
}

/* =========================================================
   #footer
========================================================= */
#footer {
	padding:20px 0;
	border-top:3px solid #59b592;
	background:#59b592 url(./img/bg_footer.png) repeat-x top;
	text-align:center;
	font-size:.8em;
	color:#f2f4f2;
}
.div_footer {
	width:97.5%;
	margin:0 auto;
	text-align:left;
}

}