.blue a    {
	color: #0000FF;
	text-decoration: underline;
}


.blue a:hover {
	color           : #0000FF;
	text-decoration : none;
	background-color: #FFFFCC;
	font-size: 18px;
}

.pink {
	font-weight: normal;
	color: #FF6666;
}

.red {
	font-weight: bold;
	color: #FF3333;
	font-size: 12px;
	line-height: 2;
	clear: left;
}

.green {
	font-weight: normal;
	color: #33CC33;
	font-size: 12px;
	line-height: 2;
	clear: left;
}


.b {
	font-weight: bold;
	color: #333333;
}
.midashi01 {
	font-weight: normal;
	color: #333333;
	width: 50px;
	display: block;
	height: 100px;
	clear: both;
	float: left;
}

.midashi02 {
	font-weight: normal;
	color: #333333;
	width: 50px;
	display: block;
	clear: both;
	float: left;
}

.midashi03 {
	font-weight: normal;
	color: #333333;
	width: 550px;
	display: block;
	float: left;
}



.pmidashi   {
	float: left;
	text-indent: -5em;
	color: #FF0000;
}
.size12 { font-size: 12px; }
#wrapper {
	text-align: center;
	background-image: url(../volunteer/bg_volu.gif);
	background-attachment: scroll;
	background-repeat: repeat-x;
}
#base {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../volunteer/bg_volu.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-attachment: fixed;
}

#content {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
}

#h1 {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-align: center;
}
#headerArea {
	background-image: url(../volunteer/head.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 870px;
}

#headerArea  #title {
	position: relative;
	top: 15px;
	left: 50px;
	height: 54px;
	width: 158px;
}

#headerArea #logo {
	position: relative;
	top: -30px;
	left: 600px;
	height: 38px;
	width: 218px;
}

#header-photo {
	height: 200px;
	width: 280px;
	margin-top: -5px;
	float: left;
	margin-left: 6px;
	display: inline;
}

#header-photo02 {
	height: 200px;
	width: 280px;
	margin-top: -5px;
	float: left;
	margin-left: 6px;
	display: inline;
}

#header-photo03 {
	height: 200px;
	width: 280px;
	margin-top: -5px;
	float: left;
	margin-left: 6px;
	display: inline;
}


a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=60);
}

/*メイン*/



#content_main {
	background-color: #FFFFFF;
	overflow: hidden;
	width: 870px;
}

#topicpath {
	color: #666666;
	font-size: 12px;
	line-height: 2;
	padding-left: 15px;
}





#main {
	float: right;
	width: 640px;
	margin-right: -10px;
}

#main h2 {
	border-left-width: thick;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC99;
	border-right-color: #FFCC99;
	border-bottom-color: #FFCC99;
	border-left-color: #FFCC99;
	border-bottom-width: thin;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	width: 610px;
}
#main #eijyuken_g-menu {
	background-image: url(../image/resident/eijyuken-menu-bg.jpg);
	background-repeat: no-repeat;
	height: 110px;
	margin-bottom: 10px;
}
#main  #eijyuken_g-menu  li#a {
	font-size: 14px;
	float: left;
	padding-top: 15px;
	padding-left: 15px;
	width: 320px;
}

#main #eijyuken_g-menu li#b {
	font-size: 14px;
	float: left;
	padding-top: 15px;
}


#content_main #main h3 {
	background-image: url(../image/h3.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 620px;
}
#content_main  #main  .titlebar01 {
	background-color: #FFE8D2;
	width: 200px;
	line-height: 1.5;
	text-align: center;
	color: #333333;
	border: thin solid #FFCC99;
	margin-bottom: 10px;
	float: left;
}
#content_main   #main   .titlebar02 {
	background-color: #333333;
	width: 200px;
	line-height: 1.5;
	color: #FFFFCC;
	padding: 3px;
}
#content_main  #main .titlebar03 {
	width: 620px;
	line-height: 1.5;
	color: #333333;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FF9933;
	border-top-color: #FF9933;
	border-right-color: #FF9933;
	border-left-color: #FF9933;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}




#content_main #main .section {
	float: left;
	width: 640px;
	margin-bottom: 15px;
}

#content_main       #main       h3.text  {
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	color: #333333;
	line-height: 1.5;
	padding-top: 6px;
	float: left;
	margin-bottom: 5px;
}
#content_main    #main    h3.h-text    {
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	color: #333333;
	line-height: 1.5;
	padding-top: 6px;
	float: left;
	margin-bottom: 5px;
}

#content_main #main p {
	font-size: 13px;
	line-height: 1.5;
	color: #333333;
	margin-bottom: 15px;
	padding-left: 5px;
	width: 620px;
	float: left;
}
#content_main     #main     .text {
	width: 405px;
	float: left;
}
#content_main  #main  .photo { width: 210px; 
}



/*サイドメニュー*/



#sidemenu {
	float: left;
	width: 210px;
	margin-left: 10px;
	margin-bottom: 50px;
	display: inline;
}
#sidemenu   .title {
	height: 25px;
	width: 210px;
	margin-top: 10px;
}

#sidemenu .title2 { margin-top: 10px; }

#sidemenu .title3 { margin-top: 10px; }


#sidemenu  #side_title {
	background-image: url(../image/h4.jpg);
	background-repeat: no-repeat;
	height: 70px;
	
}
#sidemenu .sidemenu_bg_top {
	background-image: url(../image/list_bg_middle.jpg);
	background-repeat: repeat-y;
}

* html .sidemenu_bg_bottom {
	background-image: url(../image/list_bg_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: -10px;
}

.sidemenu_bg_bottom {
	background-image: url(../image/list_bg_bottom.jpg);
	background-position: bottom;
	height: 5px;
	background-repeat: no-repeat;
}
#sidemenu  h2 {
	padding-left: 20px;
	font-size: 14px;
	color: #666666;
	padding-top: 30px;
}
.sidemenu_bg_top h3 {
	font-size: 14px;
	color: #FF6600;
	text-decoration: underline;
	text-align: center;
	line-height: 1.5;
	padding-top: 2px;
}
.sidemenu_bg_top  h3.mukyu-title  {
	font-size: 14px;
	color: #FF6600;
	text-decoration: underline;
	text-align: center;
	line-height: 1.5;
	margin-top: 5px;
}



#sidemenu .sidemenu_bg_top li {
	font-size: 12px;
	line-height: 1.5;
	color: #666666;
	padding-left: 20px;
	padding-top: 5px;
	background-image: url(../image/list_bg_white.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 19px;
}
#sidemenu .sidemenu_bg_top h3 a {
	color           : #FF6600;
	text-decoration : underline;
	font-weight     : bold;
}

#sidemenu .sidemenu_bg_top h3 a:hover {
	color           : #FF0000;
	text-decoration: none;
	font-weight: bold;
}
#sidemenu .line {
	margin-top: 20px;
	margin-bottom: 20px;
}
#sidemenu .banner { margin-bottom: 7px; }

.space01 {
	height: 300px;
	float: right;
	width: 300px;
}




/*フッター*/




#footer {
	clear: both;
	background-color: #FF99CC;
	font-size: 80%;
	line-height: 2;
	color: #333333;
}

.yajirushi {
	clear: both;
	text-align: center;
	display: block;
}
/*永住権*/


#resident_status_subMenu {
	width: 600px;
	padding-left: 30px;
	height: 70px;
}
#resident_status_subMenu li ,#resident_status_subMenu li a   {
	font-size: 12px;
	text-decoration: underline;
	float: left;
	width: 190px;
	margin-top: 5px;
	margin-left: 5px;
}
#resident_status_subMenu   a:hover  {
	text-decoration: none;
	color: #FF6666;
}
#main   .section #table01 li   { margin: 10px; }


#main .section #table01 th {
	font-size: 12px;
	font-weight: normal;
	background-color: #ccffff;
}


#main .section #table01 img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.link-top     {
	margin-right: 20px;
	clear: both;
	display: block;
	width: 120px;
	color: #0066CC;
	text-decoration: underline;
	font-size: 12px;
	float: right;
}
#content_main .link-top a {
	color: #3366FF;
	text-decoration: underline;
}

#content_main .link-top a:hover {
	color: #3366FF;
	text-decoration: none;
	background-color: #FFFFCC;
}































#main_right_volu {
	float: right;
	width: 605px;
	margin-right: 10px;
}
html,body {
	margin-left: 0px;
	margin-top: 0px;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-3dlight-color: #81BD4A;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #81BD4A;
}
.bg {
	background-image: url(tpbg.jpg);
	background-repeat: repeat-y;
}
.tp1 {
	background-image: url(../volunteer/tp1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	vertical-align: top;
	padding-top: 165px;
	padding-left: 30px;
	padding-bottom: 0px;
	padding-right: 30px;
}
.tp3 {
	background-image: url(../volunteer/kinder.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	vertical-align: top;
	padding-top: 165px;
	padding-left: 30px;
	padding-bottom: 0px;
	padding-right: 30px;
}

.menubar {
	font-size: 12px;
	line-height: 25px;
	padding-left: 30px;
	background-image: url(menu1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.hder {
	font-size: 12px;
	letter-spacing: 1px;
	padding-left: 10px;
	padding-top: 5px;
}
.bot {
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: 1px;
	padding-left: 15px;
	padding-bottom: 10px;
}

/* menu bar link */
.menubar2 {
	font-size: 12px;
	line-height: 25px;
	padding-left: 25px;
	background-color: #FFCC99;
}
.menubar2 a:link {
color:#000000;
text-decoration: none;
}
.menubar2 a:visited {
	color: #000000;
	text-decoration: none;
}
.menubar2 a:hover {
border-bottom:1px dashed;
color:#FF0000;
}
.menubar2 a:active {
border-bottom:1px dashed;
color:#FF0000;
}
.menubar3 {
	font-size: 12px;
	line-height: 25px;
	padding-left: 30px;
	background-image: url(menu2.gif);
	background-position: left center;
}
.menubar3 a:link {
color:#000000;
text-decoration: none;
}
.menubar3 a:visited {
	color: #000000;
	text-decoration: none;
}
.menubar3 a:hover {
border-bottom:1px dashed;
color:#FF3300;
}
.menubar3 a:active {
border-bottom:1px dashed;
color:#FF3300;
}
/* end */


.bgsub {
	background-image: url(tpbgsub.jpg);
	background-repeat: repeat-y;
}
.bar2 {
	background-image: url(bar2.gif);
	background-repeat: no-repeat;
	background-position: 45px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
	letter-spacing: 1px;
}
.un {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
}
.un1 {
	background-color: #EFC1B4;
	text-align: left;
	line-height: 18px;
	padding-left: 25px;
	font-size: 12px;
}
.pageup {
	font-size: 10px;
	color: #999999;
}
.pageup p{
	font-size: 10px;
	color: #003366;
	padding-right: 25px;
}
.pageup a:link {
color:#999999;
text-decoration: none;
}
.pageup a:visited {
color:#999999;
text-decoration: none;
}
.pageup a:hover {
	color:#006699;
	text-decoration: underline;
}
.pageup a:active {
border-bottom:1px dashed;
color:#006699;
}
.navi {
	font-size: 10px;
	letter-spacing: 2px;
	padding-top: 5px;
	padding-right: 25px;
	text-align: right;
	vertical-align: bottom;
}
.navi a:link {
color:#000000;
text-decoration: none;
}
.navi a:visited {
	color: #000000;
	text-decoration: none;
}
.navi a:hover {
	color:#FF0000;
	text-decoration: underline;
}
.navi a:active {
border-bottom:1px dashed;
color:#FF0000;
}

.tail {
clear:left;
width:100%;
border-top:4px solid #81BD4A;
margin-top:0;
padding-top:0;
padding-bottom:50px;
text-align:center;
}
.tail2 {
width:760px;
margin-left:auto;
margin-right:auto;
}

.tail p#copyright {
float:left;
margin:3px 0 0 0;
padding:0;
font-size:11px;
color:#333;
}

.tail p#links {
float:right;
margin:5px 0 0 0;
padding:0;
font-size:11px;
}

.tail p#links a {
text-decoration:none;
}
/* copy right end*/
.bar3 {

	background-image: url(bar3.gif);
	background-repeat: no-repeat;
	background-position: 70px 4px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 80px;
	letter-spacing: 1px;
}
.cose {
	font-size: 12px;
	padding-top: 5px;
	padding-left: 80px;
	padding-bottom: 35px;
}
.barbar_1 {
	font-size: 14px;
	background-image: url(bar4.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: center;
	padding-left: 70px;
	padding-top: 20px;
	color: #000033;
	letter-spacing: 1px;
}
.tp2 {
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
	font-weight: normal;
}
.side1 {
	font-size: 10px;
	line-height: 18px;
	background-image: url(sidebg.gif);
	background-position: left top;
	padding-top: 7px;
	padding-left: 42px;
	padding-right: 5px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.merit {
	background-image: url(../volunteer/tpkumo.gif);
	background-position: 30px;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 75px;
	font-size: 12px;
	font-weight: bolder;
}
.merit2 {
	font-size: 12px;
	padding-left: 25px;
	line-height: 18px;
	padding-bottom: 15px;
}
.merit2 div {
	border: thin dotted #339933;
	margin-right: 50px;
	padding: 10px;
}
.joken {
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
}
.joken h2 {
	font-size: 14px;
	padding-left: 40px;
	font-weight: bold;
	background-color: #FBE48C;
	letter-spacing: 1px;
	width: 250px;
	margin-top: 20px;
}
.surfnavi {
	font-size: 12px;
	line-height: 18px;
	border: thin solid #CCCCCC;
	margin-right: 200px;
	padding-left: 15px;
	margin-left: 60px;
	background-color: #FFFF99;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.surfnavi     li a {
	color: #0000FF;
	text-decoration: underline;
	line-height: 2;
}

.barr {
	background-image: url(../volunteer/bar.jpg);
	background-repeat: no-repeat;
	background-position: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	font-size: 12px;
	font-weight: bold;
}
.vo {
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 10px;
}
.vo0 {
	vertical-align: top;
	text-align: right;
}
.my {
	background-image: url(my.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;
	line-height: 2;
	padding-right: 50px;
	padding-left: 50px;
	color: #CC3300;
	padding-top: 10px;
	padding-bottom: 10px;
}
.my p {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #FC8787;
	padding-left: 10px;
}
.mymy {
	font-size: 12px;
	padding: 10px 20px 10px 50px;
	line-height: 17px;
	text-align: left;
}
.mymy h5 {
	color: #336699;
	font-weight: bold;
	font-size: 16px;
}
.sarf_hyo2 {
	font-size: 12px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D59F00;
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-color: #D59F00;
}
.tpkin {

	background-image: url(kinder.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	vertical-align: top;
	padding-top: 210px;
	padding-left: 30px;
	padding-bottom: 0px;
	padding-right: 30px;
}
.bar_1 {
	font-size: 14px;
	background-image: url(bar3.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: center;
	padding-left: 80px;
	padding-top: 10px;
	color: #000033;
	letter-spacing: 1px;
}
#volunteer_main {
	width: 870px;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 50px;
}

#main_right_volu .merit2 ol { padding-left: 30px; }

#content_main  #main  .titlebar01 {
	background-color: #FFE8D2;
	width: 200px;
	line-height: 1.5;
	text-align: center;
	color: #333333;
	border: thin solid #FFCC99;
	margin-bottom: 10px;
	float: left;
}
.titlebar02       {
	background-color: #333333;
	width: 200px;
	line-height: 1.5;
	color: #FFFFCC;
	padding: 3px;
}
#content_main  #main .titlebar03 {
	width: 620px;
	line-height: 1.5;
	color: #333333;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FF9933;
	border-top-color: #FF9933;
	border-right-color: #FF9933;
	border-left-color: #FF9933;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#main_right_volu .tp3 h2 { padding-top: 40px; }

#main_right_volu .vol-exp-text {
	width: 300px;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}

#vol-link { text-align: right; }

.vo0-vol-exp { vertical-align: top; 
}

.barr-vol-exp {
	background-image: url(../volunteer/bar.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
}

.blue {
	font-size: 18px;
	text-align: right;
	color: #0000FF;
}