@charset "UTF-8";

/* nav
----------------------------------- */
#nav_global ul.shiojiri {
	display: block;
}

/* container
----------------------------------- */
#container {
	background: none;
	margin-top: 20px;
}

#container .inner > h1 {
	height: 86px;
	background: url(../img/shiojiri/ttl_shiojiri.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	margin-top: 45px;
}

/* mainvisual
----------------------------------- */
#mainvisual {
	position: relative;
	height: 585px;
	margin-top: 50px;
}

#mainvisual > h1 {
	position: absolute;
	left: -25px;
	top: 0;
	z-index: 50;
}

#mainvisual > img {
	display: block;
	position: absolute;
	right: -45px;
	bottom: 0;
	z-index: 50;
}


/* news
----------------------------------- */
#news {
	height: 163px;
	padding: 30px 35px;
	background-color: white;
	background-image: url(../img/shiojiri/ttl_news.png);
	background-repeat: no-repeat;
	background-position: 35px 30px;
	position: relative;
}

#news ul {
	margin-top: 42px;
}

#news ul li p {
	float: left;
	font-size: .81rem;
	color: #9b9b9b;
	margin-bottom: 15px;
}

#news ul li p:first-child {
	margin-right: 10px;
}

#news ul li p a {
	font-size: .81rem;
	color: black;
}

#news > a {
	display: block;
	position: absolute;
	right: 25px;
	bottom: 25px;
}

.news > h1 {	background: url(../img/common/ttl_news.png) no-repeat;}


/* main
----------------------------------- */
#main > section > h1 {
	height: 44px;
	text-indent: -9999px;
	margin-bottom: 35px;
}


/* services
----------------------------------- */
#main.feature > h1 {
	background: url(../img/shiojiri/feature/ttl_feature.png) no-repeat left center;
}

#services h1 {
	background: url(../img/shiojiri/feature/ttl_services.png) no-repeat;
}

#services li {
	width: 210px;
	height: 286px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

#services li:nth-child(3n) {
	margin-right: 0;
}

#services #service_01 {	background: url(../img/shiojiri/feature/bg_service_01.png) no-repeat;}
#services #service_02 {	background: url(../img/shiojiri/feature/bg_service_02.png) no-repeat;}
#services #service_03 {	background: url(../img/shiojiri/feature/bg_service_03.png) no-repeat;}
#services #service_04 {	background: url(../img/shiojiri/feature/bg_service_04.png) no-repeat;}
#services #service_05 {	background: url(../img/shiojiri/feature/bg_service_05.png) no-repeat;}

#services li h2 {
	height: 0;
	text-indent: -9999px;
}

#services li p {
	width: 150px;
	margin: 150px auto 0;
	color: white;
	font-size: .81rem;
	line-height: 175%;
}


/* relief
----------------------------------- */
#relief {
	margin-top: 30px;
}

#relief ul {
	width: 585px;
	padding-left: 95px;
	background: url(../img/shiojiri/feature/ttl_relieves.png) no-repeat;
}

#relief li {
	margin-bottom: 4px;
}

#relief #relief_01 {	background: url(../img/shiojiri/feature/ttl_relief_01.png) no-repeat; height: 125px;}
#relief #relief_02 {	background: url(../img/shiojiri/feature/ttl_relief_02.png) no-repeat; height: 142px;}
#relief #relief_03 {	background: url(../img/shiojiri/feature/ttl_relief_03.png) no-repeat; height: 125px;}
#relief #relief_04 {	background: url(../img/shiojiri/feature/ttl_relief_04.png) no-repeat; height: 125px;}
#relief #relief_05 {	background: url(../img/shiojiri/feature/ttl_relief_05.png) no-repeat; height: 142px;}
#relief #relief_06 {	background: url(../img/shiojiri/feature/ttl_relief_06.png) no-repeat; height: 124px;}

#relief li h2 {
	height: 0;
	text-indent: -9999px;
}

#relief li p {
	width: 435px;
	margin-left: 104px;
	margin-top: 58px;
	color: #505050;
	font-size: .81rem;
	line-height: 175%;
	letter-spacing: -0.02rem;
}


/* outline equipments
----------------------------------- */
#outline {
	padding-top: 30px;
}

#equipments {
	padding-top: 10px;
}

#outline h1 {
	background: url(../img/shiojiri/feature/ttl_outline.png) no-repeat;
	margin-bottom: 0!important;
}

#equipments h1 {
	background: url(../img/shiojiri/feature/ttl_equipments.png) no-repeat;
	margin-bottom: 0!important;
}

#outline table,
#equipments table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}

#outline th,
#equipments th {
	background-color: #e5b493;
	color: white;
	font-size: .813rem;
	line-height: 150%;
	text-align: center;
	border-top: 1px solid #fffbf0!important;
	width: 120px;
	padding: 10px 10px;
}

#outline td,
#equipments td {
	background-color: #f4eeda;
	color: #505050;
	font-size: .813rem;
	line-height: 150%;
	border-top: 1px solid #fffbf0;
	padding: 10px 20px;
}

#outline th:first-child,
#outline td:first-child,
#equipments th:first-child,
#equipments td:first-child {
	border-top: none;
}


/* life
----------------------------------- */
#main.about > h1 {
	background: url(../img/shiojiri/style/ttl_about.png) no-repeat left center;
}

#life h1 {
	background: url(../img/shiojiri/life/ttl_life.png) no-repeat;
}

#life li {
	width: 330px;
	height: 252px;
	background: url(../img/shiojiri/life/bg_photos.png) no-repeat;
	float: left;
	margin-bottom: 25px;
}

#life li > img {
	margin: 20px 10px 10px;
}

#life li:nth-child(odd) {
	margin-right: 20px;
}

#life p {
	font-size: .81rem;
	line-height: 175%;
	color: #505050;
	margin-bottom: 20px;
}



/* schedule
----------------------------------- */
#schedule {
	margin-top: 60px;
}

#schedule h1 {
	background: url(../img/shiojiri/life/ttl_schedule.png) no-repeat;
}

#schedule div {
	text-align: center;
}


/* style
----------------------------------- */
#style h1 {
	background: url(../img/shiojiri/style/ttl_style.png) no-repeat;
}

#style li {
	float: left;
	margin-bottom: 25px;
}

#style li:nth-child(odd) {
	margin-right: 20px;
}

#style dl {
	padding: 20px 0;
	border-bottom: 1px dashed #b7b7b7;
}

#style dl.last {
	border-bottom: 0;
}

#style dl dt {
	font-size: 1.06rem;
	line-height: 135%;
	color: #d98a7b;
	font-weight: bold;
	margin-bottom: 10px;
}

#style dl dd {
	font-size: .81rem;
	line-height: 175%;
	color: #505050;
}

#style_detail {
	margin-top: 50px;
}

#style_detail li {
	width: 210px;
	height: 353px;
	float: left;
	margin-right: 25px;
}

#style_detail li:nth-child(3n) {
	margin-right: 0;
}

#style_detail li#detail_01 {background: url(../img/shiojiri/style/bg_detail_01.png) no-repeat;}
#style_detail li#detail_02 {background: url(../img/shiojiri/style/bg_detail_02.png) no-repeat;}
#style_detail li#detail_03 {background: url(../img/shiojiri/style/bg_detail_03.png) no-repeat;}
#style_detail li#detail_04 {background: url(../img/shiojiri/style/bg_detail_04.png) no-repeat;}
#style_detail li#detail_05 {background: url(../img/shiojiri/style/bg_detail_05.png) no-repeat;}
#style_detail li#detail_06 {background: url(../img/shiojiri/style/bg_detail_06.png) no-repeat;}

#style_detail li h2 {
	height: 0;
	text-indent: -9999px;
}

#style_detail li p {
	width: 150px;
	margin: 175px auto 0;
	color: white;
	font-size: .75rem;
	line-height: 160%;
}

#style_detail li#detail_01 p {
	margin-top: 195px;
}


/* about
----------------------------------- */
#main.about > h1 {
	background: url(../img/shiojiri/style/ttl_about.png) no-repeat left center;
}


/* senior
----------------------------------- */
#senior h1 {
	background: url(../img/shiojiri/price/ttl_senior.png) no-repeat;
}

#senior table {
	border-collapse: collapse;
	text-align: center;
}

#senior th,#senior td {
	border: 1px solid #dedede;
	padding: 10px 0;
}

#senior th:first-child,#senior td:first-child {
	border-left: none;
}

#senior th:last-child,#senior td:last-child {
	border-right: none;
}

#senior th {
	background-color: #ababab;
	font-size: .75rem;
	line-height: 130%;
	color: white;
}

#senior td {
	font-size: .75rem;
	line-height: 130%;
	color: #505050;
}

#senior table .accent {
	background-color: white;
}

#senior h2 {
	font-size: .81rem;
	line-height: 150%;
	color: #505050;
	margin-top: 40px;
	margin-bottom: 10px;
}

#senior p.note {
	font-size: .81rem;
	line-height: 150%;
	color: #505050;
	margin-top: 10px;
}

/* group
----------------------------------- */
#group {
	margin-top: 90px;
}

#group h1 {
	background: url(../img/shiojiri/price/ttl_group.png) no-repeat;
}

#group table {
	border-collapse: collapse;
	text-align: center;
}

#group th,#group td {
	border: 1px solid #dedede;
	padding: 10px 0;
}

#group th:first-child,#group td:first-child {
	border-left: none;
}

#group th:last-child,#group td:last-child {
	border-right: none;
}

#group th {
	background-color: #ababab;
	font-size: .75rem;
	line-height: 130%;
	color: white;
}

#group td {
	font-size: .75rem;
	line-height: 130%;
	color: #505050;
}

#group table .accent {
	background-color: white;
}

#group h2 {
	font-size: .81rem;
	line-height: 150%;
	color: #505050;
	margin-top: 40px;
	margin-bottom: 10px;
}

#group p.note {
	font-size: .81rem;
	line-height: 150%;
	color: #505050;
	margin-top: 10px;
}

#group p.caution {
	font-size: .75rem;
	line-height: 150%;
	color: #505050;
	margin-top: 10px;
}


/* access
----------------------------------- */
#main.access > h1 {
	background: url(../img/shiojiri/access/ttl_access.png) no-repeat left center;
}

#access p {
	font-size: .81rem;
	line-height: 175%;
	color: #505050;
	margin-top: 30px;
}


/* requirement
----------------------------------- */
#main.flow > h1 {
	background: url(../img/shiojiri/flow/ttl_flow.png) no-repeat left center;
}

#requirement > h1 {
	background: url(../img/shiojiri/flow/ttl_requirement.png) no-repeat left center;
}

#requirement p {
	font-size: .81rem;
	line-height: 175%;
	color: #505050;
}


/* flow
----------------------------------- */
#flow {
	margin-top: 70px;
}

#flow p {
	font-size: .81rem;
	line-height: 175%;
	color: #505050;
	margin-left: 150px;
	padding-top: 20px;
}

#flow li {
	padding: 15px;
	position: relative;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 30px center;
	height: 98px;
	margin-bottom: 35px;
}

#flow li:nth-child(1) {background-image: url(../img/shiojiri/flow/step_01.png);}
#flow li:nth-child(2) {background-image: url(../img/shiojiri/flow/step_02.png);}
#flow li:nth-child(3) {background-image: url(../img/shiojiri/flow/step_03.png);}
#flow li:nth-child(4) {background-image: url(../img/shiojiri/flow/step_04.png);}
#flow li:nth-child(5) {background-image: url(../img/shiojiri/flow/step_05.png);}

#flow li:not(:last-child):after {
	position: absolute;
	left: 280px;
	top: 138px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 55px 0 55px;
	border-color: #dd988a transparent transparent transparent;
}


/* vacancy
----------------------------------- */
#main.vacancy > h1 {
	background: url(../img/shiojiri/vacancy/ttl_vacancy.png) no-repeat left center;
}

#vacancy p {
	font-size: .81rem;
	line-height: 175%;
	color: #505050;
}

#vacancy .contact {
	display: block;
	margin-top: 30px;
}

#vacancy .floormap {
	margin-top: 70px;
}


/* side
----------------------------------- */
#side {
	margin-top: 70px;
}

#nav_side {
	margin-top: 70px;
	margin-bottom: 40px;
}

#nav_side li {
	border-top: 1px solid #cfcfcf;
	padding: 25px 0;
}

#nav_side li:last-child {
	border-bottom: 1px solid #cfcfcf;
}