@charset "UTF-8";

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}
body {
	background: #f8f5f2;
	color: #30220a;
}

p {
	margin: 0;
}

.subContents p.font16 {
	font-size: 16px;
}

a:link,
a:visited {
	color: #fc4116;
}

a:hover {
	color: #fe2f00;
}

.mt1em {
	margin-top: 1em;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt40 {
	margin-top: 40px;
}

.ml2em {
	margin-left: 2em;
}

.mb20 {
	margin-bottom: 20px;
}

.mb40 {
	margin-bottom: 40px;
}

.w15per {
	width: 15%;
}

.haru_container {
	width: 926px;
	margin: 0 auto;
}

.header {
	position: relative;
	width: 980px;
	height: 172px;
	margin: 0 auto;
	background: url(../images/common/bg_header.png) 0 0 no-repeat;
}

.header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 30px;
}

h4.process {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-size: 16px;
	font-weight: normal;
}

h5 {
	font-size: 13px;
}

/*.header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}*/

.header ul {
	position: absolute;
	top: 55px;
	left: 619px;
}

.visual_top_wrap {
	background: #ffe5df;
}

.visual_top {
	width: 1008px;
	margin: 0 auto;
}

/*グローバルナビ*/
.menu {
	margin-top: 17px;
}

.menu ul {
	display: table;
	width: 100%;
	/*table-layout: fixed;*/
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	list-style: none;
	padding-left: 2px;
	background: url(../images/common/menu_bg.png) top left repeat-y;
}

.menu li {
	display: table-cell;
	text-align: center;
	*float: left;
}

.menu li a {
	display: block;
	padding: 14px 5px 14px 5px;
	color: #592f2a;
	text-decoration: none;
}

.menu li a:hover {
	/*background-color: #feebe7;*/
}

.menu li a {
	/*border-right: dotted 1px #9f807a;*/
	background: url(../images/common/menu_bg.png) top right repeat-y;
}

.hvr-underline-reveal:before {
    background: #fc9982;
}


/*.menu li:first-child a {
	border-left: dotted 1px #9f807a;
}*/

/*トップページ・リンクス*/

.top_links {
	position: relative;
	height: 436px;
	background: url(../images/top/bg_top_links.gif) top left no-repeat;
}

.top_links h2 {
	position: absolute;
	top: 34px;
	left: 227px;
	margin: 0;
	padding: 0;
}

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

li.top_links_01 {
	position: absolute;
	top: 69px;
	left: 31px;
}

li.top_links_02 {
	position: absolute;
	top: 96px;
	left: 341px;
}

li.top_links_03 {
	position: absolute;
	top: 61px;
	left: 649px;
}

/*サイド・バー*/
.left_side {
	width: 250px;
	float: left;
}

.left_side ul,
.left_side li,
.left_side dl,
.left_side dt,
.left_side dd {
	margin: 0;
	padding: 0;
}

.left_side ul {
	list-style: none;
}

.left_side ul.banner li {
	padding-bottom: 14px;
}

.left_side dt {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.left_side dd {
	padding: 5px 0;
	border-top: dotted 1px #30220a;
	border-bottom: dotted 1px #30220a;
	font-size: 12px;
	color: #592f2a;
	line-height: 1.8;
}

ul.left_contact {
	padding-top: 16px;
}

ul.left_contact li {
	padding-bottom: 10px;
}

/*メイン・コンテンツ*/
.right_side {
	width: 646px;
	/*margin-left: 280px;*/
	float: right;
}

.top_article {
	position: relative;
	min-height: 273px;
	background: url(../images/top/bg_top_article01.gif) top left no-repeat;
}

.top_article_pic01 {
	position: absolute;
	top: 23px;
	left: 455px;
}

.top_article h3 {
	margin: 0;
	padding: 18px 0 21px 0;
	font-size: 18px;
	font-weight: bold;
	border: none;
}

.top_article p {
	width: 430px;
	font-size: 12px;
	line-height: 2.0;
}

.top_news {
	margin-bottom: 70px;
}

.news_header {
	position: relative;
	min-height: 68px;
	background: url(../images/top/bg_news_pic.png) 382px 7px no-repeat;
}

.news_header h4 {
	position: absolute;
	top: 13px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
.news_header h4 span {
	padding-left: 12px;}

.news_btn {
	position: absolute;
	top: 42px;
	left: 526px;
}

.top_news_inner {
	background: #fff;
	padding: 21px;
}

.top_news_inner dl {
	margin: 0;
	padding: 14px 4px;
	border-bottom: dotted 1px #30220a;
}

.top_news_inner dl:first-child {
	border-top: dotted 1px #30220a;
}

.top_news_inner dt {
	width: 100px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #592f2a;
	margin-right: 10px;
}

.top_news_inner dd {
	font-size: 12px;
	margin-left: 101px;
}

.top_news_inner dd a:link,
.top_news_inner dd a:visited {
	color: #30220a;
}

.top_news_inner dd a:hover {
	color: #fe2f00;
}

.footer_wrap {
	margin: 0;
	padding: 0;
	min-height: 147px;
	border-top: solid 8px #e8e1de;
	/**/background: url(../images/common/bg_footer.png) bottom center no-repeat;
	/*background: #F93;*/
}

.hatosefu_logo {
	position: relative;
	overflow: hidden;
	margin-bottom: 4px;
	text-align: right;
}

/* フッター・リンク */
.footer_link {
	padding: 28px;
	/*background-color: #dfe3e8;*/
}

.footer_link ul,
.footer_link ol	{
	float: left;
	left: 50%;
	position: relative;
	padding: 0;
	font-size: 12px;
	line-height: 1.0;
	list-style: none;}

.footer_link li a	{display: block;
	padding: 10px;
	color: #30220a;
	text-decoration: none;}

.footer_link li a:hover	{
	text-decoration: underline;
}

.footer_link li	{float: left;}

.footer_link ul:after,
.footer_link ol:after	{content: "";
	display: block;
	clear: both;}
.footer_link ul,
.footer_link ol	{*zoom: 1;}



/* 横に並べたリンクを区切る罫線 */
.footer_link li a	{padding: 0 11px;}

.footer_link li+li a	{border-left: dotted 1px #30220a;}

.footer_link li {
	float: left;
	left: -50%;
	position: relative;
}

.copyright {
	text-align: center;
	font-size: 12px;
}


/* サブページ */

.visual_sub_wrap {
	background: url(../images/common/bg_sub_visual_wrap.gif) top left repeat-x;
}

.visual_sub {
	width: 1008px;
	height: 207px;
	margin: 0 auto;
	background: url(../images/common/bg_sub_visual.png) top left no-repeat;
}

.visual_sub h2 {
	margin: 0;
	padding: 32px 0 0 100px;
	color: #fff;
	font-size: 26px;
}

.subContents {
	margin-bottom: 60px;
}

.subContents p {
	font-size: 13px;
	line-height: 1.8;
	padding-bottom: 1em;
}

h3 {
	margin: 0 0 18px 0;
	padding: 5px 0 8px 0;
	font-size: 20px;
	border-bottom: solid 1px #30220a;
}

h4 {
	margin: 0;
	padding: 0 0 1em;
	font-size: 13px;
	font-weight: bold;
}

p.photo {
	padding-bottom: 4px;
	text-align: center;
}

p.caption {
	padding-bottom: 10px;
	text-align: center;
}

.schedule dt {
	padding: 3px 0 0 60px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fc4116;
	background: url(../images/life/time.gif) 0 0 no-repeat;
}

.time {
	display: inline-block;
	width: 124px;
}

.schedule dd {
	font-size: 13px;
	margin-top: 10px;
	margin-left: 11px;
	padding-left: 16px;
	min-height: 100px;
	border-left: dashed 1px #fc4116;
	line-height: 1.8;
}

.pic_schedule {
	margin-bottom: 10px;
}

.facility {
	padding: 0 8px;
	font-size: 13px;
	background: #30220a;
	color: #fff;
	border-radius: 2px;
	border: solid 1px #30220a;
}

h4.oneday {
	margin: 0 0 10px 0;
	padding: 8px 8px 8px 16px;
	font-size: 16px;
	color: #fc4116;
	background: url(../images/life/bg_oneday.gif) top left repeat;
}

/* サブページのコンテンツ用グリッド */

.rows { width: 646px; margin: 0 auto; /*background: #FCC;*/}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14 {
  float: left;
  display: inline;
  margin-left: 12px;
  /*background: #F99;*/
}
.grid1 {width: 35px;}
.grid2 {width: 82px;}
.grid3 {width: 129px;}
.grid4 {width: 176px;}
.grid5 {width: 223px;}
.grid6 {width: 270px;}
.grid7 {width: 317px;}
.grid8 {width: 364px;}
.grid9 {width: 411px;}
.grid10 {width: 458px;}
.grid11 {width: 505px;}
.grid12 {width: 552px;}
.grid13 {width: 599px;}
.first {margin-left: 0;clear: left;}

/* 利用料金 */

.subContents table {
	background: #fff;
	border-color: #000;
	font-size: 13px;
}

.subContents .table-bordered th,
.subContents .table-bordered td {
	border: solid 1px #592f2a;
}

.subContents tr.nursing,
.subContents tr.shortStay th,
.subContents tr.dayService th {
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}

.subContents tr.nursing {
	background: #e74c3c;
}

.subContents tr.shortStay th {
	background: #16a085;
}

.subContents tr.dayService th {
	background: #3498db;
}

.subContents td {
	text-align: right;
	padding-right: 50;
}

.subContents td.txtLeft {
	text-align: left;
}

.subContents td.txtCenter {
	text-align: center;
}

.subContents table.w60per {
	width: 60%;
}

.subContents table.about th {
	background: #f9f9f9;
}

.subContents table.about td {
	text-align: left;
}

p.notice {
	padding-left:1em;
	text-indent:-1em;
	padding-bottom: 0;
	color: #fc4116;
}

/* 料金表ダウンロードボタン */
.buttonNursing,
.buttonShort,
.buttonService,
.buttonlife {
	display: inline-block;
	padding: 2px 14px;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.buttonNursing {
	background-color: #e74c3c;
	border: solid 1px #e74c3c;
}

.buttonShort {
	background-color: #16a085;
	border: solid 1px #16a085;
}

.buttonService {
	background-color: #3498db;
	border: solid 1px #3498db;
}
.buttonlife {
	background-color: #fc7769;
	border: solid 1px #fc7769;
}
a.buttonNursing,
a.buttonShort,
a.buttonService,
a.buttonlife {
	color: #fff;
}

a.buttonNursing:hover,
a.buttonShort:hover,
a.buttonService:hover,
a.buttonlife:hover {
	text-decoration: none;
}

.buttonNursing:hover,
.buttonNursing:focus	{
	outline: none;
	background-color: #fc7769;
	border-color: #fc7769;
}

.buttonShort:hover,
.buttonShort:focus	{
	outline: none;
	background-color: #37cbae;
	border-color: #37cbae;
}

.buttonService:hover,
.buttonService:focus	{
	outline: none;
	background-color: #6ec1f8;
	border-color: #6ec1f8;
}
.buttonlife:hover,
.buttonlife:focus {
	outline: none;
	opacity: 0.8;
	}

/* お問い合わせ用のボタン */

.w400 {
	width: 400px;
	margin: 20px auto 0 auto;
}

.buttonContact	{display: inline-block;
	width: 100%;
	padding: 10px 30px 10px 30px;
	background-color: #e74c3c;
	border: solid 1px #e74c3c;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}

a.buttonContact {
	color: #fff;
}

a.buttonContact:hover {
	text-decoration: none;
}

.buttonContact:hover,
.buttonContact:focus	{
	outline: none;
	background-color: #fc7769;
	border-color: #fc7769;}

/* ご入居までの手続き */

.dottedBorder {
	border-bottom: solid 1px #30220a;
}

.processBox {
	padding: 10px;
	background: #ffe5df;
	border: solid 1px #ffe5df;
	border-radius: 4px;
	font-size: 13px;
}

.processNext {
	text-align: center;
	color: #ffcdc2;
	font-size: 26px;
}

/* お問い合わせ */

p.contactTel {
	font-size: 16px;
	font-weight: bold;
}

.dottedBottom {
	padding-bottom: 8px;
	border-bottom: dotted 1px #30220a;
}

label {
	margin: 0;
	padding: 0;
	padding-top: 6px;
}

.necessary {
	color: #fff;
	font-size: 11px;
	background: #e60012;
	margin-top: 8px;
	padding: 0 4px;
	border-radius: 2px;
}

.optional {
	color: #fff;
	font-size: 11px;
	background: #c5c5c5;
	padding: 0 4px;
	border-radius: 2px;
}

/* 採用情報 */

.category {
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px dotted #30220a;
}

dl.recruit {
	margin-bottom: 0;
}

dl.recruit dt {
	width: 4em;
	float: left;
}

dl.recruit dd {
	margin-left: 5em;
}


/* プラバシーポリシー */

.privacy ol {
	list-style-type: upper-roman;
}

.privacy h4 {
	font-weight: normal;
	font-size: 14px;
}

.privacy ul {
	list-style-type: disc;
}

p.num {
	padding-left:2em;
	text-indent:-1.8em;
	padding-bottom: 1em;
}

/* 新着情報一覧 */

.newsList {
	margin-bottom: 40px;
	border-bottom: dotted 1px #30220a;
}

.date {
	text-align: right;
}

/* パンくずリスト */
.breadcrumbs {
	font-size: 12px;
	list-style: none;
	padding: 17px 0 14px 0;
}

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

.breadcrumbs li {
	margin: 0;
	padding: 0;
	display: inline-block;
	margin: 0;
    padding: 0 16px;
	background: url(../images/common/arrow_breadcrumb.gif) 0 4px no-repeat;
}

.breadcrumbs li:first-child {
	background: none;
	padding-left: 0;
}

.breadcrumbs li a {
	text-decoration: underline;

}

/*ページトップへ戻るボタン--------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.pagetop a {
    display: block;
	height: 80px;
	width: 80px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	border-radius: 40px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
	background-color: #30220a;
}

.pagetop a:hover {
    display: block;
	height: 80px;
	width: 80px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	border-radius: 40px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
	background-color: #8a8986;
}

/* 追記 */

.thumbnail {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

p.thumbnails {
	margin: 0;
	padding: 0;
	border: none;
}


@media print{
a[href]:after {
    content: "" !important;
  }
}