#topicPath_03 {

	display:inline;

	font-size: 14px;



	

	

}

#topicPath_03 img {

	margin-top: 0;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

}

/* ver.en start */

h1, h2, h3, p, ul {
	margin:0;
	padding:0;
}





#top #topimg {

	height: 91px;

	width: 950px;

	position: relative;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 509px;

	background-color: #000000;

	background-image: url(../images/topimg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#top #topimg h1 {

	position: absolute;

	left: 12px;

	top: 1px;

}
#top #topimg div.delay {
	position: absolute;
	left: 500px;
	top: 108px;
	width: 450px;
}
#top #topimg div.delay h2 { font-size: 25px; margin-bottom: 30px; }
#top #topimg div.delay p { font-size: 17px; }
#top #topimg div.delay h2, #top #topimg div.delay p { text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); }

#gnavi  {

	margin-left: 0px;

	width: 950px;

	height: 59px;

}

#gnavi  {

	margin-left: 0px;

	width: 950px;

	height: 59px;

}

#gnavi ul.navi {
	height: 48px;
	width: 100%;
	padding: 4px 0 5px;
	font-size: 12px;
}
#top #gnavi ul.navi { font-size: 13px; }
#gnavi ul.navi::after {
	content: "";
	display: block;
	clear: both;
}
#gnavi .navi li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #fff;
	float: left;
}
#gnavi .navi li:first-child {border-left: 1px solid #fff;}
#gnavi .navi li:first-child { margin-left: 0; }
#gnavi .navi li a {
	display: inline-block;
	padding: 0 21px 0 19px;
	line-height: 48px;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
}
#gnavi .navi li.selected a,
#gnavi .navi li a:hover {
	color: #dfc44f;
	background-color: rgba(200, 160, 99, 0.3);
}

#top #topgallery {

	width: 924px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/topgalleryBk.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 235px;

	padding-left: 26px;

	margin-top: auto;

}
#top #topgallery .shelf { padding-top: 8px; }
#top #topgallery .shelf::after {
	content: "";
	display: block;
	clear: both;
}
#top #topgallery .shelf .left { width: 521px; float: left; margin-right: 40px;}
#top #topgallery .shelf .right { width: 341px; float: left;}
#top #topgallery .shelf .box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#top #topgallery p.ttl {font-size: 90%; line-height: 20px; padding: 0 0 6px; border-bottom: 1px solid #fff; margin: 0 0 7px;}
#top #topgallery .unit { width: 161px;}
#top #topgallery .unit a { display: block; width: 100%; text-decoration: none;}
#top #topgallery .unit a:hover { opacity: 0.8; }
#top #topgallery .unit a img { width: 100%; height: 145px;}
#top #topgallery .unit p {
	font-size: 12px;
	vertical-align: middle;
	margin: 10px 0 0;
	min-height: 63px;
}
#top #topgallery .unit p span {
	font-size: 12px;
}



#top #topinfo {

	width: 900px;
	
	padding-top: 90px;
	
	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

	color: #FFFFFF;

	text-align: left;

}
#top #topinfo h3 { font-size: 14px; }
#top #topinfo p { font-size: 12px;}



#top #wrap {

	width: 100%;

	background-color: #000000;

	text-align: left;

}

#top #wrap #container {

	background-image: url(../images/Bk.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	height: auto;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	margin-top: 0px;

	margin-bottom: 0px;

}

#top #gnavi {

	margin-left: 25px;

	width: 902px;

}



#page #content {

	width: 950px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	overflow: hidden;

	text-align: left;

}

#page #content #gnavi {

	margin-left: 25px;

	width: 902px;

	margin-top: 30px;

	margin-bottom: 30px;

}

#page #content h1 {



}



#page #topicpath {

	width: 900px;

	margin-top: 0px;

	margin-right: 25px;

	margin-bottom: 0px;

	margin-left: 25px;

	color: #FFFFFF;

}

#page #topicpath a {

	font-size: 10px;
	
	line-height: 18px;

	color: #FFFFFF;

	text-decoration: none;

}

/* end ver.en */

#page #topicpath a:hover {

	text-decoration: underline;

}

#page #main {

	margin-left: 25px;

	font-size: 15px;

	line-height: 2;

	color: #FFFFFF;

	margin-bottom: 30px;

	width: 500px;

	margin-top: 20px;

}

#page h1 {
	min-width: 552px;
	height: 141px;
	background-repeat: no-repeat;
	background-position: left top;
	color: #804e21;
	font-size: 48px;
	padding-left: 60px;
	line-height: 140px;
	font-weight: normal;
}

#page  .pagetop  {

	text-align: right;

	margin-top: 10px;

	margin-bottom: 50px;

}

#page   .pagetop   a  {

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

}

#page  .pagetop  a:hover  {

	text-decoration: underline;

}

#page #footer #footer_inner {

}





/*** 万座温泉とは ***/



#page  #about_wrap {

	background: url(../about/images/wrapBk.jpg) no-repeat center top;

	background-color: #000000;

}

#page #about_wrap #main {

	margin-bottom: 50px;

}

#page  #about_wrap h1 { background-image: url(../about/images/title.png); font-size: 40px;}





/*** 入浴のススメ ***/



#page #bathing_wrap {

	background-color: #000000;

	background-image: url(../bathing/images/wrapBk.jpg);

	background-repeat: repeat-y;

	background-position: center 396px;

	margin-right: auto;

	margin-left: auto;

}

/* iPadハック */

@media screen and (max-device-width: 1024px) {

#page #bathing_wrap {

	background: url(../bathing/images/wrapBk_min.jpg) repeat-y center top;

	background-color: #000000;

	height: auto;

	width:100%;

}

}

#page  #bathing_wrap  #bathing_wrap2 {

	background-image: url(../bathing/images/wrapBk_top.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

#page  #bathing_wrap  #bathing_wrap3 {

	background-image: url(../bathing/images/wrapBk_bottom.jpg);

	background-position: center bottom;

	background-repeat: no-repeat;

}

#page #bathing_wrap #content {


	width: 950px;

}

/* iPadハック */

@media screen and (max-device-width: 1024px) {

#page #bathing_wrap #content {

	background-image: none;

	width: 950px;

}

}

#page #bathing_wrap #main h1{ background-image: url(../bathing/images/h1.png); width: 743px; padding-left: 40px; font-size: 48px;}
#page #bathing_wrap #main h2{ background-image: url(../bathing/images/h2.png); 
	width: 743px;
	background-repeat: no-repeat;
	background-position: left top;
	color: #804e21;
	font-size: 36px;
	padding-left: 40px;
	line-height: 140px;
	font-weight: normal;
}

#page #bathing_wrap #main {
	width: 900px;
	margin-left: 20px;
	margin-top: 0px;
	font-size: 14px;

}
#page #bathing_wrap #main h3 {
	margin-left: 6px;
	margin-top: 20px;
	font-size: 20px;

}
#page #bathing_wrap #bath_topic .shelf { padding : 40px 0 10px; }
#page #bathing_wrap #bath_topic .shelf::after {
	content: "";
	display: block;
	clear: both;
}
#page #bathing_wrap #bath_topic .shelf > div {
	width: 427px;
}
#page #bathing_wrap #bath_topic .shelf > div.left { float: left; }
#page #bathing_wrap #bath_topic .shelf > div.right { float: right; }

#page #bathing_wrap #bath_topic .shelf > div h4 {
	border: none;
	margin: 0 0 9px 0;;
	padding: 0 0 8px 40px;
	font-size: 18px;
	border-bottom: 1px solid #fff;
	line-height: 32px;
	vertical-align: middle;
}
#page #bathing_wrap #bath_topic .shelf > div h4 img { margin: 0 8px 0 -40px; }
#page #bathing_wrap #bath_topic .shelf > div .chart {
	margin: 24px 0 0 0;
	position: relative;
}
#page #bathing_wrap #bath_topic .shelf > div .chart p { font-size: 12px; margin-top: 1em; line-height: 1.7;}
#page #bathing_wrap #bath_topic .shelf:last-child > div {
	min-height: 336px;
	position: relative;
}
#page #bathing_wrap #bath_topic .shelf:last-child > div.left .chart p { padding-right: 100px;}
#page #bathing_wrap #bath_topic .shelf:last-child > div img.layer {
 	position: absolute;
 	right: 0;
 	bottom: 0px;
 }


#page #bathing_wrap #main #section01 {

	margin-bottom: 60px;

}

#page #bathing_wrap #main #section02 {

	margin-bottom: 100px;

}
#page #bathing_wrap #main #section02 p.sub { margin: 16px 450px 0 8px; }
#page #bathing_wrap #main .pagetop { margin-right: -20px; }


/*** FAQ ***/



#page #faq_wrap {

	background-color: #000000;

	background-image: url(../faq/images/wrapBk.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	margin-right: auto;

	margin-left: auto;

}

/* iPadハック */

@media screen and (max-device-width: 1024px) {

#page #faq_wrap {

	background: url(../faq/images/wrapBk_min.jpg) repeat-y center top;

	background-color: #000000;

	height: auto;

	width:100%;

}

}

#page #faq_wrap #faq_wrap2 {

	background-image: url(../faq/images/wrapBk_top.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

#page #faq_wrap #faq_wrap3 {

	background-image: url(../faq/images/wrapBk_bottom.png);

	background-position: center bottom;

	background-repeat: no-repeat;

}



#page #faq_wrap #main {

	width: 900px;

	font-size: 14px;

	line-height: 1.5;

	margin-bottom: 50px;

}

#page #faq_wrap h1{ background-image: url(../faq/images/h1.png); width: 750px; padding-left: 60px; font-size: 50px;}

#page #faq_wrap #main .faq dt,
#page #faq_wrap #main .faq dd {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	vertical-align: top;
}
#page #faq_wrap #main .faq dt  {
	margin-top: 10px;
	background-image: url(../faq/images/q.png);
	margin-bottom: 10px;
	line-height: 43px;
	cursor:pointer;
}
#page #faq_wrap #main .faq dd {
	background-image: url(../faq/images/a.png);
	line-height: 23px;
	margin-bottom: 15px;
	height: auto;
	min-height: 43px;
	overflow: hidden;
}
#page #faq_wrap #main .faq dd.open {
	display: block;
	
}
#page #faq_wrap #main .faq dd a { color: #fff; display: block, margin-top: 6px;}
#page #faq_wrap #main .faq span.qanum {
	display: inline-block;
	width: 42px;
	margin-left: -56px;
	margin-right: 14px;
	text-align: center;
}
#page #faq_wrap #main .faq dd span.qanum {
	padding-top: 10px;
}
#page #faq_wrap  #main  .faq  .pl20 {
	padding-left: 20px;
}





/*** 万座の歴史 ***/

#page #history_wrap {

	background-color: #000000;

	background-image: url(../history/images/wrapBk.jpg);

	background-repeat: repeat-y;

	background-position: center 396px;

	margin-right: auto;

	margin-left: auto;

}

/* iPadハック */

@media screen and (max-device-width: 1024px) {

#page #history_wrap {

	background: url(../history/images/wrapBk_min.jpg) repeat-y center top;

	background-color: #000000;

	height: auto;

	width:100%;

}

}

#page  #history_wrap  #history_wrap2 {

	background-image: url(../history/images/wrapBk_top.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

#page  #history_wrap  #history_wrap3 {

	background-image: url(../history/images/wrapBk_bottom.jpg);

	background-position: center bottom;

	background-repeat: no-repeat;

}

#page #history_wrap #content {
	width: 950px;
}

#page #history_wrap h1 { background-image: url(../history/images/h1.png);}


#page   #history_wrap   #main { width: 950px; }
#page   #history_wrap   #main p.sub {
	margin-top: 10px;
	padding-right: 450px;
	background-position: 530px center;
	background-repeat: no-repeat;
}
#page   #history_wrap   #main   #section1     {
	margin-bottom: 40px;
}
#page #history_wrap #main #section2 {
	margin-bottom: 40px;
}

#page #history_wrap #main #section3 {
		margin-bottom: 40px;
}

#page   #history_wrap   #main h2 {
	width: 500px;
	border-bottom: 1px solid #fff;
	font-size: 20px;
}

#page   #history_wrap   #main   #section1 p.sub {background-image: url(../history/images/bg1.jpg);}
#page   #history_wrap   #main   #section2 p.sub {background-image: url(../history/images/bg2.jpg);}
#page   #history_wrap   #main   #section3 p.sub {background-image: url(../history/images/bg3.jpg);}

/*** 露天風呂 ***/

#page #spa_wrap {
	background-color: #000000;

	background-image: url(../manza_spa/images/wrapBk.jpg);

	background-repeat: repeat-y;

	background-position: center 396px;

	margin-right: auto;

	margin-left: auto;
}
/* iPadハック */

@media screen and (max-device-width: 1024px) {
#page #spa_wrap {
	background: url(../images/wrapBk_min.jpg) repeat-y center top;
	background-color: #000000;
	height: auto;
	width:100%;
}
}
#page  #spa_wrap  #spa_wrap2 {
	background-image: url(../images/wrapBk_top.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#page  #spa_wrap  #spa_wrap3 {
	background-image: url(../manza_spa/images/wrapBk_bottom.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}



#page #spa_wrap #content {
	position: relative;
}





#page #spa_wrap .section {
	width: 950px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 1.5;
	position:relative;
	overflow: hidden;
}

#page #spa_wrap .section .imgarea {
	position:absolute;
	left: 300px;
	top: 0;
}
#page #spa_wrap .section#section1 .imgarea { top: 20px; }
#page #spa_wrap .section .cover{
	width: 923px;
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	left: 0;
	top: 0;
	height: 100%;
}
#page #spa_wrap .box {
	margin-right: 433px;
}
#page #spa_wrap .cover h1 {
	padding-left: 36px;
}
#page #spa_wrap .box h2 {
	font-size: 24px;
	margin: 0.5em 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #fff;
}
#page #spa_wrap .box p { line-height: 1.6; }
#page #spa_wrap .cover h2 span { font-size: 14px; display: block; }
#page #spa_wrap .box p.catch { font-size: 20px; margin-bottom: 0.5em; }
#page #spa_wrap .box p.sub { font-size: 14px;}

#page #spa_wrap .thumbs p{ font-size: 12px; color: #fff; margin: 1.5em 0 0.5em;}


#page #spa_wrap .section#section1 {min-height: 664px;}
#page #spa_wrap .section#section1 .cover{
	left: 0;
	top: 3px;
	background-image: url(../manza_spa/images/cover01.png);
}
#page #spa_wrap .section#section2 {min-height: 640px;}
#page #spa_wrap .section#section2 .cover{
	background-image: url(../manza_spa/images/cover02.png);
	padding-top: 84px;
}
#page #spa_wrap .section#section2 .box p.catch,
#page #spa_wrap .section#section2 .box p.sub { padding-right: 150px; }
#page #spa_wrap .section#section3 {min-height: 660px;}
#page #spa_wrap .section#section3 .imgarea { top: 20px; }
#page #spa_wrap .section#section3 .cover{
	background-image: url(../manza_spa/images/cover03.png);
	padding-top: 3px;
}
#page #spa_wrap .section#section3 .box p.catch,
#page #spa_wrap .section#section3 .box p.sub { padding-right: 100px; }
#page #spa_wrap .section#section4 {min-height: 1060px;}
#page #spa_wrap .section#section4 .cover{
	background-image: url(../manza_spa/images/img04.jpg);
	padding-top: 8px;
	height: auto;
}
#page #spa_wrap .section#section4 .cover h1 {
	font-size: 38px;
	margin-bottom: 30px;
}
#page #spa_wrap .section#section4 .box { margin-right: 550px; }
#page #spa_wrap .section#section4 .box:last-child { margin-right: 0; }
#page #spa_wrap .section#section4 .box p.ttl {
	margin: 0 0 0.5em;
	padding-bottom: 0.25em;
	font-size: 20px;
	border-bottom: 1px solid #fff;
}
#page #spa_wrap .section#section4 .box p.sub {
	margin: 0 0 1.5em 0;
	font-size: 14px;
}
#page #spa_wrap .section#section4 .box p.sub.narrow {
	margin-right: 50px;
}


