@charset "utf-8";

/*________________________________________________

	name:			style.css
	author:			kumi morita
	mail:			morimori@elf.coara.or.jp
	create Date:	2008-07-11
	lastmodified:	****-**-**
________________________________________________*/

 
 
/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/*--------------------------------------------------------------
imghack
--------------------------------------------------------------*/
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}

/*--------------------------------------------------
page_bace
--------------------------------------------------*/
#container {
	width: 1000px;
	height: 100%;
	margin: auto;
	padding: auto;
	text-align: center;
}
#main {
	width: auto;
	height: auto;
	margin: 0;
	padding: 20px 20px 10px 20px;
	background-color: #ffffff;
	background-image: url(../img/bg_header.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
}
/* hack */
#main {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#main:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #main {
	height: 1%;
}
#main {
	display: block;
}
/* End hide from IE-mac */
#main h1 {
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}
#main h2 {
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
#main h3 {
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 5px;
	background-color: #cccccc;
	text-align: left;
}
.outline {
	width: auto;
	height: auto;
	margin: 0 175px 20px 175px;
	padding: 0;
	background: url(../img/bg_outline_main.gif) top repeat-y;
}
.outline p {
	width: auto;
	height: auto;
	margin: 0 35px 0 35px;
	padding: 0;
}
.outline p img {
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
	text-align: left;
}
.outline ul {
	float: right;
	width: auto;
	height: auto;
	margin: 0 35px 0 0;
	padding: 0;
	text-align: left;
}
.outline li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px #cccccc dashed;
}
.outline li img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: middle;
}
.outline ul.mailmag {
	float: none;
	width: auto;
	height: auto;
	margin: 5px 65px 5px 65px;
	padding: 0;
	text-align: left;
}
.mailmag li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: disc;
}
.youkou {
	width: 400px; /* 420px */
	height: auto;
	margin-left: 270px;
	padding: 10px;
	border: 1px #32a7cc solid;
	text-align: left;
}
.youkou ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
.youkou li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px #cccccc dashed;
}
.youkou li img {
	margin: 0 10px 0 0;
	padding: 0;
}
.moushikomi {
	width: 400px; /* 420px */
	height: auto;
	margin: 20px 0 20px 270px;
	padding: 10px;
	border: 1px #ff0000 solid;
	text-align: left;
}
.moushikomi a {
	color: #58849e;
	font-weight: bold;
	text-decoration: underline;
}
.moushikomi a:hover {
	color: #336699;
	font-weight: bold;
	text-decoration: underline;
}
.moushikomi p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.moushikomi p img {
	margin: 0 10px 10px 0;
	padding: 0;
	vertical-align: middle;
	text-decoration: none;
}
p.pdfdown {
	width: auto;
	height: auto;
	margin: 10px 0 10px 0;
	padding: 5px;
	background-color: #eeeeee;
	font-size: 80%;
	text-align: left;
}
p.pdfdown img {
	float: left;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.gaiyou h2 {
	margin: 20px 0 5px 0!important;
}
.gaiyou h4 {
	width: auto;
	height: auto;
	margin: 10px 0 5px 0;
	text-align: left;
}
.gaiyou p {
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}
.gaiyou a {
	color: #58849e;
	font-weight: bold;
	text-decoration: underline;
}
.gaiyou a:hover {
	color: #336699;
	font-weight: bold;
	text-decoration: underline;
}
.gaiyou ul {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}
.gaiyou li {
	width: auto;
	height: auto;
	margin: 1px 0 1px 0;
	padding: 0 0 0 20px;
	background-image: url(../img/ya_gray.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	line-height: 15px;
}
p.jasrac {
	width: 350px;
	height: auto;
	margin: 0 0 0 1em;
	padding: 10px;
	border: 1px #cccccc dashed;
	font-size: 90%;
	text-align: center;
}
.make_contact {
	width: 400px; /* 420px */
	height: auto;
	margin-left: 270px;
	padding: 10px;
	border: 1px #cccccc solid;
	text-align: left;
}
.make_contact ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
.make_contact li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px #cccccc dashed;
}
.make_contact li img {
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: middle;
}
.btn_mailmag {
	width: auto;
	height: auto;
	margin: 0 175px 20px 175px;
	padding: 0;
	text-align: center;
}
.btn_mailmag li {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------
link	リンク集
--------------------------------------------------*/
#link td a {
	background: url(../img/icon_linkwindow.gif) right center no-repeat;
	padding-right: 25px;
	color: #333333;
	text-decoration: underline;
}
#link td a:hover {
	color: #666666;
	text-decoration: underline;
}
#link table {
	width: 760px;
	margin: 0 100px 0 100px;
	border-left: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
}
#link th {
	padding: 5px;
	background: #dddddd;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	font-weight: bold;
	text-align: center;
}
#link td {
	padding: 5px;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}
#link tr.even td {
	background: #eeeeee;
}
#link tr.over td {
	background: #ffe6e6;
}

#link li a {
	background: url(../img/icon_linkwindow.gif) right center no-repeat;
	padding-right: 25px;
	color: #333333;
	text-decoration: underline;
}
#link li a:hover {
	color: #666666;
	text-decoration: underline;
}
#link ul {
	width: 760px;
	margin: 0 100px 0 100px;
	border-left: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
}
#link li.title {
	padding: 5px;
	background: #dddddd;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	font-weight: bold;
}
#link li.title span.sitename {
	float: left;
	width: 260px;
	text-align: left;
	font-weight: bold;
}
#link span.sitename {
	float: left;
	width: 260px;
	text-align: left;
}
#link li {
	padding: 5px;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	text-align: left;
}
#link li.odd {
	background: #eeeeee;
}
#link li:hover {
	background: #ffe6e6;
}
#link li {
	behavior: url(/css/csshover2.htc);
}


/*--------------------------------------------------
access	交通アクセス
--------------------------------------------------*/
.access a {
	background: url(../img/icon_linkwindow.gif) right center no-repeat;
	padding-right: 25px;
	color: #333333;
	text-decoration: underline;
}
.access a:hover {
	color: #666666;
	text-decoration: underline;
}

/*--------------------------------------------------
schedule	開催日程
--------------------------------------------------*/
.schedule h2 {
	margin: 5px 0 5px 0!important;
}
.schedule p {
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}
.schedule a {
	color: #999999;
	text-decoration: underline;
}
.schedule ul {
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}
.schedule li {
	width: auto;
	height: auto;
	margin: 1px 0 1px 0;
	padding: 0 0 0 20px;
	background: url(../img/ya_gray.gif) left top no-repeat;
	text-align: left;
	line-height: 15px;
}
.schedule li a {
	background: url(../img/icon_linkwindow.gif) right center no-repeat;
	margin-right: 5px;
	padding-right: 20px;
	color: #333333;
	text-decoration: underline;
}
.schedule li a:hover {
	color: #666666;
	text-decoration: underline;
}
	.schedule li ul {
		width: auto;
		height: auto;
		margin: 0!important;
		padding: 0;
		text-align: left;
	}
	.schedule li li {
		width: auto;
		height: auto;
		margin: 2px 0 2px 0!important;
		padding: 0 0 0 5px!important;
		background: none!important;
		border-left: 5px #99cc00 solid;
		text-align: left;
		line-height: 130%!important;
	}
	.schedule li li strong {
		color: #99cc00;
		font-weight: bold;
	}
	.schedule li li a {
		background: none!important;
		margin-right: 0!important;
		padding-right: 0!important;
		color: #99cc00;
		font-weight: bold;
		text-decoration: underline;
	}
	.schedule li li a:hover {
		color: #669900;
		font-weight: bold;
		text-decoration: underline;
	}

/*--------------------------------------------------
support		協賛
--------------------------------------------------*/
#support {
	width: 860px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
#support ul {
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
}
#support li {
	text-align: center;
}
#support li.end {
	margin-right: 0!important;
}
/* clearfix */
#support ul {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#support ul:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #support ul {
	height: 1%;
}
#support ul {
	display: block;
}
/* End hide from IE-mac */

/* S枠 */
.Swaku h2 {
	margin-bottom: 5px;
	font-size: 200%;
	font-weight: bold;
	text-align: center!important;
}
/* A枠 */
.Awaku {
	margin-bottom: 20px;
}
.Awaku h2, 
.Awaku p {
	margin-bottom: 5px;
	font-size: 180%;
	font-weight: bold;
	text-align: center!important;
}
/* S枠A枠リスト */
.Swaku ul, 
.Awaku ul {
	clear: both;
	height: auto;
	margin-bottom: 20px;
	padding: 0;
	font-size: 100%;
}
.Swaku li, 
.Awaku li {
	display: inline;
	float: left;
	width: 162px;
	height: auto;
	margin: 0 10px 5px 0;
	padding: 0;
	text-align: left!important;
}
/* B枠 */
.Bwaku {
	display: block;
	width: 740px!important;
	height: auto;
	margin: 0 auto 20px auto!important;
	padding: 0;
}
.Bwaku li {
	display: inline-block;
	float: left;
	width: 350px!important;
	height: auto;
	margin: 0 10px 10px 10px;
	padding: 0;
	font-size: 160%;
	text-align: center!important;
}
/* C枠 */
.Cwaku {
	display: block;
	width: 810px;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 0;
	font-size: 140%;
}
.Cwaku li {
	display: inline-block;
	float: left;
	width: 260px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 5px;
	text-align: left!important;
}
/* D枠 */
.Dwaku {
	width: 840px;
	margin: 0 auto 20px auto;
	padding: 0;
	font-size: 120%;
}
.Dwaku li {
	display: inline-block;
	float: left;
	width: 200px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 5px;
	text-align: left!important;
}
/* 4口、2口、1口～上から順に並べる。大きさは一緒～ */
.kuchi {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 110%;
}
.kuchi ul {
	clear: both;
	margin-bottom: 20px;
	padding: 0;
	font-size: 100%;
}
.kuchi li {
	display: inline;
	float: left;
	width: 162px;
	height: auto;
	margin: 0 10px 5px 0;
	padding: 0;
	text-align: left!important;
}
/* 個人協賛 */
.individual {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 100%;
}
.individual ul {
	clear: both;
	margin-bottom: 20px;
	padding: 0;
	font-size: 100%;
}
.individual li {
	display: inline;
	float: left;
	width: 162px;
	height: auto;
	margin: 0 10px 5px 0;
	padding: 0;
	text-align: left!important;
}



#support ul.support1 {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	/* border: 3px #ff8800 solid; */
	font-size: 200%;
}

#support ul.support2-1 {
	display: block;
	width: auto;
	height: auto;
	margin: 20px 0 5px 0;
	padding: 0;
	/* border: 3px #ff8800 solid; */
	font-size: 155%;
}
.support2-1 li {
	font-weight: bold;
}

ul.support2 {
	display: block;
	width: 720px!important;
	height: auto;
	margin: 0 auto 30px auto!important;
	padding: 0;
}
.support2 li {
	display: block;
	float: left;	
/*	float: center; */
	width: 350px!important;
	height: auto;
	margin: 0 20px 10px 0;
	padding: 0;
	/* border: 3px #ff8800 solid; */
	font-size: 155%;
/*	text-align: left!important; */
	text-align: center!important;
}
.support3 {
	display: block;
	width: 810px;
	height: auto;
	margin: 0 auto 10px auto;
	padding: 0;
	font-size: 130%;
}
.support3 ul {
	display: block;
	float: left;
	width: 270px;
	height: auto;
	margin: 0;
	padding: 0;
}
.support3 li {
	display: block;
	width: 260px; /* 270px */
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 10px 0 0; /* 0 5px 0 20px */
	/* background: url(../img/li_orange.gif) left 5px no-repeat; */
	text-align: left!important;
}
ul.support4 {
	clear: both;
	width: 860px!important;
	height: auto;
	margin: 0 auto 20px auto!important;
	padding: 0;
	font-size: 100%;
}
.support4 li {
	display: inline;
	float: left;
	width: 162px;
	height: auto;
	margin: 0 10px 5px 0;
	padding: 0;
	text-align: left!important;
}

/*--------------------------------------------------
contact_form	お問い合わせ
--------------------------------------------------*/
form.contact_form {
	display: block;
	float: left;
	width: 350px;
	height: auto;
	margin: 0;
	padding: 0 0 10px 0;
	background: #E1F0FD;
	color: #333333;
	text-align: left;
}
.contact_form h2 {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 3px 10px!important;
	background: #9abae3;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
.contact_form dl {
	display: block;
	width: 350px;
	height: auto;
	margin: 0 0 10px 0;
	color: #333333;
	text-align: left;
}
.contact_form dt {
	display: block;
	width: 330px; /* 350px */
	height: auto;
	margin: 0;
	padding: 2px 10px;
	color: #666666;
	font-weight: normal;
}
.contact_form dd {
	display: block;
	width: 330px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 10px;
}
.contact_form dd input {
	width: 322px;
	height: auto;
	margin: 0;
	padding: 3px;
	border: 1px #9abae3 solid;
}
.contact_form dd textarea {
	width: 322px;
	height: auto;
	margin: 0;
	padding: 3px;
	border: 1px #9abae3 solid;
}
/*--------------------------------------------------
volunteers_form	ボランティア参加申込みフォーム
--------------------------------------------------*/
.volunteers_form {
	display: block;
	width: 555px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #E1F0FD;
	color: #333333;
	text-align: left;
}
.volunteers_form form {
	width: 555px;
}
.volunteers_form h2 {
	display: block;
	width: auto;
	height: auto;
	margin: 0 25px;
	padding: 3px 10px!important;
	background: #9abae3;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
.volunteers_form table {
	margin-bottom: 10px;
	color: #333333;
	text-align: left;
}
.volunteers_form th {
	padding: 5px 10px;
	color: #666666;
}
.volunteers_form td {
	padding: 5px 10px;
}
.volunteers_form td input {
	margin: 0;
	padding: 3px;
}
.volunteers_form td input.waku {
	width: 402px;
	margin: 0;
	padding: 3px;
	border: 1px #9abae3 solid;
}
.volunteers_form td textarea {
	width: 402px;
	height: auto;
	margin: 0;
	padding: 3px;
	border: 1px #9abae3 solid;
}

.volunteers_form dl {
	display: block;
	width: 350px;
	height: auto;
	margin: 0 0 10px 0;
	color: #333333;
	text-align: left;
}
.volunteers_form dt {
	display: block;
	width: 330px; /* 350px */
	height: auto;
	margin: 0;
	padding: 2px 10px;
	color: #666666;
	font-weight: normal;
}
.volunteers_form dd {
	display: block;
	width: 330px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 10px;
}
.volunteers_form dd input {
	margin: 0;
	padding: 3px;
}
.volunteers_form dd input.waku {
	width: 322px;
	margin: 0;
	padding: 3px;
	border: 1px #9abae3 solid;
}
.volunteers_form dd textarea {
	width: 322px;
	height: auto;
	margin: 0;
	padding: 3px;
	border: 1px #9abae3 solid;
}
/*--------------------------------------------------
お問い合せフォームボタン類
--------------------------------------------------*/
input.contact_btn {
	margin: 0 5px;
	padding: 0;
	background: #999999;
	border: 1px #999999 solid;
	color: #ffffff;
	cursor: pointer;
}
input.contact_btn:hover {
	margin: 0 5px;
	padding: 0;
	background: #ffffff;
	border: 1px #999999 solid;
	color: #999999;
}
.outlineleft {
	display: block;
	float: left;
	width: 180px!important;
	height: auto;
	margin: 0 25px 0 25px!important;
	padding: 0;
}
* html .outlineleft {
	margin: 0 25px 0 15px!important;
}
.outlineleft img {
	float: none!important;
	margin: 0;
	padding: 0;
	text-align: left;
}
.outlineleft ul {
	display: block;
	float: none!important;
	width: auto!important;
	height: auto;
	margin: 15px 0 0 0!important;
	padding: 0;
	text-align: left;
}
.error {
	color: #F00;
}


/*--------------------------------------------------
page_top
--------------------------------------------------*/
#topmain {
	width: auto;
	height: auto;
	margin: 0;
	padding: 15px 15px 10px 15px;
	background-color: #ffffff;
	background-image: url(../img/bg_header.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
}
/* hack */
#topmain {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#topmain:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #topmain {
	height: 1%;
}
#topmain {
	display: block;
}
/* End hide from IE-mac */
#top_left {
	float: left;
	width: 750px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
}
#top_left h2 {
	width: auto;
	height: auto;
	margin: 0 5px 0 5px;
	padding: 0;
	text-align: left;
}
/*--------------------------------------------------------------
.recruit 　2個のみの場合
--------------------------------------------------------------*/
.recruit {
	width: 730px; /* 740px */
	height: auto;
	margin: 0 0 20px 5px;
	padding: 10px 5px 10px 5px;
	background-color: #eeeeee;
}
.recruit img {
	float: left;
	margin: 0 5px 0 5px;
	padding: 0;
}
/*--------------------------------------------------------------
.recruit3 　3個並び（右に動画）
--------------------------------------------------------------*/
.recruit3 {
	float: left;
	width: 520px; /* 530px */
	height: auto;
	margin: 0 0 20px 5px;
	padding: 10px 5px 10px 5px;
	background-color: #eeeeee;
}
.recruit3 img {
	float: left;
	margin: 0 5px 0 5px;
	padding: 0;
}
.cm {
	float: right;
}

/*--------------------------------------------------------------
.event_btn
--------------------------------------------------------------*/
.event_btn {
	width: 750px;
	height: auto;
	margin: 20px 0;
	padding: 0;
}
.event_btn ul {
	width: 750px;
	height: auto;
	margin: 0;
	padding: 0;
}
.event_btn li {
	float: left;
	margin: 0;
	padding: 0;
}
.top_calendar {
	float: left;
	width: 485px;
	height: auto;
	margin: 20px 0 20px 5px;
	padding: 0;
	text-align: left;
}
.top_calendar h2 {
	margin: 0 0 10px 0!important;
}
.top_calendar p {
	margin: 10px 0 0 0;
}
.top_map {
	float: right;
	width: 240px;
	height: auto;
	margin: 20px 0 20px 0;
	padding: 0;
}
.banner {
	display: block;
	clear: both;
	width: 740px;
	height: auto;
	margin: 0 5px 0 5px;
	padding: 10px 0 0 0;
	border-top: 1px #333333 dashed;
	text-align: center!important;
}
/* clearfix */
.banner {
	display: inline-block;
	display: block;
	zoom: 100%;
}
.banner:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .banner {
	height: 1%;
}
.banner {
	display: block;
}
/* End hide from IE-mac */
.banner ul {
/*	width: 510px;*/
	width: 340px;
	margin: 0 auto!important;
	padding: 0;
	text-align: center;
}
.banner li {
	display: inline;
	float: left!important;
	width: 160px;
	height: 40px;
	margin: 0 5px;
	padding: 0;
	text-align: center!important;
}
.banner li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------
#top_right　右カラム
--------------------------------------------------------------*/
#top_right {
	float: right;
	width: 210px;
	height: auto;
	margin: 0;
	padding: 0;
}
.topMailmagazine {
	width: 200px;
	height: 50px;
	padding: 105px 5px 5px 5px;
	background: url(../img/top/bg_rhythmin.jpg) center bottom no-repeat;
}

/*--------------------------------------------------
flasharea
--------------------------------------------------*/
#flasharea {
	display: block;
	width: 1000px;
	height: auto;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-align: center;
}
/* xfade2フェードイン切り替えのスライドショー */
#topflash {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1000px; /*画像の横幅*/
	height: 250px; /*画像の縦幅*/
	background: url(../img/loading.gif) center middle no-repeat;
	overflow: hidden;
	z-index: 1;
}
#topflash img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------------------------
header
--------------------------------------------------*/
#header {
	display: block;
	clear: both;
	position: relative;
	width: 1000px;
	height: 130px;
	margin: 10px 0 0 0;
	padding: 0;
	color: #ffffff;
	text-align: center;
}

/*--------------------------------------------------
headerbanner
--------------------------------------------------*/
.headerbanner {
	display: block;
	position: absolute;
	left: 650px;
	top: 40px;
	margin: 0;
	padding: 0;
}
.headerbanner a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*--------------------------------------------------
headermenu
--------------------------------------------------*/
#headermenu {
	display: block;
	width: 980px; /* 1000px */
	height: 110px; /* 130px */
	margin: -130px 0 10px 0;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
}
#headermenu a, #headermenu a:hover {
	text-decoration: none;
}
#headermenu img {
	margin-right: 5px;
	vertical-align: middle;
}
#headermenu img.singer {
	clear: both;
	margin: 15px 5px 0 auto;
}

/*--------------------------------------------------
globalmenu
--------------------------------------------------*/
#globalmenu {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0!important;
	padding: 0;
	text-align: center;
}
#globalmenu ul {
	width: 1005px;
	height: 40px;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: center;
}
#globalmenu li {
	display: block;
	float: left;
	width: 138px;
	height: 40px;
	margin: 0 0 0 5px;
	padding: 0;
}
#globalmenu li.first {
	display: block;
	float: left;
	width: 138px;
	height: 40px;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------
footer
--------------------------------------------------*/
#footer {
	display: block;
	clear: both;
	width: 1000px;
	height: auto;
	margin: 0;
	padding: 30px 0 20px 0;
	background-image: url(../img/bg_footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: left;
}
#footer address {
	line-height: 25px;
	vertical-align: top;
}
a.btn_contact {
	margin-left: 10px;
	vertical-align: top;
}
a.btn_contact img {
	margin-top: 5px;
	vertical-align: top;
}

/*--------------------------------------------------
breadcrumbs
--------------------------------------------------*/
#breadcrumbs {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	color: #333333;
	text-align: left;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #999999;
	text-decoration: underline;
}
#breadcrumbs img {
	margin: 0;
	vertical-align: middle;
}

/*--------------------------------------------------
pagetop
--------------------------------------------------*/
.pagetop {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
	text-decoration: none;
}
.pagetop a {
	float: right;
	text-decoration: underline;
}
.pagetop img {
	margin: 0 5px 0 0;
	text-decoration: none;
}
.pagetop a:hover {
	color: #999999;
	text-decoration: underline;
}
.pagetop a span {
	display: none;
}

/*--------------------------------------------------
googlemap		イベントマップページ
--------------------------------------------------*/
#mapleft {
	display: block;
	width: 740px;
	height: auto;
	margin: 0;
	font-size: 90%;
	line-height: 130%;
	overflow: hidden;
}
#mapleft h2 {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 30px;
	background: #99cc00 url(../img/h2_icon.gif) 10px no-repeat;
	border: 3px #669900 solid;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	line-height: 10px;
}
#mapleft ul {
	display: block;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	overflow: visible;
	padding: 5px 10px;
	background: #eeeeee;
}
/* clearfix */
#mapleft ul {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#mapleft ul:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #mapleft ul {
	height: 1%;
}
#mapleft ul {
	display: block;
}
/* End hide from IE-mac */
#mapleft li.left {
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#mapleft li.right {
	float: right;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	color: #999999;
	text-align: right;
}
#mapleft li.right a {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
#mapleft dl {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px #333333 dashed;
}
/* clearfix */
#mapleft dl {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#mapleft dl:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #mapleft dl {
	height: 1%;
}
#mapleft dl {
	display: block;
}
/* End hide from IE-mac */
#mapleft dt {
	display: block;
	float: left;
	width: 605px;
	height: auto;
	margin: 0;
	padding: 0;
}
#mapleft dt img {
	float: left;
	margin: 0 10px 0 0;
}
#mapleft dt p {
	float: right;
	width: 495px;
	line-height: 20px;
	text-align: left;
}
#mapleft dt p img {
	float: none!important;
	margin: 3px 10px 0 0!important;
}
#mapleft dt p a {
	text-decoration: underline;
	line-height: 20px;
}
#mapleft dd {
	display: block;
	float: right;
	width: 125px; /* 135px */
	height: auto;
	margin: 0;
	padding: 15px 5px 0 5px;
}
#googlemap {
	width: 740px!important;
	height: 545px;
	margin: 0 0 10px 0;
	background: #ffffff;
	text-align: center!important;
	vertical-align: center!important;
}
#googlemap img {
	margin: 0;
	padding: 0;
	border: none;
}
* html #googlemap img {
	behavior: url('http://www.yumeon.jp/css/iepngfix.htc');
}
/* html #map img {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
	)
	);
} */
#googlemap b {
	color: #333333;
	font-weight: bold;
}
#mapmenu {
	display: block;
	float: right;
	width: 200px!important;
	height: auto;
	margin: 0;
	padding: 100px 0 0 0;
	background: url(../map/img/bg_wave.jpg) left top no-repeat;
	font-size: 90%;
	line-height: 130%;
	text-align: left;
}
#mapmenu h2 {
	margin: 0;
	padding: 0;
}
#mapmenu p input {
	width: 169px; /* 175px */
	height: auto;
	margin: 0 5px 10px 0!important;
	padding: 3px;
	background: #ffffcc;
	color: #333333!important;
	font-size: 120%;
}
#mapmenu p.srch_year {
	width: auto;
	height: auto;
	margin: 0 0 5px 0!important;
	padding: 0;
	color: #ffffff!important;
}
.srch_year img {
	float: left;
	margin: 0!important;
	padding: 0;
}
#mapmenu p.srch_year select {
	float: right;
	margin-left: 5px;
	color: #ff6600;
	font-weight: bold;
	font-size: 120%;
}
#mapmenu ul {
	display: block;
	width: 180px; /* 200px */
	height: auto;
	margin: 0;
	padding: 10px 10px 0 10px;
	background: url(../map/img/mapmenu_bg.jpg) left top repeat-y!important;
}
/* clearfix */
#mapmenu ul {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#mapmenu ul:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #mapmenu ul {
	height: 1%;
}
#mapmenu ul {
	display: block;
}
/* End hide from IE-mac */
#mapmenu li {
	display: block;
	float: left;
	width: 85px;
	height: 75px;
	margin: 0 5px 5px 0;
	padding: 0;
}

/*--------------------------------------------------
mapichiran		イベントマップ一覧
--------------------------------------------------*/
#mapichiran {
	display: block;
	clear: both;
	width: 960px;
	height: auto;
	margin: 0;
	font-size: 90%;
	line-height: 130%;
}
#mapichiran h2 {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 30px;
	background: #99cc00 url(../img/h2_icon.gif) 10px no-repeat;
	border: 3px #669900 solid;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	line-height: 10px;
}
#mapichiran ul {
	display: block;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	overflow: visible;
	padding: 5px 10px;
	background: #eeeeee;
}
/* clearfix */
#mapichiran, #mapichiran dl, #mapichiran ul {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#mapichiran:after, #mapichiran dl:after, #mapichiran ul:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #mapichiran, * html #mapichiran dl, * html #mapichiran ul {
	height: 1%;
}
#mapichiran, #mapichiran dl, #mapichiran ul {
	display: block;
}
/* End hide from IE-mac */
#mapichiran li.left {
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#mapichiran li.right {
	float: right;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	color: #999999;
	text-align: right;
}
#mapichiran li.right a {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
#mapichiran dl {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
/* clearfix */
#mapichiran dl {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#mapichiran dl:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #mapichiran dl {
	height: 1%;
}
#mapichiran dl {
	display: block;
}
/* End hide from IE-mac */
#mapichiran dl a {
	color: #58849e;
	font-weight: bold;
}
#mapichiran dt {
	display: block;
	float: left;
	width: 475px;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px #333333 dashed;
}
#mapichiran dt img, #mapichiran dd img {
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
}
#mapichiran dt p, #mapichiran dd p {
	float: left;
	width: 365px; /* 260px */
	line-height: 10px;
	text-align: left;
}
#mapichiran dt p img, #mapichiran dd p img {
	width: auto!important;
	float: none!important;
	margin: 3px 10px 0 0!important;
}
#mapichiran dt div img, #mapichiran dd div img {
	width: auto!important;
	float: none!important;
	margin: 5em 0 0 0!important;
	vertical-align: bottom;
}
#mapichiran dt p a, #mapichiran dd p a {
	text-decoration: underline;
	line-height: 20px;
}
#mapichiran dd {
	display: block;
	float: right;
	width: 475px;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px #333333 dashed;
}
#mapichiran dt p a img, #mapichiran dd p a img {
	float: right!important;
	width: 95px!important;
	margin: 5px 0 0 0!important;
	text-align: right;
}

/*--------------------------------------------------
mapsyosai	イベントマップ詳細ページ
--------------------------------------------------*/
body#mapsyosai {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px;
	background-color: #ffffff!important;
	color: #333333;
	font-size: 0.8em;
	line-height: 130%;
	text-align: left;
}
#mapsyosaicontainer {
	width: 410px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#mapsyosaicontainer h1 {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 30px;
	background: #99cc00 url(../img/h2_icon.gif) 10px no-repeat;
	border: 3px #669900 solid;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	line-height: 10px;
}
#mapsyosaicontainer dl {
	float: left;
	width: 100px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#mapsyosaicontainer dt {
	clear: both;
	width: 100px;
	height: auto;
	margin: 0!important;
	padding: 0;
}
#mapsyosaicontainer dt img {
	width: 100px;
	height: auto;
	margin: 0;
	padding: 0;
}
#mapsyosaicontainer dd {
	clear: both;
	width: 100px;
	height: auto;
	margin: 5px 0 15px 0;
	padding: 0;
}
#mapsyosaicontainer ul.gaiyo {
	float: right;
	width: 290px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
.gaiyo li {
	clear: both;
	width: 290px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #cccccc dashed;
	text-align: left;
}
/* clearfix */
.gaiyo li {
	display: inline-block;
	display: block;
	zoom: 100%;
}
.gaiyo li:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .gaiyo li {
	height: 1%;
}
.gaiyo li {
	display: block;
}
/* End hide from IE-mac */
.gaiyo li img {
	float: left;
	margin: 0 5px 0 0;
}
#mapsyosaicontainer h2 {
	clear: both;
	display: block;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
}
p.setsumei {
	clear: both;
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #ece9d8;
	border: 1px #99cc00 solid;
}
ul.youtube {
	clear: both;
	display: block;
	width: auto;
	height: auto;
	margin: 5px 0 5px 0;
	padding: 0;
}
/* clearfix */
ul.youtube {
	display: inline-block;
	display: block;
	zoom: 100%;
}
ul.youtube:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html ul.youtube {
	height: 1%;
}
ul.youtube {
	display: block;
}
/* End hide from IE-mac */
.youtube li {
	float: left;
	display: block;
	width: 205px;
	height: auto;
	margin: 0;
	padding: 0;
}
.youtube li img {
	margin: 0 5px 0 0;
}
.youtube li p {
	margin: 0 0 5px 0;
}
div.close {
	clear: both;
	width: auto;
	height: auto;
	margin: 20px 0 10px 0!important;
	padding: 0;
	text-align: center;
}

/*--------------------------------------------------------------
album		写真館ページ
--------------------------------------------------------------*/
#album {
	display: block;
	width: 960px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#album a {
	display: block;
	float: left;
	width: 96px;
	height: 96px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#album a img {
	border: 3px #eeeeee solid;
}
#album a img:hover {
	border: 3px #99cc00 solid;
}
div.backbtn {
	display: block;
	clear: both;
	width: 960px;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	text-align: right;
}
.albumlist {
	display: block;
	width: 960px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.albumlist ul {
	display: block;
	width: 960px;
	height: auto;
	margin: 10px 0;
	padding: 0;
	border-top: 1px #cccccc dashed;
}
.albumlist li {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 40px;
	background: url(../img/ya_gray.gif) 10px center no-repeat;
	border-bottom: 1px #cccccc dashed;
}
.albumlist li:hover {
	background: #eeeeee url(../img/ya_gray.gif) 10px center no-repeat;
}
.albumlist li a {
	font-weight: bold;
}

/*--------------------------------------------------------------
.topnews　トップページ新着情報部分
--------------------------------------------------------------*/
.topnews {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px #333333 dashed;
}
.topnews ul {
	display: block;
	clear: both;
	width: auto;
	height: 100px;
	margin: 3px 0 0 20px;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
.topnews li {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 0 20px;
	padding: 3px 3px 3px 40px;
	background: #eeeeee url(../img/top/li_news_odd.gif) 4px top no-repeat;
	font-weight: bold;
}
.topnews li.even {
	background: #ffffff url(../img/top/li_news_even.gif) 4px top no-repeat;
}
.newsday {
	display: inline;
	float: left;
	width: 110px;
	margin-right: 20px;
	font-weight: normal;
}
.topnews li a {
	display: inline;
	float: left;
	width: 510px;
	font-weight: bold;
	text-decoration: underline;
}

/*--------------------------------------------------------------
.topnews　トップページ新着情報部分（Ustream埋め込み時）
--------------------------------------------------------------*/
/* .topnews {
	display: inline;
	float: left;
	width: 530px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px #333333 dashed;
	overflow: hidden;
}
.topnews ul {
	display: block;
	clear: both;
	width: auto;
	height: 115px;
	margin: 3px 0 0 20px;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
.topnews li {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 0 20px;
	padding: 3px 3px 3px 40px;
	background: #eeeeee url(../img/top/li_news_odd.gif) 4px 2px no-repeat;
}
.topnews li.even {
	background: #ffffff url(../img/top/li_news_even.gif) 4px 2px no-repeat;
}
.newsday {
	display: inline;
	float: left;
	width: 90px;
	margin-right: 20px;
}
.topnews li a {
	display: inline;
	float: left;
	width: auto;
	font-weight: bold;
	text-decoration: underline;
} */

/*--------------------------------------------------------------
.ustream　トップページustream部分
--------------------------------------------------------------*/
.ustream {
	display: inline;
	float: left;
	width: 510px; /* 530px */
	height: auto;
	margin: 0 0 0 5px;
	padding: 10px;
	background-color: #eeeeee;
}
.ustream dt {
	display: inline;
	float: left;
	width: 280px;
	height: auto;
	margin: 0;
	padding: 0;
}
.ustream dd {
	display: inline;
	float: right;
	width: 225px;
	height: auto;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
.topbanner2　トップページustreamとボランティア部分
--------------------------------------------------------------*/
.topbanner2 {
	display: inline;
	float: left;
	width: 530px;
	height: 170px;
}
/* clearfix */
.topbanner2 ul {
	display: inline-block;
	display: block;
	zoom: 100%;
}
.topbanner2 ul:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .topbanner2 ul {
	height: 1%;
}
.topbanner2 ul {
	display: block;
}
/* End hide from IE-mac */
.topbanner2 li {
	float: left;
	width: 260px;
	height: 170px;
}
.topbanner2 li.ustreambanner {
	float: right;
	width: 260px;
	height: 170px;
}
.topbanner2 li img.firstChild {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
.twittertl　Twitterタイムライン
--------------------------------------------------------------*/
.twittertl {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 5px 5px 5px;
	padding: 0;
}

/*--------------------------------------------------------------
.name　愛称募集中
--------------------------------------------------------------*/
.name {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px #333333 dashed; 
}

/*--------------------------------------------------------------
  program		瓦版アーカイブページ
--------------------------------------------------------------*/
.programlist {
	display: block;
	width: 760px;
	height: auto;
	margin: 0 auto 10px auto;
	padding: 0 0 5px 0;
}
.programlist h2 {
	display: block;
	clear: both;
	padding: 5px 10px!important;
	margin: 0 0 5px 0!important;
	background: #eeeeee;
	border-bottom: 5px #333333 solid;
	color: #333333;
	font-size: 120%;
	font-weight: bold;
}
.programlist .image {
	display: inline;
	float: left;
	width: 210px;
	text-align: center;
}
.programlist .image img {
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}
.programlist .image a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.programlist ul {
	display: inline;
	float: right;
	width: 540px;
	margin: 0;
	padding: 0;
}
.programlist li {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 0 5px 40px;
	background: url(../img/ya_gray.gif) 10px center no-repeat;
	border-bottom: 1px #cccccc dashed;
}
.programlist li:hover {
	background: #eeeeee url(../img/ya_gray.gif) 10px center no-repeat;
}
.programlist li a {
	font-weight: bold;
	margin-right: 20px;
}

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
ul, li, #mapmenu p.srch_year {
	display: inline-block;
	display: block;
	zoom: 100%;
}
ul:after, li:after, #mapmenu p.srch_year:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html ul, * html li, * html #mapmenu p.srch_year {
	height: 1%;
}
ul, li, #mapmenu p.srch_year {
	display: block;
}
/* End hide from IE-mac */