/* CSS Document */

@charset "UTF-8";

/* base
----------------------------------------------- */
body {
	background: # 0C0203;
	font-size: small;
	color: #CCC;
	line-height: 1.5;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 0px;
}

*:first-child+html body { padding-left: 1px; } /* for IE7 */
* html body { padding-left: 1px; } /* for IE6 */

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: left;
}

/* photo
----------------------------------------------- */
.img01{
	margin: 0;
	padding: 3px 30px 3px 3px;
	border: 0;
	vertical-align: top;
	float:right;
}

.img02{
	margin: 0;
	padding: 0px 5px 10px 0px;
	border: 0;
	vertical-align: top;
	float:right;
}

.img03{
	margin: 0;
	padding: 0px 10px 3px 3px;
	border: 0;
	vertical-align: top;
	float:right;
}

.img04{
	margin: 0;
	padding: 0px 10px 3px 3px;
	border: 0;
	vertical-align: top;
	float:right;
}

.img05{
	margin: 0;
	padding: 3px 10px 3px 30px;
	border: 0;
	vertical-align: top;
	float:left;
}

/* link
----------------------------------------------- */
a:link { color: #63C; text-decoration: underline; }
a:visited {
	color: #C3C;
}
a:hover { color: #69F; text-decoration: none; }


/* wrapper
----------------------------------------------- */
#wrapper {
	background: url(image/body_bg.jpg) no-repeat center bottom;
	width: 800;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 0 0 0 0;
}


/* main
----------------------------------------------- */
#content_top {
	width: 564px;
}

#content {
	background: url(image/content_bg.gif) repeat-y 0 0;
	width: 564px;	
}

#content dt {
	padding: 0px 30px 20px 30px;
}

#content_bottom {
    background: url(image/content_bg_bottom.gif) no-repeat 0 0;
	width: 564px;
	padding-bottom: 150px
}


/* orange_back
----------------------------------------------- */
#orange {
    width:485px;
    background-color:#FFEFD5;
	padding: 10px 10px 10px 10px;
}

/* side_comment
----------------------------------------------- */
#side {
    width:134px;
	margin: 10px 0px 10px 0px;
	background-color:#D7F8D1;
	padding: 5px 5px 5px 5px;
}


/* table
----------------------------------------------- */
#repo {
    width:496px
}

#repo td{
	vertical-align:top;
}

#ngo {
    width:496px
}

#ngo th{
	vertical-align:bottom;
	color:#333333;
	font-size:small;
	font-weight:bold;
}

#ngo td{
	vertical-align:top;
}

#outline {
    width:480px
}

#outline th{
    background-color:#FFEFD5;
	vertical-align:top;
	padding-left:10px;
	color:#333333;
	font-size:small;
	font-weight:normal;
}

#outline td{
    padding-bottom:15px;
}

#program {
    width:400px
}

#program th{
	vertical-align:top;
	padding-left:10px;
	border-right-color:#FFEFD5;
	border-right-style:solid;
	color:#333333;
	font-size:small;
	font-weight:normal;
}

#program td{
    padding: 0px 0px 15px 20px;
}

#performers {
    width:496px
}

#performers th{
	vertical-align:top;
	color:#333333;
	font-size:small;
	font-weight:bold;
}

#performers td{
	vertical-align:top;
	padding-bottom: 10px;
}

#volunteer {
    width:490px
}

#volunteer th{
    background-color:#FFEFD5;
	vertical-align:top;
	padding-left:10px;
	color:#333333;
	font-size:small;
	font-weight:normal;
}

#volunteer td{
    padding-bottom:15px;
}

/* font size
----------------------------------------------- */
* html body .fontsize1 { font-size: xx-small; }
* html body .fontsize2 { font-size: x-small; }
* html body .fontsize3 { font-size: small; }
* html body .fontsize4 { font-size: medium; }
* html body .fontsize5 { font-size: large; }
* html body .fontsize6 { font-size: x-large; }
.fontsize1 { font-size: x-small; }
.fontsize2 { font-size: small; }
.fontsize3 { font-size: medium; }
.fontsize4 { font-size: large; }
.fontsize5 { font-size: x-large; }
.fontsize6 { font-size: xx-large; }
.fontsize1, .fontsize2, .fontsize3, .fontsize4, .fontsize5, .fontsize6 {
	line-height: 1.6;
	text-align: justify;
	text-justify: inter-ideograph;
}


/* text
----------------------------------------------- */
.bold { font-weight: bold; }
.caution { color: #f30; font-weight: bold; }
.midashi { color: #006600; font-weight: bold; background-color: #D9F5D8; }
.midashi2 { color: #660000;font-weight: bold; }
.midashi3 { color: #006600; font-weight: bold; background-color: #FFFFCC; }
.white { color: #FFFFFF; }