@charset "utf-8";

/* ==================================================================
	accessory
=================================================================== */

#accessory section.contentsDetails, 
#accessory section, 
#accessory section.itemInfo, 
#accessory section.qalist, 
#accessory .staffImg, 
#accessory .flyerarea, 
#accessory .contactarea {
    margin-bottom: 40px;
}

#accessory section.contentsDetails{
}

#accessory section p.txt{
	font-size:116%;
	margin-bottom:5%;
}

#accessory section p.title{
	margin-bottom:2%;
}

#accessory section ul.special{
	margin-bottom:5%;
}

#accessory section ul.special li{
	margin-bottom:2%;
}

#accessory section p.btn{
    margin: 0 auto;
    position: relative;
}

#accessory section p.btn a{
	display: block;
    font-size: 125%;
    text-align: center;
    color: #fff;
    padding: 3%;
    text-decoration: none;
}

#accessory section p.btn a:after{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

#accessory section ul.showroom{
	margin: 5% 0 1% 0;
    overflow: hidden;
}

#accessory section ul.showroom li{
	margin-bottom: 2%;
    width: 50%;
    float: left;
}

#accessory section ul.showroom li:last-child{
	text-align: right;
}

#accessory section.contentsDetails ul.item-list{
	overflow: hidden;
}

#accessory section.contentsDetails ul.item-list li{
	width:48%;
	margin-right:3%;
	float:left;
	margin-bottom: 7%;
	position: relative;
	padding-bottom: 7%;
}

#accessory section.contentsDetails ul.item-list li:nth-child(2n){
	margin-right:0;
}

#accessory section.contentsDetails ul.first li{
	margin-bottom:0;
	padding-bottom:0;
}

#accessory section.contentsDetails p.caution{
	margin-bottom:5%;
}

#accessory section .beginning{
	margin-bottom:5%;
	overflow: hidden;
}

#accessory section p.lefttxt{
	width: 45%;
    font-size: 116%;
    float: left;
}

#accessory section p.rightimg{
	display:block;
	float:right;
}

#accessory section ul.item-list{
	clear:both;
}

#accessory section ul.item-list li{
	margin-bottom:5%;
}

#accessory section ul.item-list li h5{
	clear:both;
}

#accessory section ul.item-list li:last-child{
	margin-bottom:0;
}

#accessory section ul.item-list li .estimate{
	overflow: hidden;
}

#accessory section ul.item-list li .estimate table{
	width:60%;
	float: left;
}

#accessory section ul.item-list li .estimate table th{
    background: #14694b;
    color: #fff;
    padding: 3%;
    text-align: center;
	width: 10%;
    font-size: 125%;
}

#accessory section ul.item-list li .estimate table td{
	width: 30%;
	padding: 0 3%;
}

#accessory .subsection{
	margin-top:5%;
}

#accessory .subsection ul.list li{
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:2%;
}

#accessory .subsection ul.list li:nth-child(2n){
	margin-right:0;
}

#accessory .subsection ul.list li dl dt {
	margin-bottom:3%;
}

#accessory .subsection ul.list li dl dd {
    border-left: 3px solid #14694B;
    padding: 5px;
    font-weight: 700;
    font-size: 133%;
    margin-bottom: 3%;
}



#accessory section .case{
	overflow: hidden;
}

#accessory section .case p.btn{
	border-radius: 5px;
    background: #bc0d32;
    width: 40%;
    float: right;
}

#accessory section .case table{
	width:60%;
	float: left;
}

#accessory section .case table th{
    background: #14694b;
    color: #fff;
    padding: 3%;
    text-align: center;
	width: 10%;
    font-size: 125%;
}

#accessory section .case table td{
	width: 30%;
	padding: 0 3%;
}

#accessory section .case table td{
}


#accessory section ul.item-list li p.btn{
	border-radius: 5px;
	background: #bc0d32;
	width: 40%;
	float:right;
}

#accessory section ul.item-list li p.btn a{
	display:block;
	font-size: 125%;
	text-align:center;
	color:#fff;
	padding: 3%;
	text-decoration:none;
}

#accessory section ul.item-list li p.btn a:after{
	content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

#accessory section.qalist dl {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#accessory section.qalist dl:last-child {
    margin-bottom: 0;
}

#accessory section.qalist dl dt {
    background:url("../../images/common/icon-question.gif") 0% 50% no-repeat;
    padding: 10px 0 10px 50px;
    font-size: 16px;
    font-weight: bold;
    color: #14694b;
}

#accessory section.qalist dl dd {
    font-size: 14px;
    background:url("../../images/common/icon-answer.gif") 0 0 no-repeat;
    padding: 8px 0 8px 50px;
}

#accessory section.qalist dl dd.img {
    background:none;
}


#accessory section dl.estimate_appeal{
	overflow: hidden;
	margin-bottom: 3%;
}

#accessory section dl.estimate_appeal dt{
	background:#14694b;
	display:inline-block;
	color:#fff;
	font-size: 180%;
    width: 34%;
    text-align: center;
	padding:2% 3%;
	font-weight:bold;
	float: left;
}

#accessory section dl.estimate_appeal dd{
	width: 53%;
    float: right;
	margin-right:3%;
}

#accessory section.contentsBox .comment{
	border:1px solid #afabab;
	padding:4%;
	margin-bottom:10%;
}

#accessory section.contentsBox .last{
	margin-bottom:5%;
}

#accessory section.contentsBox .comment p{
	font-size:116%;
	margin-bottom:0;
}


#accessory section p.img{
	margin-bottom:7%;
}

#accessory section .combination{
	border: 3px solid #eed6a2;
    padding: 3%;
	margin-bottom:7%;
}

#accessory section .combination table.price{
	width:100%;
}

#accessory section .combination table.price td{
	text-align: center;
}

#accessory section .combination table.price td.txt{
	font-size:150%;
	width: 65%;
}

#accessory section .combination table.price td.txt span.red{
	color:#f01;
}

#accessory section .combination table.price td.img{
	text-align: right;
	width:35%;
}

#accessory section .Caution{
	margin-bottom:4%;
	background: #333;
    padding: 2%;
    font-size: 116%;
}

#accessory section .Caution p{
	color:#fff;
	margin-bottom:0;
}

#accessory section .staffImg{
	margin-bottom: 6%;
}


#accessory section .contactarea{
	margin-bottom: 6%;
}




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

    
    #accessory section.contentsBox img {
        width: 100%;
    }
    #accessory section.contentsBox{
        margin: 0 3% 30px;
    }

    #accessory section{
		margin-bottom:2%;
	}
	
	#accessory section.qalist{
		margin-top: 7%;
	}
	
    #accessory p.txt {
        font-size: 14px;
        margin-bottom: 25px;
        line-height: 1.75;
    }
	

#accessory section ul.item-list li {
    margin-bottom: 13%;
}

#accessory section .estimate table,
#accessory section ul.item-list li .estimate table {
    width: auto;
    float: none;
	margin-bottom:3%;
}

#accessory section p.btn,
#accessory section .case p.btn,
#accessory section ul.item-list li p.btn{
	width:auto;
	float:none;
}

#accessory section ul.item-list li p.price {
	margin-bottom:7%;
	position: inherit;
}


#accessory section ul.list li p.btn {
    margin: 8% 0 0;
}

#accessory section ul.list li p.btn a {
    font-size: 110%;
	padding: 5% 18%;
}


#accessory section dl.estimate_appeal {
    margin-top: 7%;
}

#accessory section dl.estimate_appeal dt {
    display: block;
	width: auto;
    float: none;
	margin-bottom:2%;
	font-size: 180%;
    padding-bottom: 0;
}

#accessory section dl.estimate_appeal dd {
    width: auto;
    float: none;
    margin-right: 0;
}

}