@charset "UTF-8";

/* -----------------------------------------------
FileName: lp.css
----------------------------------------------- */

/* .lp */

.lp #content {
	color:#232323;
	width:1000px;
	height:4300px;
	/*height:6200px;*/
	background:url(../images/bg.jpg) 0 0 no-repeat;
	background-size:100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:14px;
}

.lp #titleImg {
	text-align:center;
	margin:0 0 30px 0;
}

.lp #titleImg li {
	padding:20px 0 0 0;
}

.lp #keyImg {
	width:920px;
	margin:0 auto;
}

.lp #salonInfo {
	width:810px;
	margin:0 auto;
}

.lp #salonInfo li {
	float:left;
	padding:0 5px;
	margin:0 0 40px 0;
}

.lp #salonInfo .fotorama {
	width:370px;
	margin:0 auto 20px auto;
}

.lp #salonInfo p {
	text-align:center;
}

.lp #salonImage {
	width:810px;
	margin:0 auto;
}

.lp #salonImage li {
	float:left;
	padding:0 5px;
	margin:0 0 40px 0;
}

.lp h5.line {
	padding:30px 0 20px 0;
	text-align:center;
}

.lp h4 {
	margin:0 0 40px 0;
	text-align:center;
}

.lp #pickup {
	width:610px;
	margin:0 auto;
}

.lp #staffList {
	width:610px;
}

.lp #pickup #staffList dd.name {
	padding:25px 0;
}

.lp #staffList dl {
	text-align:center;
	width:290px;
	margin:0 0 40px 0;
}

.lp #staffList dd {
	font-size:20px;
}

.lp #kidsRoom {
	clear:both;
	width:610px;
	margin:0 auto;
}

.lp #kidsRoom ul {
	width:456px;
	margin:0 auto 30px auto;
}

.lp #kidsRoom li {
	float:left;
	padding:0 10px;
}


.lp #kidsRoom dl {
	clear:both;
	text-align:center;
	margin:0 auto 30px auto;
}

.lp #kidsRoom dt {
	text-align:center;
	margin:0 0 30px 0;
}

.lp #kidsRoom #item p {
	width:610px;
	height:40px;
	padding:20px 0;
	text-align:center;
	margin:0 0 10px 0;
	background:url(../images/bg_border.png) 0 0 no-repeat;
}

.lp #kidsRoom #item h6 {
	text-align:center;
}

.lp #information {
	clear:both;
	width:610px;
	margin:0 auto 30px auto;
}

.lp #information #map_canvas {
	width:610px;
	height:400px;
	margin:0 0 10px 0;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

.lp #information p {
	margin:0 0 20px 0;
}

.lp #information dl {
	margin:30px 0 0 0;
}

.lp #information dt {
	float:left;
	clear:both;
}

.lp #information dd {
	padding:0 0 0 230px;
	margin:0 0 20px 0;
}

.lp #reserve {
	clear:both;
	text-align:center;
}

.lp #reserve dt {
	margin:0 0 15px 0;
}

.lp #reserve dd {
	margin:0 0 20px 0;
}

.lp #reserve dl {
	margin:0 0 40px 0;
}

.lp a:link, a:visited, a:active {
	color: #232323;
	text-decoration: none;
}

.lp a:hover {
	color: #232323;
	text-decoration: underline;
}