@charset "utf-8";
/* CSS Document */


/*-------------------------------------------------------------------------------
 * Utilities
 *-------------------------------------------------------------------------------*/
/* .pkg - wraps enclosing block element around inner floated elements */
.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg {
	display: inline-block;
}
/* no ie mac \*/
* html .pkg {
	height: 1%;
}
.pkg[class] {
	height: auto;
}
.pkg {
	display: block;
}
.cl {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

/*-------------------------------------------------------------------------------
 * Contents
 *-------------------------------------------------------------------------------*/
/* リンク */
a:link {
	color: #0000FF;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}
a:active {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}
/* 見出し */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.0;
}
img {
	vertical-align: bottom;
}
strong {
	font-weight: bold;
	font-size: 1.25em;
}
body {
	color: #555555;
	text-align: center;
	background: #FFFFFF url(../img/bg_patern.gif) repeat scroll;
	overflow-y: scroll;
}
#wrapper {
	text-align: left;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
/* header */
#header {
	padding-right: 10px;
	padding-left: 10px;
	background: url(../img/bg_shadow.png) repeat-y scroll;
	clear: both;
}
#header_inner {
	position: relative;
	height: 60px;
}
#header h1 {
	padding-top: 17px;
	padding-left: 10px;
}

#header p.nav {
	position: absolute;
	top: 25px;
	right: 30px;
}
/* banner */
#banner {
	padding-right: 10px;
	padding-left: 10px;
	background: url(../img/bg_shadow.png) repeat-y scroll;
	clear: both;
}
#banner p {
	text-align: center;
}
/* content */
#content {
	padding-right: 10px;
	padding-left: 10px;
	background: url(../img/bg_shadow.png) repeat-y scroll;
	clear: both;
}
#alpha {
	float: left;
	width: 220px;
}
#alpha_inner {
	padding-top: 20px;
}
#alpha p.btn {
	padding-left: 10px;
	margin-bottom: 10px;
}
#alpha ul {
	background: url(../img/navglobal_f.jpg) no-repeat scroll 10px bottom;
	padding-bottom: 12px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#alpha dl {
	background: #FFFFFF;
	padding-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#alpha dt {
	color: #000000;
	text-align: center;
	padding-bottom: 10px;
}
#alpha dd {
	text-align: center;
	padding-bottom: 10px;
}
#beta {
	float: right;
	width: 680px;
}
#beta_inner {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
/* footer */
#footer {
	padding-right: 10px;
	padding-left: 10px;
	background: url(../img/bg_footer.png) no-repeat scroll left bottom;
	clear: both;
}
#footer p.copyright {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

/*-----------------------------------------------------------
 * 各ページ共通
 *-----------------------------------------------------------*/
#beta h2 {
	font-size: 2.0em;
	font-weight: bold;
	color: #555555;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/*-----------------------------------------------------------
 * home
 *-----------------------------------------------------------*/
#home h2 {
}
#home .section1 {
	background: #FFFFFF;
	padding: 5px 15px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
#home .section1 dl {
	zoom: 1;
	overflow: hidden;
}
#home .section1 dt {
	clear: both;
	float: left;
	width: 6.5em;
	padding-top: 5px;
	padding-bottom: 5px;
}
#home .section1 dd {
	padding-left: 8.0em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../img/arrow05.gif) no-repeat scroll 5.5em 7px;
}
#home .section1 dd.none {
	padding-left: 8.0em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../img/arrow06.gif) no-repeat scroll 5.5em 7px;
}
#home .section2 {
}
#home .section2 .box {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}
#home .section2 .c1 {
	background: #FFFFFF url(../img/earth02.jpg) no-repeat scroll 300px bottom;
}
#home .section2 .c2 {
	background: #FFFFFF url(../img/earth03.jpg) no-repeat scroll 300px bottom;
}
#home .section2 dl {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 10px;
}
#home .section2 dt {
	float: left;
	clear: both;
}
#home .section2 dd {
	color: #000000;
}
#home .section2 .c1 dt {
	width: 10.0em;
}
#home .section2 .c1 dd {
	padding-left: 10.0em;
}
#home .section2 .c2 dt {
	width: 13.5em;
}
#home .section2 .c2 dd {
	padding-left: 13.5em;
}
#home .section2 .box p {
	clear: both;
	padding-bottom: 10px;
}

/*-----------------------------------------------------------
 * organization
 *-----------------------------------------------------------*/
#org h2 {
}
#org .block p span {
	color: #FF0000;
}
#org .block {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#org .block h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #000000;
}
#org .block h4,
#org .block p.intro {
	color: #000000;
	margin-bottom: 5px;
}
#org .block ul {
}
#org .block ul li {
	background: url(../img/arrow04.gif) no-repeat scroll left 8px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#org .block p strong {
	color: #555555;
}
#org .block dl {
}
#org .block dt {
	color: #000000;
	padding-bottom: 3px;
}
#org .block dd {
	padding-left: 20px;
	padding-bottom: 3px;
}

/*-----------------------------------------------------------
 * contact
 *-----------------------------------------------------------*/
#contact h2 {
}
#contact .section1 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}

/*-----------------------------------------------------------
 * link
 *-----------------------------------------------------------*/
#link h2 {
}
#link .section1 {
	margin-bottom: 10px;
	background: #FFFFFF url(../img/earth02.jpg) no-repeat scroll 300px bottom;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#link .section1 dl {
}
#link .section1 dt {
}
#link .section1 dd {
	padding-bottom: 10px;
}

/*-----------------------------------------------------------
 * workshop
 *-----------------------------------------------------------*/
#workshop h2 {
}
#workshop .section1 {
	background: #FFFFFF url(../img/work01.jpg) no-repeat scroll 442px 5px;
	/*height: 500px;*/
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#workshop .section1 h3 {
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-left: 15px;
	font-size: 1.5em;
}
#workshop .section1 p {
	padding-left: 15px;
	font-size: 1.5em;
}

#workshop .section1 p.subject {
	padding-left: 15px;
	font-size: 1.5em;
	text-align:center;
	color:#000000;
}

#workshop .section1 p.inner {
	padding-top:5px;
	padding-left: 15px;
	padding-right:15px;
	font-size: 1.0em;
}

#workshop .section1 p.topimg{
	padding:20px 15px 10px 15px;
}

#workshop .section1 span {
	color: #FF0000;
}

#workshop .section2 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#workshop .section2 h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #000000;
}
#workshop .section2 table {
	width: 625px;
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#workshop .section2 th {
	background: #F5F5F5;
	width: 9.0em;
}
#workshop .section2 th, #workshop .section2 td {
	vertical-align: top;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#workshop .section2 p.address {
	padding-top: 10px;
}
#workshop .section3 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#workshop .section3 h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #000000;
}

#workshop .section3 h3 p{
	font-size: 0.7em;
	color: #000000;
}

#workshop .section3 table.tb1 {
	width: 625px;
	margin-bottom: 20px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#workshop .section3 table.tb2 {
	width: 625px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#workshop .section3 caption {
	font-weight: bold;
	margin-bottom: 5px;
}
#workshop .section3 th {
	background: #F5F5F5;
	width: 9.0em;
}
#workshop .section3 th, #workshop .section3 td {
	vertical-align: top;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#workshop .section3 p.bold {
	font-weight:bold;
}

#workshop .section3 ul {
	padding-left:10px;
}

#workshop .section4 {
	background: #FFFFFF url(../img/work03.jpg) no-repeat scroll 442px 5px;
	/*height: 500px;*/
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#workshop .section4 h3 {
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-left: 15px;
	font-size: 1.5em;
}

#workshop .section4 p {
	padding-left: 15px;
	font-size: 1.5em;
}

#workshop .section4 h4.subject {
	font-weight: bold;
	text-align:center;
	color: #000000;
	margin-bottom: 5px;
	padding-top: 30px;
	font-size: 1.4em;
}

#workshop .section4 p.inner {
	padding-top:5px;
	padding-left: 15px;
	padding-right:15px;
	font-size: 1.0em;
}

#workshop .section4 p.inner_top {
	padding-top:30px;
	padding-left: 15px;
	padding-right:15px;
	font-size: 1.0em;
}

#workshop .section4 p.topimg{
	padding:20px 15px 10px 15px;
}

#workshop .section4 span {
	color: #FF0000;
}




#workshop2 h2 {
}
#workshop2 .sec01 {
background: #FFFFFF url(../img/work03.jpg) no-repeat scroll 442px 5px;
padding-top: 15px;
border: 1px solid #CCCCCC;
}
#workshop2 .sec01 h3 {
color: #000000;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5;
padding-bottom: 5px;
padding-left: 15px;
}
#workshop2 .sec01 .discription {
font-size: 1.25em;
font-weight: bold;
line-height: 1.25;
padding-bottom: 20px;
padding-left: 15px;
}
#workshop2 .sec01 .fc01 {
color: #000000;
}
#workshop2 .sec01 .fc02 {
color: #FF0000;
}
#workshop2 .sec01 .fc03 {
color: #0000FF;
}
#workshop2 .sec01 .intro {
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
}
#workshop2 .sec01 .box {
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
}
#workshop2 .sec01 h4 {
color: #000000;
font-size: 1.25em;
font-weight: bold;
padding-left: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
border-left: 5px solid #CCCCCC;
}
#workshop2 .sec01 table {
width:100%;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
#workshop2 .sec01 th {
background: #F5F5F5;
vertical-align:top;
padding: 5px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#workshop2 .sec01 td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: right;
}
#workshop2 .sec01 .box p {
padding-right: 10px;
padding-left: 10px;
}
#workshop2 .sec01 strong {
font-size: 1.0em;
}
#workshop2 .sec01 h5 {
color: #336699;
font-weight: bold;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
#workshop2 .sec01 ol {
margin-left: 1.0em;
padding: 5px 10px 15px;
}
#workshop2 .sec01 ul {
padding-left: 1.0em;
}
#workshop2 .sec01 .list01 {
font-weight: bold;
text-indent: -1.0em;
}
#workshop2 .sec01 .list02 {
font-weight: bold;
}




#workshop3 h2 {
}
#workshop3 .sec01 {
background: #FFFFFF url(../img/work04.jpg) no-repeat scroll 442px 90px;
padding-top: 15px;
border: 1px solid #CCCCCC;
}
#workshop3 .sec01 h3 {
color: #000000;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
}
#workshop3 .sec01 .discription {
font-size: 1.25em;
font-weight: bold;
line-height: 1.25;
padding-bottom: 20px;
padding-left: 15px;
}
#workshop3 .sec01 .fc01 {
color: #000000;
}
#workshop3 .sec01 .fc02 {
color: #FF0000;
}
#workshop3 .sec01 .fc03 {
color: #0000FF;
}
#workshop3 .sec01 .intro {
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
}
#workshop3 .sec01 .box {
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
}
#workshop3 .sec01 h4 {
color: #000000;
font-size: 1.25em;
font-weight: bold;
padding-left: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
border-left: 5px solid #CCCCCC;
}
#workshop3 .sec01 table {
width:100%;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
#workshop3 .sec01 th {
background: #F5F5F5;
vertical-align:top;
padding: 5px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#workshop3 .sec01 td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: right;
}
#workshop3 .sec01 .box p {
padding-right: 10px;
padding-left: 10px;
}
#workshop3 .sec01 strong {
font-size: 1.0em;
}
#workshop3 .sec01 h5 {
color: #336699;
font-weight: bold;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
#workshop3 .sec01 ol {
margin-left: 1.0em;
padding: 5px 10px 15px;
}
#workshop3 .sec01 ul {
padding-left: 1.0em;
}
#workshop3 .sec01 .list01 {
font-weight: bold;
text-indent: -1.0em;
}
#workshop3 .sec01 .list02 {
font-weight: bold;
}




/*-----------------------------------------------------------
 * active
 *-----------------------------------------------------------*/
#active h2 {
}
#active .section1 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#active .section1 ul {
	padding-top: 10px;
}
#active .section1 ul li {
}
#active .section1 ul li a {
	padding-left: 15px;
}
#active .section1 ul li a:link, #active .section1 ul li a:visited {
	background: url(../img/arrow02.gif) no-repeat scroll left center;
}
#active .section1 ul li a:hover, #active .section1 ul li a:active {
	background: url(../img/arrow03.gif) no-repeat scroll left center;
}
#active .section2, #active .section3, #active .section4 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#active .section2 h3, #active .section3 h3, #active .section4 h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #000000;
}
#active .section2 p, #active .section3 p, #active .section4 p {
	color: #000000;
	margin-bottom: 5px;
}
#active .section2 ul, #active .section3 ul, #active .section4 ul {
}
#active .section2 ul li, #active .section3 ul li, #active .section4 ul li {
	background: url(../img/arrow04.gif) no-repeat scroll left 8px;
	padding-bottom: 5px;
	padding-left: 15px;
}

/*-----------------------------------------------------------
 * schedule
 *-----------------------------------------------------------*/
#schedule h2 {
}
#schedule .section1 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#schedule .section1 table {
	width: 625px;
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#schedule .section1 th {
	background: #F5F5F5;
	width: 9.0em;
}
#schedule .section1 th, #schedule .section1 td {
	vertical-align: top;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#schedule .section1 p {
	color: #000000;
	margin-bottom: 5px;
}
#schedule .section1 ul {
	padding-bottom: 10px;
}
#schedule .section1 ul li {
	background: url(../img/arrow01.gif) no-repeat scroll left 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

/*-----------------------------------------------------------
 * campaign
 *-----------------------------------------------------------*/
#campaign h2 {
}
#campaign .section1 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#campaign .section1 h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #000000;
}
#campaign .section1 p {
	padding-bottom: 20px;
}
#campaign .section1 table {
	width: 625px;
}
#campaign .section1 caption {
	text-align: center;
	color: #336699;
	font-size: 1.25em;
}
#campaign .section1 td {
	text-align: center;
}
#campaign .section2 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#campaign .section2 h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #000000;
}
#campaign .section2 p {
	color: #000000;
	margin-bottom: 10px;
}
#campaign .section2 ul {
}
#campaign .section2 ul li {
	padding-bottom: 10px;
}
#campaign .section3 {
	background: #FFFFFF;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#campaign .section3 h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #000000;
}
#campaign .section3 p {
	color: #000000;
	margin-bottom: 10px;
}
#campaign .section3 dl {
}
#campaign .section3 dt {
	color: #000000;
}
#campaign .section3 dd {
	padding-bottom: 10px;
	padding-left: 15px;
}









/*-----------------------------------------------------------
 * how to join mga
 *-----------------------------------------------------------*/
#howto .block {
background: #FFFFFF;
padding: 10px 15px;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
}
#howto .block .lead {
padding-bottom: 20px;
}
#howto .block ul {
text-indent: -1.0em;
padding-bottom: 10px;
margin-left: 3.0em;
}
#howto .block table {
width:100%;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin-bottom: 20px;
}
#howto .block th, #howto .block td {
vertical-align: top;
padding: 5px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#howto .block th {
background: #F5F5F5;
white-space: nowrap;
}
#howto .block .required {
color: #ff0000;
}







.mail-address {
color: #0000ff;
}