body
{
	font-size:16px;
	text-align:center;
	background-color: #eee;
}

a{
	color : #0000CD;
}
a:link{
	text-decoration : underline;
	color : #0000CD;
}
a:visited{
	text-decoration : underline;
	color : #DC143C;
}
a:hover{
	text-decoration : underline;
	color : #FF8C00;
}

/* relative size set */
.r36 { font-size:225%; line-height:125%; }		/* 36px */
.r32 { font-size:200%; line-height:125%; }		/* 32px | xx-large */
.r30 { font-size:187.5%; line-height:125%; }	/* 30px */
.r24 { font-size:150%; line-height:125%; }		/* 24px | x-large */
.r21 { font-size:131.25%; line-height:125%; }	/* 21px */
.r18 { font-size:112.5%; line-height:125%; }	/* 18px | large */
.r16 { font-size:100%; line-height:125%; }		/* 16px | medium | default */
.r14 { font-size:87.5%; line-height:125%; }	/* 14px */
.r13 { font-size:81.25%; line-height:125%; }	/* 13px | small */
.r12 { font-size:75%; line-height:125%; }		/* 12px */
.r11 { font-size:68.75%; line-height:125%; }	/* 11px */
.r10 { font-size:62.5%; line-height:125%; }	/* 10px | x-small */
.r9 { font-size:56.25%; line-height:125%; }	/*  9px | xx-small */

/* absolute size set */
.a36 { font-size:36px; line-height:125%; }
.a32 { font-size:32px; line-height:125%; }
.a30 { font-size:30px; line-height:125%; }
.a24 { font-size:24px; line-height:125%; }
.a21 { font-size:21px; line-height:125%; }
.a18 { font-size:18px; line-height:125%; }
.a16 { font-size:16px; line-height:125%; }
.a14 { font-size:14px; line-height:125%; }
.a13 { font-size:13px; line-height:125%; }
.a12 { font-size:12px; line-height:125%; }
.a11 { font-size:11px; line-height:125%; }
.a10 { font-size:10px; line-height:125%; }
.a9 { font-size:9px; line-height:125%; }

/* inlineFrame  ----------------------------------------------- */


/* page  ----------------------------------------------- */

.page{
	page-break-after: always;
}

/* layout ----------------------------------------------- */

#layout{
	width:700px;
	height: 100%;
	
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;

	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

#layout h1{
	text-align:left;
	margin:0px;
	margin-left:10px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size:250%;
}
#layout span{
	text-align:left;
	display:block;
}

#layout dl{
	text-align : left;
	font-size: 87.5%;
	line-height: 125%;
	margin-left: auto;
	margin-right: auto;
}

#layout dl dt{
	font-weight: bold;
	display: block;
	padding: 5px 0px;
}

#layout p{
	text-align:left;
	font-size:100%;
	line-height:125%;
}

/* Header ----------------------------------------------- */

#header{
	margin:0px;
	padding:0px;
	padding-bottom:30px;
	margin-left:auto;
	margin-right:auto;  }

/* title ----------------------------------------------- */	

#title, #title_branch
{
	width:680px;
	height:75px;
	margin: 0px;
	padding: 0px;
	margin-bottom:20px;
	text-align: left;
	margin-left:auto;
	margin-right:auto; 
	float:none;
	clear:both;
}

#title_branch img{
	float: left;
}

#title_branch form{
	float: right;
	padding-top:20px;
}
	
/* contents ----------------------------------------------- */

.contents{
	width:680px;
	margin:0px;
	padding:10px;
	margin-bottom : 10px;
	float:none;
	margin-left:auto;
	margin-right:auto; 
}

table
{
	margin-left: auto;
	margin-right: auto;
	float:none;
	clear:both;
}
table td,table th
{
	vertical-align : top;
}

/* btn ----------------------------------------------- */

.btn{
	margin-left:auto;
	margin-right:auto; 
	float:none;
	clear:both;
}

/* footer ----------------------------------------------- */

#footer{
	width:680px;
	height:60px;
	
	margin-left:auto;
	margin-right:auto; 
	float:none;
	clear:both;

	border-top:1px solid gray;
	margin-top:20px;
	padding: 15px 10px;
	background-color: #fff;
 }
	
#footer .left {
	float:left;
	width:300px;

	text-align:left;
	font-family:Arial;
	font-size:62.5%;
	color:#666;
	}
#footer .right{
	float:right;
	width:240px;
}
	
#footer .left a, #footer .left b { color:#333; }

#footer .left b{
	display:block;
	margin-bottom : 3px;
	font-weight : normal;
}

/* column ----------------------------------------------- */

.box{
	display: block;
	border: 1px solid Gray;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
}

/* index ----------------------------------------------- */
#index{
	padding:15px;
}
#index .leftarea{
	width: 340px;
	float: left;
}
#index .rightarea{
	width: 300px;
	float:right;
}

/* welfare  ----------------------------------------------- */  

#welfare
{
	font-size:87.5%;
	line-height:125%;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	float:none;
	clear:both;
}

/* welfare_elderly  ----------------------------------------------- */  


#elderly table.serv p
{
	font-size: 85.5%;
	line-height:125%;	
}

#elderly table.chart
{
	margin-left: auto;
	margin-right: auto;
	float:none;
	clear:both;
}

#elderly table.chart th, #elderly table.chart td
{
	border-bottom : 1px solid silver;
}

#elderly table.chart th
{
	width:200px;
	text-align:left;
	vertical-align:top;
	color: Gray;
}

#elderly table.chart td
{
	width:460px;
	font-size:87.5%;
	line-height:150%;
}
#elderly table.chart h3
{
	margin:0px;
	padding:0px;
}

/* welfare_disabled  ----------------------------------------------- */  

#disabled
{
	width:680px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	float:none;
	clear:both;
}

#disabled p
{
	padding:5px 10px;
	font-size:100%;
	line-height:125%;
}
#disabled dl
{
	padding: 10px 20px;
}
#disabled dt
{
	color : #666699;
}

#disabled ul{
	list-style-type : square;
	color : #999;
	text-align:left;
}
#disabled ul li{
	padding-top: 2px;
	padding-bottom: 2px;
}

#disabled ul a{
	color : #999;
}
#disabled ul a:hover{
	color : #FF9900;
	text-decoration : underline;
}
#disabled ul a.city{
	color : #3399CC;
	text-decoration : none;
	font-weight : bold;
}

#disabled table.chart
{
	margin-left: auto;
	margin-right: auto;
	float:none;
	clear:both;
	border-top : 1px solid silver;
	border-collapse : collapse;
}

#disabled table.chart th,#disabled table.chart td
{
	border-bottom : 1px solid silver;
}

#disabled table.chart th
{
	width:200px;
	text-align:left;
	vertical-align:top;
	background-color : #eee;
	color: Gray;
}

#disabled table.chart td
{
	width:460px;
	font-size:87.5%;
	line-height:150%;
}

.ques
{
	margin : 0px;
	padding : 10px 0px;
}
.ance
{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	font-size:87.5%;
	line-height : 140%;
	text-align: left;
	padding: 10px 0px;
}
 
 /* homehelp ----------------------------------------------- */

#homehelp{
	width:660px;
	margin-left: auto;
	margin-right: auto;
	padding:15px 0px;
	background-color: #fff;
	float:none;
	clear:both;
	text-align:left;
}

#homehelp p
{
	font-size:100%;
	line-height:1.5em;
}

#homehelp h4
{
	display:block;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 10px 5px;
	color: #9ACD32;
	font-size:150%;
}
#homehelp ul
{
	margin : 0px;
	padding : 0px;
}
#homehelp ul li
{
	display : block;
	margin : 5px 0px 5px 25px;
	list-style-type : square;
	list-style-image : url(../img/list_dot.gif);
	list-style-position : outside;
	font-size:75%;
	line-height : 125%;
	text-align: left;
}

#homehelp table.service{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width:660px;
	border-top: 1px solid Gray;
	border-left: 1px solid Gray;
}
#homehelp .service td, #homehelp .service th
{
	background-color:#fff;
	font-size:87.5%;
	line-height:125%;
	text-align:center;
	vertical-align : middle;
	border-bottom: 1px solid Gray;
	border-right: 1px solid Gray;
}
#homehelp .service thead th{
	background-color: #eee;	
	font-weight:normal;
}
#homehelp .service th.time{
	font-weight: normal;
	background-color:#ccc;
}
#homehelp .service td b
{
	color: #FA6E5E;
	font-weight:normal;
}
  
/* rental ----------------------------------------------- */

#rent_menu{
	width:660px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom : 10px;
	text-align: left;
	float:none;
	clear: both;
}
#rent_menu .photo
{
	width:200px;
	float:left;
}
#rent_menu .text
{
	width:460px;
	float:left;
}

.rent_txt{
	width:660px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom : 10px;
	text-align: left;
	float:none;
	clear: both;
	font-size:87.5%; line-height:125%;
}

#rent_catalog table
{
	margin-left: auto;
	margin-right: auto;
	width:660px;
	float:none;
	clear:both;
}

#rent_catalog th
{
	font-size:150%;
	text-align: left;
	border-top: 1px solid gray;
	padding-top: 10px;
	padding-bottom: 5px;
	margin:10px;
	color: #A9A9A9;
}
#rent_catalog td
{
	width: 200px;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	vertical-align: top;
	font-size:100%;
	line-height:125%;
}

#rent_catalog table td p
{
	font-size:75%;
	line-height:125%;
}

#rent_catalog img
{
	margin: 5 0 0 0;
}

#rent_catalog table th.type
{
	font-size:100%;
	height: 1em;
	border-width: 0px;
	color: #9ACD32;
}
#rent_catalog a
{
	color: #778899;
}
#rent_catalog h4,#rent_catalog h4 a
{
	color: #FF8C00;
}


/* office  ----------------------------------------------- */

#office_news
{
	font-size:87.5%;
	line-height:125%;
	text-align:left;
	width:660px;
	margin-bottom:20px;
	background-color : #9c6;
	color: #333;
}
#office_news a
{
	color:#fff;
	font-weight: bold;
}

table#office 
{
	float:none;
	clear:both;
	border-collapse: collapse;
	width:640px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#office td
{
	margin : 0px;
	padding : 10px 8px;
	vertical-align: top;
}
#office th
{
	margin : 0px;
	padding : 5px;
	border: 1px solid #ccc;
	background-color:#eee;
}

#office div a{	color: #666;	}
#office div a:visited{	color: #666; text-decoration: none;	}
#office a{	color : #708090; font-weight: bold; text-decoration: none; line-height:200%;	}
#office a:visited {  color: #FF6347;  text-decoration: underline; 	 }
#office a:hover, #office div a:hover {	color: #FFD700;	}

#office td img
{
	margin-right:15px;
}
#office td span
{
	display:block;
	font-size:75%;
	line-height:125%;
	padding:10px 0px;
}

#office div
{
	height:28px;
	margin-bottom:1px;
	float:left;
}

#office div img{
	float:left;
	margin: 0px 5px 0px 4px;
	width: 24px;
	height: 24px;
}
#office div b{
	font-size: 87.5%;
	line-height : 24px;
	vertical-align: middle;
	display: inline-block;
	color: #666;
}



/* branch  ----------------------------------------------- */

table#branch 
{
	float:right;
	border-collapse: collapse;
	width:680px;
	background-color: #fff;
}
#branch td
{
	border: 1px solid #666;
	margin : 0px;
	padding : 5px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#branch th{
	border: 1px solid #666;
	margin : 0px;
	padding : 5px;
	background-color: #eee;
	text-align: left;
}

#branch td span
{
	display:block;
	font-size:75%;
	line-height:125%;
	padding:7px 0px;
}

#branch div
{
	height:28px;
}

#branch div img{
	float:left;
	margin: 0px 5px 0px 4px;
	width: 24px;
	height: 24px;
}
#branch div b{
	font-size: 87.5%;
	line-height : 24px;
	vertical-align: middle;
	display: inline-block;
	color: #666;
}

#branch div a{	color: #666;	}
#branch a{	color : #FF4500; font-weight: bold;  text-decoration: none; 	}
#branch a:visited {  color: #708090;  text-decoration: underline; 	 }
#branch a:hover, #branch div a:hover {	color: #FFD700;	}



/* branch_address  ----------------------------------------------- */

dl#address
{
	padding: 0px;
	margin: 0px;
	font-size: 87.5%;
	line-height: 125%;
	display:block;
	float:right;

}

dl#address span
{
	display:block;
	float: none;
	font-size: 24px;
	line-height: 24px;
	padding:5px 0px;
}

dl#address dd img
{
	float:left;
	width: 24px;
	height: 24px;
}

#address dd a {	color: #000;	}
#address dd a:hover {	color: #FFA500;	}

/* mailform  ----------------------------------------------- */
div#mail_col
{
	width:600px;
	display : block;
	margin-left: auto;
	margin-right: auto;
	float:none;
	clear:both;

	padding: 0px;
	margin:20px;
	font-size:87.5%;
	line-height:125%;
	text-align: left;

}

#mailform, #mail_add
{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	float:none;
	clear:both;
	border-top : 1px solid #999;
	border-left : 1px solid #999;
	border-collapse : collapse;
}

#mailform th, #mail_add th
{
	text-align : right;
	vertical-align: middle;
	font-weight : normal;
	font-size : 87.5%;
	line-height : 125%;
	padding: 5px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}
#mailform td, #mail_add td
{
	text-align : left;
	vertical-align: middle;
	font-size : 87.5%; line-height : 125%;
	padding: 5px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
}
#mailform td span
{
	display : inline-block;
	text-indent : 1em;
	font-size : 12px;
	line-height : 150%;
}
#mailform th em
{
	font-weight:normal;
	font-style:normal;
	color: #FFA500;
}

/* profile ----------------------------------------------- */

#profile{
	width:660px;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

#profile table{
	width:660px;
	padding: 4px;
	margin:2px;
	margin-left:auto;
	margin-right:auto;
}

#profile table#outline{
	font-size : 87.5%;
	line-height : 125%;
}

#profile table#outline th{
	text-align : left;
	vertical-align: top;
	font-weight : bold;
	width: 120px;
}

#profile table#history{
	font-size:75%;
	line-height : 125%;
}
#profile table#history th{
	text-align : center;
	vertical-align: top;
	font-weight : normal;
	width: 150px;
}
#profile table#history tr.a td,#profile table#history tr.a th
{
	background-color:#efefef;
}

#profile h4
{
	border-bottom:1px solid gray;
	padding-bottom:5px;
	padding-left:10px;
	text-align:left;
}
#profile div{
	width: 660px;
	padding: 6px;
	margin-left:auto;	margin-right:auto;
	font-size: 87.5%;
	line-height: 125%;
}

/* reqruit  ----------------------------------------------- */

#recruit table{
	width: 600px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#recruit table td, #recruit table th{
	padding : 5px;
	margin : 2px;
	font-size:87.5%; line-height:125%;
}
#recruit table td.class{
	background-color : #ccc;
	font-weight : bold;
	color:#fff;
}
#recruit table td.work{
	font-size : 75%; line-height:125%;
}
#recruit table th
{
	width : 150px;
	text-align : right;
	font-weight : normal;
	background-color : #eee;
	padding-right : 10px;
	border-left:1px solid;
}
#recruit table td
{
	width : 450px;
	text-align : left;
	background-color : #fff;
	padding-left : 10px;
	border-right:1px solid;
}

#recruit table th,#recruit table td
{
	border-bottom : 1px solid;
	border-top : 1px solid;
}

#recruit dl{
	width:640px;	
}

#recruit ul{
	padding: 0px;
	margin : 5px 0px 5px 20px;
}
#recruit ul li{
	list-style-type: square;
}
#recruit p{
	margin : 0px;
	padding : 0px 0px 20px 0px;
	display: block;
}

#recform
{
	width:600px;
	text-align: right;
}

/* sitemap  ----------------------------------------------- */

dl#sitemap{
	width:660px;
	text-align : left;
	margin-left:auto;
	margin-right:auto;
}
dl#sitemap dt
{
	display : block;
	border-bottom : 1px solid Gray;
	padding-bottom : 5px;
	color : #333;
	font-weight : bold;
}
dl#sitemap dd
{
	display : block;
	padding : 15px 0px 20px 0px;
	margin-left : 40px;
}
dl#sitemap dd ul
{
	margin : 0; padding : 0;
}
dl#sitemap dd ul li
{
	display : block;
	list-style-image : url(../img/list_dot.gif);
	margin : 5px 0px 5px 18px;
	list-style-type : none;
	list-style-position : outside;
	line-height : 150%;
}

dl#sitemap a
{
	color : #690;
	text-decoration : none;
}
dl#sitemap a:visited {  color:#5b7730;  }
dl#sitemap a:hover {	color: #FF6600;	}

/* contents ----------------------------------------------- */

.dayservice{
	width:680px;
	margin:0px;
	padding:10px;
	margin-bottom : 10px;
	float:none;
	margin-left:auto;
	margin-right:auto; 
}

/* layout ----------------------------------------------- */

.dayservice table {
	border-collapse:collapse;
	margin:20 0;
}
.dayservice table th, .dayservice table td{
	border:1px solid gray;
	font-size:87.5%;
}

.dayservice table.foodcost th, .dayservice table.foodcost td { text-align:center;	}

.dayservice dl {
	font-size:16px;
}

.dayservice dl dt {
	font-size:150%; line-height:125%;
	font-weight:bold;
	padding:10 0;
}
.dayservice dl dd {
	font-size:100%; line-height:125%;
	padding-bottom:20px;
}

table.dayservice_chart{
	border-collapse:collapse;
	margin:10 0;
	margin-left: auto;
	margin-right: auto;
	float:none;
	clear:both;
	border-top:1px solid #999;
}

.dayservice_chart th, .dayservice_chart td
{
	border-bottom:1px solid #999;
	font-size:87.5%;
	line-height:135%;	
	color:#666;
}

.dayservice_chart th{
	font-weight:normal;
}