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

/*++++++++++++++++++++++++++++++ HOME ++++++++++++++++++++++++++++++*/
/*++++++++++ slide ++++++++++*/
.slideBox{
	border-bottom:1px solid #e5e5e5;
	padding:0 0 0;
	background:#f5f5f5;
	position:relative;
	width:100%;
}
.slideBox .slideImg{
	border-bottom:1px solid #e5e5e5;
	position:relative;
}
.slideBox .slideImg li{
	top:0;
	right:0;
	left:0;
	width:100%;
	height:500px;
	text-align:center;
	position:relative;
	overflow:hidden;
	z-index:0;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
}
/*.slideBox .slideImg li .sldImage{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	overflow:hidden;
	z-index:0;
}
.slideBox .slideImg li .sldImage img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	max-width: 100%;
	max-height:100%;
	margin: auto;
}*/

#slideImg_01{
	background-image:url(/share/images/home/sldImage01.jpg);
}
#slideImg_02{
	background-image:url(/share/images/home/sldImage02.jpg);
}
#slideImg_03{
	background-image:url(/share/images/home/sldImage03.jpg);
}
#slideImg_04{
	background-image:url(/share/images/home/sldImage04.jpg);
}
#slideImg_05{
	background-image:url(/share/images/home/sldImage05.jpg);
}


/*.slideBox .slideImg li .sldImage:after, .slideBox .slideImg li .sldImage > span.after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: url(../../common/images/bg_grad.png) center center no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 100;
}*/

.slideBox .slideImg li .sldText{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	height:100%;
	max-width:1100px;
	left:50%;
	margin-left:-550px;
}
@media screen and (max-width: 1500px) {
.slideBox .slideImg li{
	text-align:center;
}
.slideBox .slideImg li .sldText{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
}
.slideBox .slideImg #slideImg_01 .sldText img{
	margin-left:155px;
}
.slideBox .slideImg #slideImg_02 .sldText img{
	margin-left:-180px;
}
.slideBox .slideImg #slideImg_05 .sldText img{
	margin-left:180px;
}
}
@media screen and (max-width: 1350px) {
.slideBox .slideImg #slideImg_03 .sldText img{
	margin-left:100px;
}
}
/*.slideBox .slideImg li .sldText img{
	width:100%;
	height:auto;
}
*/
.slideBox .slideTmb{
	width:1098px;
	margin:19px auto;
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
	left:50%;
	margin-left:-549px;
	text-align:center;
	height:158px;
	height:120px;
	margin-top:43px;
	margin-top:33px;
	position:relative;
}
.slideBox .slideTmb li{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	width:210px;
	height:120px;
	width:206px;
	height:116px;
	margin-right:12px;
	background:#fff;
}
.slideBox .slideTmb li:last-child{
	margin-right:0;
}
.slideBox .slideTmb li img{
	display:block;
}


.bx-pager a {
	display:block;
	width:206px;
	height:116px;
	padding:1px;
	border:1px solid #dddddd;
	background:#fff;
	/*-webkit-transition: border-color 0.5s;
    -moz-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    -ms-transition: border-color 0.5s;*/
    transition:border-color 0.5s;
	position:relative;
}  
.bx-pager a.active,
.bx-pager a:hover{
	/*padding:0;*/
	border:1px solid #006c61;
}
.bx-pager a.active img,
.bx-pager a:hover img{
	opacity:0.5;
	transition: all 0.3s;
}
.bx-pager a.active:before,
.bx-pager a:hover:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 24px solid #006c61;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
	position:absolute;
	left:50%;
	top:-24px;
	margin-left:-22px;
}

.slideBtn li{
	display:block;
	width:18px;
	height:30px;
	position:absolute;
	top:50%;
	margin-top:-73px;
}
.slideBtn li.prevBtn{
	left:163px;
}
@media screen and (max-width: 1500px) {
.slideBtn li.prevBtn{
	left:5%;
}
}
.slideBtn li.nextBtn{
	right:163px;
}
@media screen and (max-width: 1500px) {
.slideBtn li.nextBtn{
	right:5%;
}
}
.slideBtn a{
}
.slideBtn{
}

/*++++++++++ contents ++++++++++*/
.phoneBox{
	color:#333;
	text-align:center;
	padding-top:27px;
	border-bottom:1px solid #ddd;
}
.phoneBox .phoneNmb{
	font-size:23px;
}
.phoneBox .phoneNmb strong{
	display:block;
	font-size:45px;
	font-weight:bold;
}
.phoneBox .sptDesx{
	font-size:15px;
	margin-top:-9px;
}
.phoneBox .sptDesx strong{
	font-size:20px;
	font-weight:normal;
}
.phoneBox .orgBtnBox{
	width:500px;
	margin:11px auto 30px;
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
}
.phoneBox .orgBtnBox .orgBtn{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	width:228px;
	margin:0 10px;
	padding:20px 0;
}

.topCntH2{
	line-height:1;
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
	margin-bottom:30px;
	margin-top:-1px;
}


.topCntH2 strong{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	font-size:24px;
	font-weight:bold;
	border-right:1px solid #d2d2d2;
	padding-right:14px;
	line-height:1;
	padding-top:4px;
	padding-bottom:2px;
	letter-spacing:-0.5px;
}
.topCntH2 span{
	margin-top:-3px;
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	font-size:15px;
	color:#fff;
	width:125px;
	height:27px;
	text-align:center;
	margin-left:13px;
	vertical-align:middle;
	padding-top:6px;
	padding-bottom:6px;
	height:15px;
}

.topCntH2_02{
	line-height:1;
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
	margin-bottom:30px;
	margin-top:-1px;
}


.topCntH2_02 strong{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	font-size:24px;
	font-weight:bold;
	border-right:1px solid #d2d2d2;
	padding-right:14px;
	line-height:1;
	padding-top:4px;
	padding-bottom:2px;
	letter-spacing:-0.5px;
}
.topCntH2_02 span{
	margin-top:-3px;
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	font-size:15px;
	color:#fff;
	width:220px;
	height:27px;
	text-align:center;
	margin-left:13px;
	vertical-align:middle;
	padding-top:6px;
	padding-bottom:6px;
	height:15px;
}

.sec_product .topCntH2_02 span{
	background:#2F2F39;
}
.sec_contents .topCntH2 span{
	background:#006c61;
}
.sec_service .topCntH2 span{
	background:#1d2d41;
}
.sec_performance .topCntH2 span{
	background:#1a99aa;
}
.sec_topics .topCntH2 span{
	background:#ff5a00;
}

a.detail{
	display:block;
	border:2px solid #006c61;
	line-height:1;
	text-align:center;
	color:#006c61;
	padding:15px 0 11px;
	font-size:15px;
}
a.detail:hover{
	border:2px solid #006c61;
	background:#006c61;
	color:#fff;
}
a.dl_doc{
	width:200px;
	margin:20px auto 0;
	color:#1a99aa;
	font-size:14px;
	background:url(/share/images/icon_download.png) no-repeat 0 0;
	padding-left:22px;
}
a.dl_doc:hover{
	text-decoration:underline;
}

/*テレビ会議／Web会議製品*/
.contentsLst2{
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
	width:1131px;
	margin-right:-31px;
}
.contentsLst2 li{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	width:535px;
	margin-right:30px;
	margin-bottom:40px;
	vertical-align:top;
}
.contentsLst2 li .imgLnk{
}
.contentsLst2 li .imgLnk:hover img{
	opacity: 0.6;
}

/*コンテンツ*/
.contentsLst{
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
	width:1131px;
	margin-right:-31px;
}
.contentsLst li{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	width:345px;
	margin-right:32px;
	margin-bottom:40px;
	vertical-align:top;
}
.contentsLst li .imgLnk{
}
.contentsLst li .imgLnk:hover img{
	opacity: 0.6;
}
.contentsLst li h3{
	line-height:1.5;
	color:#006c61;
	font-size:18px;
	font-weight:bold;
	margin-top:16px;
	margin-bottom:10px;
}
.contentsLst li h3 a{
	color:#006c61;
}
.contentsLst li h3 a:hover{
	text-decoration:underline;
}
.contentsLst li p{
	font-size:15px;
	line-height:1.6;
	letter-spacing:-0.25px;
}
.contentsLst li a.detail{
	margin-top:20px;
}

/*サービス*/
.serviceLst{
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
	width:1098px;
	padding-top:13px;
	padding-bottom:9px;
	padding-right:1px;
	padding-left:1px;
	background:url(/share/images/home/bg_serviceLst.png) repeat-y 0 0;
}
.serviceLst li{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	width:296px;
	padding-right:35px;
	padding-left:35px;
	box-sizing:content-box;
	margin-bottom:40px;
	vertical-align:top;
	text-align:center;
}
.serviceLst li .imgLnk{
}
.serviceLst li .imgLnk:hover img{
	opacity: 0.6;
}
.serviceLst li h3{
	line-height:1.5;
	color:#1d2d41;
	font-size:18px;
	font-weight:bold;
	margin:14px auto 11px;
}
.serviceLst li h3 a{
	color:#1d2d41;
}
.serviceLst li h3 a:hover{
	text-decoration:underline;
}
.serviceLst li p{
	font-size:15px;
	line-height:1.6;
	letter-spacing:-0.25px;
	width:200px;
	margin:0 auto;
}
.serviceLst li a.detail{
	/*width:200px;*/
	margin:12px auto 7px;
}






/*実績*/
.perfCatch h3{
	font-size:24px;
	font-weight:bold;
	margin-top:35px;
	margin-bottom:15px;
}
.perfCatch p{
	font-size:15px;
}
.sec_performance .orgBtn{
	display:block;
	width:280px;
	margin:auto;
}
.performanceLst{
	letter-spacing:-0.2em;
	word-spacing:-0.2em;
	width:1120px;
	margin-right:-20px;
	margin-top:35px;
	margin-top:-11px;
	margin-bottom:36px;
}
.performanceLst li{
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/display:block;
	/zoom:1;
	width:260px;
	margin-top:46px;
	vertical-align:top;
	margin-right:20px;
}
.performanceLst li .imgLnk{
}
.performanceLst li img{
	border:1px solid #ddd;
}
.performanceLst li .imgLnk:hover img{
	opacity: 0.6;
}
.performanceLst li h4{
	line-height:1.5;
	color:#1d2d41;
	font-size:15px;
	font-weight:bold;
	margin:15px auto 12px;
}
.performanceLst li h4 a{
	color:#1d2d41;
}
.performanceLst li h4 a:hover{
	text-decoration:underline;
}
.performanceLst li p{
	font-size:15px;
	line-height:1.6;
	letter-spacing:-0.25px;
	margin:16px 0 12px;
}
.sec_performance .orgBtn{
	padding-top:21px;
	padding-bottom:16px;
}

/*トピックス*/
.sec_topics .sectionInr{
	overflow:hidden;
}
.sec_topics .sectionLft{
	width:890px;
	float:left;
}
.sec_topics .sectionRht{
	width:190px;
	float:right;
}
.topicsLst{
	margin-top:34px;
	margin-bottom:40px;
}
.topicsLst li{
	border-bottom:1px solid #ddd;
	overflow:hidden;
	padding-bottom:14px;
	margin-bottom:9px;
	vertical-align:top;
}
.topicsLst li .date{
	width:98px;
	width:230px;
	float:left;
	font-size:15px;
	text-align:left;
}
.topicsLst li .date abbr{
	margin-left:5px;
	font-size:12px;
}
.topicsLst li .cate{
	color:#fff;
	text-align:center;
	width:90px;
	float:left;
	font-size:12px;
	line-height:1;
	padding:3px 0;
	margin-top:3px;
}
.topicsLst li .cat1{
	background:#1d2d41;
}/*お知らせ*/
.topicsLst li .cat4{
	background:#1a99aa;
}/*社長の日記*/
.topicsLst li .cat2{
	background:#006c61;
}/*スタッフ日誌*/
.topicsLst li .cat3{
}/*開発者日記*/
.topicsLst li .news{
}/*News*/
.topicsLst li .cat5{
}/*日刊・アイディアの泉*/
.topicsLst li .cate a{
	color:#fff;
}
.topicsLst li .cate a:hover{
	text-decoration:underline;
}
.topicsLst li p{
	font-size:15px;
	margin-left:208px;
	margin-left:330px;
}
.topicsLst li p a{
	color: #0c0404;
}
.topicsLst li p a:hover{
	text-decoration:underline;
}

/*メールマガジン*/
.mailmagazineBox{
	border:1px solid #ddd;
	color:#1d2d41;
	padding:20px 10px 9px;
	margin-top:11px;
	margin-bottom:10px;
}
.mailmagazineBox .title{
	font-size:16px;
	font-weight:bold;
	padding-left:47px;
	padding-top:3px;
	background:url(/share/images/icon_mailmagazine.png) no-repeat 0 0;
}
.mailmagazineBox .emailTtl{
	font-size:11px;
	margin:6px 0 2px;
}
.formBox{
	border:1px solid #ddd;
	overflow:hidden;
}
.formBox input{
	display:inline;
	float:left;
}
.formBox .formtxt{
	border:none;
	width:127px;
	width:116px;
	height:38px;
}
.formBox .formbtn{
	width:49px;
	height:38px;
	border:0;
	border-left:1px solid #ddd;
}
.sslBtn a{
	display:block;
	background:#ff5a00;
	color:#fff;
	font-size:13px;
	text-align:center;
	line-height:40px;
	margin-top:9px;
}
.backnumberBtn a{
	display:block;
	background:#1a99aa;
	color:#fff;
	font-size:13px;
	border:1px solid #ddd;
	text-align:center;
	line-height:38px;
	margin-top:9px;
}

/*人気コンテンツ*/
.popularBox{
	border:1px solid #ddd;
}
.popularBox .title{
	background:#e8ebed;
	text-align:center;
	color:#333;
	font-size:13px;
	font-weight:bold;
	padding:9px 0 8px;
	line-height:1;
}
.popularBox ul{
	margin:9px 10px 11px;
}
.popularBox li{
	margin-bottom:2px;
	vertical-align:middle;
	padding:0;
	line-height:1.2;
}
.popularBox li a{
	font-size:12px;
	color:#141414;
	text-align:left;
	margin-left:2px;
	vertical-align:middle;
}
.popularBox li a:hover{
	text-decoration:underline;
}
.popularBox li img{
	vertical-align:middle;
}





/*++++++++++++++++++++++++++++++ 下層 ++++++++++++++++++++++++++++++*/
/*++++++++++  ++++++++++*/
/* ------------------------------
	base
------------------------------ */

html {
}

body {
	background: #e7e7e7 url(/share/img/cmn_img/bg_contents_back.gif) repeat-y center top;
	background-image:none;
	background-color:#fff;
	background:url(/share/img/products/h2_back.gif) repeat-x left 186px;
}
#page {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
}
/* ------------------------------
	base_hader
------------------------------ */
#base_hader{
	background-image:none;
}
#contents_sub_p div.pankuzu {
	background-image:none;
}
#contents_sub_p div.pankuzu a:hover{
	text-decoration:underline;
}