@charset "UTF-8";

body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdeaee+0,f38ea2+100 */
background: #fdeaee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmRlYWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzOGVhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #fdeaee 0%, #f38ea2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdeaee), color-stop(100%,#f38ea2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #fdeaee 0%,#f38ea2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #fdeaee 0%,#f38ea2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #fdeaee 0%,#f38ea2 100%); /* IE10+ */
background: linear-gradient(135deg,  #fdeaee 0%,#f38ea2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdeaee', endColorstr='#f38ea2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

a:link {color:#33661e; text-decoration:underline; }
a:visited {color:#33661e; text-decoration:underline; }
a:active {color:#33661e; text-decoration:underline; }
a:hover {color:#ff3399; text-decoration:none; }

header {
	width: 95%;
	width: 960px;
	height: 150px;
	margin:0 auto;
}
h1 {
	width: 60%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0;
}
h1 img {
	height: auto;
	max-height:135px;
	max-width: 100%;
	margin:0;
}

#toplink {
	margin-top: -140px;
	float: right;
	width: 30%;
	padding: 1em;
	text-align: left;
	background: hsla(0,100%,100%,0.7);
	box-shadow: 0px 4px 12px -4px #e93256;
}
#toplink li{
	border-bottom:#000000 dotted 1px;
	font-size: small;
	padding-left:2em;
	color: #933;
}
h2 {
	font-size: medium;
	color: #e93256;
	font-weight:bold;
	border-bottom:#000000 dotted 1px;
}

.co_id {
}

h3 {
	border-left:12px solid #e93256;
	border-bottom:1px solid #e93256;
	color:#e93256;
	font-size:large;
	line-height:150%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 8px;
}

/* LINK BAR ____________________ */

#linkbar_white{
	width: 95%;
	width: 960px;
	margin:0 auto -4em;
	height: 5em;
	background-color: #FFFFFF;
}

#linkbar {
	font-size:110%;
}

#linkbar a:link {color:#ffffff; text-decoration:none; }
#linkbar a:visited {color:#ffffff; text-decoration:none; }
#linkbar a:active {color: #ffffff; text-decoration:none; }
#linkbar a:hover {color: #ffffff; font-weight:bold; text-decoration:none; }


.linkbar_td {
	padding: 6px;
	background-color: #e93256;
	color: #FFFFFF;
	text-align:center;	
	line-height:100%;
}

/* COPYRIGHT ____________________ */

#copyright {
	width: 95%;
	width: 960px;
	margin:4px auto 16px;
	color: #e93256;
	font-size:x-small;
	font-weight: bold;
	text-align: right;
}

/* Googl map ____________________ */

#googlemap {
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
	width: 400px;
	float: left
}

#map_cap {
	background-color: #FFFFFF;
	padding-left:20px;
	text-align: left;
	height: auto;
	width: 350px;
	float: left
}


/* LIST ____________________ */

#base li  {
	font-size: 15px;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 7em;
	text-indent: -5em;
	border-bottom:#cccccc 1px dotted;
}

#base li span {
	display:inline-block;
	color: #33661e;
	font-weight:bold;
	text-indent:0em;
}

#base li .bold {
	width:20em;
	font-weight:bold;
}


.link {
	border-bottom:1px solid #D5C1FF;
	color:#9f0354;
	font-size:small;
	font-weight:bold;
	line-height:150%;
	text-align: right;
	padding-right: 40px;
}
.emfive {
	width:5em;
}

.emseven {
	width:7em;
}
.emtwelve {
	width:13em;
}



/********************
 活動記録
********************/

.gallery {
	padding: 5px;
	margin: 5px;
	background-color:#ffffff;
	font-size:small;
	text-align: center;
	border:solid 1px #cccccc;
}

.dropshadow{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

.f_left {
	width: 375px;
	float: left;
}

.f_right {
	width: 300px;
	float: right;
}


.img_caption {
	width: 360px;
	text-align: left;
	float: right;
}

.gallery img {
	margin:2px;
	padding: 6px;
	border:outset 1px #cccccc;
	background-color:#ffffff;
}


.gallery .date {
	color: #e26608;
	font-size:x-small;
	font-weight: bold;
	text-align: right;
}