@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 16px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: url(images/header.png) repeat-x 50% 0;
}

body#sub {
background: url(images/header_sub.png)repeat-x 50% 0;
}

a{color:#7a555a;}
a:hover{color:#9d666f;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}
.sisin {
padding: 0px 10px 10px 21px;
font-size: 15px;
}


/*************
全体幅
*************/
#header, .inner{
margin: 0 auto;
width: 960px;
}

#container{
margin: 0 auto;
width: 960px;
background-color:#ffffff;
}


/*************
/* ヘッダー
*************/
#header{
position:relative;
height: 106px;
padding: 0px 0px 30px;
}

#header h1,#header h2, #header h3, #header h4, #header ul{
position:absolute;
top:5px;
color: #7a555a;
font-size: 16px;
line-height: 20px;
font-weight: normal;
}

#header h2{
font-weight: normal;
right:0;
}

#header h3{top: 45px;}

#header h4{
top: 45px;
right:0;
}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 100px;
right: 0px;
border-right: 1px solid #7a555a;
}

#header ul li{
list-style: none;
float:left;
padding: 0 10px;
font-size:14px;
border-left: 1px solid #7a555a;
}

#header a{color:#7a555a;text-decoration:none;}

#header a:hover{color:#815e63;}


/*************
メイン画像
*************/
#mainImage{
padding: 0;
}


/*************
コンテンツ全体
*************/
#container{
padding: 35px 0;}

.boxsub{
float: left;
width: 410px;
margin-right: 15px;
padding-bottom: 5px;
line-height: 1.2;
}

div#menuBoxtopl{
	width: 170px;
	float: left;
}

div#menuBoxtopr{
	width: 360px;
	float: right;
	padding-top: 5px;
}


.box{
float: left;
width: 225px;
margin-right: 15px;
padding-bottom: 5px;
line-height: 1.2;
}

/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:530px;}

/* 画像を左に回りこみ */
.long img{
float:left;
margin: 0 10px 10px 0;
}

/* H2 見出し */
#container h2{
font-size: 18px;
margin: 0 10px 15px;
padding: 9px 10px 7px 0;
border-top: 3px dotted #f0a9b2;
border-bottom: 3px dotted #f0a9b2;
color: #555555;
font-weight: 600;
}

/* H3 見出し */
#container h3{
font-size: 18px;
margin: 0 10px 15px;
padding: 10px 10px 7px 0;
border-bottom: 2px dotted #f0a9b2;
color: #333333;
font-weight: 600;
}

/* H4 見出し 赤文字拡大*/
#container h4{
font-size: 16px;
color: #cc0033;
margin: 0 10px 0;
}

#container ul, .inner ul{margin-left: 5px;}

#container ul li, .inner ul li{
list-style: none;
margin-bottom: 7px;
padding-left: 17px;
background:url(images/bullet.png) no-repeat 0 3px;
}

.inner ul li{background-image:url(images/bullet.png);}

#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

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

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 4px solid #fff;
}

/************************
メイン（左側）コンテンツ
************************/
#main {
float: left;
width: 715px;
padding-bottom: 60px;
}

#mainsub {
float: left;
width: 700px;
padding:0px 0px 20px 20px;
}

#mainmap {
float: left;
width: 715px;
padding-left: 20px;
}
/************************
メイン（左側）コンテンツ
文字左、写真右
************************/
div#menuBoxpic1{
	width: 540px;
	float: left;
}

div#menuBoxpic2{
	width: 160px;
	float: left;
}

/************************
メイン（左側）コンテンツ
文字右、写真左
************************/
div#menuBoxpic3{
	width: 195px;
	float: left;
}

div#menuBoxpic4{
	width: 520;
	float: left;
}

/************************
メイン（左側）コンテンツ
アネモネとは建物
************************/
div#menubuild{
	width: 720px;
	height:560px;
	float: left;
	background:url(images/pic2.png);
}

.goods {
 position: relative;
 margin-bottom: 10px;
 width: 252px;
 height: 190px;
}
.goods a { display: block; }
a.goods-menu {
 border: 1px solid #777;
 width: 250px;
 height: 188px;
}
a.order {
 position: absolute;
 top: 133px;
 left: 195px;
 width: 50px;
 height: 50px;
}


/************************
メイン（左側）コンテンツ
アネモネとは物件概要テーブル
************************/
/* --- 表全体 --- */
table.anemone {
width: 700px; /* 表の幅 */
margin-bottom: 30px; /* 表の下マージン */
border: 1px #ffffff solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 100%;
}

/* --- セル --- */
table.anemone th,
table.anemone td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #ffffff solid; /* セルの境界線 */
}

/* --- データセル --- */
table.anemone tbody td {
background-color: #FFF5EE; /* データセルの背景色 */
width: 550px;
}

/* --- データセル --- */
table.anemone tbody th {
background-color: #ffd2ff; /* データセルの背景色 */
width: 150px;
}

/************************
メイン（左側）コンテンツ
費用テーブル
************************/
/* --- 表全体 --- */
table.cost {
width: 340px; /* 表の幅 */
margin-bottom: 5px; /* 表の下マージン */
border: 1px #ffffff solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 100%;
}

/* --- セル --- */
table.cost th,
table.cost td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #ffffff solid; /* セルの境界線 */
}

/* --- データセル --- */
table.cost tbody td {
background-color: #FFF5EE; /* データセルの背景色 */
width: 200px;
text-align:right;
}

/* --- データセル --- */
table.cost tbody th {
background-color: #ffd2ff; /* データセルの背景色 */
width: 140px;
}


/************************
メイン（左側）コンテンツ
職員募集テーブル(訪問介護事業所)
************************/
/* --- 表全体 --- */
table.recruit1 {
width: 700px; /* 表の幅 */
margin-bottom: 5px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 100%;
}

/* --- セル --- */
table.recruit1 th,
table.recruit1 td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- データセル --- */
table.recruit1 tbody td {
background-color: #ffffff; /* データセルの背景色 */
width: 550px;
text-align:left;
}

/* --- データセル --- */
table.recruit1 tbody th {
background-color: #FFF5EE; /* データセルの背景色 */
width: 150px;
text-align:center;
}

/************************
メイン（左側）コンテンツ
職員募集テーブル(居宅介護支援事業所)
************************/
/* --- 表全体 --- */
table.recruit2 {
width: 700px; /* 表の幅 */
margin-bottom: 5px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 100%;
}

/* --- セル --- */
table.recruit2 th,
table.recruit2 td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- データセル --- */
table.recruit2 tbody td {
background-color: #ffffff; /* データセルの背景色 */
width: 550px;
text-align:left;
}

/* --- データセル --- */
table.recruit2 tbody th {
background-color: #ccffff; /* データセルの背景色 */
width: 150px;
text-align:center;
}

/************************
メイン（左側）コンテンツ
職員募集テーブル(デイケア) 
************************/
/* --- 表全体 --- */
table.recruit3 {
width: 700px; /* 表の幅 */
margin-bottom: 5px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 100%;
}

/* --- セル --- */
table.recruit3 th,
table.recruit3 td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- データセル --- */
table.recruit3 tbody td {
background-color: #ffffff; /* データセルの背景色 */
width: 550px;
text-align:left;
}

/* --- データセル --- */
table.recruit3 tbody th {
background-color: #ffff66; /* データセルの背景色 */
width: 150px;
text-align:center;
}

/************************
メイン（左側）コンテンツ
職員募集テーブル(訪問看護事業所)
************************/
/* --- 表全体 --- */
table.recruit4 {
width: 700px; /* 表の幅 */
margin-bottom: 5px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 100%;
}

/* --- セル --- */
table.recruit4 th,
table.recruit4 td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- データセル --- */
table.recruit4 tbody td {
background-color: #ffffff; /* データセルの背景色 */
width: 550px;
text-align:left;
}

/* --- データセル --- */
table.recruit4 tbody th {
background-color: #d0ffbf; /* データセルの背景色 */
width: 150px;
text-align:center;
}
/************************
メイン（左側）コンテンツ
設備
************************/
div#menuBoxequip{
	width: 700px;
	float: center;
	padding:10px 10px 100px 20px;
}
/* --- 右に大きい写真 --- */
div#menuBoxequiprightl{
	width: 450px;
	float: left;
}

div#menuBoxequiplefts{
	width:250px;
	float: left;
}

/* --- 左に大きい写真 --- */
div#menuBoxequiprights{
	width:200px;
	float: left;
}

div#menuBoxequipleftl{
	width:500px;
	float: right;
}

/* --- 半分写真 --- */
div#menuBoxequipharf{
	width:350px;
	float: left;
}

/* --- 1/3写真 --- */
div#menuBoxequip3{
	width:230px;
	float: left;
}

/************************
メイン（左側）コンテンツ
新着情報
************************/
div#menuBoxnew1{
	width: 680px;
	padding:10px 10px 10px 20px;
}

/************************
メイン（左側）コンテンツ
新着情報(TOP)
************************/
div#menuBoxnew{
	width: 400px;
}



/************************
メイン（左側）コンテンツ
入居費用
************************/
div#menuBoxcost{
	width: 700px;
	padding:0px 0px 20px 20px;
}

div#menuBoxcostleft{
	width: 200px;
	float: left;
	padding:20px 0px 10px 30px;
}

div#menuBoxcostright{
	width: 450px;
	float: right;
	padding:0px 0px 10px 10px;
}

div#menuBoxcostcenter{
	width: 320px;
	float: left;
}

/************************
メイン（左側）コンテンツ
入居の流れ
************************/
div#menuBoxprogress{
	width: 645px;
	float: center;
	padding:15px 15px 15px 15px;
	margin: 5px 5px 5px 5px;
	background:#FFF5EE;
}

/************************
メイン（左側）コンテンツ
全画面共通
************************/
div#menuBoxall{
	width: 690px;
	padding:0px 0px 20px 20px;
}

/************************
サイド（右側）コンテンツ(削除？？？)
************************/
#sidebar {
float: right;
width: 225px;
padding-bottom:30px;
}

#sidebar h3{
font-size: 16px;
margin: 0 0 15px;
padding: 5px 10px 7px 0;
border-bottom: 1px solid #444444;
color: #333333;
}

#sidebar ul{
padding-bottom:10px;
}

/************************
メイン（左側）コンテンツ
サービス概要
************************/
div#menuBoxservicel{
	float: left;
	width: 400px;
	padding:0px 0px 20px 20px;
}

div#menuBoxservicer{
	float: right;
	width: 260px;
	padding:0px 0px 0px 0px;
}

div#menuBoxservicela{
	float: left;
	width: 430px;
}

div#menuBoxservicera{
	float: right;
	width: 230px;
}

div#menuBoxservicelb{
	float: left;
	width: 480px;
}

div#menuBoxservicerb{
	float: right;
	width: 200px;
}

/************************
メイン（左側）コンテンツ
サービス概要
************************/
div#menuBoxservice1{
	float: left;
	width: 530px;
}

div#menuBoxservice2{
	float: right;
	width: 160;
}

/************************
サイドメニュー（右側）コンテンツ
************************/
.section {
   width:232px;
}

.menu {
   padding:3px;
   border:1px solid #D6D7D6;
}

.menu h2 {
   margin:0;
   font-size:14px;
   color:#fff;
   line-height:3.0;
   text-align:center;
   background:#7B2031;
}

.menu ul {
   margin:0;
   padding:0;
   list-style-type:none;
}

.menu li {
   margin:0 0 -1px 0;
   padding:0;
   font-size:0.75em;
   color:#333;
   border:1px solid #D6D7D6;
   background:#fff url(../images/bg_list.gif) 8px 13px no-repeat;
}

.menu li a {
   display:block;
   padding:10px 0 10px 20px;
   color:#7B2031;
}

.menu li a.current {
   background:#FFF3EF url(../images/bg_list.gif) 8px 13px no-repeat;
}

.menu li a:hover {
   background:#FFF3EF url(../images/bg_list.gif) 8px 13px no-repeat;
}

/*************
/* フッター
*************/
#footerUpper{
clear:both;
margin-top: 10px;
padding: 20px 0;
overflow: hidden;
background:#fff8ff;
border-bottom: 1px solid #fff;
}

#footerUpper a{color:#7a555a;text-decoration:none;}

#footerUpper a:hover{color:#7a555a;}

#footerUpper .inner{
overflow: hidden;
background:f0a9b2;
}

#footerLower{
border-top: 1px solid #fff
overflow: hidden;
background:#f9ece5;
}

#footerLower .inner{
position:relative;
min-height: 60px;
color: #666;
font-size:16px;
}

* html #footerLower .inner{height:60px;}

#footerLower .inner p{
position:absolute;
top: 10px;
padding-bottom: 5px;
}

#footerLower .inner p#contact{right:0;}