@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(elements.css);

html {
    overflow-y:scroll;
}
body { 
	font-family: "メイリオ",meiryo ,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", osaka;
	color: #584f4b;
	font-size: 12px;
	line-height: 1.7em;
	-webkit-text-size-adjust: none;	
}

img{
	vertical-align: bottom;
	}

a {
	text-decoration: underline;
	color: #06F;
	}
a:visited{
	color: #06C;
	}

a:hover {
	text-decoration: underline;
	color: #0CF;
	}


/* settings for header*/

div#wrap {
	width: 968px;
	margin: 0 auto;
	}


	div#wrap div#header {
		width: 960px;
		margin: 0 auto;
		position: relative;
		}
		
			div#wrap div#header h1{
				background: #d2e1e7;
				height: 21px;
				font-size: 10px;
				padding: 0 0 0 10px;
				}
	
			div#wrap div#header .staffBtn {
				position: absolute;
				top: 30px;
				left: 392px;
				}
				div#wrap div#header .staffBtn:hover img {
					opacity: 0.7;	
				}

			div#wrap div#header .headerTel{
				
				margin: 2px 0 0;
				}


			div#wrap div#header .headerTelLink{
				position: relative;
				top: 0;
				}


/* settings for global nav*/

			div#wrap div#header ul#nav{
				width: 960px;
				clear: both;
				height: 62px;
			}

				div#wrap div#header ul#nav li{
					float: left;
					height: 62px;
				}
					div#wrap div#header ul#nav li:hover>a>img{
						opacity: 0.75;
					}
				
				
            #header #nav .subMenu{ position: relative; }
            #header #nav .subMenu .subMenuList { display: none; position: absolute; background-color: none; top: 60px; left: 0; padding:  0; z-index: 999;}
            #header #nav li.subMenu:hover { opacity: 1.0;}
            #header #nav .subMenu .subMenuList.open { display: block;animation: fadeIn 0.2s ease 0s 1 normal;}
            @keyframes fadeIn {
                0% {opacity: 0}
                100% {opacity: 1}
            }
            #header #nav .subMenu .subMenuList li{ padding: 0; height:auto!important;}
            #header #nav .subMenu .subMenuList li:first-child{ padding-top: 0;}
            #header #nav .subMenu .subMenuList li:last-child{ padding-bottom: 0;}
			#header #nav .subMenu .subMenuList li:before{position: absolute;}
            #header #nav .subMenu .subMenuList li a:hover {}				
				
/* settings for recruit nav*/

			div#wrap div#header ul.recruitNav{
				width: 353px;
				clear: both;
				height: 26px;
			}

				div#wrap div#header ul.recruitNav li{
					float: left;
					height: 26px;
				}


/* settings for global mainImage*/

	div#wrap div#mainImg {
		width: 960px;
		margin: 16px auto 0 auto;
		position: relative;
	}

		div#wrap div#mainImg div#mainImg1 {
    left: 601px;
    position: absolute;
    top: 14px;
    width: 347px;
	z-index: 100;
		}

		div#wrap div#mainImg div#mainImg2 {
    left: 605px;
    position: absolute;
    top: 42px;
    width: 347px;
	z-index: 100;
	}

			div#wrap div#mainImg div#mainImg2 h2{
				margin: 0 0 10px 0;
			}


	#slide {
	width:960px;
	height:312px;
	margin:0 auto;
	position:relative;
	}
	#slide img {
	position:absolute;
	left:0;
	top:0;
	}
/* settings for global indexCont*/

	div#wrap div#indexCont {
		width: 720px;
		float: left;
		margin: 29px 0 0 0 ; 
	}

	div#wrap div#indexCont div#recruitBanner .recruitBannerInner{
		margin-bottom: 20px;}

	div#wrap div#indexCont div#recruitBanner .recruitBannerInner>* {
		float: left;
		
	}

		div#wrap div#indexCont div.title1 {
			width: 239px;
			background: url(../images/index/title1_bg.png) no-repeat center bottom;
			float: left;
		}

			div#wrap div#indexCont div.title1 p {
				font-size: 12px;
				padding: 5px 10px 14px 10px;
				line-height: 1.4em;
			}


	div#wrap div#indexCont div#title2 {
		padding: 13px 0 0 0;
		clear: both;
	}


		div#wrap div#indexCont div#title2-1 {
			float: left;
		}

		div#wrap div#indexCont div#title2-2 {
			float: left;
			position: relative;
		}

			div#wrap div#indexCont div#title2-2 iframe{
				position: absolute;
				top: 51px;
				left: 13px;
			}



	div#wrap div#indexCont div#titleTV {
		padding: 13px 0 13px 0;
		clear: both;
	 	position: relative;
	}


			div#wrap div#indexCont div#titleTV iframe.tv1{
				position: absolute;
				top: 61px;
				left: 4px;
			}

			div#wrap div#indexCont div#titleTV iframe.tv2{
				position: absolute;
				top: 61px;
				left: 360px;
			}


		div#wrap div#indexCont div#inquiryBtn {
			background: url(../images/index/titleInquiryBtn_bg.jpg) no-repeat center top;
			width: 718px;
			padding: 58px 0px 19px 0;
		}

			div#wrap div#indexCont div#inquiryBtn .btnInner {
				margin: 0 0 0 22px;
			}


		div#wrap div#indexCont div#title3 {
			background: url(../images/index/title3_bg.png) no-repeat center bottom;
			width: 718px;
			padding:0 0 10px 0 ;
		}

			div#wrap div#indexCont div#title3 ul {
				margin: 15px 0 15px 20px;
				float: left;
			}

			div#wrap div#indexCont div#title3 div#title3In {
				float: right;
				width: 210px;
				padding:6px 107px 0 0;
			}
			
				div#wrap div#indexCont div#title3 div#title3In img {
					margin-bottom:5px;
				}

		div#wrap div#indexCont div#title4-1 {
			width: 710px;
			padding:0 0 10px 0 ;
			margin: 15px 0 0 4px;
		}
			div#wrap div#indexCont div#title4-1 ul li.newInfo span{text-decoration: underline; color: #06F;}
			div#wrap div#indexCont div#title4-1 ul li.newInfo span:hover{color: #0CF; cursor: pointer;}
			div#wrap div#indexCont div#title4-1 ul li div.closeMenuNews{display:none;}

			div#wrap div#indexCont div#title4-1 h2 {
				border-bottom: #333 1px dotted;
			}


			div#wrap div#indexCont div#title4-1 ul {
				width: 710px;
				clear: both;
			}

				div#wrap div#indexCont div#title4-1 ul li {
					float: left;
					padding:0 10px 0 10px;
					border-bottom: #333 1px dotted;
					padding: 5px 0 5px 10px;
					width: 700px;
				}
				/* 
				div#wrap div#indexCont div#title4-1 ul li a {
					margin-left:10px;
				}
 */

		div#wrap div#indexCont div#title4-2 {
			width: 710px;
			padding:0 0 10px 0 ;
			margin: 15px 0 0 4px;
		}

			div#wrap div#indexCont div#title4-2 h2 {
				border-bottom: #333 1px dotted;
			}


			div#wrap div#indexCont div#title4-2 ul {
				width: 710px;
				clear: both;
			}

				div#wrap div#indexCont div#title4-2 ul li {
					float: left;
					padding:5px 0 5px 10px;
					border-bottom: #333 1px dotted;
					width:700px;
				}

					div#wrap div#indexCont div#title4-2 ul li img {
						padding: 3px 5px 0 0 ;
						float: left;
					}
					
					div#wrap div#indexCont div#title4-2 ul li a {
						margin-left:10px;
					}

		div#wrap div#indexCont div#title5 {
			width: 710px;
			padding:0 0 20px 0 ;	
			margin: 15px 0 0 4px;
			border-bottom: #333 1px dotted;
		}

			div#wrap div#indexCont div#title5 img{
				margin: 0;
			}
			
			div#wrap div#indexCont div#title5 a{
				position:relative;
				display:block;
				margin: 10px 0 0 0;
			}
			
			div#wrap div#indexCont div#title5 a:before{
				content:url("../images/index/title5_off.jpg");
				position:absolute;
				bottom:57px;
				right:5px;
			}
			
			div#wrap div#indexCont div#title5 a:hover:before{
				content:url("../images/index/title5_on.jpg");
			}

		div#wrap div#indexCont div#title6 {
			width: 712px;
			padding:0 0 10px 0 ;
			margin: 20px 0 0 4px;
		}

/*settings for side*/

	div#wrap div#side {
		width: 240px;
		float: left;
		margin: 27px 0 0 7px;
		}
		
		div#wrap div#side div#map{
			position:relative;
			width:239px;
			height:244px;
		}
		
		div#wrap div#side div#map a.hyogo{
			position:absolute;
			top:10px;
			left:11px;
		}
		
		div#wrap div#side div#map a.osaka{
			position:absolute;
			top:10px;
			left:85px;
		}
		
		div#wrap div#side div#map a.nara{
			position:absolute;
			top:10px;
			left:159px;
		}
		
		div#wrap div#side div#sideList {
			margin: 10px 0 10px 0;
		}


		div#wrap div#side div#sideList .kengaku {
			padding: 5px;
			background: #8EB5C6;
			margin: 0 5px 0;
			color: #fff;
			font-weight: bold;		
			text-align: center;
		}
		div#wrap div#side div#sideList .acc {
			display: block;
		}
		

		div#wrap div#side div#sideList h2.genreBase {
			width:228px;
			height:18px;
			color:#fff;
			text-align:center;
			font-weight:bold;
			margin:10px 0 5px 6px;
		}
		
		div#wrap div#side div#sideList h2.yh {
			background-color:#f778d8;
		}

		div#wrap div#side div#sideList h2.sk {
			background-color:#f58326;
		}

		div#wrap div#side div#sideList h2.gh {
			background-color:#4cae3f;
		}
		
		div#wrap div#side div#sideList h2.da {
			background-color:#558dfa;
		}

			div#wrap div#side div#sideList div.listIn {
				width: 239px;
				height: 89px;
				background: url(../images/common/side_title1-bg.jpg) no-repeat top center;
				position: relative;
				margin: 5px 0 0 0 ;
			}

				div#wrap div#side div#sideList div.listIn img.pic {
					position: absolute;
					top: 4px;
					left: 5px;
				}

				div#wrap div#side div#sideList div.listIn h3 {
					position: absolute;
					font-weight: bold;
					top: 5px;
					left: 5px;
					width: 230px;
					height: 82px;
					line-height: 1.3em;
					z-index: 3;
				}
					div#wrap div#side div#sideList div.listIn h3 a {
						display: block;
						width: 115px;
						height: 80px;
						padding: 5px 0 0 115px;
					}


				div#wrap div#side div#sideList div.listIn p.address {
					position: absolute;
					line-height: 1.4em;
					top: 28px;
					left: 121px;
					width: 115px;
					z-index: 2;
				}

				div#wrap div#side div#sideList div.listIn p.room {
					position: absolute;
					line-height: 1.4em;
					top: 64px;
					left: 121px;
					font-weight: bold;
					color: #cb1e11;
					z-index: 1;
				}
				
				#side #sideList .listIn .spRoom{
				  	display:none;
				}

					div#wrap div#side div#sideList div.listIn p.room img {
						margin: 0 2px 0 0;
						float: left;
					}



			div#wrap div#side div.blogNewList{
				
				
				
				}


				div#wrap div#side div.blogNewList h2{
					
					background: #666;
					color: #fff;
					font-weight: bold;
					
				}


				div#wrap div#side div.blogNewList h3{
					font-weight: bold;
					margin: 10px 0 0 10px;
				}
					div#wrap div#side div.blogNewList h3 span{
						background: #2b62ae;
						color: #fff;
						display: inline-block;
						padding: 0px 5px;
						margin: 0 10px 0 0;
						 
					}


			div#wrap div#side div.blogNewList ul {
			clear: both;
			margin: 0 0 15px 0;
			}

				div#wrap div#side div.blogNewList ul li {
					_float: left;
					padding:0 10px 0 10px;
					border-bottom: #333 1px dotted;
					padding: 5px 0 5px 10px;
					width: 100%;
					font-size: 10px;
				}
					div#wrap div#side div.blogNewList ul li a{
						font-size: 12px;
						}
				
/*settings for footer*/

div#footer_topLink{
		width: 960px;
		clear: both;
		padding-top: 20px;
		margin: 0 auto;
		text-align: right;
	}
	
div#footer {
	background: url(../images/common/footer_copyright.jpg) center 95% no-repeat #d8d8d8;
	height: 245px;
	clear: both;
	font-size:12px;
	}
	
	div#footer div#footerIn{
		width: 960px;
		margin: 0 auto;
		padding: 10px;
		text-align: center;
		position: relative;
		}
		
		div#footer div#footerIn ul li {
			float: left;
			padding: 0 3px 0 0 ;
		}
		
		div#footer div#footerIn p#footerLink {
			width:100%;
			position: absolute;
			top: 63px;
			left: 0;
			font-size:11px;
			line-height:1.1em;
		}
		
		div#footer div#footerIn address {
			position: absolute;
			top: 150px;
			left: 259px;
		}

			div#footer div#footerIn address span {
				color: #818181;
			}
	

			div#footer div#footerIn address a {
				color: #584F4B;
				text-decoration:none;
			}
			
			div#footer div#footerIn address a.footerNav{
				color:#06C;
				text-decoration:underline;
			}
	

/* settings for lower pages*/

	div#wrap div#lowerSide {
		width: 258px;
		float: right;
		margin: 15px 0 0 0;
	}

		div#wrap div#lowerSide div#homeNav {
			background: url(../images/home/homeNavBg.jpg) repeat-y 0 0;
		}

			div#wrap div#lowerSide div#homeNav ul li {
				background: url(../images/home/homeNavLiBg.jpg) repeat-y 0 0;
				width: 246px;
				height: 27px;
				padding: 3px 0 3px 12px ;
				font-size: 14px;
			}
			
			#homeNav ul.acc li span{ font-size:10px;}
			

				div#wrap div#lowerSide div#localNav ul li a {
				text-decoration: none;
			}

		div#wrap div#lowerSide div#localNav {
			background: url(../images/home/homeNavBg.jpg) repeat-y 0 0;
			vertical-align:top;
		}
		
		div#wrap div#lowerSide div#localNav img{
			vertical-align:top;
		}

			div#wrap div#lowerSide div#localNav h2{
				background: url(../images/home/localNavTitle.jpg) repeat-y 0 0;
				width: 218px;
				height: 34px;
				color: #23596e;
				font-size: 16px;
				font-weight: bold;
				padding: 20px 0 0 40px;
			}
			
			div#wrap div#lowerSide div#localNav h2.long{ padding: 17px 0 3px 40px; line-height: 1em; font-size:15px; }
			
			div#wrap div#lowerSide div#localNav h2.long span{ font-size:10px;}

			div#wrap div#lowerSide div#localNav ul li {
				background: url(../images/home/localNavLiBgOff.jpg) repeat-y 0 0;
				width: 258px;
				height: 34px;
				font-size: 14px;
			}

				div#wrap div#lowerSide div#localNav ul li a {
				text-decoration: none;
				display: block;
				width: 238px;
				height: 26px;
				padding: 8px 0 0 20px;
			}

				div#wrap div#lowerSide div#localNav ul li a:hover {
				background: url(../images/home/localNavLiBgOn.jpg) repeat-y 0 0;
				}




	div#wrap div#lowerCont {
		width: 691px;
		float: right;
		margin: 15px 6px 0 13px;
		overflow: hidden;
		}

		div#wrap div#lowerCont div#topicPath{

}

			div#wrap div#lowerCont ul#topicPath li{
				float: left;
				background: url(../images/common/topicPathArrow.jpg) no-repeat 2px 4px;
				padding: 0 0 0 15px;
	
	}

			div#wrap div#lowerCont ul#topicPath li.top{
				background: none;
				padding: 0;
	
	}


	div#wrap div#lowerCont div#bannerBox {
		padding: 0 0 0 5px;
		clear: both;
		margin: 30px 0 0 0;

}

	div#wrap div#lowerCont div#bannerBox img {
		float: left;
	}

	div#wrap div#lowerCont p{
		font-size: 13px;
		margin: 10px 10px 15px 10px;
		line-height: 1.8em;
		}

div#wrap div#lowerCont h2{
	width: 681px;
	height: 46px;
	clear: both;
	background: url(../images/common/h2Bg.jpg) no-repeat 0 0;
	position: relative;
	font-size: 18px;
	color: #153c4a;
	margin: 30px 0 0 0;
	padding: 15px 0 0 10px;
	font-weight: bold;
}

div#wrap div#lowerCont h2 span{
	display: block;
	color: #8eb5c4;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 24px;
	right: 99px;
}

div#wrap div#lowerCont h3{
	color: #47788b;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 0 10px;
}

div#wrap div#lowerCont h4{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 0 10px;
	padding: 0 0 0 7px;
	border-left: 5px solid #47788b;
}

div#wrap div#lowerCont h5{
	color: #47788b;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0 10px;
}

div#wrap div#lowerCont table{
	position: relative;
	border-collapse: collapse;
	border-top: solid 2px #47788b;
	border-bottom: solid 2px #47788b;
	margin: 20px 10px 10px 10px;
	width:671px;
}

div#wrap div#lowerCont table tr{
	height: 31px;
	width:100%;
}

div#wrap div#lowerCont table tr.boldTop{
	height: 31px;
	border-top: solid 2px #47788b;
}

div#wrap div#lowerCont table tr th{
	font-weight: bold;
	width: 90px;
	padding: 0 10px;
	background: #f2f7f9;
	border-top: 1px dotted #aaa;
}

div#wrap div#lowerCont table tr th.group{
	background: #e2e7e9;
	color:#47788b;
}

div#wrap div#lowerCont table tr td{
	padding: 5px 10px;
	border-top: 1px dotted #aaa;
}

div#wrap div#lowerCont table tr td.bgBlue{
	font-weight:bold;
  background:#E7F9FB;
}

div#wrap div#lowerCont table tr td.w45{
	width:45px;
}
div#wrap div#lowerCont table tr td.w12{
	width:12px;
}
div#wrap div#lowerCont table tr td.w50{
	width:50px;
}


div#wrap div#lowerCont table.tdRight tr td{
	text-align:right;
}

	div#wrap div#lowerCont ul{
		margin: 15px 10px 10px 10px;
	}

	div#wrap div#lowerCont ul li{
		background: url(../images/common/liBg.jpg) no-repeat 0 3px;
		font-size: 13px;
		padding: 0 0 0 10px;
		margin: 0 0 3px 0;
	}

	div#wrap div#lowerCont div#shuhenWrap{
		margin: 0 0 10px 0;
		position:relative;
		width:670px;
		}

div#wrap div#lowerCont div.shuhen{
    width:210px;
	margin:10px 0px 10px 10px;
	_margin:10px 10px 10px 5px;
	padding-top:1px;
	border-top:2px solid #47788b;
	border-bottom:2px solid #47788b;
}

div#wrap div#lowerCont div.shuhen img{
	height:158px;
	width:210px;
}

div#wrap div#lowerCont div.shuhen h5{
    width:205px;
	background-color: #47788b;
	margin-top:1px;
	margin-left: 0;
	color:#fff;
	padding-left:5px;
	font-weight:bold;
}

div#wrap div#lowerCont div.shuhen div.text{
  height:95px;
  background-color: #f2f7f9;
  padding:0;
  margin:1px 0 1px 0;
  position:relative
}

div#wrap div#lowerCont .borderBox{
	margin: 10px 10px 15px 10px;
	padding: 15px 10px 10px 10px;
	border:solid 1px #aaa;
	border-radius: 5px;}

/* 緑橋テスト用 */
div#wrap div#lowerCont div.shuhen div.textMTest {
    height: 150px;
	  background-color: #f2f7f9;
  padding:0;
  margin:1px 0 1px 0;
  position:relative
	}


div#wrap div#lowerCont div.shuhen p{
    margin:1px 5px 1px 5px;
	padding:3px 0 3px 0;
	font-size:12px;
	line-height:1.5em;
}

div#wrap div#lowerCont div.shuhen p.kyori{
    position:absolute;
	bottom:7px;
	right:5px;
	margin-right:5px;
	font-weight:bold;
	line-height:1.2em;
	text-align:right;
	color: #47788b;
}

div#wrap div#lowerCont p{
	margin-bottom:5px;
}


div#wrap div#lowerCont div.floorInfo{
	text-align:center;
	overflow:auto;
}
div#wrap div#lowerCont div.roomInfo{
	padding:10px 10px 20px;
	text-align:center;
}

/* 緑橋テストここまで */

div#wrap div#lowerCont div.roomInfo img:first-child{margin-right:10px;}

div#wrap div#lowerCont div.sisetsu_info{
    width:340px;
	float:left;
}

div#wrap div#lowerCont div.sisetsu_info h4{
	width:270px;	
}

div#wrap div#lowerCont ul.fee{
    margin:3px 0 3px 0;
}

div#wrap div#lowerCont h2.img{
	background:none;
	margin: 30px 0 0 0;
	padding: 0;
}

div#wrap div#lowerCont div#aboutTable{
	padding:10px 10px 10px 20px;
	margin:0 0 25px 0;
	background-color:#EEECED;	
}

div#wrap div#lowerCont div#aboutTable p{
	margin:0;	
}

/*費用ページ用*/

div#wrap div#lowerCont div#feeOther{
	float:left;
	background:url("../images/gNav/feeMain3.jpg") no-repeat;
	width:312px;
	height:220px;
	padding:59px 0 0 25px;
	position:relative;
}



div#wrap div#lowerCont div#feeOther img{
	position:absolute;
	top:0px;
	left:0px;
}

div#wrap div#lowerCont div#feeOther ul li{
	font-size:14px;
	margin:10px 0;
	background: url("../images/gNav/feeListstyle.jpg") no-repeat scroll 0 3px transparent;
	padding-left:15px;
	}
	
div#wrap div#lowerCont div#feeExample{
	float:left;
	background:url("../images/gNav/feeMain4.jpg") no-repeat;
	width:309px;
	height:219px;
	padding:60px 0 0 25px;
	position:relative;
	}
	

div#wrap div#lowerCont div#feeExample img{
	position:absolute;
	top:0px;
	left:0px;
}

div#wrap div#lowerCont div#feeExample p{
	margin-left:20px; padding-top:10px; clear:both;}

div#wrap div#lowerCont div#feeExample dl dt{
	width:100px;
	float:left;
	margin:10px 0 4px 20px;
	font-size:16px;
	font-weight:bold;
	color:#eb6202;
	}

div#wrap div#lowerCont div#feeExample dl dd{
	width:160px;
	float:left;
	margin:10px 0 4px 10px;
	font-size:16px;
	}
	
div#wrap div#lowerCont table.fee{
	width:400px;
	}
	
div#wrap div#lowerCont table.fee2{
	width:650px;
	}
	
div#wrap div#lowerCont table.fee tr th{
	width:200px;
	}

div#wrap div#lowerCont table.fee tr td{
	text-align:right;
	font-weight:bold;
	}
	
	div#wrap div#lowerCont table.fee2 tr td{
	text-align:right;
	font-weight:bold;
	}

	div#wrap div#lowerCont table.fee2 a{
	background:url(../images/gNav/feeHomeList_off.jpg) no-repeat right;
	font-size:12px;
	padding-right:16px;
	}

	div#wrap div#lowerCont table.fee2 a:hover{
	background:url(../images/gNav/feeHomeList_on.jpg) no-repeat right;
	}

div#wrap div#lowerCont ul.noArrow li{
	background:none;
	}
	
div#wrap div#lowerCont .mL70{
	margin-left:70px;
	}
	
div#wrap div#lowerCont .mL84{
	margin-left:84px;
	}
div#wrap div#lowerCont .mL96{
	margin-left:96px;
	}
div#wrap div#lowerCont .mL105{
	margin-left:105px;
	}
	
/* スタッフ募集ページ */
div#wrap div#lowerCont ul.noArrowStaff{
	margin:5px 0 10px 0px;
}

div#wrap div#lowerCont ul.noArrowStaff li{
	background:none;
	margin:2px 0 2px 0;
	padding:0;
	width:162px;
	float:left;
}

div#wrap div#lowerCont ul.noArrowStaff li input{
	margin-right:5px;
}

div#wrap div#lowerCont h3.staff {
    padding-top: 5px;
	color:#47788B;
	font-weight:bold;
	font-size:14px;
	margin-top:10px;
	margin-left:0px;
}


/*スタッフ募集*/
div#contactForm {background:#fbfaf9;}
	div#contactForm h3{ width:110px; float:left; display:block; margin:0; padding:15px; border:none; border-top:1px solid #ccc; font-size:15px; line-height:1.5em; color:#472d09;position:relative;}
		div#contactForm h3 span.error{background: #c03 none repeat scroll 0 0;color: #fff;font-size: 12px;padding: 0 4px;position: absolute;right: 10px;top: 28px;}
	div#contactForm div.formInner{ width:450px; min-height:50px; float:left; display:block; margin:0; padding:15px;border-top:1px solid #ccc; font-size:15px; background:#fff; position:relative;}
		div#contactForm p:before{ content:"";}
		div#contactForm p input{ font-size:15px; padding:10px; margin:5px 0; border:1px solid #999; background:#f2f7fb; color:#000;}
		div#contactForm p.lineWide { line-height:1.8em;}
		div#contactForm p textarea{ font-size:15px; padding:10px; margin:5px 0; border:1px solid #999; background:#f2f7fb;}
	div#confButton {border-top:1px solid #ccc;}
	div#confButton input{ font-size:15px; padding:10px; margin:5px 0; border-radius:3px; border:1px solid #999; background:#f2f7fb;}
	
	div#contactForm div.formInner input.sizeM,div#contactForm div.formInner select,div#contactForm div.formInner textarea{ font-size:15px; padding:10px; border: 1px solid #ccc;border-radius: 4px;}
	div#contactForm div.formInner input.sizeS{ font-size:15px; padding:10px; border: 1px solid #ccc;border-radius: 4px;}
	div#contactForm div.formInner label {background: #f2f7f9;border-radius: 4px;padding: 10px;display: block;cursor: pointer; margin:0 10px 10px 0;}
	div#contactForm div.formInner ul li{margin:0!important; width:170px!important;}
	div#contactForm div.formInner h4{margin:20px 0 10px 0!important;}
	div#contactForm div.button{width:660px; text-align:center;}
	div#contactForm div.button input{ font-size:15px; padding:15px; margin:5px 0; border-radius:3px; border:1px solid #999; background:#f2f7fb; width:200px;}

div#wrap div#lowerCont .sizeS {
    width: 20% ;
}
div#wrap div#lowerCont .sizeM {
    width: 80% ;
}
div#wrap div#lowerCont .sizeL {
    width: 100% ;
}

/*オーナー向け情報用*/
div#wrap div#lowerCont p.ownerFlow{
	width:450px;
	margin:15px auto;
	}
	
div#ownerFlow{
	width:690px;
}

/*お問い合わせ用*/
div#contact {}
div#contact div#contactForm div.hideClm { display: none; }
div#contact div#contactForm h3{ font-size:15px; padding:10px; margin-left:0!important; width:201px;}

div#contact div#contactForm span,div#contact div#contactForm span.hissu{background:#d32121; padding:1px 3px; border-radius:3px; color:#fff; font-weight:bold; font-size:13px; margin:0 0 0 5px;}

div#contact div#contactForm div.formInner{ font-size:15px; padding:10px !important;}
div#contact div#contactForm div.formInner input,div#contact div#contactForm div.formInner select,div#contact div#contactForm div.formInner p#button textarea{ font-size:15px; padding:5px; border: 1px solid #ccc;border-radius: 4px;}
div#contactForm div#button{ background:#fff; clear:both;border-top: 1px solid #ccc;}

div#contact label{ width:270px; background:#f2f7f9; border-radius:3px; padding:5px 10px; margin:5px 0; display:inline-block; font-size:15px; cursor:pointer;}
div#contact div#contactForm div.formInner span{font-size:14px;}
div#contact div#contactForm div.formInner span.add{background:#d2e1e7; padding:3px 8px; border-radius:15px; font-weight:bold; font-size:13px; margin:20px 0 10px 0; display:inline-block;color:#584f4b!important;}
div#contact label:hover{ background:#d2e1e7;}
div#contact label input{padding:2px 0 0 2px;}

div#contact span.hideInfo{ display:none;}
div#contact span.postText{ display:inline-block;margin:10px 0 0 0; background:#eee!important; padding:3px 5px; border-radius:2px; font-size:12px; color:#333!important;}

div#wrap div#lowerCont ul#junban{ margin:5px 0 10px 10px;height:40px;}
div#wrap div#lowerCont ul#junban li{    background: #e9e9e9 none repeat scroll 0 0;border-radius: 5px 0 0 5px;color: #47788b;float: left;font-size: 16px;font-weight: bold;height: 30px;margin-right: 20px;padding: 12px 0 0;position: relative;text-align: center;width: 203px;}
div#wrap div#lowerCont ul#junban li:after {border-bottom: 21px solid transparent;border-left: 1em solid #e9e9e9;border-top: 21px solid transparent;content: "";margin-top: -21px;position: absolute;right: -15px;top: 50%;}
div#wrap div#lowerCont ul#junban li.now { background:#47788b; color:#fff;}
div#wrap div#lowerCont ul#junban li.now:after {border-bottom: 21px solid transparent;border-left: 1em solid #47788b;border-top: 21px solid transparent;content: "";margin-top: -21px;position: absolute;top: 50%;}
div#wrap div#lowerCont p#button input{width:120px; height:60px; font-size:16px; margin:0 5px;}

.textLenChk{ }
.inputed{ background-color: rgba(223, 240, 216, 1);}
.noInput{ background-color: rgba(255, 221, 221, 0.7);}

div#wrap.clearfix div#lowerCont div#contact form#contactForm .delete{ display:none !important;}

div#wrap div#lowerCont table#contactConf{ font-size:15px;}	
div#wrap div#lowerCont table#contactConf th,table#contactConf td{ padding:10px;}


/*見学の流れページ*/

div#visitFlow1,div#visitFlow2,div#visitFlow3{position:relative; position:relative;}
div#visitFlow1 h3,div#visitFlow2 h3,div#visitFlow3 h3{ margin:0 !important;}
div#visitFlow1 p,div#visitFlow2 p,div#visitFlow3 p{font-size:14px !important;}
div#visitFlow1 p{position:absolute; top:75px; left:13px;}
div#visitFlow1 p.mailContact{ top:397px; margin-top:0!important;}
div#visitFlow1 p a:hover img.contact{opacity:0.8;}
div#visitFlow2 p,div#visitFlow3 p{position:absolute; top:65px; left:13px;}

/*
div#visitFlow1,div#visitFlow2,div#visitFlow3{position:relative; position:relative;}
div#visitFlow1 h3,div#visitFlow2 h3,div#visitFlow3 h3{ margin:0 !important;}
div#visitFlow1 p,div#visitFlow2 p,div#visitFlow3 p{font-size:14px !important;}
div#visitFlow1 p{position:absolute; top:75px; left:13px;}
div#visitFlow1 p a:hover img.contact{opacity:0.8;}
div#visitFlow2 p,div#visitFlow3 p{position:absolute; top:65px; left:13px;}
*/



div#wrap div#indexCont div#title5 div#yh,div#wrap div#indexCont div#title5 div#gh,div#wrap div#indexCont div#title5 div#sk,div#wrap div#indexCont div#title5 div#da{ margin-top:10px;}


/* 施設の住所・電話番号一覧ページ */
div#wrap div#lowerCont div.telList { margin-bottom:11px; }
div#wrap div#lowerCont div.telList:after{ display:block; content:""; clear:both;}
div#wrap div#lowerCont div.telList h3 { margin-left:0; margin-bottom:12px;}
div#wrap div#lowerCont div.telList>dl { width:204px; margin-right:9px; margin-bottom:9px; padding:10px; float:left; background:#edf3f7;}
div#wrap div#lowerCont div.telList>dl:nth-of-type(3n){ margin-right:0; }
div#wrap div#lowerCont div.telList>dl>dt { font-size:15px;}
div#wrap div#lowerCont div.telList>dl>dt.long { font-size:14px;}
div#wrap div#lowerCont div.telList dl dt{ font-weight:bold;}

/*トップページRS対応ホームバナー*/

	/*枠の設定*/
div#wrap div#indexCont div#title5 div.homeBanner{ width:100%; height:169px;position:relative;}
div#wrap div#indexCont div#title5 div#yh div.homeBanner{ border-top:solid 4px #db7fa0;}
div#wrap div#indexCont div#title5 div#gh div.homeBanner{ border-top:solid 4px #4cae3f;}
div#wrap div#indexCont div#title5 div#sk div.homeBanner{ border-top:solid 4px #f58326;}
div#wrap div#indexCont div#title5 div#da div.homeBanner{ border-top:solid 4px #558dfa;}
div#wrap div#indexCont div#title5 div.homeBanner a{ width:100%; height:100%; display:block; margin:0; text-decoration:none;}
div#wrap div#indexCont div#title5 div.homeBanner a:before{ content:""; position:relative;}
div#wrap div#indexCont div#title5 div.homeBanner a:hover{ background-color:#eee;}

	/*施設の種類表示設定*/
div#wrap div#indexCont div#title5 div.homeBanner:after{ position:absolute; right:17px; top:14px; font-size:12px; padding:3px; line-height:1.0em; background:#fff;}
div#wrap div#indexCont div#title5 div#yh div.homeBanner:after{ color:#bf4771; border:solid 1px #db7fa0; content:"住宅型有料老人ホーム"}
div#wrap div#indexCont div#title5 div#gh div.homeBanner:after{ color:#4cae3f; border:solid 1px #4cae3f; content:"グループホーム"}
div#wrap div#indexCont div#title5 div#sk div.homeBanner:after{ color:#f68328; border:solid 1px #f68328; content:"サービス付き高齢者向け住宅"}
div#wrap div#indexCont div#title5 div#da div.homeBanner:after{ color:#568df4; border:solid 1px #568df4; content:"デイサービス"}

	/*「詳しくみる」hover時の色設定*/
div#wrap div#indexCont div#title5 div#yh div.homeBanner a:hover div.text p.detail{ background-color:#db7fa0;}
div#wrap div#indexCont div#title5 div#gh div.homeBanner a:hover div.text p.detail{ background-color:#4cae3f;}
div#wrap div#indexCont div#title5 div#sk div.homeBanner a:hover div.text p.detail{ background-color:#f58326;}
div#wrap div#indexCont div#title5 div#da div.homeBanner a:hover div.text p.detail{ background-color:#558dfa;}

	/*オープン年月の背景色設定*/
div#wrap div#indexCont div#title5 div#yh div.homeBanner div.text dl dt{background-color:#db7fa0;}
div#wrap div#indexCont div#title5 div#gh div.homeBanner div.text dl dt{background-color:#4cae3f;}
div#wrap div#indexCont div#title5 div#sk div.homeBanner div.text dl dt{background-color:#f58326;}
div#wrap div#indexCont div#title5 div#da div.homeBanner div.text dl dt{background-color:#558dfa;}

	/*「予定」の部分の設定*/
div#wrap div#indexCont div#title5 div.homeBanner div.text dl dt.yotei{position:relative;}
div#wrap div#indexCont div#title5 div.homeBanner div.text dl dt.yotei:after {border-radius: 2px 2px 0 0;bottom: 33px;color: #fff;content: "予定";font-size: 14px;line-height: 1em;padding: 5px 5px 0;position: absolute;right: 0;}
div#wrap div#indexCont div#title5 div#yh div.homeBanner div.text dl dt.yotei:after{background-color:#db7fa0;}
div#wrap div#indexCont div#title5 div#gh div.homeBanner div.text dl dt.yotei:after{background-color:#4cae3f;}
div#wrap div#indexCont div#title5 div#sk div.homeBanner div.text dl dt.yotei:after{background-color:#f58326;}
div#wrap div#indexCont div#title5 div#da div.homeBanner div.text dl dt.yotei:after{background-color:#558dfa;}

	/*画像表示部分の設定*/
div#wrap div#indexCont div#title5 div.homeBanner div.image{padding:13px 19px 13px 13px; width:143px; float:left;}
div#wrap div#indexCont div#title5 div.homeBanner div.image img{border:solid 1px #d5d5d5; padding:3px;background:#fff;}

	/*テキスト表示部分の設定*/
div#wrap div#indexCont div#title5 div.homeBanner div.text{ position:relative; height:100%;}
div#wrap div#indexCont div#title5 div.homeBanner div.text h4{ font-size:20px; text-decoration:underline; color:#2a62ae; padding-top:17px; font-weight:bold;}
div#wrap div#indexCont div#title5 div.homeBanner div.text p{ color:#574e4a;}
div#wrap div#indexCont div#title5 div.homeBanner div.text p.address{font-size:14px; padding-top:12px;}
div#wrap div#indexCont div#title5 div.homeBanner div.text p.access{font-size:12px; padding-top:6px; line-height:1.41em;}
div#wrap div#indexCont div#title5 div.homeBanner div.text p.detail{font-size:12px; padding-top:8px; height:26px; position:absolute; background-color:#2b62ae; color:#fff; font-weight:bold; width:105px; bottom:14px; right:17px; text-align:center;}
div#wrap div#indexCont div#title5 div.homeBanner div.text p.option{ position:absolute; right:17px; top:40px; font-size:12px; background:#eee; border-radius:10px; padding:5px 8px; line-height:1.0em;}

div#wrap div#indexCont div#title5 div.homeBanner div.text dl{font-size:20px; text-decoration:none; font-weight:bold; height:34px; position:absolute; left:175px; bottom:14px;}
div#wrap div#indexCont div#title5 div.homeBanner div.text dl dt{ color:#fff; float:left; height:26px; min-width:200px; padding:8px 10px 0 10px; text-align:center;}
div#wrap div#indexCont div#title5 div.homeBanner div.text dl dd{color:#1d1d1d; height:26px; width:135px; text-align:center; float:left; background-color:#dfdfdf; padding:8px 0 0 0;}



/*Accordion*/
.acc div.openMenu {padding: 0;}
.acc div.menuToggle {width: 226px;height: 40px;margin: 8px 0 25px 6px;position:relative;display: block;cursor: pointer;border:#ccc solid 1px;background: rgb(255,255,253);background: -moz-linear-gradient(top, rgb(255,255,253) 0%, rgb(230,228,231) 100%);background: -webkit-linear-gradient(top, rgb(255,255,253) 0%,rgb(230,228,231) 100%);background: linear-gradient(to bottom, rgb(255,255,253) 0%,rgb(230,228,231) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffd', endColorstr='#e6e4e7',GradientType=0 );
}
.acc div.menuToggle:before {margin:10px auto;position:absolute;top: 0;bottom: 0;left: 0;right: 0;text-align:center;content:"全ての施設を表示▼";color:#0D7382;font-size:14px;font-weight:bold;}
.acc div.menuToggle:hover {background: rgb(230,228,231);background: -moz-linear-gradient(top, rgb(230,228,231) 0%, rgb(255,255,253) 100%);background: -webkit-linear-gradient(top, rgb(230,228,231) 0%,rgb(255,255,253) 100%);background: linear-gradient(to bottom, rgb(230,228,231) 0%,rgb(255,255,253) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e4e7', endColorstr='#fffffd',GradientType=0 );}
.acc div.menuToggle.active:before {content:"閉じる▲";}
.acc .closeMenu {display: none;padding: 0;}


/*contactSearchLink*/
div#wrap .contactSearchLink{ width:254px;}
div#wrap .contactSearchLink a span{ width:250px;display:inline-block; line-height:1em; font-weight:bold; text-align:center; text-decoration:none;}
div#wrap .contactSearchLink a span.top{ margin:10px 10px 0 10px;padding:5px 20px 5px 30px; border-radius:4px 4px 0 0; color:#57605F; font-size:12px;}
div#wrap .contactSearchLink a span.bottom{ margin:0 10px 5px 10px; border-radius:0 0 4px 4px; position:relative;}

	div#wrap .contactSearchLink a.individual span{ border:2px #01A066 solid; }
		div#wrap .contactSearchLink a.individual span.top{}
			div#wrap .contactSearchLink a.individual span.top b{ color:#01A066;}
		div#wrap .contactSearchLink a.individual span.bottom{padding:14px 20px 14px 30px; background:#01A066; color:#fff; font-size:16px;}
		div#wrap .contactSearchLink a.individual span.bottom:before{ width:24px; height:24px; position:absolute; left:6px; top:9px; content:""; background:url(../images/common/telephoneIcon.png) no-repeat 0 0 / 100% 100%;}
		div#wrap .contactSearchLink a.individual span.bottom:after{ position:absolute; right:5px; top:14px; content:"▶"; font-size:8px; color:#8AEBC8;}
	
	div#wrap .contactSearchLink a.general:hover{ cursor:default;}
	div#wrap .contactSearchLink a.general span{ border:2px #E5EAEE solid;}
		div#wrap .contactSearchLink a.general span.top{}
		div#wrap .contactSearchLink a.general span.bottom{padding:6px 20px 6px 30px; background:#E5EAEE; color:#57605F; font-size:12px; font-weight:normal; line-height:1.7em;}
		div#wrap .contactSearchLink a.general span.bottom b{ font-size:20px;}
			div#wrap .contactSearchLink a.general span.bottom b img{ padding-right:6px;}

	/* flow.html用設定 */
	div#wrap .contactSearchLink.flow{ position:absolute; top:130px; left:30px;}
	div#wrap .contactSearchLink.flow a.general span{ border:2px #fff solid;}
	div#wrap .contactSearchLink.flow a.general span.bottom{ background:#fff;}
	div#wrap .contactSearchLink.flow:after{ position:absolute; bottom:-20px; left:150px; content:"又は"; font-weight:bold;}
	
	/* visit/index.htmlの流れ用設定 */
	div#wrap .contactSearchLink.visit{ position:absolute; top:190px; left:15px;}
	div#wrap .contactSearchLink.visit a span{}
	div#wrap .contactSearchLink.visit a span.top{ width:228px; padding:5px 0;}
	div#wrap .contactSearchLink.visit a.individual span.bottom{ width:178px; padding:5px 14px 5px 36px; line-height:1.3em;}
	div#wrap .contactSearchLink.visit a.general span.bottom{ width:208px; padding:5px 10px;}
	div#wrap .contactSearchLink.visit a.individual span.bottom:before{ top:12px; left:10px;}
	
	div#wrap .contactSearchLink.visit a.general span{ border:2px #fff solid;}
	div#wrap .contactSearchLink.visit a.general span.bottom{ background:#fff;}
	div#wrap .contactSearchLink.visit:after{ position:absolute; bottom:-20px; left:110px; content:"又は"; font-weight:bold;}
		
		/* 各施設の番号が一行の時用 */
		div#wrap .contactSearchLink.visit a.individual span.bottom.lowerSerchLink{ font-size:20px;}
		div#wrap .contactSearchLink.visit a.individual span.bottom.lowerSerchLink:before{top:5px;}
		div#wrap .contactSearchLink.visit a.individual span.bottom.lowerSerchLink:after{top:5px;}
	
	/* visit/index.html用設定(横置き) */
	div#wrap .contactSearchLink.floatTel{ width:100%; overflow:hidden;}
	div#wrap .contactSearchLink.floatTel a span{ width:271px;}
	div#wrap .contactSearchLink.floatTel a{ float:left;}
	div#wrap .contactSearchLink.floatTel a.individual span.bottom{padding:20px 20px 20px 30px;}
		div#wrap .contactSearchLink.floatTel a.individual span.bottom:before{ top:15px; left:10px;}
		div#wrap .contactSearchLink.floatTel a.individual span.bottom:after{ top:20px;}
	div#wrap .contactSearchLink.floatTel a.general span{margin-right:0;}
	

/*オンライン内覧バナー設定*/
div#wrap div.online360 { margin:20px 0; clear:both;}
div#wrap div.online360 .pcCont{ margin-left:10px;}
	div#wrap div.online360 .spCont img { width:100%; height:auto;padding:0 10px; box-sizing:border-box;}
	
	
/* 難病・がん受け入れ用 */
div#wrap div#lowerCont h5.question{ padding-left:1.5em; position:relative;}
	div#wrap div#lowerCont h5.question:before { display:block; content:"Q."; position:absolute; left:0;}
div#wrap div#lowerCont h5.question + p{ padding-left:1.5em; position:relative;}
	div#wrap div#lowerCont h5.question + p:before { display:block; content:"A."; font-weight:bold; position:absolute; left:0;}
div#wrap div#lowerCont ol{ margin: 10px 5px 20px 5px;  display:flex; flex-wrap: wrap; font-size:15px;}
	div#wrap div#lowerCont ol li{ width:calc((100% - 30px) / 3); margin:5px; padding:15px;  box-sizing:border-box; background:#fafafa;}


div#wrap div#lowerCont div#disease{}
	div#wrap div#lowerCont div#disease h3.large{ margin:20px 0 20px 10px; font-size:22px;}
	
	
/* モーダル用 */
#modalContent{
	width: 300px;
	margin:0 auto;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:99999;
	display:none;
	position:fixed;
}

#modalContent .text{
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
}
#modalContent .close{
	font-size:14px;
	margin: 10px 0 0;
}

.button-link{
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}

#modal-overlay{
	z-index:9999;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

#modal-open {
	cursor: pointer;}