@charset "utf-8";

*{margin:0;padding:0;}

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

/* clearfix */
/* For modern browsers */
.cf:before,
.cf:after {
  content:"";
  display:table;
}
 
.cf:after {
  clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom:1;
}

html,body {
  -webkit-text-size-adjust: none;
}

/*************
/* 全体
*************/
body{
background: #fffef1 url(images/bg.jpg);
}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,ol,dd {
font: 13px/1.7 Aral, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
color:#555;
}

a{color:#FF8745;text-decoration:none;}
a:hover{color:#FF8745;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{	clear:both;font-size:0;line-height:0;padding:0;margin:0;}

.radius{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


/*************
/* ヘッダー
*************/
#header{
margin: 0 auto;
width: 950px;
}

#header_inner{
margin: 10px auto 15px auto;
width: 910px;
}

#header h1 {
background: url(images/h1_bg.png) left top no-repeat;
height:27px;
padding-left: 40px;
padding-top: 5px;
font-size: 11px;
font-weight: normal;
color: #555555;
}

/*************
/* トップナビゲーション
*************/
#topnav {
margin:15px auto;
width: 910px;
height: 30px;
}

#topnav ul{
overflow:hidden;
width: 912px;
height: 30px;
}

#topnav ul li{
float:left;
height: 30px;
list-style-type:none;
overflow: hidden;
position: relative;
margin:0;
padding:0;}

#topnav ul li img{
position: absolute;
}

/* エンゼル保育園 */
#topnav ul li.sub_angel{
width: 104px;
}

#topnav ul li.sub_angel img{
left:0;
top:0;
}

#topnav ul li.sub_angel a:hover img{
left:0;
top:-30px;
}

/* 第二エンゼル保育園 */
#topnav ul li.sub_angel2{
width: 134px;
}

#topnav ul li.sub_angel2 img{
left:-104px;
top:0;
}

#topnav ul li.sub_angel2 a:hover img{
left:-104px;
top:-30px;
}

/* たんぽぽぐみ */
#topnav ul li.sub_tanpopo{
width: 114px;
}

#topnav ul li.sub_tanpopo img{
left:-237px;
top:0;
}

#topnav ul li.sub_tanpopo a:hover img{
left:-237px;
top:-30px;
}

/* イルカクラブ */
#topnav ul li.sub_iruka{
width: 96px;
}

#topnav ul li.sub_iruka img{
left:-350px;
top:0;
}

#topnav ul li.sub_iruka a:hover img{
left:-350px;
top:-30px;
}

/* ひまわりクラブ */
#topnav ul li.sub_himawari{
width: 108px;
}

#topnav ul li.sub_himawari img{
left:-446px;
top:0;
}

#topnav ul li.sub_himawari a:hover img{
left:-446px;
top:-30px;
}

/* 宅居介護支援パンプキンハウス */
#topnav ul li.sub_pkaigo{
width: 124px;
}

#topnav ul li.sub_pkaigo img{
left:-554px;
top:0;
}

#topnav ul li.sub_pkaigo a:hover img{
left:-554px;
top:-30px;
}

/* 老人デイサービスパンプキンハウス */
#topnav ul li.sub_pday{
width: 122px;
}

#topnav ul li.sub_pday img{
left:-678px;
top:0;
}

#topnav ul li.sub_pday a:hover img{
left:-678px;
top:-30px;
}

/* ハイマートの郷 */
#topnav ul li.sub_haima-to{
width: 110px;
}

#topnav ul li.sub_haima-to img{
left:-800px;
top:0;
}

#topnav ul li.sub_haima-to a:hover img{
left:-800px;
top:-30px;
}

/*************
全体
*************/
#wrapper{
margin: 0 auto;
width: 950px;
}

#wrapper_inner{
margin: 0 auto 15px auto;
width: 910px;
}

/*************
h2：中央メイン画像
*************/
h2{
display:block;
margin-bottom:15px;
}

/*************
左カラム（サイドバー）
*************/
#sidebar {
float: left;
width: 265px;
}

#sidebar h3{
margin-bottom:10px;
}

#sidebar ul{
margin-tobbom: 10px;
}

#sidebar li{
display:block;
padding-left:15px;
margin-bottom: 10px;
padding-bottom:5px;
list-style: none;
background: url(images/list.png) no-repeat 0 3px;
border-bottom:#999 dotted 1px;
}


/* サイトご利用にあたって*/
#sidebar p.attend{
font: 11px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#666;
padding:0 10px;
}

#sidebar img.attend{
margin:10px 25px;
}

/*************
メイン（右側）コンテンツ：基本
*************/
#main {
float: right;
width: 618px;
overflow:hidden;

}

#main h3 {
margin-bottom: 10px;
}

#main h4 {
font-size: 15px;
font-weight:normal;
line-height: 30px;
border-bottom: 1px dotted #999;
letter-spacing: 0.1em;
margin-bottom: 10px;
padding-left: 25px;
background: url(images/h4_header.gif) no-repeat left center
}

#main h4 span, 
#main h4 img {
display: inline-block;
vertical-align: middle;
}

#main h4 img {
padding-left: 10px;
}

#main h5 {
font-size: 14px;
font-weight:normal;
line-height: 20px;
border-bottom: 1px dotted #999;
letter-spacing: 0.1em;
margin-bottom: 15px;
margin-top: 15px;
padding-top: 3px;
padding-left: 20px;
background: url(images/h5_header.gif) no-repeat left center
}

#main p.text-medium {
font-size: 15px;
}

#enkaku,#blog,#ukeire,#letter,#shienprogram{
padding: 13px;
margin-bottom: 15px;
background-color: #ffffff;
}

.info{
padding: 13px;
margin-bottom: 15px;
background-color: #ffffff;
}


/* 佐土原福祉会施設のご案内 */
#about a{
display: block;
width: 100%;
height: 30px;
background-color: #ff8745;
text-align: center;
color: #fff;
line-height: 30px;
}

/* 佐土原福祉会施設のご案内 */

#main table {
	border-collapse: collapse;
	width:100%;
}
#main th.t_top {
    border-top: #46C39D 4px solid;
}
#main th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
	width: 25%;
}
#main td.t_top {
	border-top: #cccccc 4px solid;
}
#main td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}


/* 説明内テーブル */

table.general {
	border: #red 1px solid;
	width:100%;
}


th.general {
	text-align: center;
	background: #f7f7f7;
	border-collapse: collapse;
	border: #e3e3e3 1px solid;
	padding: 10px;
	font-weight: normal;
}

td.general {
	text-align: center;
	border-collapse: collapse;
	border: #e3e3e3 1px solid;
	padding: 10px;
}



/* ひまわりクラス */

#himawari_class table {
	border-collapse: collapse;
	width:100%;
}

#himawari_class tbody {
	border: #e3e3e3 1px solid;
}

#himawari_class td.day {
background-color: #46C39D;
color: #fff;
}

#himawari_class th.time {
background-color: #FFF5CC;
}

#himawari_class th.t_top {
}

#himawari_class th {
	text-align: center;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
	width: 15%;
}

#himawari_class td.t_top {
}

#himawari_class td {
	text-align: center;
	padding: 10px;
	width: 17%;
}


/* パンプキン介護給付 */

#pumpkin-kaigo table {
	border-collapse: collapse;
	width:100%;
}

#pumpkin-kaigo tbody {
	border: #e3e3e3 1px solid;
}

#pumpkin-kaigo td.day {
background-color: #46C39D;
color: #fff;
}

#pumpkin-kaigo th.time {
background-color: #FFF5CC;
}

#pumpkin-kaigo th.t_top {
}

#pumpkin-kaigo th {
	text-align: center;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
	width: 25%;
}

#pumpkin-kaigo td.t_top {
}

#pumpkin-kaigo td {
	text-align: center;
	padding: 10px;
	width: 25%;
}

#pumpkin-kaigo td.price {
	text-align: right;
	padding-right: 50px;
}

/* パンプキン介護給付 */

#pumpkin-shien table {
	border-collapse: collapse;
	width:100%;
}

#pumpkin-shien tbody {
	border: #e3e3e3 1px solid;
}

#pumpkin-shien td.day {
background-color: #46C39D;
color: #fff;
}

#pumpkin-shien th.time {
background-color: #FFF5CC;
}

#pumpkin-shien th.t_top {
}

#pumpkin-shien th {
	text-align: center;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
	width: 25%;
}

#pumpkin-shien td.t_top {
}

#pumpkin-shien td {
	text-align: center;
	padding: 10px;
	width: 25%;
}

#pumpkin-shien td.kasan {
	width: 50%;
}

#pumpkin-shien td.ksn {
vertical-align: middle;
}

/* 介護サービスを受けるための手続き */

#kaigo_service table {
	border-collapse: collapse;
	width:100%;
}

#kaigo_service tbody {
	border: #e3e3e3 1px solid;
}

#kaigo_service th {
	background: #f7f7f7;
	width: 36%;
}

#kaigo_service td{
}




/* ボックス2列白窓 */
.box2{
float: left;
width: 274px;
margin: 0 18px 20px 0;
padding: 13px;
line-height: 1.2;
background-color: #ffffff;
}

.box2 img{ 
width: 100%;
margin-bottom: 5px;
}

.box2 p{
margin:10px 0;
}

.box2 a{
}


/*************
各施設ページ：共通
*************/

#main a:hover img{
filter: alpha(opacity=70); /*IE6～7*/
-ms-filter: "alpha( opacity=70 )"; /*IE8*/
opacity:0.7;
}

/* ブログフィード */

#new_entry{
width: 298px;
float: right;
background: url(images/blog_new_bg.jpg) left top no-repeat;
}

#feedlist{
width: 280px;
margin: 35px auto 10px auto;
}

#feed p{
width: 280px;
margin-top:4px;
display:inline-block;
border-bottom:1px dotted #b5b87e; 
position:relative;
}


#feed span{
margin-right:10px;
}

/* 今月のお便り */
#letter{
}

#letter_list ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#letter_list li{
list-style: none;
margin: 0px;
padding: 0px;
}


#letter_list img{
float: left;
margin-right: 15px;
}

/* 受け入れ可能状況テーブル */
#ukeire{
background: #ffffff url(images/ukeire_bg04.png) no-repeat right bottom;
}

#ukeire table{
width: 70%;
border-collapse: collapse;
margin-top: 5px;
}

#ukeire th{
padding: 5px;
text-align: center;
color: #ffffff;
background-color: #46C39D;
border: 1px solid #b9b9b9;
}

#ukeire td{
padding: 5px;
text-align: center;
background-color: #fff;
border: 1px solid #b9b9b9;
}

#ukeire p{
margin-top: 5px;
font-size: 11px;
}

/*本文要素*/
p#read{
margin-bottom: 15px;
line-height: 2;
}

#main p.hosoku{
margin-bottom:5px;
}


#main p.kome {
font-size:12px;
margin-bottom:15px;
}

/*画像真ん中：IE含む対応OK*/
#main div.center{
width:100%;
text-align:center;
margin:15px 0;
}


/* .info内　白窓内2列写真 */
.photo_box2{
float: left;
width: 285px;
margin: 10px 22px 10px 0;
line-height: 1.2;
}

.photo_box2 img {
width:100%;
}

.photo_box2 p {
font-size:12px;
margin-top: 10px;
text-align:left;
}
	

/* ボックス3列 */

.box3{
float: left;
width: 195px;
margin: 10px 16px 15px 0;
line-height: 1.2;
text-align:center;
}

.box3 img {
width: 100%;
margin-bottom:5px;
}

.box3 p {
font-size:12px;
text-align:left;
}


/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
font-size: 12px;
text-align: right;
padding-bottom: 10px;
font-weight:normal;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}



/* ボックス2列 ひまわりクラブ用 */
.himawari_box2{
float: left;
width: 300px;
margin: 5px 16px 5px 0;
}


.box2_img{
padding: 0;
}

/* イルカ手順 ul */
.iruka_how {
margin-bottom: 15px;
}

.iruka_how li{
margin-left: 23px;
}

/* メインとフッターのリスト位置調節 */
#footer ul{margin-left: 20px;}
#footer li{margin-bottom: 3px;}

/* テキスト装飾・赤 */
#main span.red
{color:#F00;}

/* テキスト装飾・オレンジ● */
#main span.maru
{color: #F60;}

/* テキスト装飾・強調罫のみbox */
#main p.textbox
{border:#F60 solid 1px;
padding:5px 10px;
margin:5px 0;
width:300px;
}

/* サイトマップ */
ul.sitemap {
    margin: 10px 0 0 10px;
	font: 13px/2 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

ul.sitemap li {
    margin: 0 0 15px 0;
    list-style-type: none;
}

ul.sitemap li ul {
    padding: 10px 0 0 10px;
    background-image: url(images/lineV.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

ul.sitemap li ul li {
    margin: 0 0 15px 0;
    padding: 0 0 0 25px;
    background-image: url(images/lineH.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
}

ul.sitemap li ul li.last {
    background-image: none;
}


/*************
/* フッター
*************/
#footer{
width: 950px;
margin: 0 auto;
overflow:hidden;
}

#footer_inner{
overflow:hidden;
padding-top:10px;
width:910px;
margin:10px auto;
border-top: 1px solid #cccccc;
}

#footer_inner #logo{
float:left;
width: 280px;
}

#footer_inner .link_box{
float: left;
width:180px;
margin:0 16px 0 0;
padding-top:5px;
line-height: 1.2;
}

#footer_inner li{
list-style: none;
background: url(images/list.png) no-repeat 0 50%;
padding-left:15px;
}

address{
margin: 10px auto 20px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

.last{margin-right:0;}


/*エンゼル認定区分テーブル*/
#category{
	margin:10px 0;}

#angel_category table {
border-collapse: collapse;
width:100%;
}

#angel_category th{
border: #e3e3e3 1px solid;
text-align: center;
background: #f7f7f7;
padding: 5px;
font-weight: normal;
font-size:12px;
}

#angel_category td {
border: #e3e3e3 1px solid;
text-align: left;
padding: 10px;
vertical-align: middle;
}

#angel_category th.category {
width:35%;
}

#angel_category th.time {
width:25%;
}

#angel_category th.close {
width:40%;
}

img.angel_setsumeikai {
margin-bottom: 15px;
}