@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/dtp/h1_bg.jpg) no-repeat 0 0;}



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

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

#set_plan dd {
	text-indent: -9999px;
	position: absolute;
}

#set_plan h2{
	position: absolute;
	text-indent:-9999px;
}

#set_plan #basic,
#set_plan #premium{
	width: 265px;
}

#set_plan #basic{ float: left;}

#set_plan #premium{ float: right;}

#set_plan #basic h3,
#set_plan #premium h3{
	text-indent: -9999px;
	width: 265px;
	height: 67px;
	margin: 0 0 12px;
}

#set_plan #basic h3{ background: url(../img/dtp/h3_bg_set01.jpg) no-repeat 0 0;}

#set_plan #premium h3{ background: url(../img/dtp/h3_bg_set02.jpg) no-repeat 0 0;}

#set_plan #basic dt#setA,
#set_plan #basic dt#setB,
#set_plan #basic dt#setC,
#set_plan #premium dt#setAp,
#set_plan #premium dt#setBp,
#set_plan #premium dt#setCp{
	width: 265px;
	height: 120px;
}

#set_plan #basic dt#setA,
#set_plan #basic dt#setB,
#set_plan #premium dt#setAp,
#set_plan #premium dt#setBp{
	margin: 0 0 8px;
}

#set_plan #basic dt#setA,
#set_plan #basic dt#setB,
#set_plan #basic dt#setC{ background: url(../img/dtp/bg_set01.jpg) no-repeat 0 0;}

#set_plan #premium dt#setAp,
#set_plan #premium dt#setBp,
#set_plan #premium dt#setCp{ background: url(../img/dtp/bg_set02.jpg) no-repeat 0 0;}


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

#sample h2{
	background: url(../img/dtp/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/dtp/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/dtp/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/dtp/bg_info_01.jpg) no-repeat 0 0;
}