@charset "utf-8";

.parts_image_box {
	text-align:center;
	width:460px;
	float:left;
}
.parts_image_box img{
	width:460px;
	height:auto;
}
.parts_image_box p{
	text-align:left;
}
.accordion_h2 {
	/*cursor:pointer;*/
}
.parts_box {
	margin:0 0 40px;
	display:none;
	clear:both;
}
.parts_box:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.parts_box ul {
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	float:right;
	width:480px;
	
    max-height: 420px;
    overflow: auto;
    overflow-x: hidden;
}
.parts_box ul li {
	/*float:left;
	width:50%;*/
	list-style: none;
	position:relative;
}
.parts_box ul li a {
    font-size: 1.2em;
	display:block;
	background : -moz-linear-gradient(50% -5.56% -90deg,rgba(255, 255, 255, 1) 0%,rgba(222, 222, 222, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	background : -webkit-gradient(linear,50% -5.56% ,50% 104.89% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(222, 222, 222, 1) ));
	background : -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	padding:10px;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	text-decoration:none;
}
.parts_box ul li a.cr,
.parts_box ul li a:hover {
	color:#fff;
	background : -moz-linear-gradient(50% 0.77% -90deg,rgba(129, 191, 218, 1) 0%,rgba(49, 150, 193, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(129, 191, 218, 1) 0%, rgba(49, 150, 193, 1) 100%);
	background : -webkit-gradient(linear,50% 0.77% ,50% 94.68% ,color-stop(0,rgba(129, 191, 218, 1) ),color-stop(1,rgba(49, 150, 193, 1) ));
	background : -o-linear-gradient(-90deg, rgba(129, 191, 218, 1) 0%, rgba(49, 150, 193, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(129, 191, 218, 1) 0%, rgba(49, 150, 193, 1) 100%);
	background : linear-gradient(180deg, rgba(129, 191, 218, 1) 0%, rgba(49, 150, 193, 1) 100%);
}
.parts_box ul li a span.maru {
   /* font-weight: bold;
    color: #3196c1;*/
    margin-right: 5px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display:inline-block;
	height:23px;
	width:23px;
	vertical-align:middle;
	background-position:left top;
	background-repeat:no-repeat;
}
.parts_box ul li a span.maru.maru1{background-image:url(../../images/maru_01_off.png);}
.parts_box ul li a span.maru.maru2{background-image:url(../../images/maru_02_off.png);}
.parts_box ul li a span.maru.maru3{background-image:url(../../images/maru_03_off.png);}
.parts_box ul li a span.maru.maru4{background-image:url(../../images/maru_04_off.png);}
.parts_box ul li a span.maru.maru5{background-image:url(../../images/maru_05_off.png);}
.parts_box ul li a span.maru.maru6{background-image:url(../../images/maru_06_off.png);}
.parts_box ul li a span.maru.maru7{background-image:url(../../images/maru_07_off.png);}
.parts_box ul li a span.maru.maru8{background-image:url(../../images/maru_08_off.png);}
.parts_box ul li a span.maru.maru9{background-image:url(../../images/maru_09_off.png);}
.parts_box ul li a span.maru.maru10{background-image:url(../../images/maru_10_off.png);}
.parts_box ul li a span.maru.maru11{background-image:url(../../images/maru_11_off.png);}
.parts_box ul li a span.maru.maru12{background-image:url(../../images/maru_12_off.png);}
.parts_box ul li a span.maru.maru13{background-image:url(../../images/maru_13_off.png);}
.parts_box ul li a span.maru.maru14{background-image:url(../../images/maru_14_off.png);}
.parts_box ul li a span.maru.maru15{background-image:url(../../images/maru_15_off.png);}
.parts_box ul li a span.maru.maru16{background-image:url(../../images/maru_16_off.png);}
.parts_box ul li a span.maru.maru17{background-image:url(../../images/maru_17_off.png);}
.parts_box ul li a span.maru.maru18{background-image:url(../../images/maru_18_off.png);}
.parts_box ul li a span.maru.maru19{background-image:url(../../images/maru_19_off.png);}

.parts_box ul li a.cr span.maru.maru1{background-image:url(../../images/maru_01_on.png);}
.parts_box ul li a.cr span.maru.maru2{background-image:url(../../images/maru_02_on.png);}
.parts_box ul li a.cr span.maru.maru3{background-image:url(../../images/maru_03_on.png);}
.parts_box ul li a.cr span.maru.maru4{background-image:url(../../images/maru_04_on.png);}
.parts_box ul li a.cr span.maru.maru5{background-image:url(../../images/maru_05_on.png);}
.parts_box ul li a.cr span.maru.maru6{background-image:url(../../images/maru_06_on.png);}
.parts_box ul li a.cr span.maru.maru7{background-image:url(../../images/maru_07_on.png);}
.parts_box ul li a.cr span.maru.maru8{background-image:url(../../images/maru_08_on.png);}
.parts_box ul li a.cr span.maru.maru9{background-image:url(../../images/maru_09_on.png);}
.parts_box ul li a.cr span.maru.maru10{background-image:url(../../images/maru_10_on.png);}
.parts_box ul li a.cr span.maru.maru11{background-image:url(../../images/maru_11_on.png);}
.parts_box ul li a.cr span.maru.maru12{background-image:url(../../images/maru_12_on.png);}
.parts_box ul li a.cr span.maru.maru13{background-image:url(../../images/maru_13_on.png);}
.parts_box ul li a.cr span.maru.maru14{background-image:url(../../images/maru_14_on.png);}
.parts_box ul li a.cr span.maru.maru15{background-image:url(../../images/maru_15_on.png);}
.parts_box ul li a.cr span.maru.maru16{background-image:url(../../images/maru_16_on.png);}
.parts_box ul li a.cr span.maru.maru17{background-image:url(../../images/maru_17_on.png);}
.parts_box ul li a.cr span.maru.maru18{background-image:url(../../images/maru_18_on.png);}
.parts_box ul li a.cr span.maru.maru19{background-image:url(../../images/maru_19_on.png);}

.parts_box ul li a.cr span.maru {
    /*color: #ffffff;*/
}
.parts_box .btn_reference {
	position:absolute;
	top:10px;
	right:10px;
	border:none;
	padding:0px;
	background:none;
}
.parts_box .btn_reference:hover {
	background:none;
	opacity:0.8;
}
.parts_box li.title {
    background: #808080;
    color: #fff;
    margin: 0;
    padding: 10px;
    font-size:120%;
    font-weight:bold;
}

.swap .description ul li {
	float: none;
	width: 100%;
}
.swap .description ul li a {
	padding: 0 10px;
}
	.swap .description ul li dl {
		width: 100%;
		overflow: hidden;
		background: url(../image/bg_line.gif) left top repeat-y;
	}
	.swap .description ul li dt {
		width: 30.5%;
		float: left;
		padding-top: 10px;
		padding-bottom:10px;
	}
	.swap .description ul li dd {
		width: 66%;
		float: right;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom:10px;
		position: relative;
	}
	.swap .description ul li dd a {
		padding: 0;
	}
	.swap .description ul.dd_reference li dd {
		/*width: 65%;*/
	}

/* max-width:768px
-----------------------------------------------------------*/
@media screen and (max-width:768px){
	.parts_image_box {
		text-align:center;
		width:100%;
		float:none;
	}
	.parts_image_box img {
		width:100%;
		height:auto;
	}
	.parts_box {
		margin:0 0px 40px;
	}
	.parts_box ul{
		float:none;
		width:auto;
        max-height: 230px;
        overflow: auto;
        overflow-x: hidden;
	}
	.parts_box ul li {
		list-style: none;
	}
	.parts_box ul li a {
		padding:10px;
	}
	.accordion_h2 {
		cursor:pointer;
		background-image:url(../image/bt_open_off.png);
		background-position: 10px 12px;
		background-repeat:no-repeat;
		padding-left:35px;
	}
	.accordion_h2_cr {
		cursor:pointer;
		background-image:url(../image/bt_close_off.png);
		background-position: 10px 12px;
		background-repeat:no-repeat;
		padding-left:35px;
	}
	.swap .description ul li a {
		padding: 10px 10px 0;
	}
	.swap .description ul li dt,
	.swap .description ul li dd {
		float: none;
		width: 100%;
	}
	.swap .description ul li dt {
		padding: 0;
	}
	.swap .description ul li dd {
		border-left: none;
		padding: 0 0 0 30px;
	}
	.swap .description ul li dl {
		background-image: none;
	}
}

/* max-width:768px
-----------------------------------------------------------*/
@media screen and (max-width:768px){
.parts_box ul li a {
	height:auto !important;
}
.swap .description ul li{
  width:auto;
}
.swap .description ul li dt,
.swap .description ul li dd{
  width:auto;
}
.swap .description ul li a{
  padding-bottom:5px;
}
}

/* max-width:568px
-----------------------------------------------------------*/
@media screen and (max-width:568px){

}