@charset "utf-8";

/* ==================================================================
	quality.css
	
=================================================================== */

/* 共通の指定 */

	body#quality section.categoryMenu li.quality a,
	body#service section.categoryMenu li.service a,
	body#voice section.categoryMenu li.voice a,
	body#results section.categoryMenu li.results a
	{
        background-color: #14694b;
        color: #fff;
	}

.contents h2{
	margin-bottom:24px;
}

/* ==================================================================
	index
=================================================================== */

#quality .main section.quality > section{
    padding: 2% 0;
}

#quality section p{
	margin:20px 0;
}
	
	#quality section .stoneList li{
		font-size:120%;
		font-weight:700;
	}

#quality #price p.img{
	margin-right:15px;
	float:left;
	width:186px;
}

	#quality #price .explain{
		float:left;
		width:491px;
	}
	
	.quality #price .explain p{
		margin-bottom:5px;
	}
	
	.quality #price .explain p b{
		font-size: 1.6rem;
	}
	
	
	.quality #price .explain .price dt{
		margin-bottom:10px;
		padding-left:5px;
		border-left:solid 3px #007a53;
		font-weight:bold;
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
	}
	
	.quality #price .explain .price dd{
		display: inline-block;
		font-size: 1.8rem;
		font-weight:bold;
		color:#ec0011;
	}
	
	.quality #price .explain .price dd.btn_aji{
		float:right;
	}


.quality p.text-price{
	font-size:13px;
}

.quality p.img-ajistone{
	text-align:right;
	clear:both;
}

.quality p.img-center{
	text-align:center;
}

@media only screen and
(max-width : 640px) {
    

#quality #price .division{
	padding:4% 2%;
	border-bottom:1px dotted #333;
}

#quality #price p.img{
	float:left;
	width:30%;
	margin:0 5% 3% 0;
}

#quality #price p.img img{
	width:100%;
}

	#quality #price .explain{
		float:none;
		width:auto;
		box-sizing:border-box;
	}
	
	.quality #price .explain p{
		margin:0 0 2% 0;
	}
	
	.quality #price .explain p b{
		font-size: 1.2rem;
	}
	
	.quality #price .explain .price dt{
		margin-right: 15px;
	}
	
	.quality #price .explain .price dd{
		font-size: 1.4rem;
	}
	
	.quality #price .explain .price dd.btn_aji{
		float:left;
		margin:0 0 4% 0;
	}
	
	.quality #price .explain .text{
		clear:both;

	}

.quality p.text-price{
	font-size:13px;
}

.quality p.img-ajistone{
	text-align:right;
	clear:both;
}

.quality p.img-center{
	text-align:center;
}	

}

/* ==================================================================
	service
=================================================================== */
#service .service-box{
	margin:40px 5px 25px;
}

#service .service-box p{
	margin:20px;
}

#service .service-box .right-photo{
	float:right;
	margin:0px 20px 20px;
}

#service .service-box .step2box{
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-bottom:30px;
}

#service .service-box .step2box dl{
	width:auto;
	float:left;
	display:inline;
	text-align:right;
	margin-right:25px;
	margin-left:25px;
}

#service .service-box .step4box{
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-bottom:30px;
}

#service .service-box .step4box .case1{
	width:370px;
	height:191px;
	overflow:hidden;
	zoom:1;
	border:solid 2px #d54594;
	float:left;
	display:inline;
	margin-right:7px;
	margin-left:5px;
	margin-bottom:30px;
}

#service .service-box .step4box .case1 p.lead{
	margin-bottom:20px;
}

#service .service-box .step4box .case1 p.img{
	width:auto;
	float:left;
	display:inline;
	margin-right:15px;
}

#service .service-box .step4box .case2{
	width:310px;
	height:191px;
	overflow:hidden;
	zoom:1;
	border:solid 2px #d54594;
	margin-right:10px;
}

#service .service-box .step4box .case2 p.img{
	width:auto;
	float:left;
	display:inline;
	margin-right:15px;
}

#service .service-box .step4box p.img{
	text-align:center;
}


#service .service-box .option{
	clear:both;
	overflow:hidden;
	zoom:1;
	border:solid 2px #dbdbdb;
	width:639px;
	margin:0 auto;
}

#service .service-box .option dl{
	width:298px;
	float:left;
	display:inline;
	margin-right:7px;
	padding-top:15px;
	margin-left:15px
}

#service .service-box .option dl dt{
	margin-bottom:7px;
}


@media only screen and
(max-width : 640px) {

#service .service-box .right-photo{
	display:block;
	float:none;
	margin:0 auto;
	text-align:center;
}

#service .service-box p img{
	display:block;
	margin:0 auto;
}

#service .service-box .step2box{
	margin-bottom:30px;
}

#service .service-box .step2box dl{
	width:auto;
	float:none;
	display:block;
	text-align:center;
	margin:0 auto;
}


#service .service-box .step4box{
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-bottom:30px;
}

#service .service-box .step4box .case1{
	width:auto;
	height:auto;

	float:none;
	display:block;
	margin:0 0 20px 0;
}


#service .service-box .step4box .case2{
	width:auto;
	height:auto;

	float:none;
	display:block;
	margin:0 0 40px 0;
}




#service .service-box .option{
	width:auto;
	margin:0 4%;
}

#service .service-box .option dl{
	width:auto;
	float:none;
	display:block;
	margin:0 4% 0;
}

#service .service-box .option dl dt{
	margin-bottom:7px;
	text-align:center;
}



}

/* ==================================================================
	voice
=================================================================== */
#voice .voice-box{
	margin:20px 0 25px;
	padding:15px;
}

#voice .voice-box h4{
	margin-left:-15px;
	margin-right:-15px;
}

#voice .voice-box .voice-photo{
	float:left;
	margin:0 20px 0 0;
}


#voice .voice-box p{
	margin:20px;
}

#voice .voice-box p.voice-img{
	float:left;
	border:1px solid #CCC;
	margin:0 20px 10px 0;
}

@media only screen and
(max-width : 640px) {
    
#voice .voice-box p.button{
	clear:both;
	padding-top:20px;
}
	
	#voice .voice-box#voice5 .voice-photo{
	float:none;
	margin:0 0 25px 0;
}
	

}

/* ==================================================================
	result
=================================================================== */
#tabs{
	margin:15px;
}

#tabs ul.tab-select li{
	float:left;
	margin-right:15px;
	width:179px;
	height:40px;
}

#tabs ul.tab-select li a{
	display:block;
	color:#fff;
	line-height:40px;
	background:#6BB59E;
	border-radius: 8px 8px 0 0 / 8px 8px 0 0;
	text-decoration:none;
	text-align:center;
	font-size:120%;
}

#tabs ul li.ui-tabs-selected a{
	background:#318E71;
}


#tabs #tab1{
	border:1px solid #9f9f9f;
	padding:10px;
}

#tabs #tab2{
	border:1px solid #9f9f9f;
	padding:10px;
}

#tabs #tab3{
	border:1px solid #9f9f9f;
	padding:10px;
}

#tabs .result-list{
	margin:40px auto;
	width:514px;
}

#tabs .result-list li{
	border:1px solid #adcead;
	width:170px;
	float:left;
	margin-left:-1px;
	margin-bottom:30px;
}

#tabs .result-list li img{
	margin:10px;
}

#tabs .result-list li h4{
	border:0;
	background-color:#eef5e4;
	padding:5px 0px;
	text-align:center;
	font-size:92%;
	margin:0;
}

.btn_aji{
	vertical-align:middle;
	margin-left:15px;
}

@media only screen and
(max-width : 640px) {
	
#tabs ul.tab-select li{
	display:table;
	float:left;
	margin-right:0.5%;
	width:32%;
	height:40px;
}

#tabs ul.tab-select li a{
	display:table-cell;
	vertical-align:middle;
	line-height:1.2;
	padding:0 2%;
	font-size:100%;
}

#tabs ul li.ui-tabs-selected a{
	background:#318E71;
}


#tabs .result-list{
	margin:4% auto;
	width:auto;
}

#tabs .result-list li{
	box-sizing:border-box;
	width:50%;
	margin-left:-1px;
	margin-bottom:30px;
}

#tabs .result-list li img{
	width:100%;
	margin:0 auto 0px auto;
}

#tabs .result-list li h4{
	border:0;
}

}