@charset "utf-8";
/* ===================================================================
CSS information

 file name  :family.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* #cnt_family
----------------------------------------------------------- */
.family #cnt_family {
	width: 660px;
	overflow: hidden;
	padding: 0 0 10px 0;
}
.family #cnt_family h3 {
	margin: 0 0 10px 0;
	width: 660px;
	height: 32px;
	background: url(../family/images/tit_family.gif) left top no-repeat;
	text-align: right;
}
.family #cnt_family h3 img {
	margin-right: 5px;
}

.family #cnt_family div.bg_top {
	width: 660px;
	height: 380px;
	background: url(../family/images/bg_topimg.jpg) center top no-repeat;
}

.family #cnt_family div.bg_top p {
	width: 262px;
	padding: 130px 0 0 20px; 
}
.family #cnt_family div.bg_top p strong {
	color: #be1715;
}

.family #cnt_family h4 {
	margin: 0 0 10px 20px;
}
.family #cnt_family div.price {
	margin: 0 0 10px 20px;
}
.family #cnt_family p.attention {
	line-height: 1.3;
	padding: 0 0 0 20px;
}
.family #cnt_family p.baby_attention {
	line-height: 1.3;
	padding: 10px 0 0 20px;
}
.family #cnt_family p.btn_reserve {
	margin: 40px auto 0 auto;
}

.family #cnt_family h5 {
	margin: 40px 0 10px 20px;
}

.family #cnt_family h5.baby {
	margin: 60px 0 10px 20px;
}

.family #cnt_family div.point1_3 {
	width: 660px;
	line-height: 1.2;
}
.family #cnt_family div.point4_6 {
	width: 660px;
	clear: both;
	margin: 20px 0 0 0;
	line-height: 1.2;
}
.family #cnt_family div.point7_9 {
	width: 660px;
	clear: both;
	margin: 20px 0 0 0;
	line-height: 1.2;
}

.family #cnt_family div.point1_3 img {
	display: block;
	margin: 0 0 3px 0;
}
.family #cnt_family div.point4_6 img {
	display: block;
	margin: 0 0 3px 0;
}
.family #cnt_family div.point7_9 img {
	display: block;
	margin: 0 0 3px 0;
}


.family #cnt_family div.point1,
.family #cnt_family div.point4,
.family #cnt_family div.point7 {
	width: 190px;
	height: auto;
	margin-left: 20px;
	float: left;
}

.family #cnt_family div.point2,
.family #cnt_family div.point5,
.family #cnt_family div.point8 {
	width: 190px;
	height: auto;
	margin: 0 35px;
	float: left;
}

.family #cnt_family div.point3,
.family #cnt_family div.point6,
.family #cnt_family div.point9 {
	width: 190px;
	height: auto;
	float: right;
}

.family #cnt_family div.bg_senior {
	width: 621px;
	height: 217px;
	margin: 30px 0 0 20px;
	clear: both;
	background: url(../family/images/bg_senior.jpg) left top no-repeat;
	overflow:hidden;
}

.family #cnt_family div.bg_senior p {
	padding: 70px 0 0 30px;
	line-height: 1.2;
	width: 320px;
}

.family #cnt_family div.bg_senior p span {
	color:#a40000;
	font-weight:bold;
}

.family #cnt_family div.bg_senior p.att {
	font-size:90%;
	padding-top:10px;
}

.family #cnt_family div.bg_senior p.left {
    float: left;
	width:148px;
    padding: 25px 10px 0 30px;
}
.family #cnt_family div.bg_senior p.right {
	width:159px;
	float: left;
	padding:25px 0 0 0;
}

.family #cnt_family div.bg_senior ul {
	width:347px;
	padding: 25px 0 0 30px;
	overflow:hidden;
}

.family #cnt_family div.bg_senior ul li {
	float:left;
}

.family #cnt_family div.bg_senior ul li.reserve {
	width:148px;
	padding:0 10px 0 0 ;
}

.family #cnt_family div.bg_senior ul li.tel{
	width:159px;
}



/* #cnt_women
----------------------------------------------------------- */
.family #cnt_women {
	width: 660px;
	overflow: hidden;
	padding: 60px 0 10px 0;
}
.family #cnt_women h3 {
	margin: 0 0 10px 0;
	width: 660px;
	height: 32px;
	background: url(../family/images/tit_women.gif) left top no-repeat;
	text-align: right;
}
.family #cnt_women h3 img {
	margin-right: 5px;
}
.family #cnt_women div.yuttari {
	width: 640px;
	height: 207px;
	margin: 0 0 0 20px;
	background: url(../family/images/bg_yuttari.jpg) left top no-repeat;
}
.family #cnt_women div.yuttari p {
	padding: 90px 0 0 350px;
}

.family #cnt_women h4 {
	margin: 30px 0 10px 20px;
}
.family #cnt_women div.bg_out {
	width: 640px;
	height: 167px;
	margin: 0 0 30px 20px;
	background: url(../family/images/bg_out.jpg) left top no-repeat;
}
.family #cnt_women div.bg_out p {
	width: 400px;
	padding: 50px 0 0 245px;
}

.family #cnt_women div.point1 img,
.family #cnt_women div.point2 img,
.family #cnt_women div.point3 img{
	display: block;
	margin: 0 0 3px 0;
}

.family #cnt_women div.point1 {
	width: 190px;
	height: auto;
	line-height: 1.2;
	margin-left: 20px;
	float: left;
}
.family #cnt_women div.point2 {
	width: 190px;
	height: auto;
	margin: 0 35px;
	line-height: 1.2;
	float: left;
}
.family #cnt_women div.point3 {
	width: 190px;
	height: auto;
	line-height: 1.2;
	float: right;
}

.family #cnt_women p.btn_reserve {
	clear: both;
	margin: 0 auto;
	padding: 15px 0 0 0;
}


/* #cnt_stay
----------------------------------------------------------- */
.family #cnt_stay {
	width: 680px;
	overflow: hidden;
	padding: 0 0 30px 0;
	margin: 50px 0 0 0;
}

.family #cnt_stay h3 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 660px;
	text-indent: -9999px;
	background: url(../family/images/tit_yuttari.gif) left top no-repeat;
	border-bottom: 1px dotted #a0a0a0;
}

.family #cnt_stay h4 {
	margin: 0 0 10px 0;
	background:url(../family/images/st_23hour.gif) top left no-repeat;
	widows: 230px;
	height: 22px;
	text-indent: -9999px;
}

.family #cnt_stay .box_l {
	padding: 10px 0 0 0;
	width: 325px;
	float: left;
}

.family #cnt_stay .box_l p {
	margin: 0 0 10px 0;
}

.family #cnt_stay .box_r {
	width: 353px;
	float: right;
}

.family #cnt_stay .box_r p {
	padding: 10px 0 0 5px;
}



/* #cnt_support
----------------------------------------------------------- */
.family #cnt_support {
	width: 680px;
	overflow: hidden;
	padding: 0 0 30px 0;
}

.family #cnt_support h3 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 660px;
	text-indent: -9999px;
	background: url(../family/images/tit_support.gif) left top no-repeat;
	border-bottom: 1px dotted #a0a0a0;
}

.family #cnt_support .box_l {
	padding: 0 0 45px 0;
	float: left;
}

.family #cnt_support .box_l img {
	float: left;
}

.family #cnt_support .box_l img#img_manicure {
	margin: 48px 0 0 2px;
}

.family #cnt_support .box_r {
	padding: 70px 0 45px 0;
	float: right;
	width: 215px;
}
.family #cnt_support .box_r h4 {
	margin: 0 0 10px 0;
	text-indent: -9999px;
	width: 200px;
	height: 20px;
	background: url(../family/images/st_out.gif) no-repeat;
}

.family #cnt_support .box_r p {
	width: 200px;
}

/*下段3つのサービス*/
.family #cnt_support #cnt_service {
	clear: both;
	width: 680px;
}

.family #cnt_support #cnt_service .cnt_service_in {
	margin: 0 17px 0 0;
	float: left;
	width: 215px;
}

.family #cnt_support #cnt_service .no-margin {
	margin: 0;
}

.family #cnt_support #cnt_service .cnt_service_in h5 {
	margin: 2px 0 0 0;
	width: 215px;
	height: 20px;
	line-height: 20px;
	text-indent: -9999px;
}

.family #cnt_support #cnt_service .cnt_service_in h5#st_drier {
	background: url(../family/images/st_drier.gif) 0 0 no-repeat;
}

.family #cnt_support #cnt_service .cnt_service_in h5#st_pirrow {
	background: url(../family/images/st_pirrow.gif) 0 0 no-repeat;
}

.family #cnt_support #cnt_service .cnt_service_in h5#st_security {
	background: url(../family/images/st_security.gif) 0 0 no-repeat;
}

.family #cnt_support #cnt_service .cnt_service_in p {
	margin: 0 5px;
}



/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}




/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html .family #cnt_family div.point2,
* html .family #cnt_family div.point5 {
	margin: 0 25px;
}

* html .family #cnt_women div.point2 {
	margin: 0 25px;
}


