@charset "utf-8";
/*css_ver:1.00 :20160621*/
/*-------------------
***************
動画ギャラリー
/products/gallery/index.asp
***************
-------------------*/

.h2_wrapper { float: left; }
#movie_gallary { width:670px; float: left; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
#movie_gallary dl { margin-bottom: 40px; width: 320px; }
#movie_gallary dl.last { margin-bottom: 10px; }
#movie_gallary dl.left { float: left }
#movie_gallary dl.right { float: right }
#movie_gallary dl dt { font-size: 16px; line-height: 24px; border-left: #cdcdcd solid 5px; margin-bottom: 15px; }
#movie_gallary dl dt.one {
	 padding: 17px 0 17px 15px;
}
#movie_gallary dl dt.two {
	 padding: 5px 0 5px 15px;
}
#movie_gallary dl dd { width: 305px; height: 173px; }

#movie_gallary h3{margin:0px 0 15px;padding:10px;font-size:16px;font-weight:bold;color:#000;background:#f4f4f4 !important;border-left:5px solid #86b81b;}
#movie_gallary h3 span{ font-size:14px; padding-left:10px; font-weight:normal;  }
.site .topicpath { position: relative; }
.site .topicpath .fb-like { position: absolute; left: 840px; top: 15px; }

/*活用事例ギャラリー*/
.gallary h2,.gallary .h2_wrapper{float:none !important;}
.sort_wrapper{width:676px;height:36px;margin:20px auto 0;padding-left:4px;background:url("/web/jp/products/gallery/images/tab_line.png") 0 100% repeat-x;}
#sort {width:676px;height:36px;margin:0 auto;}
#sort li{width:163px;height:36px;display:block;float:left;margin-left:4px;text-indent:-9999px;list-style-type:none;}
#sort li#KeyAll{background:url("/web/jp/products/gallery/images/tab01.png") 0 0 no-repeat;}
#sort li#KeyAsp{background:url("/web/jp/products/gallery/images/tab02.png") 0 0 no-repeat;}
#sort li#KeySeikyu{background:url("/web/jp/products/gallery/images/tab03.png") 0 0 no-repeat;}
#sort li#KeyKikaku{background:url("/web/jp/products/gallery/images/tab04.png") 0 0 no-repeat;}
#sort li:hover,#sort li.select{cursor:pointer;background-position:0 100% !important;}

.gallary .inner{margin:0 10px 20px 10px;}
.gallary .inner img{margin-bottom:0;}
a.asp,a.seikyu,a.kikaku{display:block;width:160px;height:288px;float:left;margin:20px 0 0 10px;font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.asp p,.seikyu p,.kikaku p{width:160px;height:25px;text-align:center;color:#fff;font-size:14px;line-height:25px;}
.asp img,.seikyu img,.kikaku img{display:block;}
.asp div,.seikyu div,.kikaku div{border:1px solid #ccc;}
.asp p{background:#2d67a3;}
.seikyu p{background:#297f3a;}
.kikaku p{background:#e19140;}
.asp dl,.seikyu dl,.kikaku dl{width:158px;height:102px;}
.asp dt,.seikyu dt,.kikaku dt{padding:10px 5px 0 5px;height:38px;font-size:13px;font-weight:bold;color:#1d54a7;line-height:1.2;}
.asp dd,.seikyu dd,.kikaku dd{padding:0 5px 0 5px;height:54px;font-size:12px;font-weight:normal;color:#333;line-height:1.2;}

/*------------------------
hover　70%指定
------------------------*/
a.asp:hover,a.seikyu:hover,a.kikaku:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  cursor:pointer;
}
a.asp img:hover,a.seikyu img:hover,a.kikaku img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  cursor:pointer;
}
/*-------------------
micro clearfix
-------------------*/

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both }
.cf { zoom: 1 } /* For IE 6/7 */