@charset "utf-8";
/* CSS Document */
/********************************************************************
	index.css
*********************************************************************/

/*========================================================
	ワイドスライダー
==========================================================*/
.wideslider {
	width: 100%;
	height: 320px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
	border: 2px solid #FFF;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/*========================================================
	導入事例
==========================================================*/
#jireiWap {
	background-color:#faf9f9;
	padding:20px 0px;
	border-bottom:1px solid #CCCCCC;
}
/*----------------------------------------------------------
	bxSlider CSSカスタム
----------------------------------------------------------*/
.jireiBox {
	width:1020px;
	margin:0px auto;
	padding:0px;
	height:350px;
}
/*--- リンク ---*/
.jireiBox a:link, .jireiBox a:visited {
	color:#000;
	text-decoration: none;
}
.jireiBox a:hover, .jireiBox a:active {
	color: #e60012;
	text-decoration: none;
}
.jireiBox h2 {
	font-size:18px;
	margin:0px 0px 10px 30px;
	padding:0px 0px 0px 20px;
	border-left:#e60012 solid 3px;
	position:relative;
}
.jireiBox h2 span {
	font-size:12px;
	padding:0px 0px 0px 20px;
	background-image: url(../common/img/pic_arr01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position:absolute;
	top:5px;
	right:30px;
}
.bxslider1 li div {
	width:310px;
	height:260px;
	margin:0px auto;
	background-color:#FFF;
	border: 1px solid #CCC;
	overflow:hidden;
}

.bxslider1 li div .rogo {
	width:280px;
	height:120px;
	text-align:center;
	margin:0px auto 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	overflow:hidden;
}
/*-- PDFマークを外す --*/
.bxslider1 li div .rogo a[href$=".pdf"] {   
    background:none;
	padding-right:0px; 
} 
.bxslider1 li div .rogo a.pdf{   
    background:none;
	padding-right:0px; 
}
/*---------------------*/

.bxslider1 li div .name {
	background-image: url(../common/img/pic_arrow02.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
	width:265px;
	margin:0px auto 10px;
	font-size: 14px;
	font-weight: bold;
	line-height:1.6;
}
.bxslider1 li div .text {
	width:280px;
	margin:0px auto 10px;
	line-height:1.7;
}
/*========================================================
	イベント情報
==========================================================*/
#eventWap {
	background-color:#ffffff;
	padding:20px 0px;
}
.eventBox {
	width:960px;
	margin:0px auto;
}
.eventBox h2 {
	font-size:18px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	border-left:#e60012 solid 3px;
	position:relative;
}
.eventBox h2 span {
	font-size:12px;
	padding:0px 0px 0px 20px;
	background-image: url(../common/img/pic_arr01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position:absolute;
	top:5px;
	right:0px;
}
.eventBox .event {
	width:960px;
	list-style:none;
}
.eventBox .event li {
	width:960px;
	line-height:1.6;
	margin:0px auto 8px;
	padding:0px 0px 8px 0px;
	background-image: url(../common/img/line_bg_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.eventBox .event .icon_tj {
	background-image: url(../common/img/event_icon_tenji.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left:100px;
}
.eventBox .event .icon_sm {
	background-image: url(../common/img/event_icon_semi.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left:100px;
}
/*--- リンク ---*/
.eventBox a:link, .eventBox a:visited {
	color:#000;
	text-decoration: none;
}
.eventBox a:hover, .eventBox a:active {
	color: #e60012;
	text-decoration: none;
}
/*========================================================
	お知らせ
==========================================================*/
#newsWap {
	background-color:#f8f8f8;
	padding:20px 0px;
}
.newsBox {
	width:960px;
	margin:0px auto;
}
.newsBox h2 {
	font-size:18px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	border-left:#e60012 solid 3px;
	position:relative;
}
.newsBox h2 span {
	font-size:12px;
	padding:0px 0px 0px 20px;
	background-image: url(../common/img/pic_arr01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position:absolute;
	top:5px;
	right:0px;
}
.newsBox .news {
	width:960px;
	margin:0px auto 8px;
	padding:0px 0px 8px 0px;
	background-image: url(../common/img/line_bg_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.newsBox .news dt {
	float:left;
	width:120px;
	padding-left:100px;
	font-weight:bold;
	line-height:1.6;
	margin:0px;
}
.newsBox .news .icon_ir {
	background-image: url(../common/img/news_icon_ir.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.newsBox .news .icon_ns {
	background-image: url(../common/img/news_icon_news.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.newsBox .news .icon_ev {
	background-image: url(../common/img/news_icon_event.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.newsBox .news dd {
	line-height:1.6;
	float:left;
	width:730px;
}
/*--- リンク ---*/
.newsBox a:link, .newsBox a:visited {
	color:#000;
	text-decoration: none;
}
.newsBox a:hover, .newsBox a:active {
	color: #e60012;
	text-decoration: none;
}




/*========================================================
	ソリューション
==========================================================*/
#solWap {
	background-color:#ffffff;
	padding:20px 0px;
}
.solBox {
	width:960px;
	margin:0px auto;
}
.solBox .sol01 {
  width: 235px;
  float: left;
}
.solBox .sol02 {
  width: 705px;
  float: right;
}
.solBox h2 {
	font-size:18px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	border-left:#e60012 solid 3px;
	position:relative;
}
.solBox h2 span {
	font-size:12px;
	padding:0px 0px 0px 20px;
	background-image: url(../common/img/pic_arr01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position:absolute;
	top:5px;
	right:0px;
}
.solBox ul {
	list-style:none;
}
.solBox ul li {
	width:235px;
	height:143px;
	float:left;
	margin:0px;
	padding:0px;
}
/*--- リンク ---*/
.solBox a:link, .solBox a:visited {
	color:#000;
	text-decoration: none;
}
.solBox a:hover, .solBox a:active {
	color: #e60012;
	text-decoration: none;
}


/*========================================================
	ワイドエリアコンテンツ
==========================================================*/
.wideconts {
	width:100%;
	height:323px;
	background-image: url(../img/img_01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
	background-color: #f5f5f5;
}

.wideconinner {
	width:480px;
	margin:0px auto 0px;
	padding:40px 480px 0px 0px;
}
.wideconinner .linktxt {
	font-size:20px;
	font-weight:bold;
	background-image: url(../common/img/pic_arrow01.gif);
	background-repeat: no-repeat;
	background-position: left 11px;
	padding:0px 0px 0px 20px;
}