@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#header {
	padding-bottom: 16px;
	border-bottom: 1px solid #EEF0F3;
}

#header .hInner h1 {
	display: block;
}

#gNav .navi01 a img {
	visibility: hidden;
}

#main {
	border-top: none;
}

/* スライドショー*/

#main .mainImg {
	margin: 0 auto;
	width: 1234px;
	height: 402px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#main .mainImg .sliderkit {
	width: 1234px;
	height: 402px;
	position: relative;
}

.sliderkit .sliderkit-nav {
	position: absolute;
	left: 177px;
	top: 269px;
	z-index: 10;
}

.sliderkit .sliderkit-nav-clip{
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.sliderkit .sliderkit-nav-clip ul{
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sliderkit .sliderkit-nav-clip ul li {
	margin-right: 14px;
	float: left;
}

.sliderkit .sliderkit-nav-clip ul li a {
	width:9px;
	height:9px;
	background: url(../common/img/icon02_out.gif) no-repeat;
	display: block;
	overflow: hidden;
}

.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a {
	background: url(../common/img/icon02_over.gif) no-repeat;
}

.sliderkit .sliderkit-panel {
	width: 1234px;
	background: #FFF;
	position: absolute;
	text-align: center;
	z-index: 1;
	overflow: hidden;
}

.sliderkit .sliderkit-panel-active {
	z-index: 5;
}

.sliderkit .sliderkit-panel-old {
	z-index: 4;
}

.sliderkit .sliderkit-panel img {
	width: auto;
	height: 402px;
}

#main .mainImg .sliderkit-panel span {
	display: block;
	position: relative;
}

#main .mainImg .sliderkit-panel span a {
	position: absolute;
	left: 495px;
	top: -64px;
}

#main .mainImg .sliderkit-panel span a img {
	height: 31px;
}

#main .mainImg .sliderkit-panel span a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#main .mainImg .sliderkit-go-btn{position:absolute;top:0;z-index:10;width:30px;}
#main .mainImg .sliderkit-go-prev{left:110px; top: 50%; margin-top: -15px;}
#main .mainImg .sliderkit-go-next{right:110px; top: 50%; margin-top: -15px;}
#main .mainImg .sliderkit-go-btn a{display:block;width:30px;height:30px;opacity:0.6;cursor:pointer;background-color:fff;background-repeat:no-repeat;background-position:center center;}
#main .mainImg .sliderkit-go-btn span{display: none;}
#main .mainImg .sliderkit-go-prev a{ border-radius: 0 10px 10px 0;background-image:url("../common/img/left.gif");}
#main .mainImg .sliderkit-go-next a{ border-radius: 10px 0 0 10px;background-image:url("../common/img/right.gif");}
/* /スライドショー */

/* 取扱い製品｜ソリューション｜セミナー・イベント｜サポート */
#main .linkBox {
	clear: both;
	background-color: #D2DDE1;
}

#main .linkBox ul {
	margin: 0 auto;
	width: 964px;
}

#main .linkBox li {
	float: left;
}

#main .linkBox li img {
	display: block;
}

#main .linkBox li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
/* /取扱い製品｜ソリューション｜セミナー・イベント｜サポート */

/* News｜セミナー・イベント（これから開催） */
#main .mainConts {
	padding: 21px 0 30px;
	clear: both;
	background-color: #357EC9;
}

#main .mainConts > .inner {
	margin: 0 auto;
	width: 962px;
}

/* 取り扱い製品更新情報 */
#main .productsBox {
	width: 962px;
	margin-top: 30px;
	margin-bottom: 46px;
}
#main .productsBox .outer {
	background-color: #f1f2f3;
	padding: 10px 25px 25px 25px;
}
#main .productsBox .outer .meta {
	padding-top: 15px;
	display: flex;
}
#main .productsBox .outer .meta li {
    margin-right: 4px;
}
#main .productsBox .outer .meta li:last-child {
    margin-right: 0;
}
#main .productsBox .outer .meta .tag-s {
    min-width :68px;
	min-height: 20px;
}

/* News（取り扱い製品更新）*/
#main .newsBox .outer .meta .tag_sub_cat {
	background: url(../img/index/arrow.png) no-repeat 97.5%;
	padding-top: 2px;
    min-width: 80px;
    height: 14px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
#main .newsBox .outer .meta .fortinet {
    background-color: #c62525;
}
#main .newsBox .outer .meta .emc_isilon {
    background-color: #255ac6;
}
#main .newsBox .outer .meta .verint {
    background-color: #0095f4;
}
#main .newsBox .outer .meta .qnap {
    background-color: #9237c6;
}
#main .newsBox .outer .meta .other {
    background-color: #707070;
}
#main .newsBox .outer .meta .dell_teachnologies {
    background-color: #007bc6;
	min-width: 115px;
}

#main .productsBox .outer .meta time {
    margin-left: 13px;
	margin-right: 8px;
    color: #707886;
    font-weight: bold;
    font-size: 1.2em;
}
#main .productsBox .outer .meta .body {
	font-size: 1.4em;
	line-height: 1.35;
}
#main .productsBox .outer .meta .body a {
	color: #0a5bae;
}




/* News */
#main .newsBox {
	width: 374px;
	float: left;
}

#main .comH202 {
	padding-bottom: 5px;
}

#main .newsBox .outer {
	background: url(../img/index/news_bg.png) no-repeat left bottom;
}

#main .newsBox .inner {
	padding: 10px 0;
	background: url(../img/index/sub_news_bg.png) no-repeat left top;
}

#main .newsBox .comNews {
	padding: 0;
}

#main .newsBox .comNews > a {
	padding: 11px 36px 11px 23px;
	display: block;
	position: relative;
}

#main .newsBox .comNews .meta {
	margin-bottom: 1px;
}

#main .newsBox .comNews .body {
	color: #0a5bae;
	font-size: 1.4em;
	line-height: 1.35;
}

#main .newsBox .comNews a .more {
	width: 372px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: "";
	display: none;
	background: url(../img/index/more_bg.png) repeat left top;
}

#main .newsBox .comNews a .more img {
	position: absolute;
	right: 12px;
	top: 15px;
}

#main .newsBox .comNews a:hover .more {
	display: block;
}
/* /News */

/* セミナー・イベント（これから開催） */
#main .mainConts .eventBox {
	width: 570px;
	float: right;
}

#main .mainConts .eventBox > .outer {
	background: url(../img/index/event_bg.png) no-repeat left bottom;
}

#main .mainConts .eventBox > .outer > .inner {
	padding-right: 2px;
	background: url(../img/index/sub_event_bg.png) no-repeat left top;
}

#main .mainConts .eventBox .comEvent .detail {
	padding: 0;
}

#main .mainConts .eventBox .comEvent .detail a {
	padding: 15px 24px 10px;
	min-height: 41px;
	display: block;
	position: relative;
}

#main .mainConts .eventBox .comEvent .detail a .date .time {
	color: #000;
}

#main .mainConts .eventBox .comEvent .detail a p {
	color: #000;
}

#main .mainConts .eventBox .comEvent .detail a:hover p {
	text-decoration: none;
}

#main .mainConts .eventBox .comEvent .detail a .text {
	color: #707886;
}

#main .mainConts .eventBox .comEvent .detail a .text span {
	margin-right: 0;
	padding-left: 15px;
	display: inline-block;
	color: #707886;
	background: url(../common/img/icon04.png) no-repeat left 1px;
}

#main .mainConts .eventBox .comEvent .detail a .text span span {
	margin-left: 25px;
	padding-left: 0;
	display: inline-block;
	color: #707886;
	background: none;
}

#main .mainConts .eventBox .comEvent .detail a .more {
	width: 568px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: "";
	display: none;
	background: url(../img/index/more_bg.png) repeat left top;
}

#main .mainConts .eventBox .comEvent .detail a .more img {
	position: absolute;
	right: 12px;
	top: 15px;
}

#main .mainConts .eventBox .comEvent .detail a:hover .more {
	display: block;
}
/* 一覧 */
#main .mainConts > .inner .more {
	margin-top: -2px;
	position: relative;
	text-align: right;
	border-right: 2px solid #1D60AD;
}

#main .mainConts > .inner .more span {
	padding: 7px 9px 6px 24px;
	display: inline-block;
	background: #FFF url(../img/index/link_bg.png) no-repeat left bottom;
}

#main .mainConts > .inner .more span a {
	padding-right: 20px;
	display: inline-block;
	font-size: 1.3em;
	background: url(../common/img/icon03.gif) no-repeat right 4px;
}
/* /一覧 */

#main .banner {
	padding: 50px 0 44px;
	clear: both;
	background-color: #DBE3E6;
}

#main .banner ul {
	margin: 0 auto;
	width: 1020px;
}

#main .banner li {
	padding: 0 30px;
	width: 280px;
	height: 110px;
	float: left;
	overflow: hidden;
}

#main .banner li img {
	width: 280px;
	height: auto;
	display: block;
}

#main .banner li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}