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

	.prod a:after{clear:both; display:block; visibility:hidden; height:1.5em; content:"."; }
	.prod .img{width:30%; float:left; position:relative; border:#eee 2px solid;}
	.prod .img img{width:100%; vertical-align:bottom; }
	.prod .img .view{position:absolute; background:#1d3679; color:#fff; top:0; right:0; display:inline-block; padding:0.5em;}
	.prod a:hover .view{background:#58c668;}
	.prod .txt{float:right; width:67%;}
	.prod a h3{color:#000; font-size:1.3em; padding-top:0.5em;}
	.prod a p{font-size:1em; color:#666; padding:0.5em 0 1em;}
	.prod .more{text-align:right;}

.prodDetail .img{ text-align:center; padding:1em 0; border-top:#eee 3px solid; border-bottom:#58c668 3px solid;}
	.prodDetail .img img{vertical-align:bottom;}
	.prodDetail .img a:hover{background:none;}
	.prodDetail h2{padding-bottom:1em; color:#1f439b; font-size:1.2em; font-weight:bold; padding-top:1em;}
	.prodDetail h3{padding-bottom:1em; color:#58c668; font-size:1.1em; font-weight:bold;}
	.prodDetail ul{margin-left:1.5em; padding-bottom:2em;}
	.prodDetail li{list-style:square; padding-bottom:0.8em;}

.pdtb{width:100%; border-collapse:collapse; margin-bottom:2em;}
	.pdtb th{background:#1d3679; color:#fff; padding:0.8em 0.3em; border-left:#fff 1px solid; text-align:center;}
	.pdtb th:first-child{border-left:none;}
	.pdtb td{padding:0.8em 0.3em; border:#ccc 1px dashed; text-align:center;}
	.pdtb td.title{background:#58c668; color:#fff; text-align:left;}
	.pdtb td p{padding:0;}
	
	.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
	
@media screen and (max-width: 1920px) {
}

@media screen and (max-width: 1680px) {
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
}


@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 768px) {
	.prod .img{width:100%; float:none;}
	.prod .txt{float:none; width:100%;}
	
	.prodDetail .txt{width:100%; overflow-x:scroll;}
}

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

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 320px) {
}