@charset "utf-8";
/* Style Index ===============================

	Name : Conpany original css

	01:comInfo

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

/* ------------------------------------------
 01 : server
-------------------------------------------*/

#server{
	padding:66px 0 0 40px;
	margin:20px 0 0;
	background:#FFF url(../images/bg_server.jpg) no-repeat right top;
	position:relative;
}

#colorTtl{
	position: absolute;
	left: 442px;
	top: 144px;
}
#ecoIcon{
	position: absolute;
	left: 441px;
	top: 265px;
}
#specIcon{
	position: absolute;
	left: 437px;
	top: 349px;
}

#serverPoint{
	height:242px;
}

#serverPoint h2{
	padding:20px 0 20px;
}

#serverPoint p{
	width:260px;
	padding:0 0 0 40px;
}

#pointImg{
	position: absolute;
	left: 359px;
	top: 587px;
}


/* ------------------------------------------
 02 : Section 1
-------------------------------------------*/

#serverFuncArea{
	padding:20px 0 0 0;
	overflow:hidden;
}

.serverFunc{
	float:left;
	width:280px;
	height:248px;
	margin:0 20px 20px 0;
	text-align:center;
	padding:0 0 7px 0;
	background:#FFF url(../images/p_bottom.jpg) no-repeat center bottom;
}

.serverFunc h3{
	padding:15px 0 5px;
}

.serverFunc p{
	padding:5px 20px 0;
}

.serverFunc{
}

/* ------------------------------------------
 03 : #price
-------------------------------------------*/
#price #waterTypeImg {
	overflow: hidden;
	position: relative;
	z-index: 2;
	padding: 0 20px 20px;
}
#price #waterTypeImg:after,
#price #waterTypeImg:before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	width: 400px;
	height: 227px;
}
#price #waterTypeImg:before {
	left: 0;
	background: url('../images/price_bg_left.jpg') left bottom no-repeat;
}
#price #waterTypeImg:after {
	right: 0;
	background: url('../images/price_bg_right.jpg') right bottom no-repeat;
}
#price #waterTypeImg li {
	width: 360px;
	margin: 0 10px 10px 10px;
	box-sizing: border-box;
}
#price #waterTypeImg .type .img .price {
	top: 27px;
	right: 17px;
}
#price #waterTypeImg .type .typeInfo .title {
	padding: 2px 10px;
	font-size: 14px;
}
#price #waterTypeImg .type .typeInfo .info .numberColunm {
	font-size: 25px;
}
#price #waterTypeImg .type .typeInfo .info .numberColunm .unit {
	padding-bottom: 4px;
	font-size: 16px;
}
#price #waterTypeImg .type .typeInfo .info .numberColunm .number {
	font-size: 26px;
	line-height: 1;
}
#price #waterTypeImg .type .typeInfo .info .priceColunm .priceOld {
	right: 7px;
	top: 7px;
}
#price #waterTypeImg .type .typeInfo .info .priceColunm .price .number {
	font-size: 32px;
}
#price #waterTypeImg .type .typeInfo .info .lastColunm {
	width: 117px;
}
#price #waterTypeImg .type .typeInfo .info .lastColunm .liter {
	padding: 6px;
}