@charset "shift_jis";
/* CSS Document */

@import url("basic.css");

/*******************************************************************/
/*                                                        contents */
/*******************************************************************/
#contents {
	width: 640px;
	margin: 0px auto;
	text-align: left;
	letter-spacing: 0.05em;
	}

/*********************************************************/
/*                                            left-block */
/*********************************************************/
#left-block {
	width: 640px;
	margin: 0px auto;
	text-align: center;
	}
	
	/*	flash	-----------------------------------------*/
	#left-block #flash {
		display: none;
		}
		
		#flashcontent {
			width: 590px;
			font-size: 75%;
			line-height: 160%;
			}
	
	/*	topics	-----------------------------------------*/
	#topics {
		margin-left: 5px;
		}
		
		#topics #topics-ttl-box {
			background: url(../../../images/top/topics-title.jpg) no-repeat left bottom;
			width: 580px;
			height: 40px;
			text-indent: -9999px;
			}
			
			#topics-ttl-box h3 {
				float: left;
				width: 490px;
				height: 35px;
				margin-top: 5px;
				}
			
			#topics-ttl-box p {
				float: right;
				padding-right: 10px;
				}
				
				#topics-ttl-box p a {
					background: url(../../../images/top/list.jpg) no-repeat 0 0;
					width: 80px;
					height: 30px;
					display: block;
					}
					#topics-ttl-box p a:hover {
						background: url(../../../images/top/list-hover.jpg) no-repeat 0 0;
						}

		#topics #topics-block {
			border-left: #225AB7 solid 3px;
			margin: 1px 0px 0px 7px;
			padding: 5px 0px 10px 0px;
			font-size: 75%;
			line-height: 160%;
			width: 570px;
			}
		
			#topics-block .data {
				background: url(../../../images/common/broken-line.gif) repeat-x left bottom;
				width: 560px;
				margin-left: 10px;
				padding: 5px 0px;
				}
				
				#topics-block .data .day {
					float: left;
					width: 120px;
					}
					
				#topics-block .data p {
					background: url(../../../images/common/icon-block.gif) no-repeat 0px 5px;
					float: right;
					width: 440px;
					}
					.data p a {
						text-decoration: none;
						padding-left: 10px;
						}
					.data p a:hover {
						text-decoration: underline;
						}

	/*	Sl-contents	-------------------------------------*/
	#Sl-contents {
		margin: 5px 0px 0px 5px;
		width: 580px;
		}

		/*	volunteer	---------------------------------*/
		#volunteer {
			float: left;
			width: 285px;
			background: url(../../../images/top/shadow.jpg) no-repeat left bottom;
			padding-bottom: 20px;
			text-align: left;
			}
		
			#volunteer #volunteer-ttl-box {
				background: url(../../../images/top/volunteer-title.jpg) no-repeat left bottom;
				width: 285px;
				height: 40px;
				text-indent: -9999px;
				}
				
				#volunteer-ttl-box h3 {
					float: left;
					width: 195px;
					height: 35px;
					margin-top: 5px;
					}
				
				#volunteer-ttl-box p {
					float: right;
					margin-right: 10px;
					}
					
					#volunteer-ttl-box p a {
						background: url(../../../images/top/list.jpg) no-repeat 0 0;
						width: 80px;
						height: 30px;
						display: block;
						}
						#volunteer-ttl-box p a:hover {
							background: url(../../../images/top/list-hover.jpg) no-repeat 0 0;
							}
	
			#volunteer #volunteer-block {
				border-left: #225AB7 solid 3px;
				margin: 1px 0px 0px 7px;
				padding: 5px 0px 8px 0px;
				font-size: 75%;
				line-height: 140%;
				width: 275px;
				}
			
				#volunteer-block .data {
					background: url(../../../images/common/broken-line.gif) repeat-x left bottom;
					width: 265px;
					margin-left: 10px;
					padding: 5px 0px;
					}
					
					#volunteer-block .data p {
						background: url(../../../images/common/icon-block.gif) no-repeat 0px 5px;
						}

		/*	media	-------------------------------------*/
		#media {
			float: right;
			width: 285px;
			text-indent: -9999px;
			margin-top: 5px;
			}
			
			/*	cm	*/
			#media .cm {
				background: url(../../../images/top/shadow-min.jpg) no-repeat left bottom;
				padding-bottom: 10px;
				}

				#media .cm h3 a {
					width: 285px;
					height: 80px;
					background: url(../../../images/top/cm.jpg) no-repeat 0 0;
					display: block;
					}
					#media .cm h3 a:hover {
						background: url(../../../images/top/cm-hover.jpg) no-repeat 0 0;
						}

				#media .cm p {
					display: none;
					}
			
			/*	news	*/
			#media .news {
				background: url(../../../images/top/shadow-min.jpg) no-repeat left bottom;
				padding-bottom: 10px;
				}

				#media .news h3 a {
					width: 285px;
					height: 80px;
					background: url(../../../images/top/news.jpg) no-repeat 0 0;
					display: block;
					}
					#media .news h3 a:hover {
						background: url(../../../images/top/news-hover.jpg) no-repeat 0 0;
						}

				#media .news p {
					display: none;
					}


			/*	category	*/
			#media .category {
				background: url(../../../images/top/shadow.jpg) no-repeat left bottom;
				padding-bottom: 20px;
				}

				#media .category h3 a {
					width: 285px;
					height: 80px;
					background: url(../../../images/top/category.jpg) no-repeat 0 0;
					display: block;
					text-decoration: none;
					}
					#media .category h3 a:hover {
						background: url(../../../images/top/category-hover.jpg) no-repeat 0 0;
						}

				#media .category p {
					display: none;
					}

/*********************************************************/
/*                                           right-block */
/*********************************************************/
#right-block {
	display: none;
	}