@charset "UTF-8";

@import url(reset.css);
@import url(fonts.css);
@import url(layout.css);

/* --------------------------------------------------
 * general
 * -------------------------------------------------- */
html {
}

body {
background-color:#EEE;
background-image:url(/common/imgs/bg_body.gif);
background-position:center top;
background-repeat:repeat-y;
color:#4c4c4c;
text-align:center;
overflow-y:scroll;
}


/* ie6, ie7 hack */
*html body,
*+html body {
overflow-y:auto;
}


a {
color:#06C;
text-decoration:none;
}
a:hover {
color: #06C;
text-decoration: underline;
}


h1 {
font-size: 146.5%;
margin: 0 0 1em;
}

h2 {
font-size: 131%;
margin:0 0 0.5em;
font-weight:bold;
}

h3 {
font-size: 116%;
margin: 0.5em 0 0.5em;
font-weight:bold;
}

h4 {
font-size: 100%;
margin: 0 0 0.5em;
color:#6699CC;
font-weight:bold;
}

p {
padding:0 0 1em;
}

ul, ol {
margin:0 0 1em 1.5em;
}

ul li {
list-style-type:disc;
margin-bottom: 0.3em;
}

ol li {
list-style-type: decimal;
margin-bottom: 0.3em;
}

strong {
font-weight:bold;
}

table {
border-collapse:collapse;
max-width:567px;
}
table th {
background-color: #DEFED1;
border: 1px solid #bbb;
padding:0.5em;
font-weight:bold;
}
table td {
border: 1px solid #bbb;
padding:0.3em;
}

pre {
margin: 0 0 1.5em;
padding: 0.5em;
border: 1px solid #ccc;
font-size:77%;
line-height:100%;
background-color: #EFEFEF;
font-family: monospace;
}

h2 small {
color:#666;
font-size:60%;
}

/* --------------------------------------------------
 * header
 * -------------------------------------------------- */
#header {
/*background-image:url(/common/imgs/top_img_spring.jpg);*/
background-repeat:no-repeat;
}


#header #homelink{
text-indent:-9999px;
margin:0px;
padding:0px;
}

#header #homelink a{
width:400px;
height:50px;
position:absolute;
top:10px;
left:10px;
}

/* --------------------------------------------------
 * globalnavigation
 * -------------------------------------------------- */
#globalnavigation {
height: 30px;
}
/* navigation */
#globalnavigation .navigation {
float:left;
}

/* search */
#globalnavigation .search {
float:right;
margin-right: 20px;
}


/* --------------------------------------------------
 * maincontent
 * -------------------------------------------------- */
#maincol .topics {
	margin: 0 0 1em;
	padding: 0.5em;
}

#maincol .topics ul{
	margin:0 0 1em 0.5em;
}

#maincol .topics li{
	list-style:none;
	margin: 0 0 0.5em;
}

#maincol .list {
	margin: 0 0 1em;
	padding: 0.5em;
	/*border: 1px solid #ccc;*/
	background-color:#E8FFFC;
}

#maincol .list h3 {
	margin:0 0 0.5em;
}

#maincol .map {
	border: 1px solid #CCC;
	padding:0.5em;
}

#maincol .list ul{
	margin:0 0 2em 0.5em;
}
#pickup ul{
	margin:0 0 1em 1.5em;
}
#maincol .list li,
#pickup li{
	list-style:none;
	margin: 0 0 0.5em;
}

ul.search_result li {
margin: 0 0 1em;
}
ul.search_result li small {
color: #999;
}
ul.search_result li .listtitle{
font-size:123.1%;
}


/* --------------------------------------------------
 * detail_maincontent
 * -------------------------------------------------- */
#maincolwrapper {
margin: 0em;
}

#maincol .content p {
margin: 0em;
padding: 0em;
}

#maincol .title {
background-image:url(/common/imgs/title.png);
background-repeat:no-repeat;
background-position:left center;
height: 30px;
margin: 0px;
}
#maincol .title h2 {
line-height: 30px;
padding: 0 0 0 30px;
}

#text,#attach,#keyword{
	border: 1px solid #CCC;
	padding:1em 1em 0.5em;
	margin-bottom:1.5em;
}

#maincol .gallery{
	padding: 0.5em 0 1.5em;
}

#maincol .gallery img{
	float:left;
	padding-right: 1.5em;
}

#maincol .last_update{
	color:#666666;
	font-size:77%;
	padding: 0em;
	margin:0 0 2em;
}
/*
#contact h3{
	color:#666666;
	font-size:93%;
}
*/
#attach h3,#keyword h3 {
	margin-top:0;
	padding: 0.3em 0 0 1em;
	height: 25px;
}
#attach h3{
	background: url(/common/imgs/h3_attach.png) no-repeat;
	height:30px;
}
#keyword h3{
	background:url(/common/imgs/h3_keyword.png) no-repeat;
	height:30px;
}
#attach li,#keyword p {
	margin-left: 3em;
}

.p_emphasis{
	font-size:131%;
	padding: 0px;
}

.pagetop {
text-align: right;
}


.index label {
font-weight:bold;
}

.topicslist {
margin: 0 0 2em;
padding: 0.5em;
background-color: #FFFBEC;
}
.topicslist ul {
margin: 0 0 0 0.5em;
}
.topicslist ul li {
list-style: none;
}

#search_results{
	border: 1px solid #CCC;
	padding:1em 1em 0.5em;
	margin-bottom:1.5em;
}
#search_results li {
	background:url(/common/imgs/search_icon.png) no-repeat 0 4px;
	list-style:none;
	padding-left:1.5em;
}

.from{
	color:#000033;
	font-size:93%;
}
.explanation{
	color:#666;
	font-size:93%;
}

.attach h3 {
border-bottom: 1px solid #CCC;
}

.section_info {
background-color:#E8F5F9;
padding: 0.5em;
margin: 0 0 1em;
}

#maincol .contact {
margin: 0 0 3em;
}

/* --------------------------------------------------
 * box
 * -------------------------------------------------- */
#boxs_left,#boxs_right{
	float:left;
	width:347px;
}

.boxs{
	margin-bottom:1em;
}

.boxs ul{
	padding: 1em;
	margin-bottom: 0;
}

.boxs li{
	margin-bottom: 0.2em;
}
#box_consultation,#box_works,#box_volunteer,#box_help,#box_event{
	background-color:#FFFFFF;
	border-left:2px solid #FF9901;
	border-right:2px solid #FF9901;
}

#box_about {
	background-color:#FFFFFF;
	border-left:2px solid #0368FF;
	border-right:2px solid #0368FF;
}

.box_width {
	width:332px;
}
#box_consultation{
	background:url(/common/imgs/bg_consultation.png) no-repeat;
	background-position:center bottom;
}
#box_works{
	background:url(/common/imgs/bg_works.png) no-repeat;
	background-position:center bottom;
}
#box_volunteer {
	background:url(/common/imgs/bg_volunteer.png) no-repeat;
	background-position:center bottom;
}
#box_help{
	background:url(/common/imgs/bg_help.png) no-repeat;
	background-position:center bottom;
}
#box_event{
	background:url(/common/imgs/bg_event.png) no-repeat;
	background-position:center bottom;
}
#box_about {
	background:url(/common/imgs/bg_about.png) no-repeat;
	background-position:center bottom;
}


/*
 * .section
 ------------------------------------------ */
#section #maincol .title {
margin: 0 0 2em;
}
#section .list ul {
margin:0 0 0 1.5em;
}
#section .list ul li {
list-style:disc;
}
.sections ul {
margin:0 0 2em 1.5em;
}
.sections ul li {
list-style:disc;
}
.sections ul li ul {
margin:0 0 1em 1.5em;
}
.sections ul li ul li {
list-style:circle;
}



.colsitemap {
float:left;
width:50%;
}


/* --------------------------------------------------
 * rightcol
 * -------------------------------------------------- */
#sidemenu {
	padding: 1em 0;
}
.backnumber {
margin: 0 0 20px;
}
.backnumber .move_year {

}

#rightcol .index {
margin: 0 0 20px;
}
#rightcol .index .title {
background-image:url(/common/imgs/sidebar_title_back.gif);
background-repeat:no-repeat;
background-position:left center;
height:20px;
}
#rightcol .index .title h3{
font-size: 13px;
font-weight:bold;
line-height:20px;
margin: 0 10px;
}
#rightcol .index p {
margin: 10px 0 0;
padding: 0px;
}
#rightcol .index ul {
margin: 10px 0 0 1.5em;
}
#rightcol .index .yearselector {
margin: 0 10px;
}


/* --------------------------------------------------
 * footer
 * -------------------------------------------------- */
#address{
	float:left;
	line-height: 167%;
}
#charity{
	float:right;
	width: 25%;
}

#line {
	border-top:1px solid #666;
	padding:0.5em 0 0;
	margin-top: 0.5em;
}

.img_left{
	float:left;
}
.p_right{
	float:left;
	width:60%;
	padding:1.5em 0 0 0.5em;
}

.copyright {
	color:#666666;
	font-size:77%;
}



/* for Lightbox JS (http://www.huddletogether.com) */
#lightboxImage,#loadingImage {border-width:0px}
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#overlay{ background-image: url(/common/js/lightbox/overlay.png); }
 * html #overlay{
background-color: #333;
background-color: transparent;
background-image: url(/common/js/lightbox/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/js/lightbox/overlay.png", sizingMethod="scale");