@charset "utf-8";
/* CSS Document */

/* promo ************************************************************************************************************************/


#promo .promo{
	overflow:hidden;
	}
#promo .promo ul{
	width:30000px;
	}
#promo .promo li{
	float:left;
	width:auto;
	}
#promo .promo ul:after{
	content:"";
	display:block;
	clear:both;
	}
	
#promo>div{
	text-align:center;
	}
#promo>div span{
	width:12px;
	height:12px;
	border-radius:20px;
	background:#ddd;
	display:inline-block;
	margin:10px 4px 0;
	}
#promo>div span.now{
	background:#aaa;
	}
	
#promo .rightZone>div{
	position:relative;
	display:block;
	margin:0 auto 14px;
	height:232px;
	width:240px;
	}
#promo .rightZone>div>img{
	position:absolute;
	left:0;
	top:0;
	}
#promo .rightZone>div .button{
	position:absolute;
	left:10px;
	top:130px;
	}


.inquiry .rightZone>div{
	position:relative;
	display:block;
	margin:0 auto 14px;
	height:232px;
	width:240px;
	}
.inquiry .rightZone>div .button{
	position:absolute;
	left:10px;
	top:130px;
	}

@media screen and (min-width: 541px) {
#promo{
	padding-top:20px;
	}
#promo{
	margin-bottom:20px;
	}
#promo>div{
	width:980px;
	margin:0 auto;
	}
#promo{
	background:url(../../image/home/section1-back.png) left top repeat-x;
	background-size:auto 100%;
	height:290px;
	}
#promo .promoBody{
	width:720px;
	float:left;
	}
#promo .promo{
	width:720px;
	float:left;
	}
.rightZone{
	width:240px;
	float:right;
	}
}
@media screen and (max-width: 540px) {
	#promo {
	}
#promo .promo{
	width:100%;
	padding-top:14px;
	}
}

/************************************************************************************************************************ promo */

/* nomal ************************************************************************************************************************/

.bannerBox:after, .step3:after{
	content:"";
	display:block;
	clear:both;
	}
.bannerBox li{
	float:left;
	display:block;
	list-style-type:none;
	}

.step3 li{
	width:214px;
	margin:0 auto;
	position:relative;
	}
.step3 li span.serif{
	display:block;
	text-align:center;
	}
.step3 li p{
	font-size:10px;
	line-height:1.8em;
	margin-top:0 !important;
	}
.assessment .step3 li p{
	font-size:12px;
	}
.assessment .step3 li{
	width:203px;
	}
	
.brandList{
	background:#edeae0;
	padding:10px;
	}
.brandList li{
	display:inline-block;
	word-break:keep-all;
	font-size:12px;
	}
.brandList li:after{
	content:" / ";
	}
.purchaseList:after{
	content:"";
	display:block;
	clear:both;
	}
.purchaseList li{
	float:left;
	font-size:12px;
	}
	
.contactBanner{
	text-align:center;
	margin:30px 0;
	}
.contactBanner .tel{
	color:#333;
	font-size:12px;
	display:inline-block;
	}
.contactBanner .tel span{
	display:inline-block;
	word-break:keep-all;
	position:relative;
	bottom:-4px;
	margin:0 10px;
	}

@media screen and (min-width: 541px) {
.imageBox{
	border:1px solid #ccc;
	}
.imageBox img{
	float:left;
	}
.imageBox:after{
	content:"";
	display:block;
	clear:both;
	}

.bannerBox li{
	margin-right:14px;
	margin-bottom:10px;
	}
.bannerBox li:nth-of-type(4n+1){
	clear:both;
	}
.bannerBox li:nth-of-type(4n+3){
	margin:0;
	}
.bannerBox li:nth-of-type(4n){
	margin:0;
	float:right;
	}
	
.step3 li{
	float:left;
	}
.step3 li:nth-of-type(3n+1){
	margin-right:39px;
	clear:both;
	}
.step3 li:nth-of-type(3n){
	float:right;
	}
.step3 li:not(:nth-of-type(3n)):after{
	content:url(../../image/home/section5-arror01.png);
	right:-34px;
	top:60px;
	position:absolute;
	}
.assessment .step3 li:nth-of-type(5):after{
	content:"";
	}
.assessment .step3{
	padding:0px 6px;
	}
	
.purchaseList li{
	width:33.3%;
	}
	
.contactBanner{
	background:url(../../image/home/section10-1.png) center top no-repeat;
	height:162px;
	padding-top:50px;
	}
.contactBanner .tel{
	margin:20px 0;
	}
}
@media screen and (max-width: 540px) {
.imageBox img{
	display:block;
	margin:0 auto;
	}

.step3 li:not(:nth-of-type(3n)), .assessment .step3 li:not(:nth-of-type(5n)){
	padding-bottom:30px;
	}
.step3 li:not(:nth-of-type(3n)):after, .assessment .step3 li:not(:nth-of-type(5n)):after{
	content:url(../../image/home/section5-arror02.png);
	left:62px;
	bottom:0;
	position:absolute;
	}
.assessment .step3 li:nth-of-type(3){
	padding-bottom:40px;
	}
.assessment .step3 li:nth-of-type(5){
	margin-bottom:0;
	}
.assessment .step3 li:nth-of-type(5):after{
	content:"";
	}

.purchaseList li{
	width:50%;
	}
.contactBanner{
	background:#faf5e2;
	padding:10px 10px 20px;
	}
.contactBanner .tel{
	display:block;
	width:100%;
	}
}
@media screen and (max-width: 540px) and (min-width: 381px){
.bannerBox li{
	margin:6px 4px;
	}
}
@media screen and (max-width: 380px) {
.bannerBox li{
	width:auto;
	max-width:49%;
	float:left;
	margin-bottom:10px;
	}
.bannerBox li:nth-of-type(2n){
	float:right;
	}
}

/************************************************************************************************************************ nomal */

/* reason ************************************************************************************************************************/


.reason .notice{
	font-size:smaller;
	line-height:1.5;
	margin-bottom:15px!important;
	}

@media screen and (min-width: 541px) {
.reason{
	background:#faf9f5;
	padding:20px;
	position:relative;
	line-height:1.65em;
	}
.reason h3{
	background:url(../../image/home/section6-line.png) left bottom no-repeat;
	padding-left:50px;
	font-weight:normal;
	font-size:25px;
	padding-bottom:4px;
	margin-bottom:30px;
	}
.reason .icon{
	position:absolute;
	left:0px;
	top:-6px;
	}
.reason .icon2{
	position:absolute;
	left:0px;
	top:-6px;
	}
.reason{
	margin:10px 0;
	background:url(../../image/home/section6-back02.png) top left no-repeat,
			   url(../../image/home/section6-back03.png) bottom left no-repeat,
			   url(../../image/home/section6-back01.png) left top repeat-y;
	}
.reason:nth-of-type(1){

	}
.reason .rightImage{
	margin-right:10px;
	margin-bottom:30px;
	margin-left:16px;
	margin-top:10px;
	}
.reason .leftImage{
	margin-right:12px;
	}
.reason div img{
	display:block;
	float:left;
	}
.reason div img:nth-of-type(1){
	margin-right:22px;
	}
.reason div img:nth-of-type(3){
	float:right;
	}
.reason div:after{
	content:"";
	display:block;
	clear:both;
	}
}
@media screen and (max-width: 540px) {
.reason{
	background:#faf9f5;
	padding:15px;
	position:relative;
	line-height:1.65em;
	}
.reason h3{
	font-size:17px;
	line-height:16px;
	padding-bottom:30px;
	padding-top:10px;
	margin-bottom:20px;
	background:url(../../image/home/section6-line.png) left bottom no-repeat;
	padding-left:60px;
	}
.reason h3.est02{
	padding-bottom:10px;
	}
.reason .icon{
	position:absolute;
	left:15px;
	top:0px;
	width:60px;
	}
.reason .icon2{
	position:absolute;
	left:15px;
	top:10px;
	width:60px;
	}
.reason .spGold{
	display:block;
	color:#af902e;
	}
.reason div{
	text-align:center;
	}
.reason div img{
	margin-bottom:10px;
	}
.reason .rightImage{
	float:right;
	width:130px;
	margin-left:10px;
	}
.reason .rightIm{
	float:right;
	width:130px;
	margin-left:10px;
	}
.reason .leftImage{
	float:right;
	width:130px;
	margin-left:10px;
	}
.posit01 {
	display:none;
}
}

/************************************************************************************************************************ reason */

/* assessment ************************************************************************************************************************/

.assessment{
	margin:10px auto;
	padding:10px;
	}
.assessment>img{
	display:block;
	margin:0 auto;
	}
.assessment h3{
	text-align:center;
	margin:10px 0 20px;
	}
.assessment .result{
	margin:20px 0 30px;
	text-align:center;
	}
	
.assessment .estimate{
	padding:10px;
	}
.assessment .estimate .serif{
	display:block;
	font-size:24px;
	text-align:center;
	margin:20px 0 10px;
	}
.assessment .estimate li b{
	display:block;
	text-align:center;
	}
	
.assessment .procedure h3{
	background:url(../../image/home/section7-title3.png) left top no-repeat;
	font-size:24px;
	padding-left:44px;
	text-align:left;
	display:table-cell;
	width:1000px;
	vertical-align:middle;
	height:80px;
	font-weight:normal;
	color:#d60505;
	}
.assessment .procedure .step3{
	margin-top:-20px;
	}
@media screen and (min-width: 541px) {
.assessment{
	background:url(../../image/home/section7-back04.png) top left no-repeat,
			   url(../../image/home/section7-back02.png) top left no-repeat,
			   url(../../image/home/section7-back03.png) bottom left no-repeat,
			   url(../../image/home/section7-back01.png) left top repeat-y;
	padding-bottom:20px;
	}
.assessment .result img:nth-of-type(1){
	display:block;
	margin:0 auto;
	}
	
.assessment .procedure{
	background:url(../../image/home/section7-title2-back.png) right top no-repeat;
	}
.assessment .procedure div{
	text-align:center;
	margin-bottom:30px;
	}
	
.assessment .estimate{
	background:url(../../image/home/section7-back06.png) top left no-repeat,
			   url(../../image/home/section7-back07.png) bottom left no-repeat,
			   url(../../image/home/section7-back05.png) left top repeat-y;
	width:659px;
	margin:0 auto;
	}
.assessment .estimate ul{
	background:url(../../image/home/section7-back13.png) left top no-repeat;
	width:631px;
	margin:0 auto 20px;
	}
.assessment .estimate li{
	width:190px;
	font-size:12px;
	line-height:14px;
	float:left;
	margin:6px 10px;
	}
.assessment .estimate ul:after{
	content:"";
	display:block;
	clear:both;
	}
.assessment .estimate ul:nth-of-type(2) li{
	float:none;
	padding:6px 0;
	margin:0 auto;
	}
.assessment .estimate ul p{
	margin-top:6px !important;
	}
.assessment .estimate{
	position:relative;
	}
.assessment .estimate ul:nth-of-type(1):before{
	position:absolute;
	content:url(../../image/home/section7-back09.png);
	left:0;
	top:0;
	}
.assessment .estimate:before{
	position:absolute;
	content:url(../../image/home/section7-back10.png);
	right:0;
	top:0;
	}
.assessment .estimate ul:nth-of-type(2):before{
	position:absolute;
	content:url(../../image/home/section7-back11.png);
	left:0;
	bottom:-8px;
	}
.assessment .estimate:after{
	position:absolute;
	content:url(../../image/home/section7-back12.png);
	right:0;
	bottom:-8px;
	}
}
@media screen and (max-width: 540px) {
	
.assessment{
	background:url(../../image/home/section7-back04.png) top left no-repeat,
			   url(../../image/home/section7-back02.png) top left no-repeat,
			   url(../../image/home/section7-back03.png) bottom left no-repeat,
			   url(../../image/home/section7-back01.png) left top repeat-y;
	padding-bottom:20px;
	background-size:100% auto;
	}
.assessment .result img:nth-of-type(1){
	display:block;
	margin:0 auto;
	}
	
.assessment .procedure{
	background:url(../../image/home/section7-title2-back.png) right top no-repeat;
	}
.assessment .procedure div{
	text-align:center;
	margin-bottom:30px;
	}
	
.assessment .estimate{
	background:url(../../image/home/section7-back06.png) top left no-repeat,
			   url(../../image/home/section7-back07.png) bottom left no-repeat,
			   url(../../image/home/section7-back05.png) left top repeat-y;
	width:100%;
	margin:0 auto;
	}
.assessment .estimate ul{
	background:url(../../image/home/section7-back13.png) left top no-repeat;
	width:100%;
	}
.assessment .estimate li{
	width:40px;
	font-size:12px;
	line-height:14px;
	float:left;
	margin:6px 10px;
	}
.assessment .estimate ul:after{
	content:"";
	display:block;
	clear:both;
	}
.assessment .estimate ul:nth-of-type(2) li{
	float:none;
	padding:6px 0;
	margin:0 auto;
	}
.assessment .estimate ul p{
	margin-top:6px !important;
	}
.assessment .estimate{
	position:relative;
	}
.assessment .estimate ul:nth-of-type(1):before{
	position:absolute;
	content:url(../../image/home/section7-back09.png);
	left:0;
	top:0;
	}
.assessment .estimate:before{
	position:absolute;
	content:url(../../image/home/section7-back10.png);
	right:0;
	top:0;
	}
.assessment .estimate ul:nth-of-type(2):before{
	position:absolute;
	content:url(../../image/home/section7-back11.png);
	left:0;
	bottom:-8px;
	}
.assessment .estimate:after{
	position:absolute;
	content:url(../../image/home/section7-back12.png);
	right:0;
	bottom:-8px;
	}
.wa01 {
	width:200px;
}
.wa02 {
	width:15%;
}
.wa03 {
	width:75%;
}
.wa04 {
	width:160px;
}
.splnd02 {
	display:block;
	width:100%;
	background:url(../../image/diamond/bg001.png) left -60px no-repeat;
	background-size:100% auto;
}
.assessment .procedure{
	background:url(../../image/home/section7-title2-back.png) right top no-repeat;
	background-size:120px auto;
	}
.assessment .procedure div{
	text-align:center;
	margin-bottom:1px;
	}
.assessment .procedure div img {
	display:block;
	float:left;
	width:33%;
}

.assessment .procedure div:after{
	content:"";
	display:block;
	clear:both;
	}
/*.assessment{
	background:#f6f6f6;
	border:1px solid #bebebe;
	}
.assessment .result img{
	display:block;
	margin:0 auto;
	}
.assessment .result img:nth-of-type(2){
	display:none;
	}
	
.assessment .procedure div{
	text-align:center;
	}
.assessment .procedure img{
	display:block;
	margin:0 auto 10px;
	}
.assessment .procedure div img{
	display:inline-block;
	}
	
.assessment .estimate{
	background:#fff;
	border:1px solid #ad8715;
	}
.assessment .estimate .serif{
	font-size:18px;
	}
.assessment .estimate img{
	display:block;
	margin:0 auto;
	}
.assessment .estimate ul:nth-of-type(1){
	margin-bottom:30px;
	}*/
}

/************************************************************************************************************************ assessment */

/* purchase ************************************************************************************************************************/

.purchase h3, .purchaseList h3{
	background:url(../../image/home/section8-title.png) left bottom no-repeat;
	display:table-cell;
	vertical-align:middle;
	width:1000px;
	height:30px;
	color:#fff;
	font-weight:normal;
	padding-top:4px;
	padding-left:10px;
	font-size:18px;
	}
.purchase ul{
	margin:10px 0;
	}
.purchase ul:after{
	content:"";
	display:block;
	clear:both;
	}
.purchase li{
	width:170px;
	float:left;
	font-size:12px;
	line-height:1.8em;
	}
.purchase li>span{
	display:block;
	text-align:center;
	color:#fff;
	background:#545454;
	margin-top:8px;
	padding:4px 0 2px;
	}
.purchase li>p{
	margin-top:6px !important;
	}
.purchase li>p b{
	color:#e24723;
	display:inline-block;
	word-break:keep-all;
	}

@media screen and (min-width: 541px) {
.purchase li:nth-of-type(4n+1), .purchase li:nth-of-type(4n+2){
	margin-right:14px;
	}
.purchase li:nth-of-type(4n){
	float:right;
	}
.purchase li:nth-of-type(4n+1){
	clear:both;
	}
.purchase .pur_ok{
	border:double 5px #cdcdcd;
	margin:5px;
	padding:10px;
	}
.purchase .pur_ok p{
	font-weight:bold;
	}
}
@media screen and (max-width: 540px){
.purchase h3, .purchaseList h3{
	font-size:14px;
	}
.purchase li:nth-of-type(2n){
	margin-left:20px;
	}
.purchase li:nth-of-type(2n+1){
	clear:both;
	}
.purchase .pur_ok{
	border:double 5px #cdcdcd;
	margin:5px;
	padding:10px;
	}
.purchase .pur_ok p{
	font-weight:bold;
	}
}
@media screen and (max-width: 380px) {
.purchase li{
	width:49%;
	}
.purchase li:nth-of-type(2n){
	margin:0;
	float:right;
	}
}

/************************************************************************************************************************ purchase */

/* voice ************************************************************************************************************************/

.voice{
	margin:10px 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f0ecde');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f0ecde')";
	background-image: -moz-linear-gradient(top, #ffffff, #f0ecde);
	background-image: -ms-linear-gradient(top, #ffffff, #f0ecde);
	background-image: -o-linear-gradient(top, #ffffff, #f0ecde);
	background-image: -webkit-linear-gradient(top, #ffffff, #f0ecde);
	background-image: linear-gradient(top, #ffffff, #f0ecde);
	}
.voice p{
	margin-top: 4px !important;
	}
@media screen and (min-width: 541px) {
.voice div{
	background:url(../../image/home/section11-back02.png) top left no-repeat,
			   url(../../image/home/section11-back03.png) bottom left no-repeat,
			   url(../../image/home/section11-back01.png) top left repeat-y,
			   url(../../image/home/section11-back04.png) top left repeat-y;
	padding:16px 16px 24px;
	}
}
@media screen and (max-width: 540px) {
.voice div{
	background:url(../../image/home/section11-back02.png) top left no-repeat,
			   url(../../image/diamond/sp-bottom.jpg) bottom left no-repeat,
			   url(../../image/home/section11-back01.png) top left repeat-y,
			   url(../../image/home/section11-back04.png) top left repeat-y;
			   background-size:100% auto;
	padding:16px 16px 54px;
	}
}

/************************************************************************************************************************ voice */




/* diamond ************************************************************************************************************************/


@media screen and (min-width: 541px) {
.pcnone {
	display:none;
}
.cat-bnr-base {
	display:block;
	width:740px;
	padding-bottom:10px;
	margin-top:-10px;
}
.cat-bnr-base p {
	display:block;
	float:left;
	padding-right:14px;
}
.cat-bnr-base:after{
	content:"";
	display:block;
	clear:both;
	}
.step-base {
	display:block;
	border:#f1922b solid 2px;
}
.clfix {
overflow:hidden;
}
.clfix:after {
	content:"";
	display:block;
	clear:both;
	}
.diy-base-pc {
	display:block;
	width:740px;
	padding-bottom:10px;

}
.dly01 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/diamond/pcdl-bg01.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
	margin-right:14px;
}
.dly01 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
	
}
.dly02 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/diamond/pcdl-bg02.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
	margin-right:14px;
}
.dly02 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly03 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/diamond/pcdl-bg03.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
	margin-right:14px;
}
.dly03 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly04 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/diamond/pcdl-bg04.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly04 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
}

@media screen and (max-width: 540px) {
.spnone {
	display:none;
}
.clfix {
}
.clfix:after {
	content:"";
	display:block;
	clear:both;
	}
.diy-base {
	display:block;
	padding-bottom:3%;
}
.dly01 {
	display:block;
	float:left;
	width:48%;
	background:url(../../image/diamond/spd01.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly01 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
	
}
.dly02 {
	display:block;
	float:right;
	width:48%;
	background:url(../../image/diamond/spd02.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly02 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly03 {
	display:block;
	float:left;
	width:48%;
	background:url(../../image/diamond/spd03.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly03 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly04 {
	display:block;
	float:right;
	width:48%;
	background:url(../../image/diamond/spd04.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly04 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.spcont-btn-base {
	display:block;
	background:#faf5e2;
	padding:5%;
}
.spcont-btn-base img {
	display:block;
	width:100%;
}
.nstop-sp img {
	display:block;
	float:left;
	width:33%;
}
.nstop-sp:after {
	content:"";
	display:block;
	clear:both;
	}
.wadai-img img {
	display:block;
}
.wadai-img:after {
	content:"";
	display:block;
	clear:both;
	}

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .formcell01:not(:target) {
    width: 120px; /* IE10（\9なしでIE11にも適用） */
	overflow:hidden;
  }
  .formcell01.vge:not(:target) {
    width: 140px; /* IE10（\9なしでIE11にも適用） */
	overflow:hidden;
  }
  .formcell01.vge2:not(:target) {
    width: 130px; /* IE10（\9なしでIE11にも適用） */
	overflow:hidden;
  }
}

@media screen and (min-width: 541px) {
.formcell01:not(:target) {
  width: 120px\9; /* IE9, 10 */
  overflow:hidden\9;
}
.formcell01.vge:not(:target) {
  width: 140px\9; /* IE9, 10 */
  overflow:hidden\9;
}
.formcell01.vge2:not(:target) {
  width: 130px\9; /* IE9, 10 */
  overflow:hidden\9;
}

.formcell01 .sfr{
	margin-bottom:12px;
}

.step {
	display:block;
	border-bottom:#838383 dotted 1px;
}
.step .lf {
	display:block;
	float:left;
	background:url(../../image/diamond/right.jpg) right center no-repeat;
	width:237px;
	
}
.step .ri {
	display:block;
	float:right;
	width:460px;	
}
.step .lf p {
	display:table-cell;
	vertical-align:middle;
	padding-top:13px;
	padding-left:13px;
	font-size:15px;
	font-weight:bold;
}
.step .lf p small {
	font-size:12px;
}
.step .lf p img {
	vertical-align:middle;
}
.step .lf span {
	display:block;
	padding-left:13px;
	font-size:12px;
	line-height:120%;
	letter-spacing:-1px;
	padding-bottom:13px;
}
.h-115 {
	height:115px;
}
.ctinput {
	width:68px;
	height:37px;
	margin-right:5px;
	font-size:25px;
}
.tabcell01 {
	display:table-cell;
	vertical-align:middle;
}
.pl20 {
	padding-left:20px;
}
.formsel-base {
	display:block;
}
.formsel-base img {
	display:block;
}
.formcell01 {
	display:block;
	float:left;
	padding-right:15px;
}
.formcell01 div {
	display:block;
	padding-left:5px;
	height:70px;
}
.formcell01 div .img {
	display:block;
	float:right;
	padding-right:5px;
}
.formcell01 div .img2 {
	display:block;
	float:right;
	padding-right:25px;
}
.formcell01 div .rad {
	display:block;
	float:left;
	line-height:140%;
	padding-top:6px;
	padding-left:5px;
}
.formcell01 div .rad2 {
	display:block;
	float:left;
	line-height:140%;
	padding-top:23px;
	padding-left:5px;
}
.formcell01 div .rad3 {
	display:block;
	float:left;
	line-height:140%;
	padding-top:13px;
	padding-left:5px;
}
.formcell01 div .rad4 {
	display:block;
	float:left;
	line-height:140%;
	padding-top:23px;
	padding-left:5px;
}
input[type="radio"] {
	margin-right:5px;
}
.rad3 input[type="radio"] {
	margin-right:2px;
}
.rad3 label {
	font-size:13px;
}
.stblo {
	display:block;
}
.mt-ma {
	margin-top:-12px;
	display:block;
}

.txt-center {
	text-align:center;
}
.col-red {
	color:#fe0000;
}
.fs12 {
	font-size:12px;
}
.sateibtn {
	text-indent:-9999px;
	background:url(../../image/diamond/imgbtn01.jpg) left top no-repeat;
	width:679px;
	height:60px;
	cursor:pointer;
	border:none;
}
.sateibtn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.ans-base {
	display:block;
	padding-bottom:15px;
}
.ans-base div {
	float:left;
}
.ans-base img {
	display:block;
}
.ans-base .img {
	padding-left:49px;
	padding-right:17px;
}
.ans-base .img2 {
	padding-left:10px;
	padding-top:34px;
}
#simulationResult {
	border:#e52636 solid 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	width:294px;
	font-size:45px;
	color:#e52636;
	text-align:right;
	margin-top:20px;
}
#simulationResult p {
	padding-top:10px;
	padding-bottom:10px;
	padding-right:12px;
	font-weight:bold;
}
.cls-bg {
	display:block;
	background:url(../../image/diamond/bg001.png) left top no-repeat;
}
.assessment .result .knblock-base {
	display:block;
	font-size:12px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.result .knblock-base .lf {
	display:block;
	float:left;
	background:url(../../image/diamond/know-bg.png) left top no-repeat;
	width:336px;
	height:250px;
	text-align:left;
	margin-bottom:10px;
}
.result .knblock-base p {
	display:block;
	text-align:left;
	padding-left:9px;
	padding-right:9px;
	line-height:145%;
}
body .assessment .result .knblock-base p.img img {
	display:block;
	margin:0px;
}
.result .knblock-base .ri {
	display:block;
	float:right;
	background:url(../../image/diamond/know-bg.png) left top no-repeat;
	width:336px;
	height:250px;
	margin-bottom:10px;
}

}

@media screen and (max-width: 540px) {
.step-base {
	border-bottom:#ccc solid 1px;
}
	ul.accordion {font-size:12px;}
ul.accordion a { display:block;}
ul.accordion a.tips { display:inline;}
ul.accordion span { display:block;}
ul.accordion ul { display:none;}
ul.accordion > li { }
ul.accordion > li > p {cursor:pointer;}
ul.accordion > li > p span {}
ul.accordion > li > p span.open {}
ul.accordion > li > ul > li { color:#000000; padding:3%; font-size:12px;}
ul.accordion > li > ul > li > p { }
ul.accordion > li > ul > li > a { color:#000000; font-size:13px; padding-left:3%;}
ul.accordion > li > ul > li > ul > li {  color:#000000;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

.en-title {
	display:block;
	background:#efefee;
	padding:3%;
}
.en-title  div {
	display:block;
	font-size:17px;
	font-weight:bold;
	line-height:110%;
}
.en-title  div span {
	font-weight:normal;
	font-size:11px;
	display:inline;
	margin-left:5px;
}
.en-title img {
	display:block;
	float:left;
	height:16px;
	margin-right:5px;	
}
.bl-bg {
	background:#dcecf8;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:12px;
}
.bl-bg p {
	text-align:center;
}
.sp-celling {
	display:table-cell;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
}
.ctinput {
	width:80%;
	height:30px;
	margin-right:8px;
	margin-left:4%;
}
.sp-celling img {
	width:12%;
}
.mt15 {
	margin-top:15px;
}
.select-base001 {
	display:block;
	padding-left:4%;
	padding-right:4%;
}
.select-base001 select {
	width:100%;
	font-size:16px;
}
.col-red {
	color:#fe0000;
}
.ans-base {
	display:block;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}
.ans-base .imgsp {
	display:block;
	text-align:center;
}
.txt-center {
	text-align:center;
}
.sateibtn {
	text-indent:-9999px;
	background:url(../../image/diamond/spbtn-bg.jpg) left top no-repeat;
	width:280px;
	height:60px;
	cursor:pointer;
	border:none;
}
#simulationResult {
	border:#e52636 solid 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	width:174px;
	height:42px;
	font-size:26px;
	color:#e52636;
	text-align:right;
	float:left;
}
#simulationResult p {
	font-weight:bold;
	padding-right:8px;
}
.ans-base .img2sp {
	float:left;
}
}


@media screen and (min-width: 541px) {
	
.posit01 {
	position:absolute;
	top:82px;
	right:30px;
}
.pb-100 {
	padding-bottom:100px;
}
.priz span {
	display:block;
	margin-bottom:10px;
}
.priz p {
	font-size:10px;
}
.kangei-bg {
	display:block;
	background:url(../../image/diamond/kange-bg.png) left top no-repeat;
	height:171px;
}

}

@media screen and (max-width: 540px) {
.knblock-base {
	display:block;
	text-align:left;
}
.knblock-base .img {
	background:url(../../image/diamond/calat-bg.jpg) left top repeat-x;
	background-size:auto 100%;
	text-align:left;
	padding-left:10px;
}
.knblock-base img {
	display:block;
	height:21px;
}
.assessment .result .knblock-base {
	display:block;
	font-size:12px;
	text-align:left;
}

.result .knblock-base p {
	display:block;
	text-align:left;
	line-height:145%;
}
body .assessment .result .knblock-base p.img img {
	display:block;
	margin:0px;
}
.bannerBox {
	display:block;
}
.bannerBox img {
	display:block;
	float:left;

}
.brandList {
	display:none;
}
.step3 {
	display:none;
}
.step-sp {
	display:block;
	text-align:center;
}
.step-sp img {
	width:100%;
}
.step-sp div {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.h2til {
	background:url(../../image/common/h2_mainColumn.png) left top no-repeat;
	height:41px;
	width:1000px;
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
	color:#fff;
	font-size:18px;
	padding-left:16px;
	}


}

@media screen and (min-width: 541px) {

.faq-base {
	display:block;
	background:url(../../image/diamond/faq-bg.jpg) left top repeat-y;
	border:#ab8511 solid 1px;
	margin-top:10px;
	margin-bottom:10px;
}
.qtxt {
	display:block;
	background:url(../../image/diamond/faq-line.jpg) left bottom no-repeat;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:1px;
}
.qtxt p {
	display:block;
	background:url(../../image/diamond/q.jpg) left top no-repeat;
	font-size:16px;
	font-weight:bold;
	word-break:break-all;
	padding-left:40px;
	padding-top:7px;
	padding-bottom:7px;
}
.atxt {
	display:block;
	background:url(../../image/diamond/a.jpg) 10px 17px no-repeat;
	padding:13px;
}
}



/************************************************************************************************************************ diamond */