@charset "Shift_JIS";

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

*{
	margin: 0;
	padding: 0;
}

#ht_set{
	width:934px;
	border:1px solid #d5d5d5;
	padding: 10px 8px;
	margin-bottom: 20px;
	zoom: 1;
}

#ht_set a{
	text-decoration: none;
	cursor: pointer;
}

#ht_set ul{
	list-style-type : none ;
}

#ht_set span.exchange{
	display: none;
}

#ht_set .main_img{
	zoom: 1;
	margin-bottom: 10px;
}

#ht_set .main_img img{
	float:left;
}

#ht_set .main_text{
	margin-bottom: 30px;
}

#ht_set .main_text img.fr{
	float:right;
	margin-right: 30px;
}

#ht_set .main_text p{
	margin: 0 0 10px 32px;
	font-size: 18px;
}

#ht_set .main_text p.gray{
	font-size: 11px;
	color:gray;
}

#ht_set img.fl{
	float: left;
	zoom:1;
}

#ht_set .bar_set{
	zoom: 1;
	background-color: #e1e2e9;
	position:relative;
}

#ht_set .bar_set h2 img{
	position:absolute;
	top:10px;
	left:10px;
}

#ht_set .bar_set img.bar_img{
	padding-top: 76px;
}

#ht_set .bar_set_text{
	width:474px;
	height:448px;
	float: right;
	position:relative;
	top:76px;
	zoom: 1;
}

#ht_set .bar_set_text h3{
	position: absolute;
	top:0px;
	left:31px;
}

#ht_set .bar_set_text .li01{
	position: absolute;
	top:76px;
	left:31px;
}

#ht_set .bar_set_text .li02{
	position: absolute;
	top:132px;
	left:31px;
}

#ht_set .bar_set_text .li03{
	position: absolute;
	top:188px;
	left:31px;
}

#ht_set .bar_set_text .ht-st3_link{
	width:426px;
	height:102px;
	background-color: #fff;
	position: absolute;
	top:285px;
	left:31px;
	position: relative;
}

#ht_set .bar_set_text .ht-st3_link .pic1{
	position: absolute;
	top:19px;
	left:175px;
}

#ht_set .bar_set_text .ht-st3_link .pic2{
	position: absolute;
	top:19px;
	left:14px;
}

#ht_set .bar_set_text .ht-st3_link .pic3{
	position: absolute;
	top:63px;
	left:14px;
}

#ht_set .bar_set_text span.ht_link{
	position: absolute;
	bottom:10px;
	left:31px;
	width: 384px;
	padding: 6px 0px 6px 42px;
	background-color: #fff;
	color: #000;
	background-image: url("../images/arrow.jpg");
	background-repeat: no-repeat;
	background-position: 30px center;
}

#ht_set .component_set{
	zoom: 1;
	background-color: #ebdfd8;
	position:relative;
}

#ht_set .component_set img.component_img{
	padding-top: 76px;
}

#ht_set .component_set h2 img{
	position: absolute;
	top:10px;
	left:10px;
}

#ht_set .component_set_text{
	width:474px;
	height: 306px;
	float: right;
	background-color:#ebdfd8;
	position: relative;
	top:76px;
	zoom: 1;
}

#ht_set .component_set_text h3{
	position: absolute;
	top:0px;
	left:31px;
}

#ht_set .component_set_text p{
	position: absolute;
	top:85px;
	left:31px;
}

#ht_set .component_set_text img.compo_link{
	position: absolute;
	bottom:10px;
	left:31px;
}

.x8500a_link{
	width:500px;
	margin:0 auto;
	position:relative;
	padding-bottom: 30px;
	border: solid 1px #000;
}

.x8500a_link img{
	margin-right: 10px;
}

.x8500a_link p{
	padding-left: 5px;
	background-color: #000;
	color:#fff;
}

.x8500a_link .KD-65X8500A_link{
	position: absolute;
	top:31px;
	left:40px;
}

.x8500a_link .KD-65X8500A_link a,
.x8500a_link .KD-55X8500A_link a{
	vertical-align:middle;
}

.x8500a_link .KD-65X8500A_link img,
.x8500a_link .KD-55X8500A_link img{
	vertical-align:middle;
}

.x8500a_link .KD-55X8500A_link{
	position: absolute;
	top:31px;
	right:40px;
}


@media (max-width:640px){

	#ht_set{
		width:100%;
		border:none;
		padding: 0;
	}
	
	#ht_set img{
		margin:0 auto;
	}
	
	#ht_set .sp_img{
		width:100%;
		height:auto;
		text-align: center;
	}
	
	#ht_set p.series_name{
		display:none;
	}
	
	#ht_set img.exchange{
		display: none;
	}
	
	#ht_set span.exchange{
		display: block;
	}
	
	#ht_set #main_img img{
		float:none;
	}
	
	#ht_set h1,
	#ht_set h2{
		font-size: 17px;
	}
	
	#ht_set h1{
		margin-bottom: 15px;
	}
	
	#ht_set img.fl{
		float: none;
	}
	
	#ht_set .center{
		text-align: center;
		margin-bottom: 15px;
	}
	
	#ht_set .main_text p{
		margin-left: 0;
	}
	
	#ht_set .main_text img.fr{
		float:none;
		margin-right: 0;
	}
	
	#ht_set .bar_set,
	#ht_set .component_set{
		padding-top: 10px;
	}
	
	#ht_set .bar_set img.bar_img,
	#ht_set .component_set img.component_img{
		padding-top: 0;
	}
	
	#ht_set .bar_set h2 span.exchange,
	#ht_set .component_set h2 span.exchange{
		padding: 7px;
		background-color: #fff;
		margin:0 10px 10px 10px;
	}
	
	#ht_set .bar_set_text,
	#ht_set .component_set_text{
		float:none;
		width:94%;
		height:auto;
		padding: 3%;
	}
	
	#ht_set .bar_set_text ul{
		padding-left:0;
	}
	
	#ht_set .bar_set_text,
	#ht_set .bar_set_text h3,
	#ht_set .bar_set_text .li01,
	#ht_set .bar_set_text .li02,
	#ht_set .bar_set_text .li03,
	#ht_set .bar_set_text .ht-st3_link,
	#ht_set .bar_set_text .ht-st3_link .pic1,
	#ht_set .bar_set_text .ht-st3_link .pic2,
	#ht_set .bar_set_text .ht-st3_link .pic3,
	#ht_set .bar_set_text span.ht_link,
	#ht_set .component_set_text,
	#ht_set .component_set_text h3,
	#ht_set .component_set_text p,
	#ht_set .component_set_text img.compo_link,
	.x8500a_link,
	.x8500a_link .KD-55X8500A_link,
	.x8500a_link .KD-65X8500A_link{
		position:static;
	}
	
	#ht_set .bar_set_text .ht-st3_link{
		padding: 5% 0;
		width:100%;
		height:auto;
	}
	
	#ht_set .bar_set_text span.ht_link{
		display: block;
		width:95%;
		padding: 3% 0px 3% 5%;
		background-position: 2% center;
		margin-bottom:5px;
	}
	
	#ht_set .component_set_text span.compo_btn{
		background-color: #f5efec;
		padding: 3% 2% 3% 2%;
		color:#000;
		margin-bottom:5px;
	}
	
	#ht_set a:hover{
		text-decoration: none;
	}
	
	.x8500a_link{
		width:99%;
		padding-bottom: 0;
	}
	
	.x8500a_link .KD-55X8500A_link,
	.x8500a_link .KD-65X8500A_link{
		text-align: center;
		padding: 7px;
		font-size: 13px;
	}
	
	.x8500a_link .KD-55X8500A_link{
		margin-bottom: 0.8em;
	}
	
}