@charset "utf-8";
/*------------------------------------------------------------
	bathing.html
------------------------------------------------------------*/
#gHeader {
	background: none;
	margin: 0 0 -150px 0;
	padding: 0;
}

#gHeader .headerBox {
	margin: 0 auto;
	width: 960px;
}

#gHeader .headerBox .lBox {
	float: left;
	padding-top: 52px;
}

#gHeader .headerBox .lBox h1 {
	margin: 0 -130px 52px 0;
	position: relative;
	z-index: 200;
}

#gHeader .headerBox .rBox {
	float: right;
	position: relative;
	width: 733px;
	z-index: 50;
}

#gHeader .headerBox .rBox .linkUl {
	position: absolute;
	top: 27px;
	right: 0;
}

#gHeader .headerBox .rBox .linkUl li {
	float: left;
	padding-left: 1px;
}

#gHeader .headerBox .rBox .linkUl li a {
	display: block;
}

#gHeader .headerBox .rBox .linkUl .link01 a {
/*	background: url(../img/common/h_link01_over.gif) no-repeat;*/
}

#gHeader .headerBox .rBox .linkUl .link02 a {
/*	background: url(../img/common/h_link02_over.gif) no-repeat;*/
}

#gHeader .headerBox .rBox .linkUl li a:hover img {
	filter: alpha(opacity=0);
	opacity: 0;
}

#main .mainSection {
	background: url(../img/common/header_bg.png) no-repeat center 40px;
	z-index: 100;
	position: relative;
	zoom: 1;
}

#main .topDl {
	margin: 0 auto 100px;
	width: 960px;
}

#main .topDl dt {
	padding-bottom: 17px;
}

#main .topDl dt img {
	margin-top: -1px;
	position: relative;
}

#main .topDl dd {
	color: #ff8900;
	font-size: 12px;
	padding-left: 2px;
	padding-right: 10px;
	width: 210px;
	overflow-y: auto;
	height: 164px;
}
#main .topDl a
{
	color: #343434;
}
#main .topDl dd li
{
	margin-bottom: 10px;
}

#main .detailBox {
	margin: 0 auto 80px;
	width: 960px;
	padding-top:20px;
}

#main .detailBox .lBox {
	float: left;
	width: 509px;
}

#main .detailBox .ttlImg {
	margin-bottom: 22px;
}

#main .detailBox .rBox {
	float: right;
	width: 380px;
}

#main .detailBox .rBox .ttlImg {
	margin-bottom: 18px;
}

#main .detailBox .rBox .ttlImg01 {
	margin-bottom: 10px;
}

#main .detailBox .rBox .video {
	margin-bottom: 37px;
}
ul.nunoomutsuInfoLink
{
	clear: both;
	width: 800px;
	padding-top: 30px;
	margin-left: 150px;
	
}
ul.nunoomutsuInfoLink li
{
	float: left;
	margin-right: 30px;
}
#main .nunoomutsu
{
	background: url(../img/index/nunoomutsu_bg.gif); width: 920px; margin: 0 auto 60px; padding: 20px;
}

#main .nunoomutsu .section
{
	margin: auto !important;
}

#main .infoBox {
	margin: 0 auto;
	width: 920px;
}

#main .infoBox .textBox {
	float: left;
	padding-top: 6px;
	width: 560px;
}

#main .infoBox .textBox .ttlImg {
	margin-bottom: 24px;
}

#main .infoBox .textBox p {
	font-size: 14px;
	line-height: 1.2;
}

#main .infoBox .rImg {
	margin-top: 45px;
	float: right;
}

#main .infoBox .rImg img {
	margin-right: -5px;
	position: relative;
}

#main .section {
	margin: 0 auto 86px;
	width: 960px;
}

#main .section .lBox {
	float: left;
}

#main .section .rBox {
	float: right;
	margin-right: 40px;
	width: 640px;
}

#main .section .rBox .photoList {
	overflow: hidden;
	width: 700px;
}

#main .section .rBox .photoList li {
	float: left;
	margin-right: 42px;
	overflow: hidden;
	width: 300px;
	zoom: 1;
}

#main .section .rBox .photoList .liStyle {
	margin-right: 24px;
}

#main .section .rBox .photoList li .photo {
	float: left;
}

#main .section .rBox .photoList li .textBox {
	float: right;
	padding-top: 0;
	width: 200px;
}

#main .section .rBox .photoList li .textBox .title {
	color: #FF8A00;
	font-size: 13px;
	margin-bottom: 0px;
}

#main .section .rBox .photoList li .textBox p {
	font-size: 11px;
}

#main .section .rBox .subBox {
	margin: 0 7px 0 3px;
}

#main .section .rBox .subBox .textLink {
	float: left;
	padding-top: 18px;
	width: 400px;
}

#main .section .rBox .subBox .textLink li {
	float: left;
	width: 200px;
}

#main .section .rBox .subBox .textLink li ul li {
	float: none;
	font-size: 13px;
	line-height: 1.9;
	width: auto;
}

#main .section .rBox .subBox .textLink li ul li a {
	background: url(../img/common/icon01.png) no-repeat left center;
	color: #343434;
	display: inline-block;
	padding-left: 15px;
}


#main .section .rBox .subBox .link {
	float: right;
}

#main .ulBox {
	clear: both;
	margin: 0 auto;
	width: 960px;
}

#main .ulBox .listUl {
	overflow: hidden;
	padding-bottom: 85px;
	margin-left: 150px;
	zoom: 1;
}

#main .ulBox .listUl li {
	float: left;
	margin-right: 60px;
	width: 300px;
}

#main .ulBox .listUl li .ttlImg {
	margin-bottom: 18px;
}

#main .box {
	background: url(../img/index/box_bg.gif) repeat left top;
	margin-bottom: 46px;
	padding: 70px 0 20px;
}

#main .box .subInner {
	margin: 0 auto;
	width: 960px;
}

#main .box .subInner ul {
	margin-right: -50px;
	width: 1020px;
}

#main .box .subInner ul li {
	float: left;
	padding: 0 50px 40px 0;
	overflow: hidden;
	zoom: 1;
	width: 290px;
}

#main .box .subInner ul li a {
	color: #343434;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

#main .box .subInner ul li .photo {
	float: left;
}

#main .box .subInner ul li .textBox {
	float: right;
	width: 195px;
}

#main .box .subInner ul li .textBox p {
	font-size: 12px;
}

#main .box .subInner ul li .textBox .title {
	font-size: 14px;
	margin-bottom: 7px;
}

#main .btmBox {
	margin: 0 auto;
	width: 960px;
}

#main .btmBox .ttlImg {
	margin-bottom: 40px;	
}

#main .btmBox .subBtm {
	padding: 0 0 52px 30px;
}

#main .btmBox .lBox {
	float: left;
	padding-top: 30px;
}

#main .btmBox .rBox {
	border-left: 1px solid #CDCDCD;
	float: right;
	padding-left: 45px;
	width: 580px;
}

#main .btmBox .rBox .imgText {
	margin: 0 0 24px 0;
}

#main .btmBox .rBox p {
	font-size: 13px;
	line-height: 1.7;
	margin-left: 3px;
}

#gFooter {
	padding: 79px 0 15px;
}

#gFooter .fBox {
	margin: 0 auto 67px;
	width: 960px;
}

#gFooter .fBox .lBox {
	float: left;
	width: 480px;
}

#gFooter .fBox .lBox .ttlImg {
	margin-bottom: 28px;
}

#gFooter .fBox .lBox .newsDl {
	font-size: 13px;
	margin-bottom: 18px;
	padding-right: 5px;
	overflow-y: auto;
	height: 130px;
}

#gFooter .fBox .lBox .newsDl dt {
	float: left;
}

#gFooter .fBox .lBox .newsDl dd {
	padding: 0 0 16px 9em;
}

#gFooter .fBox .lBox .newsDl dd a {
	color: #343434; 
}

#gFooter .fBox .lBox .linkP {
	margin-right: 40px;
	text-align: right;
}

#gFooter .fBox .lBox .linkP a {
	background: url(../img/common/icon01.png) no-repeat left center;
	color: #343434;
	display: inline-block;
	font-size: 13px;
	padding-left: 22px;
}

#gFooter .fBox .rBox {
	float: right;
	width: 430px;
}

#gFooter .fBox .rBox .ttlImg {
	margin: 0 0 26px 10px;
}

#gFooter .fBox .rBox .faceBook {
	margin: 0 0 41px 15px;
}

#gFooter .fBox .rBox .linkBtn {
	margin-left: 4px;
}

#gFooter .fBox .rBox .linkBtn a {
/*	background: url(../img/index/f_link_over.jpg) no-repeat;*/
	display: block;
}

#gFooter .fBox .rBox .linkBtn a:hover img {
	filter: alpha(opacity=0);
	opacity: 0;
}

#gFooter .dlBox {
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	clear: both;
	margin: 0 10px 53px 10px;
	padding: 22px 0 27px 55px;
}

#gFooter .dlBox dl dt {
	border-right: 1px solid #CBCBCB;
	float: left;
	padding: 7px 38px 8px 0;
}

#gFooter .dlBox dl dd {
	padding: 0 0 0 276px;
}

#gHeader .spHeader {
	display: none;
}

#main .sp_dl {
	display: none;
}

#main .bigPhoto {
	display: none;
}

#main .sp_list01 {
	display: none;
}

#main .spInner {
	display: none;
}

#main .spBox {
	display: none;
}

#main .sp_innerBox {
	display: none;
}

#main .sp_list02 {
	display: none;
}

#main .sp_list03 {
	display: none;
}

#main .sp_whiteBox {
	display: none;
}

#gFooter .sp_newsBox {
	display: none;
}

.staffDiary
{
	margin-top: 60px;
}
.spNunoomutsuInfoLink
{
	display: none;
}
@media all and (min-width: 0) and (max-width: 640px)  {
	#gHeader {
		margin: 0;
	}
	
	#gHeader .headerBox {
		display: none;
	}
	
	#gHeader .spHeader {
		display: block;
		position: relative;
	}
		
	#gHeader .spHeader .subheader {
		background: url(../img/index/sp_header_bg.png) no-repeat center top;
		background-size: 100% auto;
		position: absolute;
		left: 0;
		top: 0;
		padding-top: 2px;
		width: 100%;
		zoom: 1;
	}
	
	#gHeader .spHeader .subheader .lBox {
		float: left;
		width: 80%;
		padding-top: 10px;
	}
	
	#gHeader .spHeader .subheader .lBox h1 {
		margin: 0 0 9px 12px;
		width: 72%;
	}
	
	#gHeader .spHeader .subheader .lBox p {
		margin-left: 12px;
		width: 62%;
	}
	
	#gHeader .spHeader .subheader .lBox img {
		width: 100%;
	}
	
	#gHeader .spHeader .subheader .spMenu {
		float: right;
		width: 11%;
	}
	
	#gHeader .spHeader .subheader .spMenu img {
		width: 100%;
	}
	
	#main {
		padding: 15px 0;
	}
	
	#main .mainSection {
		background: none;
	}
	
	#main .topDl {
		display: none;
	}
	
	.nunoomutsu
	{
		display: none;
	}
	#main .sp_dl {
		background-color: #fff;
		border-radius: 10px;
		display: block;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		margin: 0 10px 15px;
		line-height: 1.3;
		padding: 12px 10px 16px;
	}
		
	#main .sp_dl dd {
		color: #ff8900;
		font-size: 11px;
	}
	
	#main .sp_dl dd ul.list {
		overflow-y: auto;
		height: 87px;
		padding-right:4px;
	}
	
	#main .sp_dl dd ul.list li {
		margin:0;
		padding:0 0 5px 0;
	}
	
	#main .sp_dl dd ul.list li+li {
		border-top:1px dotted #CCCCCC;
		padding:5px 0 0 0;
	}
	
	#main .sp_dl a
	{
		color: #ff8900;
	}
	
	#main .detailBox {
		display: none;
	}
	
	#main .bigPhoto {
		display: block;
		margin: 0 11px 15px;
	}
	
	#main .bigPhoto img {
		width: 100%;
	}
	
	#main .sp_list01 {
		display: block;
		margin: 0 11px 19px;
	}
	
	#main .sp_list01 li {
		background-color: #fff;
		border-radius: 10px; 
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		float: left;
		padding: 10px 0;
		width: 48.5%;
	}
	
	#main .sp_list01 li:last-child {
		float: right;
	}
	
	#main .sp_list01 li p {
		margin: 0 11px 10px 10px;
	}
	
	#main .sp_list01 li p img {
		display: block;
		width: 100%;
	}
	
	#main .sp_list01 li .photo {
		margin: 0 10px;
	}
	
	#main .sp_list01 li .photo img {
		width: 100%;
	}
	
	#main .sp_list01 li:last-child p {
		margin: 0 25px 10px 7px;
	}
	
	#main .sp_list01 li:last-child .photo {
		margin: 0 7px;
	}
	
	#main .spInner {
		display: block;
		margin: 0 11px 32px;
	}
	
	#main .spInner .photoBox {
		float: right;
		width: 39%;
	}
	
	#main .spInner .photoBox img {
		width: 100%;
	}
	
	#main .spInner .textBox {
		padding-right: 40%;
	}
	
	#main .spInner .textBox .title {
		margin-bottom: 7px;
		width: 68%;
	}
	
	#main .spInner .textBox .title img {
		width: 100%;
	}
	
	#main .spInner .textBox p {
		font-size: 9px;
	}
	
	#main .infoBox {
		display: none;
	}
	
	#main .spBox {
		display: block;
		margin: 0 19px 14px;
	}
	
	#main .spBox .photoBox {
		float: left;
		width: 28%;
	}
	
	#main .spBox .photoBox img {
		width: 100%;
	}
	
	#main .spBox .textBox {
		padding-left: 32%;
	}
	
	#main .spBox .textBox p {
		font-size: 8px;
	}
	
	#main .spBox .textBox .title {
		color: #FF8A00;
		font-size: 12px;
		margin-bottom: 2px;
	}
	
	#main .spBox01 .photoBox {
		float: right;
		width: 28%;
	}
	
	#main .spBox01 .textBox {
		padding: 0 31% 0 0;
	}
	
	#main .sp_innerBox {
		display: block;
		margin: 0 10px 17px 18px;
	}
	
	#main .sp_innerBox ul {
		float: left;
		width: 60%;
	}
	
	#main .sp_innerBox ul li {
		font-size: 9px;
		padding-bottom: 7px;
	}
	
	#main .sp_innerBox ul li a {
		background: url(../img/common/icon01.png) no-repeat left center;
		padding-left: 13px;
	}
	
	#main .sp_innerBox .rLink {
		float: right;
		width: 37%;
	}
	
	#main .sp_innerBox .rLink img {
		width: 100%;
	}
	
	#main .sp_list02 {
		display: block;
		margin: 0 10px 15px 10px;
	}
	
	#main .sp_list02 li {
		background-color: #fff;
		border-radius: 6px; 
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;  
		float: left;
		margin: 2%;
		padding: 5px 0;
		width: 46%;
	}
	
	#main .sp_list02 li p {
		margin: 0 5px 5px;
	}
	
	#main .sp_list02 li .photo {
		margin: 0 5px;
	}
	
	#main .sp_list02 li:last-child {
		margin-right: 0;
	}
	
	#main .sp_list02 li img {
		width: 100%;
	}
	
	#main .sp_list03 {
		border-top: 1px solid #A8D0BE;
		background-color: #fff;
		display: block;
		margin-bottom: 20px;
	}
	
	#main .sp_list03 li {
		float: left;
		font-size: 11px;
		width: 50%;
	}
	
	#main .sp_list03 li a {
		border-bottom: 1px solid #A8D0BE;
		border-right: 1px solid #A8D0BE;
		background: url(../img/common/icon01.png) no-repeat 10px 20px;
		display: block;
		padding: 15px 10px 15px 20px;
	}
	
	#main .sp_list03 li:nth-child(2n) a {
		border-right: none;
	}
	
	#main .sp_whiteBox {
		background-color: #fff;
		border-radius: 10px;
		display: block;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin: 0 10px;
		padding: 12px 10px 9px;
	}
	
	#main .sp_whiteBox .title {
		margin-bottom: 13px;
	}
	
	#main .sp_whiteBox .imgText01 {
		margin-bottom: 12px;
	}

	#main .sp_whiteBox .imgText02 {
		margin-bottom: 7px;
	}

	#main .sp_whiteBox p {
		font-size: 9px;
		line-height: 1.7;
	}
	
	#main .section {
		display: none;
	}
	
	#main .ulBox .listUl {
		display: none;
	}
	
	#main .box {
		display: none;
	}
	
	#main .btmBox {
		display: none;
	}
	
	#gFooter {
		 padding:0 10px;
	}
		
	#gFooter .sp_newsBox {
		border: 1px solid #A8D0BE;
		border-radius: 10px; 
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		display: block;
		margin-bottom: 15px;
		padding: 10px;
	}
	
	#gFooter .sp_newsBox .ttlBox {
		border-bottom: 1px solid #A8D0BE;
		padding-bottom: 6px;
		margin-bottom: 12px;
	}
	
	#gFooter .sp_newsBox .ttlBox .rLink {
		float: right;
	}
	
	#gFooter .sp_newsBox .ttlBox .ttlImg {
		float: left;
	}
	
	#gFooter .sp_newsBox dl {
		font-size: 10px;
		height: 104px;
		overflow-y: auto;
	}
	
	#gFooter .sp_newsBox dd {
		border-bottom: 1px dotted #A8D0BE;
		margin-bottom: 7px;
		padding-bottom: 6px;
	}
	
	#gFooter .sp_newsBox dd:last-child {
		border: none;
		margin: 0;
		padding: 0;
	}
	
	#gFooter .sp_textDl {
		border-top: 2px solid #CBCBCB;
		border-bottom: 2px solid #CBCBCB;
		display: block;
		font-size: 8px;
		line-height: 1.8;
		margin-bottom: 18px;
		padding: 10px 0 12px 10px;
	}
	
	#gFooter .sp_textDl dt {
		border-right: 1px solid #CBCBCB;
		float: left;
		padding: 3px 15px 4px 0;
		width: 26%;
	}
	
	#gFooter .sp_textDl dd {
		padding: 6px 0 0 36%;
	}
	
	.spNunoomutsuInfoLink
	{
		display: block;
	}
	.spNunoomutsuInfoLink li
	{
		float: left; 
		margin: 2% 2% 20px 2%;
		width: 29%;
	}
	.spNunoomutsuInfoLink li img
	{
		width: 100%;
	}
}

#main .btmBox {
	margin: 0 auto;
	width: 960px;
	padding-bottom:30px;
}

#main .mainSection02 {
	background: url(../img/common/header_bg.png) no-repeat center -300px;
	z-index: 100;
	position: relative;
	zoom: 1;
}

#main .mainSection02 .btmBox .ttlImg img {
	margin-top:80px;
}