@charset "utf-8";

@import url("base/framework.css");
@import url("base/share.css");

/* Index ------------------------------------------------*//*
	
     00.heading
	 01.share



*//* ------------------------------------------------------ */

/* 00.heading configuration
=========================================================== */
h1{ background: url(../img/web/h1_bg.jpg) no-repeat 0 0;}



/* 01.share configuration
=========================================================== */
#promo{
	margin: 0 0 16px;
} 

/*point*/
#point{
	text-indent: -9999px;
	margin: 0 0 23px;
}

#point h2{
	background: url(../img/web/h2_bg_point.jpg) no-repeat 0 0;
	height: 67px;
	margin: 0 0 15px;
}

#point p{
	background: url(../img/web/bg_point_outline.jpg) no-repeat 0 0;
	height: 51px;
	margin: 0 0 12px;
}

#point dt{ text-indent: -9999px; position: absolute;}

#point dl dl #point1,
#point dl dl #point2,
#point dl dl #point3,
#point dl dl #point4{
	background: url(../img/web/bg_point.jpg) no-repeat 0 0;
	width: 265px;
	height: 123px;
	margin: 0 0 8px;
	display: block;
}

#point dl dl #point3,
#point dl dl #point4{
	margin: 0 0 12px;
}

#point dl dl #point2{ background-position: -277px 0;}

#point dl dl #point3{ background-position: 0 -136px;}

#point dl dl #point4{ background-position: -277px -136px;}

#point dl dl #point1,
#point dl dl #point3{ float: left;}

#point dl dl #point2,
#point dl dl #point4{ float: right;}



/*point - price*/
#price{ text-indent: -9999px;}

#price h3{
	background: url(../img/web/h3_bg_price.jpg) no-repeat center center;
	height: 64px;
	margin: 0 0 12px;	
}

#price dl dt{ text-indent: -9999px; position: absolute;}

#price dl dl #planA,
#price dl dl #planC{ float: left; position: static;}

#price dl dl #planB,
#price dl dl #planD{ float: right; position: static;}

#price dl dl #planA,
#price dl dl #planB,
#price dl dl #planC,
#price dl dl #planD{
	background: url(../img/web/bg_price.jpg) no-repeat 0 0;
	width: 265px;
	height: 107px;
	display: block;
}

#price dl dl #planB{ background-position: -277px 0;}

#price dl dl #planC{ background-position: 0 -116px;}

#price dl dl #planD{ background-position: -277px -116px;}

#price dl dl #planA,
#price dl dl #planB{
	margin: 0 0 8px;
}



/*sample*/
#sample{ margin: 0 0 23px;}

#sample h2{
	background: url(../img/web/h2_bg_sample.jpg) no-repeat 0 0;
	height: 36px;
	text-indent: -9999px;
	margin: 0 0 12px;
}



/*dr*/
#dr dl dt{
	text-indent: -9999px;
	position: absolute;
	background: none;
}

#dr dt{
	background: url(../img/share/h2_bg_docter.jpg) no-repeat 0 0;
	height: 34px;
	margin: 0 0 7px;
	text-indent: -9999px;
}

#dr dl #dr1,
#dr dl #dr2{
	background: url(../img/web/bg_docter.jpg) no-repeat 0 0;
	width: 265px;
	height: 121px;
	display: block;
	margin: 0;
	text-indent: -9999px;
}
#dr dl #dr1 {
	float: left;
}

#dr dl #dr2 {
	background-position: -277px 0;
	float: right;
}



/*contact*/
#contact{
	background: url(../img/web/bg_info_02.jpg) no-repeat 0 0;
	height: 216px;
	text-indent: -9999px;
	margin: 0 0 12px;
}

#contact a{
	width: 183px;
	height: 21px;
	display: block;
	margin: 125px 0 0 10px;
}



/*information*/
.information{
	background: url(../img/web/bg_info_01.jpg) no-repeat 0 0;
}