/****************************************/
/*               初期設定               */
/****************************************/

/****  トップページレイアウト  ****/
@import url(top.css?20220103);

/****************************************/
/*               基本設定               */
/****************************************/
*{ font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",Osaka,sans-serif; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-all;
	word-break: break-all;
}
body{
	margin: 0 auto;
	text-align: center;
	color: #505050;
	line-height: 100%;
	background: #ffe1c4 url("../images/bg.gif") 0 0 repeat-x;
}

a { color: #0073cc; text-decoration: underline; }
a:hover{ color: #0073cc; text-decoration: none; }

a img { border: 0; text-decoration: none; }
p { 
	margin: 5px 0;
}
h3 {
	font-size: 14px; font-weight: bold;
}

ul {
	margin: 10px 0; padding: 0 0 0 17px;
}
ol {
	margin: 0 0 10px 0; padding: 0 0 0 2.0em;
}
table {
	font-size: 12px;
	border-collapse: collapse;
}
table th,table td{
	line-height: 180%; vertical-align: top;
}
dl {
	margin: 10px 0; padding: 0;
}
dl dt {
	margin: 0; padding: 0;
}
dl dd {
	margin: 5px 0; padding: 0;
}

.bt {
	cursor: pointer;
}


/****************************************/
/*               基本構成               */
/****************************************/

/*** 全体枠 ***/
#body{
	width: 902px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/*** ヘッダ設定 ***/
#head{
	width: 900px;
	height: 70px;
	margin: 0 1px;
	padding: 0;
	text-align: left;
	background: url(../images/head.gif) 0 0 no-repeat;
}

/* サイトロゴ */
#head #ttl{
	display: inline;
	float: left;
	width: 735px;
	height: 70px;
}
#head h1{
	width: 480px;
	height: 70px;
	margin: 0;
	padding: 0;
}
#head h1 a{
	position: static;
	display: block;
	width: 480px;
	height: 70px;
	text-indent: -9999px;
	outline-style: none;
}
#head h2{
	display: none;
}

#head #headmenu{
	display: inline;
	float: left;
	width: 165px;
	height: 70px;
	margin: 0;
	padding: 0;
}

/* 文字サイズ変更 */
#head #font-ctrl{
	width: 72px;
	height: 24px;
	margin: 9px 0 0 93px;
	padding: 0;
}
#head #font-ctrl ul{
	width: 72px;
	height: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#head #font-ctrl li {
	display: inline; list-style: none; margin: 0; padding: 0;
}
#head #font-ctrl li a{
	display: block;
	float:left;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	outline-style: none;
}

/* ヘッダメニュー */
#head_navi{
	height: 25px;
	margin: 5px 0 0 0;
	padding: 0;
}
#head_navi ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#head_navi li {
	display: inline; list-style: none; margin: 0; padding: 0;
}
#head_navi li a{
	position: static;
	display: block;
	float:left;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	outline-style: none;
	background: url(../images/head.gif) -735px -38px no-repeat;
}
#head_navi li#contact a {
	width: 165px; background-position: -735px -38px;
}

#head_navi li#contact a:hover {
	background-position: -735px -108px;
}

/* 現在地 */
body#contact #head_navi li#contact a { background-position: -735px -108px; }

/*** グローバルナビゲーション ***/
#global_navi{
	width: 900px;
	height: 55px;
	margin: 0 auto;
	padding: 0;
	background: url("../images/global_navi.gif") 0 0 no-repeat;
}

#global_navi ul{
	width: 900px;
	height: 55px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#global_navi li{
	display: inline; list-style: none; margin: 0; padding: 0;
}
#global_navi li a{
	display: block;
	float:left;
	height: 55px;
	margin: 0;
	padding: 0;
	background: url(../images/global_navi.gif) -75px 0 no-repeat;
	text-indent: -9999px;
	outline-style: none;
}

#global_navi li#navi01 a { width: 130px; background-position: 0px 0; }
#global_navi li#navi02 a { width: 128px; background-position: -130px 0; }
#global_navi li#navi03 a { width: 128px; background-position: -258px 0; }
#global_navi li#navi04 a { width: 128px; background-position: -386px 0; }
#global_navi li#navi05 a { width: 128px; background-position: -514px 0; }
#global_navi li#navi07 a { width: 128px; background-position: -642px 0; }
#global_navi li#navi08 a { width: 130px; background-position: -770px 0; }

#global_navi li#navi01 a:hover { background-position: 0px -55px; }
#global_navi li#navi02 a:hover { background-position: -130px -55px; }
#global_navi li#navi03 a:hover { background-position: -258px -55px; }
#global_navi li#navi04 a:hover { background-position: -386px -55px; }
#global_navi li#navi05 a:hover { background-position: -514px -55px; }
#global_navi li#navi07 a:hover { background-position: -642px -55px; }
#global_navi li#navi08 a:hover { background-position: -770px -55px; }

body#home #global_navi li#navi01 a { background-position: 0px -55px; }
body#info #global_navi li#navi02 a { background-position: -130px -55px; }
body#stay #global_navi li#navi03 a { background-position: -258px -55px; }
body#short #global_navi li#navi04 a { background-position: -386px -55px; }
body#daycare #global_navi li#navi05 a { background-position: -514px -55px; }
body#contact #global_navi li#navi07 a { background-position: -642px -55px; }
body#recruit #global_navi li#navi08 a { background-position: -770px -55px; }

/*
#global_navi li#navi01 a { width: 114px; background-position: 0px 0; }
#global_navi li#navi02 a { width: 112px; background-position: -114px 0; }
#global_navi li#navi03 a { width: 112px; background-position: -226px 0; }
#global_navi li#navi04 a { width: 112px; background-position: -338px 0; }
#global_navi li#navi05 a { width: 112px; background-position: -450px 0; }
#global_navi li#navi06 a { width: 112px; background-position: -562px 0; }
#global_navi li#navi07 a { width: 112px; background-position: -674px 0; }
#global_navi li#navi08 a { width: 114px; background-position: -786px 0; }

#global_navi li#navi01 a:hover { background-position: 0px -55px; }
#global_navi li#navi02 a:hover { background-position: -114px -55px; }
#global_navi li#navi03 a:hover { background-position: -226px -55px; }
#global_navi li#navi04 a:hover { background-position: -338px -55px; }
#global_navi li#navi05 a:hover { background-position: -450px -55px; }
#global_navi li#navi06 a:hover { background-position: -562px -55px; }
#global_navi li#navi07 a:hover { background-position: -674px -55px; }
#global_navi li#navi08 a:hover { background-position: -786px -55px; }

body#home #global_navi li#navi01 a { background-position: 0px -55px; }
body#info #global_navi li#navi02 a { background-position: -114px -55px; }
body#stay #global_navi li#navi03 a { background-position: -226px -55px; }
body#short #global_navi li#navi04 a { background-position: -338px -55px; }
body#daycare #global_navi li#navi05 a { background-position: -450px -55px; }
body#kawaraban #global_navi li#navi06 a { background-position: -562px -55px; }
body#contact #global_navi li#navi07 a { background-position: -674px -55px; }
body#recruit #global_navi li#navi08 a { background-position: -786px -55px; }
*/

/* ローカルボタン（本文ヘッダ） */
#content .local_navi{
	clear: both;
	width: 610px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}

#content .local_navi ul {
	margin: 0 0 20px 0;
	padding: 5px 0;
	/*background: #f5f5f5;*/
}

#content .local_navi ul:after {
	content: "";
	display: block;
	clear: both;
}

#content .local_navi ul li {
	display: block;
	float: left;
	width: 190px;
	height: 40px;
	margin: 5px;
	padding: 0;
}

#content .local_navi ul li a {
	display: block;
	width: 190px;
	height: 40px;
	color: #1f7d7d;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: url("../images/bt_off.gif") 0 0 no-repeat;
	border: 0;
}

#content .local_navi ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: url("../images/bt_on.gif") 0 0 no-repeat;
	border: 0;
}

#content .local_navi ul li span{
	position: relative;
	top: 15px;
	margin: 0 0 0 27px;
	padding: 0;
	line-height: 1.0em;
}
#content .local_navi ul li a.this{
	color: #fff; background: url("../images/bt_on.gif") 0 0 no-repeat;
}

/*** メインフレーム ***/
#main_frame{
	width: 900px;
	margin: 0;
	padding: 0 0 15px 0;
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #fff;
}

/*** サイドメニュー ***/
#side{
	display: inline;
	float: left;
	width: 210px;
	margin: 20px 0 0 20px;
	padding: 0 0 15px 0;
	background: #eee;
}

/*** 本文領域 ***/
#content_body{
	float: left;
	width: 610px;
	margin: 20px 0 0 30px;
	padding: 0 0 15px 0;
	line-height: 180%;
}

/*** テキスト領域 ***/
#content{
	width: 610px;
	margin: 25px 0 0 0;
	padding: 0;
	background: #fff;
}

/****************************************/
/*          サイドメニュー設定          */
/****************************************/
#side p {
	margin: 10px 5px 0 5px; line-height: 150%;
}
#side a {
	color: #1f7d7d; text-decoration: none; outline-style: none;
}
#side ul {
	width: 200px;
	margin: 0 5px;
	padding: 0;
	list-style: none;
	background: #f9f9f9;
}
#side li {
	width: 200px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 子カテゴリありメニュー */
#side ul.parent {
	margin-bottom: 0;
}

/* 一般設定 */
#side .menu {
	padding: 0 0 5px 0; border-bottom: 5px solid #fff;
}
#side .menu ul {
	width: 200px; margin: 5px 5px; padding: 0;
}
#side .menu ul li {
	display: block;
	width: 199px;
	padding: 1px 0;
	line-height: 120%;
	border-left: 1px solid #ccc;
	background: url("../images/side_list_bg.gif") 0 100% repeat-x;
}
#side .menu ul li a{
	display: block;
	margin: 0;
	width: 199px;
	background: url("../images/side_link_bg_off.gif") 185px 0.5em no-repeat;
}
#side .menu ul li a:hover{
	background: #fff url("../images/side_link_bg_on.gif") 185px 0.5em no-repeat;
}
#side .menu ul li a span{
	display: block;
	padding: 8px 20px 8px 15px;
}

/* リンク集 */
div.side_link{
	margin: 10px 5px;
	padding: 0 0 10px 0;
	background: url("../images/side_link_line.gif") 0 100% no-repeat;
}
div.side_link img{
	margin: 5px 0 0 0;
}

/* 一般コンテンツ */
#side #ttl_contents p{
	width: 200px;
	height: 24px;
	overflow: hidden;
	padding: 0;
	background: url("../images/side_ttl_contents.gif") 0 0 no-repeat;
	text-indent: -9999px;
}

/****************************************/
/*              本文パーツ              */
/****************************************/
#content h3{
	margin: 0 0 20px 0;
	padding: 13px 0 9px 16px;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
	background: #fff url("../images/ttl_h3_bg.gif") 0 0 no-repeat;
	font-size: 1.2em;
}

#content h4{
	margin: 25px 0;
	padding: 10px 0 13px 16px;
	color: #0073cc;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 120%;
	background: #fff url("../images/ttl_h4_bg.gif") 0 100% no-repeat;
	font-size: 1.0em;
}

#content h4 a{
	color: #1f7d7d;
}

#content h5{
	margin: 15px 0;
	padding: 0;
	color: #9c0;
}

#content h6{
	margin: 10px 0;
	padding: 0;
}

#content p{
	margin: 0;
	padding: 0.5em 0;
}

#content .txt a{
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
	padding-left: 15px;
	background: url("../images/list_mark03.gif") 0 0 no-repeat;
}

#content .txt a:hover{
	text-decoration: none;
	border-bottom: 1px dashed #f70;
	background: #ffc url("../images/list_mark03.gif") 0 0 no-repeat;
}

#content .content_inn{
	clear: both;
	width: 610px;
	margin: 0 0;
	padding: 20px 0;
}

#content .content_inn02 {
	clear: both;
	width: 610px;
	margin: 15px 0;
	padding: 0 0 15px 0;
	background: url("../images/line01.gif") 0 100% repeat-x;
}

/* 現在地 */
#here {
	margin: 0px 0 20px 0;
	color: #777;
	font-size: 12px;
}
#here a{
	color: #777; font-size: 12px; border-bottom: 1px dotted #ccc; text-decoration: none;
}
#here a:hover{
	color: #aaa; text-decoration: none; border-bottom: 1px dotted #eee; text-decoration: none;
}
#here span{
	font-size: 12px; font-weight: bold;
}

/* 現在地 */
.pagetop{
	clear: both;
	width: 110px;
	height: 16px;
	margin: 0 0 0 504px;
	padding: 30px 0 0 0;
}
.pagetop a{
	display: block;
	width: 110px;
	height: 16px;
	background: #fff url("../images/link_pagetop.gif") 0 0 no-repeat;
	text-indent: -9999px;
	outline-style: none;
}

.pagetop a:hover{
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

#content a:hover{
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/****************************************/
/*           各コンテンツ設定           */
/****************************************/
/*** タイトル画像設定 ***/
#ttl_img {
	width: 900px;
	height: 280px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#ttl_img h2,
#ttl_img p{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

body#info #ttl_img { background: url("../info/images/ttl_img.jpg") no-repeat; }
body#stay #ttl_img { background: url("../care_service/images/ttl_img.jpg") no-repeat; }
body#short #ttl_img { background: url("../care_service/images/ttl_img_short.jpg") no-repeat; }
body#daycare #ttl_img { background: url("../care_service/images/ttl_img_daycare.jpg") no-repeat; }
body#kawaraban #ttl_img { background: url("../info/images/ttl_img_kawaraban.jpg") no-repeat; }
body#contact #ttl_img { background: url("../info/images/ttl_img_contact.jpg") no-repeat; }
body#privacy #ttl_img { background: url("../info/images/ttl_img_privacy.jpg") no-repeat; }
body#recruit #ttl_img { background: url("../recruit/images/ttl_img.jpg") no-repeat; }

/****************************************/
/*              フッタ設定              */
/****************************************/
#foot{
	clear: both;
	overflow: hidden;
	width: 902px;
	height: 40px;
	margin: 0;
	background: url("../images/foot_bg.gif") 100% 0 no-repeat;
}

#copyright p{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
/*** フッタナビゲーション ***/
#foot_navi{
	margin: 0;
	padding: 0;
}
ul#foot_navi {
	margin: 0 0 0 25px;
	padding: 15px 0 0 0;
}
#foot_navi li{
	display: inline;
	margin: 0;
	padding: 0 0.5em;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	line-hieght: 1.0em;
}
#foot_navi a{
	color: #fff;
	font-size: 0.85em;
}

/****************************************/
/*               共通設定               */
/****************************************/
/* 行揃え設定 */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.middle {
	vertical-align: middle;
}
.justify {
	text-align:justify; text-justify:distribute-all-lines;
}
.tate {
	writing-mode: tb-rl;
}

/* フロート設定 */
.clear {
	clear: both;
}
.f-left {
	float: left; display: inline;
}
.f-right {
	float: right; display: inline;
}

/* フロート解除 */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* マージン設定 */
.mgn-top10 { margin-top: 10px !important; }
.mgn-btm10 { margin-bottom: 10px !important; }
.mgn-left10 { margin-left: 10px !important; }
.mgn-right10 { margin-right: 10px !important; }
.mgn-top20 { margin-top: 20px !important; }
.mgn-btm20 { margin-bottom: 20px !important; }
.mgn-left20 { margin-left: 20px !important; }
.mgn-right20 { margin-right: 20px !important; }
.mgn-top30 { margin-top: 30px !important; }
.mgn-btm30 { margin-bottom: 30px !important; }
.mgn-left30 { margin-left: 30px !important; }
.mgn-right30 { margin-right: 30px !important; }

/* パディング設定 */
.pdg5 { padding: 5px !important; }
.pdg10 { padding: 10px !important; }
.pdg-top5 { padding-top: 5px !important; }
.pdg-top10 { padding-top: 10px !important; }
.pdg-btm10 { padding-bottom: 10px !important; }
.pdg-left10 { padding-left: 10px !important; }
.pdg-right10 { padding-right: 10px !important; }
.pdg20 { padding: 20px !important; }
.pdg-top20 { padding-top: 20px !important; }
.pdg-btm20 { padding-bottom: 20px !important; }
.pdg-left20 { padding-left: 20px !important; }
.pdg-right20 { padding-right: 20px !important; }

/* フォント設定 */
.arial { font-family: Arial, Helvetica; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.x-large { font-size: 1.65em; }
.large { font-size: 1.25em; }
.small { font-size: 0.85em; line-height: 140%; }

.acc01 { color: #ff8080; }
.acc02 { color: #9c0; }
.acc03 { color: #9a0000; }
.acc04 { color: #0073cc; }
.acc05 { color: #999; }
.acc06 { color: #666; }

.underline{ text-decoration: underline; }

/* 背景設定 */
.bg01{
	background: #f3f3f3;
}
.bg02{
	background: #ffebd4;
}
.bg03{
	background: #ffa;
}
.bg04{
	background: #fcc;
}
.bg05{
	background: #d1f2ee;
}

/* カラム設定 */
.clm_half{
	width: 295px;
	float: left;
}

/* テーブル設定 */
.box01 {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.box01 th{
	padding: 10px;
	font-weight: normal;
	background: #eee;
	border: 1px solid #ccc;
	white-space: nowrap;
}
.box01 td{
	padding: 10px;
	border: 1px solid #ccc;
}
.box02 {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
}
.box02 th{
	padding: 5px 0;
	border: 0;
	white-space: nowrap;
	text-align: left;
}
.box02 td{
	padding: 5px 10px;
	border: 0;
}
.box03 {
	width: 100%;
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 5px;
}
.box03 th{
	padding: 5px 10px;
	font-weight: normal;
	background: #eee;
	border-left: 5px solid #ccc;
	white-space: nowrap;
}
.box03 td{
	padding: 5px 10px;
	/* border-bottom: 1px solid #eee; */
}

/* ライン設定 */
.line01{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
.line02{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url("../images/line01.gif") 0 100% repeat-x;
}

/* リスト設定 */
#content .list01 {
	margin: 0;
	padding: 0 5px;
}

#content .list01 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .list01 ul li {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	background: url("../images/mark01.gif") 0 50% no-repeat;
}

.list02 {
	margin: 0;
	padding: 0 10px;
}

.list02 ul {
	margin: 0;
	padding: 0;
}

ul.list02 {
	margin: 0;
	padding: 0 10px 10px 10px;
}

.list02 li{
	margin: 4px 0;
	padding: 0 0 0 15px;
	list-style: none;
	background: url("../images/list_mark03.gif") 0 0.5em no-repeat;
}

.list02 li a{
	text-decoration: none;
	border-bottom: 1px dotted #f70;
}

.list02 li a:hover{
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

.mark01{
	padding: 0 0 0 15px;
	background: url("../images/list_mark01.gif") 0 0.5em no-repeat;
}
.mark02{
	padding: 0 0 0 15px;
	background: url("../images/list_mark02.gif") 0 0.5em no-repeat;
}
.mark03{
	padding: 0 0 0 15px;
	background: url("../images/list_mark03.gif") 0 0.5em no-repeat;
}