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

/* 共通 */
#video_title{
	width: 100%;
	height: 100px;
	background-image: url(../img/video_head_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#video_title h2{
	width: 972px;
	margin: 3px auto 0px auto;
	color: #6A6A6A;
	font-size: 25px;
	font-weight: normal;
	padding-top: 25px;
	padding-left: 20px;
}

.video_subtitle{
	width: 100%;
	height: auto;
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px 0;
}
.video_subtitle h3{
	width: 972px;
	margin: 3px auto 0px auto;
	border-bottom: solid 1px #000;
	color: #000;
	font-size: 20px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.video_subtitle h4{
	width: 972px;
	margin: 3px auto 0px auto;
	color: #000;
	font-size:15px;
	line-height:1.6em;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom:15px;
	padding-left: 10px;
}

#video_navi{
	width: 100%;
	height: 80px;
}

#video_navi .box{
	width:972px;
	margin:0px auto 0px auto;
	padding-left:6px;
}

#video_navi .box ul{}
#video_navi .box li{
	width:155px;
	margin-right:6px;
	float:left;
}

#video_navi .box li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
#video_navi p {
	width: 972px;
	font-weight: bold;
	margin: 0px auto 5px auto;
	font-size: 11px;
	color: #D01619;
}

#video_navi p img {
  transition: 0.5s;
  padding-right: 0px;
}	


#video_navi p img:hover {
	opacity: 0.6;
  transition: 0.5s;
}




#video_wrapper {
	padding-bottom: 30px;
}
#video_wrapper #video_container {
	width: 972px;
	margin: 0 auto;
}

#video_wrapper #container {
	width: 962px;
	margin: 0 auto;
}

#video_navi .video_title {
	width: 972px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #6A6A6A;
}

#video_wrapper #video_container #videosel li {
	padding: 20px 0;	
}
#video_wrapper #video_container #videosel li .video_frame {
	width: 962px;
	margin: 0 auto;
}
#video_wrapper #video_container #videosel li .video_frame .thumb_frame {
	float: left;
	margin-right: 20px;
	border: solid 1px #CCC;
	padding: 2px 1px 1px 1px;
}

#video_wrapper #video_container #videosel li .video_frame .pdf_thumb_frame {
	float: left;
	position: relative;
	margin-right: 20px;
	border: solid 1px #CCC;
	width: 280px;
	height: 169px;
	text-align: center;
}
/*動画部分*/
#video_wrapper #container #youtube {
	width: 808px;
	margin: 0 auto;
	text-align: center;
}
/*選択中の動画に枠*/
.current {
	border: 3px solid #B7282C;
}

#video_wrapper #container ul {
	display: inline-block;
	text-align: center;	
}
#video_wrapper #container ul li {
	display: inline-block;
	width: 186px;
	height: 110px;
	float: left;
	padding: 8px;	
}
/*リボン*/
.ribbon {
 	position: absolute;
    display: inline-block;
    right: 210px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    background: #d93131;
    width: 100px;
	color: #FFF;
    padding: 3px 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}


#video_wrapper #video_container #videosel li .video_frame .thumb_frame img {
	width: 280px;
}

#video_wrapper #video_container #videosel li .video_frame .pdf_thumb_frame img {

}

#video_wrapper #video_container #videosel li .video_frame .desc_frame {
	width: 650px;
	float: left;
}

.video_frame .desc_frame .video {
	background-image: url(../img/video.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.video_frame .desc_frame .pdf {
	background-image: url(../img/pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#video_wrapper #video_container #videosel li .video_frame .desc_frame .desc_title {
	font-size: 20px;
	width: 650px;
	padding: 0px 0 0px 60px;
	border-bottom: solid 1px #666666;
	margin-bottom: 20px;
}
#video_wrapper #video_container #videosel li .video_frame .desc_frame .desc_subtitle {
	font-size: 16px;
	padding-bottom: 10px;
}
#video_wrapper #video_container #videosel li .video_frame .desc_frame .bizinfo_frame {
	padding-right: 10px;
}
#video_wrapper #video_container #videosel li .video_frame .desc_frame .bizinfo01 {
	padding-bottom: 5px;
}
#video_wrapper #video_container #videosel li .video_frame .desc_frame .bizinfo02 {

}
#video_wrapper #video_container #videosel li .video_frame .desc_frame .relation_link {
	padding-bottom: 5px;
}

#video_wrapper #container .notsee {
	text-align: center;
	padding: 20px 0 30px 0;
}

/* シリーズ (製品ページの関連製品でも使用)------------------------- */
#video_wrapper #container h3 {
	background-color: #D01619;
	color: #FFF;
	padding: 5px 0 5px 10px;
	font-weight: normal;
	font-size: 13px;
	width: 942px;
}
.series_frame{}
/* 基本枠 */
.series_frame .box{
	margin-top:15px;
	margin-right:8px;
	border:1px solid #999;
	width:310px;
	height:160px;
	float:left;
}
/* マーク */
.series_frame .new{
	background-image: url(../../products/kwcs/img/series_bg_new.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.series_frame .best{ background:url(../products/kwcs/img/series_bg_best.gif) right top no-repeat;}
/* 製品詳細 */
.series_frame .title{ width:290px; height:45px; padding:10px 10px 0px 10px; line-height:120%; display: block ;}
.series_frame .pict{ width:110px; float:left; padding-left:5px;}
	/*------　右フレーム*/
.series_frame .right_frame{ width:195px; height:105px;float:right; font-size:12px;line-height:22px;}
	/*------　モデル名*/
.series_frame .right_frame .model{font-size:10px;}	
.series_frame .right_frame .model span{ font-size:16px;margin-left:5px; font-weight:bold}
	/*------　ロックタイプ*/
.series_frame .right_frame .lock{ margin:3px 0px 0px 3px}	

/* ボックス内リンク */
.series_frame .box a{text-decoration:none; color: #333; cursor:pointer}
.series_frame .box a:hover{text-decoration:none; color: #999;}

.series_frame .box a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/*追加*/
#video_wrapper #video_container #videosel .clearfix .video_frame a:hover {
	text-decoration: none;
}
/*お問い合わせリンクボタン*/
.inq_link{
	clear:both;
	text-align: center;
	padding: 40px 0 10px 0 ; 
}