@charset "utf-8";


/* ---------- basic ---------------------------------------- */

/**/
header,
article,
section,
nav,
aside,
figure,
footer { display: block; }

h1, h2, h3, h4, h5, h6 {}
p {
	font-size: 82%;
	line-height: 180%;
	margin-bottom: 1em;
}

ul,
ol {}
ul li,
ol li {
	font-size: 82%;
	line-height: 180%;
	list-style-type: none;
}
ul li ul,
ul li ol,
ol li ul,
ol li ol {}
ul li ul li,
ul li ol li,
ol li ul li,
ol li ol li {	font-size: 100%;}
ul li table th,
ul li table td,
ol li table th,
ol li table td {	font-size: 100% !important;}
ul li p,
ol li p {	font-size: 100% !important;}
dl {}
dl dt,
dl dd {
	font-size: 82%;
	line-height: 180%;
}
dl dt {} 
dl dd {}
table {}
table th, table td {
}
table th {}
table td {}

table td ul li,
table td ol li {font-size: 100%;}

table td table th,
table td table td {font-size: 100% !important;}


/* ---------- common contents ---------------------------------------- */
#header h1 {}
#contents h2 {}
#contents h3 {}
#contents h4 {}
#contents h5 {}
#contents h6 {}
#contents p {}
#contents ul,
#contents ol {	margin-bottom: 1em;}
#contents ul {}
#contents ol {	padding-left: 1.8em;}
#contents ul li,
#contents ol li {margin-bottom: 0.5em;}
#contents ul li {
	/*
	padding-left: 15px;
	background-image: url(../pc/images/ic_li.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	*/
}

#contents ol li {
	list-style-position: outside;
	list-style-type: decimal;
}
#contents ol li ul li {list-style-type: none;}
#contents dl {}
#contents dl dt,
#contents dl dd {}
#contents dl dt {	float: left;}
#contents dl dd {	margin-bottom: 5px;}
#contents table { border-collapse: collapse; }
#contents table th, #contents table td {
	font-size: 82%;
	line-height: 180%;
}
#contents table th {}
#contents table td {}

#contents .lineTable {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #CCCCCC;
}
#contents .lineTable th,
#contents .lineTable td {
	padding: 8px;
	vertical-align: top;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#contents .lineTable th:last-child,
#contents .lineTable td:last-child {	border-right: none;}
#contents .lineTable th {	text-align: left;}
#contents .lineTable td {}


/* ---------- common ----------------------------------------- */

#contents .column {	margin-bottom: 50px;}
#contents .photo {	margin-bottom: 5px;}
#contents p.catch {	margin-bottom: 25px; text-align: center; }
#contents .button {	margin-bottom: 20px;}

#contents .contact {
	background-image: url(../img/hug_lp/bgPaper.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding-top: 50px;
	padding-bottom: 50px;
}
#contents .contact p {	text-align: center;}
#contents .contact h2 {}
#contents .contact h3 {}
#contents .contact .listRank {
	background-color: #FFF;
	height: 324px;
	position: relative;
}
#contents .contact .listRank ul {
	position: absolute;
	left: 36px;
	top: 40px;
}
#contents .contact .listRank ul li {
	float: left;
	margin-right: 85px;
	margin-bottom: 72px;
	padding-left: 0px;
}
#contents .contact .listRank figure {
	position: absolute;
	left: 293px;
	top: -13px;
}
#contents .contact .listRank figure + figure {
	left: 828px;
	top: -9px;
}
#contents .contact .listRank figure + figure + figure {
	left: 302px;
	top: 113px;
}
#contents .contact .listRank figure + figure + figure + figure {
	left: 707px;
	top: 98px;
}

#contents .btnRequest {
	position: relative;
	text-align: center;
	margin-top: -100px;
}
#contents .bnrRequest {
	text-align: center;
	margin-bottom: 50px;
}
#contents .bnrPhone {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 40px;
}
#contents .bnrPrice {	text-align: center; margin-bottom: 50px;}


/* ---------- slide ----------------------------------------- */
#contents #intro h2 {
	padding-top: 8px;
}
/*
#contents #intro {
}
#contents #slideFrame1,
#contents #slideFrame2 {
	width: 100%;
	height: 300px;
	overflow: hidden;
	margin-bottom: 30px;
}
#contents #slideFrame1 {}
#contents #slideFrame2 {}

#contents #slideFrame1 ul#slide,
#contents #slideFrame2 ul#slide {}

#contents #slideFrame1 ul#slide li,
#contents #slideFrame2 ul#slide li {
	float: left;
	margin: 0px;
	padding: 0px;
}
*/
#contents .slideFrame {
	background-image: url(../img/hug_lp/bgSlide.jpg);
	background-repeat: repeat-x;
	height: 300px;
	margin-bottom: 60px;
	border-top: 1px dashed #BBA589;
	border-bottom: 1px dashed #BBA589;
}


/* ---------- dream ----------------------------------------- */

#contents #dream {
	padding-top: 30px;
	padding-bottom: 15px;
	text-align: center;
	border-bottom: 1px dashed #BBA589;
}
#contents #dream p {
	margin-bottom: 30px;
}
#contents #dream .stripe {
	background-image: url(../img/hug_lp/bgStripe.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents #dream .stripe figure {
	margin-right: -82px;
	margin-left: -82px;
}

/* ---------- contact ----------------------------------------- */

#contents #contact1 {border-bottom: 1px dashed #BBA589;}
#contents #contact2 {border-top: 1px dashed #BBA589;}


/* ---------- childcare ----------------------------------------- */

#contents #childcare {
	background-image: url(../img/hug_lp/bgChildCare.gif);
	background-repeat: repeat;
	background-position: left top;
	margin-right: -50px;
	margin-left: -50px;
	padding: 50px;
	margin-bottom: 50px;
}
#contents #childcare .inner {
	background-color: #FFF;
	padding-top: 35px;
}
#contents #childcare h2 {
	text-align: center;
	margin-bottom: 25px;
}
#contents #childcare figure {
	text-align: center;
	margin-bottom: 25px;
}
#contents #childcare #designType {
	background-image: url(../img/hug_lp/bgStripe.gif);
	height: 335px;
	position: relative;
}
#contents #childcare #designType p {
	padding-top: 25px;
	text-align: center;
}
#contents #childcare #designType ul {}
#contents #childcare #designType ul li {
	position: absolute;
	left: -24px;
	top: 71px;
}
#contents #childcare #designType ul li + li {
	left: 200px;
	top: 56px;
}
#contents #childcare #designType ul li + li + li {
	left: 420px;
	top: 85px;
}
#contents #childcare #designType ul li + li + li + li {
	left: 638px;
	top: 57px;
}


/* ---------- balance ----------------------------------------- */

#contents #balance {
	padding: 50px;
	margin-right: -50px;
	margin-left: -50px;
	background-image: url(../img/hug_lp/bgBalance.gif);
	background-repeat: repeat;
	background-position: left top;
	margin-bottom: 70px;
}
#contents #balance .inner {
	background-color: #FFF;
	padding-top: 40px;
}
#contents #balance h2 {
	text-align: center;
	margin-bottom: 112px;
}
#contents #balance #hearing {
	background-color: #FBF7EC;
	position: relative;
	padding-top: 88px;
	padding-bottom: 10px;
}
#contents #balance #hearing p {
	position: absolute;
	top: -66px;
	text-align: center;
	width: 100%;
}
#contents #balance #hearing ul {
	margin-right: 50px;
	margin-left: 50px;
}
#contents #balance #hearing ul li {
	margin-bottom: 30px;
	padding-left: 0px;
}
#contents #balance #hearing ul li {text-align: left;}
#contents #balance #hearing ul li + li {text-align: right;}
#contents #balance #hearing ul li + li + li {text-align: left;}
#contents #balance #hearing ul li + li + li + li {text-align: right;}



/* ---------- detail ----------------------------------------- */

#contents #detail {
	margin-right: -50px;
	margin-bottom: 70px;
	margin-left: -50px;
	padding: 50px;
	background-image: url(../img/hug_lp/bgDetail.gif);
	background-repeat: repeat;
	background-position: left top;
}
#contents #detail .inner {
	background-color: #FFF;
	padding: 64px 34px 34px;
}
#contents #detail .block {
	background-color: #FBF7EC;
	border-right: 1px solid #ECE1CA;
	border-left: 1px solid #ECE1CA;
	position: relative;
	padding-top: 60px;
	padding-bottom: 50px;
}
#contents #detail .block h2 {
	position: absolute;
	left: -17px;
	top: -30px;
}
#contents #detail .block ul {	margin-bottom: 0px;}
#contents #detail .block ul li {	float: left;	padding-left: 0px;}

#contents #detail #detailFirst {border-top: 1px solid #ECE1CA;}
#contents #detail #detailSecond {}
#contents #detail #detailThird {}
#contents #detail #detailFourth {border-bottom: 1px solid #ECE1CA;}

#contents #detail #detailFirst ul {
	margin-right: -30px;
	margin-left: 44px;
}
#contents #detail #detailFirst ul li {
	margin-right: 30px;
	margin-bottom: 25px;
}

#contents #detail #detailSecond ul {
	margin-right: -13px;
	margin-left: 16px;
}
#contents #detail #detailSecond ul li {
	margin-right: 13px;
	margin-bottom: 11px;
}

#contents #detail #detailThird ul {
	margin-right: -14px;
	margin-left: 17px;
}
#contents #detail #detailThird ul li {
	margin-right: 14px;
	margin-bottom: 12px;
}
#contents #detail #detailThird .plan {
	margin-right: 17px;
	margin-left: 17px;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#contents #detail #detailThird .plan h3 {
	text-align: center;
	margin-bottom: 20px;
}
#contents #detail #detailThird .plan figure {	text-align: center;}
#contents #detail #detailThird .banner {
	text-align: center;
	margin-bottom: 30px;
}

#contents #detail #detailFourth ul { margin-left: 17px;}
#contents #detail #detailFourth ul li {	margin-bottom: 20px;}
#contents #detail #detailFourth ul li.listMaterial{ float:left; }
#contents #detail #detailFourth ul li.listConstruction{
	float:right;
	margin:0 16px 0 0;
}


/* ---------- example ----------------------------------------- */

#contents #example {
	border-top: 1px dashed #BBA589;
}
#contents #example h2 {
	padding-top: 8px;
}



/* ---------- webOnly ----------------------------------------- */

#contents #webOnly {
	padding: 50px;
	margin-right: -50px;
	margin-bottom: 70px;
	margin-left: -50px;
	background-image: url(../img/hug_lp/bgWebOnly.gif);
}
#contents #webOnly .inner {
	padding: 35px 0px 35px 45px;
	background-color: #FEFBF6;
}
#contents #webOnly h2 {}
#contents #webOnly .youtube {
	width: 690px;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 70px;
}


/* ---------- local ----------------------------------------- */

#contents #local {
	text-align: center;
	margin-bottom: 70px;
}
#contents #local h2 {}
#contents #local figure {}


/* ---------- company ----------------------------------------- */

#contents #company {
	text-align: center;
	margin-right: -11px;
	margin-left: -11px;
	margin-bottom: 70px;
}
#contents #company h2 {}
#contents #company figure {}


/* ---------- contactShort ----------------------------------------- */

#contents #contactShort {	margin-bottom: 70px;}
#contents #contactShort h2 {
	text-align: center;
	margin-bottom: 15px;
}
#contents #contactShort .request {
	text-align: center;
	margin-bottom: 40px;
}
#contents #contactShort .phone {
	text-align: center;
}


/* ---------- catalog ----------------------------------------- */

#contents #catalog {
	border: 1px solid #F7D5D5;
	background-color: #FDF7F7;
	margin-bottom: 70px;
}
#contents #catalog h2 {
	margin-right: -1px;
	margin-bottom: 30px;
	margin-left: -1px;
}
#contents #catalog #ranking {
	margin-left: 49px;
	margin-bottom: 10px;
}
#contents #catalog #ranking .block {
	background-color: #FFF;
	height: 267px;
	width: 406px;
	float: left;
	margin-right: 28px;
	margin-bottom: 28px;
}
#contents #catalog #ranking .block h3 {
	margin-left: 22px;
	padding-top: 22px;
	margin-bottom: 10px;
}
#contents #catalog #ranking .block figure {	text-align: center;}

#contents #catalog #merit {	margin-left: 49px;	margin-bottom: 10px;}
#contents #catalog #merit .block {
	float: left;
	height: 400px;
	width: 406px;
	margin-right: 28px;
	margin-bottom: 28px;
	background-color: #FFF;
}
#contents #catalog #merit .block h3 {
	margin-left: 24px;
	padding-top: 24px;
	margin-bottom: 30px;
}
#contents #catalog #merit .block figure {	text-align: center;}

/**/