@charset "UTF-8";

/* CSS Document */

/* ---------------------------------------------------------------- *
	ツールチップ表示用
 * ---------------------------------------------------------------- */

.glt-elm {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}

/* ---------------------------------------------------------------- *
	トップのみヘッダ・ナビ全体を囲むボックスの設定です
 * ---------------------------------------------------------------- */

#headbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background:#fff url(../img/03.jpg) left top no-repeat;
  
  margin: 0 15px;
  height:240px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding:0;
}

#topread {margin:15px 20px; color:#fff; width:560px;}




/* ---------------------------------------------------------------- *
	メニューアイコンボックスの設定です
 * ---------------------------------------------------------------- */
 
.iconmenu {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background:;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  width:342px;
float:left;
margin-bottom:0px;
}

/* ---------------------------------------------------------------- *
	メニューアイコン画像の設定です
 * ---------------------------------------------------------------- */
 
.iconmenu img.icon {
  /* --- 画像をどちらに回り込ませるか設定してください --- */
  /* Note：left（左）または right（右）を指定します；この指定によって
           以降のマージンの指定方法が異なります */

  /* --- 画像のマージンを設定してください --- */
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
「right」のとき→右マージン 0 としてください */
  margin-top: 0;
  margin-right:0;
  margin-bottom:0;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	メニューアイコン関連文字列の設定です
 * ---------------------------------------------------------------- */
.iconmenu p {margin-left:65px; padding-right:1em; margin-bottom:20px;}
.iconmenu h2 {margin-left:55px; margin-top:-55px;}


.iconmenu h2 a,
.iconmenu h2 a:link {
   /* 必要ならば，リンクテキストに関する設定をしてください */
  color: #F06F6F;
  text-decoration: none;
}


.iconmenu h2 a:hover {
   /* 必要ならば，マウスオーバー時のリンクテキストに関する設定をしてください */
  color: #91B43C;
  text-decoration: none;
}

#newsbox h3 {
  /* 見出し 3 のジャンプ率を設定してください */
  font-size: 115%;
  /* 見出し 3 の上下マージンを設定してください */
  margin: 0px 10px;
  padding:5px 0;
  padding-left:22px;
  background:url(../img/mark-h3_news.gif) 0 40% no-repeat;
  border-bottom:#979797 1px dotted;
}

#newsbox ul {margin-top:5px;}
#newsbox ul li {line-height:1.5;}


/* ---------------------------------------------------------------- *
	メインブロック個別の設定です
 * ---------------------------------------------------------------- */
#main h4 {text-align:left; font-size:1.05em; margin-left:30px; margin-right:30px;}



/* ---------------------------------------------------------------- *
	コンテンツ個別の設定です
 * ---------------------------------------------------------------- */
.contents h3 {color:#3B4560;}
.contents p:first-letter {margin-left:1em;}
.contents p {margin-left:10px;}
.contents p strong {font-weight:bold; color:#FF3366; margin:0 5px;}
.contents p em {font-style:normal; font-size:0.8em; color:#FF3366; margin:0 5px; position:relative; top:-3px;}
.contents ol {}
.contents ol li {margin:10px 0; line-height:1.7; color:#32492D; font-size:80%;}

.contents table {margin:0; border-collapse: collapse; width:100%; font-size:90%; margin-bottom:20px;}
.contents table th, .contents table td {border:#979797 1px solid; padding:3px;}
.contents table th {background:#DEB58B; text-align:center;}
.contents table td {text-align:left;}
.contents table td.dwnimg {text-align:center; margin:0 auto;}

.contents table#reclute th {background:#99BC75; text-align:center;}
.contents table th.col10 {width:10%;}
.contents table th.col15 {width:15%;}
.contents table th.col20 {width:20%;}
.contents table th.col25 {width:25%;}
.contents table th.col30 {width:30%;}
.contents table th.col35 {width:35%;}

.contents p.subread {font-size:0.9em; color:#FF3366; margin-top:0;}
.contents p.subread:first-letter {margin-left:0;}

.contents ul.large_list {font-size:1.3em; list-style-type:square; margin-left:50px;}
.contents ul.large_list li {margin:0.5em; padding-left:0;}

.contents ul.sublist {margin:15px 0; padding:0; font-size:1.05em; line-height:1.7; list-style-type:square; }
.contents ul.sublist li {margin:0; padding:0; margin-left:55px;}

.contents ul {margin:0; padding:0; font-size:1.05em; line-height:1.7; list-style-type:none;}
.contents ul li {margin:0; padding:0; padding-left:24px;}

.contents dl {margin:0; padding:0; margin-top:5px; margin-left:15px; font-size:1.05em; line-height:1.7;}
.contents dl.subcontents dt {
margin:0; padding:0;
padding:3px 0; padding-left:10px;
margin-left:24px;
border:#979797 1px solid;
border-bottom:#979797 1px dotted;
background:#fff url(../img/bg_dl_list-yellow.png) 0 0 repeat-y;
}
.contents dl.subcontents dd {
margin:0; padding:0;
padding:3px 0; padding-left:10px; 
margin-left:24px;
margin-bottom:25px;
border:#979797 1px solid;
border-top:none;
}

.contents dl.adddata {margin:0; padding:0; margin-left:15px; font-size:1.05em; line-height:1.7;}
.contents dl.adddata dt {padding:0; padding-left:10px; float:left;  margin-bottom:5px;}
.contents dl.adddata dd {padding:0; margin-left:9em; margin-bottom:5px;}

#main .contents h4 {text-align:left; padding-left:15px; margin-left:24px;
background:url(../img/mark_pagenavi-link.png) 0 50% no-repeat;
}

#main .contents h4.mail_icon {
text-align:left;
font-size:1.3em; margin-left:25px; padding-left:24px;
background:url(../img/mark-h4_mail.gif) 0 50% no-repeat;
}

.contents h5 {
margin:10px 0; padding:2px 4px; 
font-weight:normal; 
font-size:0.9em; 
background:#5F9566; 
color:#fff;
}


.contents h6 { 

font-size:14px; 
color:#2F4F4F;
border-style:solid;
border-width:3px;
border-color:#FFCC99;
padding:0px;
border-left-width:10px;
background-color:#FFCC66; 

}

#main .contents h7 {text-align:left; padding-left:15px; margin-left:24px;
background:url(../img/mark_pagenavi-link.png) 0 50% no-repeat;
}

.contents #chartbox {marign:0; padding:0;
width:678px; height:; position:relative; margin:30px 0;
background:url(../img/bg_chart.jpg) 50% 50% no-repeat;
}
.contents #chartbox ul {list-style-type:none; font-size:1.1em; margin:0; padding:0;}
.contents #chartbox ul li {position:relative; margin:0; padding:0;}
.contents #chartbox ul li a {text-align:center; color:#fff; display:block; width:178px; border:#979797 1px solid; padding:5px 0; background:#57A1DD;}
.contents #chartbox ul li a:hover {color:#F06F6F; background:#E2FDDA; text-decoration:none;}

#chartbox ul li.job01 {top:0; left:250px;}
#chartbox ul li.job02 {top:160px; left:499px;}
#chartbox ul li.job03 {top:60px; left:499px;}
#chartbox ul li.job04 {top:-50px; left:0;}
#chartbox ul li.job05 {top:-82px; left:499px;}
#chartbox ul li.job06 {top:-60px; }
#chartbox ul li.job07 {top:-40px; }
#chartbox ul li.job08 {top:-20px; }
#chartbox ul li.job09 {top:0px; }
#chartbox ul li.job10 {top:-70px; left:499px;}
/* ---------------------------*
job01：医師
job02：看護師
job03：作業療法士
job04：薬剤師
job05：鍼灸師
job06：ソーシャルワーカー
job07：ケアマネージャー
job08：ボランティア
job09：ヘルパー
job10：臨床心理士
*---------------------------------------------- */
.contents ul#jobnavi {margin:0; padding:0; list-style-type:none; font-size:0.85em; border-left:#979797 1px dotted;}
.contents ul#jobnavi li {margin:0; padding:0; display:inline;  padding:0 4px; border-right:#979797 1px dotted;}

/* ---------------------------*
　　　組織図の個別設定
*------------------------------- */
.contents #groupchart {width:678px; height:550px; margin:0; padding:10px 0; position:relative;}
#main .contents #groupchart h4,
#main .contents #groupchart h5 {
margin:0; padding:5px; background:none; font-weight:normal; font-size:0.85em; color:#333333; 
width:180px; border:#333333 1px solid; text-align:center;
}
/* 背景設定 */
#main .contents #groupchart {background:url(../img/bg_groupchart.png) 0 0 no-repeat;}
#main .contents #groupchart h4 {background:#A7D6F4;}
#main .contents #groupchart h5 {background:#DEB38A;}
#main .contents #groupchart ul li {background:#F3EEB6;}

#main .contents #groupchart ul {float:none; position:relative; top:0; left:0;}
#main .contents #groupchart ul li {
list-style-type:none; padding:5px; text-align:center;
float:none; width:100px; font-weight:normal; font-size:0.85em; color:#333333; border:#333333 1px solid;
margin:5px; margin-left:40px;
 }

#main .contents #groupchart h4.group00 {position:absolute; top:0; left:245px;}
#main .contents #groupchart h5.group01 {position:absolute; top:110px; left:200px;}
#main .contents #groupchart h5.group02 {position:absolute; top:110px; left:0px;}
#main .contents #groupchart h5.group03 {position:absolute; top:170px; left:490px;}
#main .contents #groupchart h5.group04 {position:absolute; top:230px; left:520px;}
#main .contents #groupchart h5.group05 {position:absolute; top:110px; left:400px;}
#main .contents #groupchart h5.group06 {position:absolute; top:360px; left:520px;}
#main .contents #groupchart h5.group07 {position:absolute; top:450px; left:520px;}
#main .contents #groupchart h5.shortbox  {width:120px;}

#main .contents #groupchart ul.group00list {position:absolute; top:35px; left:320px;}
#main .contents #groupchart ul.group01list {position:absolute; top:160px; left:230px;}
#main .contents #groupchart ul.group02list {position:absolute; top:160px; left:20px;}
#main .contents #groupchart ul.group03list {position:absolute; top:520px; left:490px;}
#main .contents #groupchart ul.group04list {position:absolute; top:276px; left:500px;}
#main .contents #groupchart ul.group06list {position:absolute; top:405px; left:500px;}
#main .contents #groupchart ul.group07list {position:absolute; top:478px; left:500px;}
/* ---------------------------*
　　　相談の個別設定
*------------------------------- */
.contents #consultation {width:678px; height:450px; margin:0; padding:10px 0; position:relative;}
#main .contents #consultation h4{
margin:0; padding:5px; background:none; font-weight:normal; font-size:1.2em; color:#ccffff; 
width:180px; border:none; text-align:center;
}

#main .contents #consultation h5 {
margin:0; padding:5px; background:none; font-weight:normal; font-size:1.2em; color:ccffff; 
width:180px; border:none; text-align:center;
}

#main .contents #consultation h6 {
margin:0; padding:5px; background:none; font-weight:normal; font-size:1.2em; color:#ccffff; 
width:150px; border:none; text-align:center;
}
/* 背景設定 */
#main .contents #consultation {background:url(../img/eda.png) 0 0 no-repeat;}
#main .contents #consultation h4 {background:none;}
#main .contents #consultation h5 {background:none;}
#main .contents #consultation ul li {background:none;}
#main .contents #consultation h6 {background:none;}

#main .contents #consultation ul {float:none; position:relative; top:0; left:0;}
#main .contents #consultation ul li {
list-style-type:none; padding:5px; text-align:center;
float:none; width:150px; font-weight:normal; font-size:1.2em; color:#ccffff; border:none;
margin:5px; margin-left:40px;
 }

#main .contents #consultation h4.group00 {position:absolute; top:10px; left:0px;}
#main .contents #consultation h5.group01 {position:absolute; top:135px; left:70px;}
#main .contents #consultation h5.group02 {position:absolute; top:380px; left:85px;}
#main .contents #consultation h5.group05 {position:absolute; top:325px; left:70px;}
#main .contents #consultation h5.shortbox  {width:120px;}

#main .contents #consultation ul.group01list {position:absolute; top:13px; left:240px;}


#main .contents #consultation h6.group01 {position:absolute; top:175px; left:520px;}
#main .contents #consultation h6.group02 {position:absolute; top:230px; left:520px;}
#main .contents #consultation h6.group03 {position:absolute; top:275px; left:520px;}