* {
  margin: 0;
  padding: 0;
}

body{
    text-align: center;   
}


.content
	{
	width:865px;
	background-color: #fff;
	padding:0;
	margin:0 auto 0 auto;
	}

.head
	{
        border-top: 3px solid #39f;
        border-bottom: 3px solid #39f;
	}

.menu
	{
	float:left;
	width:260px;
	height:auto;
 	padding:0px;
	}

.main
	{
	float:left;
	width:550px;
	margin:10px 0px 10px 10px;
 	padding-left:30px;
	}


.foot
	{
	clear:both;
	background-color: #39f;
	height: 20px;
       color: #fff;
	}

/*---------------menu-navigation-----------------*/
.menu H2{
	font-size: 100%;
	text-align:center;
	margin:0px;
	padding:4px 0;
	
	color:#006;
}

ul.menu_list {
	font-size: 100%;
       font-weight:bold;
	list-style-type: none;
	margin:0;
	padding:0;
}

.menu_list li { display: inline; }

.menu_list a{
  text-decoration: none;
  width: 250px;
  display: block;
  padding: 4px;
  border: 1px outset #39f;
  background-color: #39f;
  color: #fff;
}

.menu_list a:hover{
  text-decoration: none;
  border: 1px outset #36f;
  background-color: #36f;
  color: #fff;
}




/*---------------tabu-navigation-----------------*/
#javascript_tab{
	background-color:#ffffff;
}


#tab ul, #tab li{
	margin:0;
	padding:0;
	list-style:none;
       font-weight:bold;
	font-size: 120%;
}

#tab li{
	float:left;
	background-color:#f60;
	border:1px outset #39f;
	margin-right:1px;
	margin-left:10px;
}

#tab a,#tab a:link,#tab a:visited{
	text-decoration:none;
	color:#ffffff;
	background-color:transparent;
	width:100px;
	height:auto;
	text-align:center;
	padding:2px 0;
	display:block;
}

#tab a:hover{
	color:#fff;
	background-color:#6f0;
	top:1px;
	font-weight:bold;
	border-bottom: 2px solid #36f;
}


#news , #topic{
	float:left;
	width:500px;
	height:200px;
	background-color:#ffffff;
	border: 1px solid #39f;
	overflow:auto;
	margin:0 0 10px 10px;
}



/*---------------main_image-----------------*/

.main_image{
	float:left;
	width:400px;
	height:350px;
	padding:0;
	margin:10px 0 10px 20px;	
}

/*---------------adress----------------*/

.adress{
	font-size: 100%;
	font-weight : normal;
	margin:10px;	
	width:250px;
       text-align: left;  
  font-family : HG??M-PRO;
}

/*---------------oshirase table----------------*/
#table_01 {
    width: 450px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin:10px 10px 10px 10px;
	font-size: 80%;
}

#table_01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
#table_01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

/*---------------文字装飾----------------*/
.font_01{
	color:#000;
}

.font_red{
	color:#f00; 
}

.font_red02{
       font-weight:bold;
	color:#f00; 
}

.font_blue01{
       font-weight:bold;
	color:#09f;
}

.font_green01{
       font-weight:bold;
	color:#096;
}

.font_big{
       font-size:120%;
}

/*--------------ボランティアページ----------------*/
.subtitle{
       font-size:120%;
       font-weight:bold;
	padding-top : 5px;
  padding-left : 10px;
  padding-bottom : 3px;
  border-top-width : 0px;
  border-left-width : 5px;
  border-top-style : none;
  border-left-style : solid;
  border-bottom-style : none;
  border-left-color : blue;
  color : gray;
  margin-top : 1px;
  margin-left : 20px;
}

.subtitle02{
  font-size:100%;
  color : gray;
  margin-left : 20px;
}


/*--------------ボランティアページメニュー----------------*/

/*---------------menu02-navigation-----------------*/

.menu02
	{
	float:left;
	width:150px;
	font-size: 90%;
	margin:0;
	height:auto;
	}

.main02
	{
	float:left;
	width:640px;
	margin:10px 0px 10px 15px;
	}


.main02 p{
    margin:10px;
    font-size: 90%;
    line-height:1.5;
	}

ul.menu02_list {
       font-weight:bold;
	list-style-type: none;
	margin:0;
	padding:0;
}

.menu02_list li { display: inline; }

.menu02_list a{
  text-decoration: none;
  width: 150px;
  display: block;
  padding: 4px;
  border: 1px outset #39f;
  background-color: #39f;
  color: #fff;
}

.menu02_list a:hover{
  text-decoration: none;
  border: 1px outset #36f;
  background-color: #36f;
  color: #fff;
}

.subtitle02{
	margin:15px 20px;
}

/*---------------リスト-----------------*/
.v_list {
	text-align:left;
	margin:10px 0px 10px 20px ;
	padding:0;
}

.v_list  ul{
	list-style-position : inside ;	
}

.v_list li{
	list-style-image:url(../volunteer/images/bullet301.gif);
	line-height:2;
	font-weight:bold;
	font-size :normal; 
}

/*ホームページビルダー崩れ防止*/
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}