@charset "Shift_JIS";

/* 初期化 */
* {margin:0; padding:0;}
li {list-style:none;}
img {border:none; vertical-align:bottom;}
a {color:#06c;	overflow:hidden; outline:0;}
a:hover {color:#f90;}
table {border-collapse:collapse; border:none; padding:0;}

/* クリアフィックス */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* --------------------------------------------------------------------
全体
-------------------------------------------------------------------- */

/* 基本レイアウト */
body {background-color:#fff; color:#555; font-size:90%; line-height:1.5; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align:center; position:relative;	background-image:url(../img/common/dotted_bg.jpg); background-repeat:repeat;}

#wrapper {width:900px; margin:0 auto; text-align:left; background-color:#fff;}
#contents {}

/* ヘッダ */
#header h1,#header p {float:left;}

/* メニュー */
#menu {margin-bottom:6px;}
#menu ul {width:900px; border-bottom:1px solid #06F;}
#menu ul li {float:left;}

/* ページの先頭 */
.pagetop {text-align:right; margin:20px 0;}

/* フッタ */
#footer {border-top:3px solid #7483bc; padding:15px 0 15px;}
#footer h5 {font-size:12px; line-height:2;}
#footer address {font-style:normal;}
#footer .left {float:left;}
#footer .right {float:right;}

/* レイアウト */
#primary {width:680px; margin-right:20px; float:left;}
#secondary {width:200px; float:left;}
#secondary img{margin-bottom:10px;}



/* --------------------------------------------------------------------
トップページ
-------------------------------------------------------------------- */

/* トップページタイトル */
#primary .ttl{margin-bottom:10px;}

/* トップページ新着情報 */
#topnews {margin-bottom:20px;}
#topnews iframe{ border:1px solid #cccccc; width:678px; height:148px; overflow:auto;}

/* トップページこんな時にお問い合わせを！ */
#suchtime {margin-bottom:20px;}

/* トップページメインブロック */
#primary .block {margin-bottom:20px;}
#primary .block dl.left {width:340px; float:left;}
#primary .block dl.right {width:340px; float:right;}
#primary .block img {float:left;}
#primary .block ul {margin-top:10px; float:left;}
#primary .block li a {background:url(../img/common/icon_arrow1.gif) no-repeat 3px 3px; padding-left:10px;}

/* トップページ業務一覧 */
#primary #work_list {margin-bottom:20px;}
#primary #work_list div{position:relative; bottom:10px;}
#primary #work_list table{ width:680px;}
#primary #work_list table th{width:80px;}
#primary #work_list table td.link{width:60px; text-align:center;}

/* トップページサイトマップ */
#primary #sitemap {margin-bottom:20px;}
#primary #sitemap dt{ font-size:120%;}
#primary #sitemap dt a{margin-right:20px;}
#primary #sitemap dd{margin-bottom:10px;}



/* --------------------------------------------------------------------
下層ページ共通
-------------------------------------------------------------------- */

/* パンくずリスト */
#topicpath {margin:10px 0;}
#topicpath li {display:inline; font-size:12px; padding-left:2px;}
#topicpath li a {background:url(../img/common/icon_arrow1.gif) right 3px no-repeat; padding-right:10px; line-height:1;}

/* 基本レイアウト */
#main {width:660px; float:left;}
#side {width:210px; float:right;}

/* サイドメニュー */
#sidemenu {margin-bottom:30px; background:#f7f7f7 url(../img/common/sidemenu_btm.gif) no-repeat bottom;}
#sidemenu h4 a {display:block; background:url(../img/common/sidemenu_top.gif) no-repeat; font-size:16px; color:#555; text-decoration:none; padding:15px 10px 10px 46px; line-height:1.3;}
#sidemenu h4 a:hover {color:#f90;}
#sidemenu ul {border-top:1px solid #4eab0f; margin:0 10px; padding-bottom:10px;}
#sidemenu li {}
#sidemenu li a {display:block; background:url(../img/common/icon_arrow1.gif) no-repeat 5px 14px; width:176px; padding:10px 0 10px 12px; line-height:1.2; text-decoration:none; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #ddd; border-right:1px solid #f7f7f7; border-left:1px solid #f7f7f7;}
#sidemenu li a:hover {background-color:#eeeef0; font-weight:bold; color:#f90; border-right:1px solid #f7f7f7; border-left:1px solid #f7f7f7;}
#sidemenu li a.now {background-color:#eeeef0; font-weight:bold; color:#f90; border-right:1px solid #ddd; border-left:1px solid #ddd;}
#sidemenu ul.headline {margin:0; background-color:#fcfcfc; padding:10px 0 10px 12px; border:1px solid #ddd; border-top:none;}
#sidemenu .headline li {border:none;}
#sidemenu .headline li a {display:inline; background-image:none; padding:5px 0; font-size:12px; border:none;}
#sidemenu .headline li a:hover {font-weight:normal; background-color:transparent; border:none;}


/* テキストリンク 矢印アイコン付き */
#main p.link {background:url(../img/common/icon_arrow1.gif) 0 3px no-repeat; padding-left:7px; line-height:1;}

/* ページタイトル H2 */
#primary h2 {margin-bottom:20px;}

/* 見出し */
#primary h3 {font-size:18px; line-height:2; background:url(../img/common/icon_lead.gif) no-repeat 0 -7px; padding-left:15px; margin-top:20px; margin-bottom:15px;}
#primary h4 {font-size:16px; margin-bottom:1em; border-bottom:1px solid #666666;}
#primary h5 {clear:both; font-size:14px; margin-bottom:0.5em; color:#52619a; border-bottom:1px solid #999999;}

/* 文字色 */
.txt_orange {color:#f90;}
.txt_green {color:#4eab0f;}

/* 本文 */
#main p {margin-bottom:0.5em;}

/* インデント（２行目以降１文字字下げ） */
p.indent {margin-left:1em; text-indent:-1em;}

/* リスト通常 */
.normal li {margin-left:2em; margin-bottom:0.5em; list-style:outside disc;}

/* 画像左右配置 */
.pright {float:right;}
.pleft {float:left;}

/* 扉ページ */
dl.cover {margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #ccc;}
.cover dt {float:left; width:125px;}
.cover dd {float:right; width:520px; font-size:14px;}
.cover dd h4 {font-size:16px; margin-bottom:0.5em;}

/* 事業所テーブル */
.company table{
	border:1px solid #cccccc;
	margin-bottom:20px;
	text-align: center;
}
.company table th{
	border:1px solid #cccccc;
	background-color:#efefef;
	font-weight:normal;
	padding:5px 10px;
	width:80px;
}
.company table td{
	border:1px solid #cccccc;
	padding:5px 10px;
	width:222px;
	font-size:90%;
	line-height:1.6em;
}
.company table td.left{
	text-align:left;
}
.company table td span{
	display:block;
	text-align:right;
}

/* -contact- */
.contact table{
	border:1px solid #cccccc;
	margin-bottom:20px;
	width:100%;
}
.contact table th{
	border:1px solid #cccccc;
	background-color:#efefef;
	font-weight:normal;
	padding:5px 10px;
}
.contact table td{
	border:1px solid #cccccc;
	padding:5px 10px;
	font-size:90%;
	line-height:1.6em;
}


/* table 各種 */
table.tbl01 {width:100%; border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:1em;} /* 入所事業[二葉園での一日][入所サービスご利用料金表] */
.tbl01 th,.tbl01 td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:10px; vertical-align:top;}
.tbl01 th {background-color:#eee; white-space:nowrap; text-align:center;}
.tbl01 td.noborder {border-left:none; padding-left:0;}
.tbl01 td.nowrap {white-space:nowrap;}
.tbl01 td.price {text-align:right;}
.tbl01 td.center {text-align:center; vertical-align:middle;}
.tbl01 td.green {background-color:#efffd6;}
.tbl01 td.orange {background-color:#ffecbe;}

table.tbl02 {border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:1em;} /* 入所事業[その他の加算費用について] */
.tbl02 th,.tbl02 td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:5px 10px; vertical-align:top;}
.tbl02 th {background-color:#eee; white-space:nowrap; font-weight:normal;}
.tbl02 td.noborder {border-left:none; padding-left:0;}
.tbl02 td.price {text-align:right;}

table.tbl03 {width:100%; margin-bottom:1em;} /* 入所事業[ご利用まので流れ] */
.tbl03 th,.tbl03 td {vertical-align:top;}
.tbl03 th {background:url(../img/common/flow_arrow.gif) no-repeat bottom;}
.tbl03 th.nobg {background-image:none;}
.tbl03 td {padding:10px 0 10px 10px;}
.tbl03 dl {margin-bottom:1em;}
.tbl03 dt {font-weight:bold;}
.tbl03 dd {padding-left:1em; margin-bottom:0.5em;}

table.tbl04 {width:100%;}
table.tbl04 td,table.tbl04 th {border:1px solid #cccccc; text-align:center; padding:5px 0px;}

table.tbl05 th{text-align:center; width:200px; font-size:120%;}
table.tbl05 td{width:150px; padding:5px 25px 20px; vertical-align:top;}

/* Q & A */
.faq th {padding:10px 10px 10px 0; vertical-align:top;}
.faq td {padding:10px 0 10px 0; vertical-align:middle;}
.faq th.answer {border-bottom:1px solid #ccc; padding-top:0;}
.faq td.answer {border-bottom:1px solid #ccc; padding-top:0;}

/* 先輩の声 */
dl.voice {margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #ccc;}
.voice dt {float:left; width:200px;}
.voice dd {float:right; width:445px;}
.voice dd h4 {color:#4eab0f;}
.voice dd h5 {color:#f90;}

/* 二葉園での生活 */
div.facility1{width:619px; height:443px; background-image: url(../img/about/guide2.jpg); background-repeat:no-repeat;}
div.facility1 ul{position:absolute;}
div.facility1 ul li.a{position:absolute; top:70px; left:310px;}
div.facility1 ul li.a a{ width:50px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.b{position:absolute; top:115px; left:30px;}
div.facility1 ul li.b a{ width:50px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.c{position:absolute; top:120px; left:245px;}
div.facility1 ul li.c a{ width:20px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.d{position:absolute; top:175px; left:205px;}
div.facility1 ul li.d a{ width:20px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.e{position:absolute; top:163px; left:40px;}
div.facility1 ul li.e a{ width:100px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.f{position:absolute; top:242px; left:175px;}
div.facility1 ul li.f a{ width:20px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.g{position:absolute; top:265px; left:145px;}
div.facility1 ul li.g a{ width:20px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.h{position:absolute; top:235px; left:255px;}
div.facility1 ul li.h a{ width:20px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.i{position:absolute; top:270px; left:250px;}
div.facility1 ul li.i a{ width:20px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.j{position:absolute; top:210px; left:295px;}
div.facility1 ul li.j a{ width:50px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.k{position:absolute; top:290px; left:260px;}
div.facility1 ul li.k a{ width:50px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility1 ul li.l{position:absolute; top:140px; left:175px;}
div.facility1 ul li.l a{ width:130px; height:27px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}

div.facility2{width:619px; height:443px; background-image: url(../img/about/guide3.jpg); background-repeat:no-repeat;}
div.facility2 ul{position:absolute;}
div.facility2 ul li.a{position:absolute; top:60px; left:135px;}
div.facility2 ul li.a a{ width:60px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility2 ul li.b{position:absolute; top:23px; left:295px;}
div.facility2 ul li.b a{ width:60px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility2 ul li.c{position:absolute; top:23px; left:390px;}
div.facility2 ul li.c a{ width:60px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility2 ul li.d{position:absolute; top:60px; left:432px;}
div.facility2 ul li.d a{ width:60px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility2 ul li.e{position:absolute; top:195px; left:185px;}
div.facility2 ul li.e a{ width:110px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility2 ul li.f{position:absolute; top:195px; left:355px;}
div.facility2 ul li.f a{ width:110px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility2 ul li.g{position:absolute; top:293px; left:80px;}
div.facility2 ul li.g a{ width:60px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}

div.facility34{width:619px; height:443px; background-image: url(../img/about/guide4.jpg); background-repeat:no-repeat;}
div.facility34 ul{position:absolute;}
div.facility34 ul li.a{position:absolute; top:5px; left:390px;}
div.facility34 ul li.a a{ width:70px; height:15px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility34 ul li.b{position:absolute; top:20px; left:285px;}
div.facility34 ul li.b a{ width:60px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility34 ul li.c{position:absolute; top:22px; left:390px;}
div.facility34 ul li.c a{ width:70px; height:15px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility34 ul li.d{position:absolute; top:57px; left:158px;}
div.facility34 ul li.d a{ width:70px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility34 ul li.e{position:absolute; top:57px; left:430px;}
div.facility34 ul li.e a{ width:70px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility34 ul li.f{position:absolute; top:200px; left:185px;}
div.facility34 ul li.f a{ width:110px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility34 ul li.g{position:absolute; top:200px; left:355px;}
div.facility34 ul li.g a{ width:110px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility34 ul li.h{position:absolute; top:300px; left:55px;}
div.facility34 ul li.h a{ width:70px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}

div.facility5{width:619px; height:443px; background-image: url(../img/about/guide5.jpg); background-repeat:no-repeat;}
div.facility5 ul{position:absolute;}
div.facility5 ul li.a{position:absolute; top:130px; left:360px;}
div.facility5 ul li.a a{ width:50px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}
div.facility5 ul li.b{position:absolute; top:195px; left:135px;}
div.facility5 ul li.b a{ width:60px; height:20px; overflow:hidden;
display:block; text-decoration:none; text-indent:-9999px;}


/* サイトマップ */
/* トップページメインブロック */
#sitemap .block {margin-bottom:20px;}
#sitemap .block dl.left {width:290px; float:left;}
#sitemap .block dl.right {width:290px; float:right;}
#sitemap .block ul {margin-top:10px;}
#sitemap .block li {margin-bottom:7px; line-height:1.3;}
#sitemap .block li a {background:url(../img/common/icon_arrow1.gif) no-repeat 3px 3px; padding-left:10px;}



/* よくある質問 */
div.CollapsibleBox {
   /* ■ボックス全体■ */
   border: 1px solid #8bc37a;      /* 枠線 */
   width:100%;                     /* 横幅 */
   font-size:120%;         /* 文字の大きさ */
   margin-bottom:20px;
}
div.CollapsibleBox div.CollapsibleBoxTitle {
   /* ■タイトル枠■ */
   background-color:#fffff; /* 背景色 */
   color:#666666;             /* 文字色 */
   margin: 0px;
   padding: 5px 10px;
}
div.CollapsibleBox div.CollapsibleBoxTitle h6.cBoxTitle {
   /* ■タイトル文字列■ */
   font-size:100%;　　　　/* 枠線 */
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons {
   /* ■ボタン■ */
   float: right;
   margin-left:20px;
   font-size:90%;
   text-align: right;    /* 右寄せ */
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons img{
   /* ■ボタン画像■ */
   padding-bottom:3px;
}
div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
   margin: 0px;
   padding: 0px;
   background-color: #f4f4f4; /* 背景色 */
   display: none;  /* 標準で非表示状態に */
}
div.CollapsibleBox div.CollapsibleBoxBody p {
   /* ■本文■ */
   margin: 0px;
   padding:10px;   /* 内側の余白:0.5文字分 */
}
