@charset "utf-8";

/*--------メインビジュアル---------*/
.topMainvisual {
  background-image: url("../images/bk_main.png")
  /*background-color:#002896;*/
}
.mainvisualIn {
	position:relative;
	background: url(../images/img_main.jpg) repeat-x 0 0;
    text-align: left;
    width: 1220px;
    margin: 0 auto;
    height: 409px;
}
.main_catch{
	margin-bottom:20px;
}
p.trial{
	position:absolute;
	top:293px;
	left:116px;
	margin-top:0;
}
/*------------サブナビ--------------*/

#subNaviBase {
	/*------background: url("../images/bg_subNaviBase.gif") repeat scroll 0 0 transparent;-----*/
	border-bottom: 1px solid #dadada;
	width: 100%;
	background-color: #fff;
	z-index:2;
}
#subNaviBase.fixed {
	left: 0;
	position: fixed;
	top: 0;
}
#subNaviArrow {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	display: table;
}
#subNaviArrow li {
	display: table-cell;
}
.subNavi {
	background-color: #fff;
	display: table;
	width: 954px;
	margin-right: auto;
	margin-left: auto;
}
.subNavi li {
	display: table-cell;
	text-align: center;
	width: 16%;
	height: 61px;
}
.subNavi li a {
	display: block;
	height: 58px;
	font-size: 14px;
	line-height: 1.1em;
	font-weight: bold;
}
.subNavi li a:link {
	color: #003576;
	text-decoration: none;
}
.subNavi li a:visited {
	color: #003576;
	text-decoration: none;
}
.subNavi li a:hover {
	color: #003576;
	text-decoration: none;
	border-bottom: 3px solid #003576;
}
.subNavi li.active a {
	border-bottom: 3px solid #003576;
}
.subNavi li a.logIn:link {
	color: #bf0000;
	text-decoration: none;
}
.subNavi li a.logIn:visited {
	color: #bf0000;
	text-decoration: none;
}
.subNavi li a.logIn:hover {
	color: #bf0000;
	text-decoration: none;
	border-bottom: 3px solid #bf0000;
}
.subNavi li.active a.logIn {
	border-bottom: 3px solid #bf0000;
}
.subNavi01 {
	display: block;
	padding-top: 22px!important;
}
.subNavi02 {
	display: block;
	padding-top: 15px;
}
/*------------コンテンツボックス--------------*/
.contBlock02Wrap {
	background-color: #f4f4f4;
}
.contBlock03Wrap {
	background-color: #dce8f9;
	text-align: center;
    padding-top: 57px;
    padding-bottom: 57px;
}

/*-------------横3列ボックス-------------*/
.box3pcs dt {
	background-color: #078d48;
}
.box3pcs dl {
	border: 1px solid #078d48;
}
/*-----------------下部お問い合わせ------------------*/
.contactArea {
  background-color: #002896;
}


/*------------諸々-------------*/
.text19 {
	font-size: 19px!important;
}
.margin80{
	margin-bottom:80px;
}
.pt20{
	padding-top:20px;
}
h1{
	padding-left:65px;
	padding-top:50px;
	}

.contBlock h3, .contBlock h2{
	color:#002896;
	}
	
.contBlock h2 {
    font-size: 42px;
    font-weight: bold;
    line-height: 54px;
}	
.subNavi li {
    width: auto;
}

.supoort .bnrBox {
	background-color: #d6eddb;
/*	height:46px;*/

}

.supoort{
	margin-bottom: 50px;

}
.bnrArea h4{
	margin-bottom:15px;
	border:none!important;
	color:#333;
}
	}

/*------------お知らせ-------------*/
.oshirase_box{
	background-color:#f0f0f5;
	padding:20px 0 5px;
	
	}

.oshirase_box_In{
	font-size:14px;
	width:840px;
	line-height:1.5;
	height:73px;
	overflow-y: scroll;
	float:left;
	margin-bottom:10px;
	}
.oshirase_box_In .new{
	color:#bf0000;
	font-weight:bold;
	display:inline-block;
	width:55px;
	}
.oshirase_box_In .blank{
	width:55px;
	display:inline-block;
	}			
.oshirase_box_In dt{
	float:left;
	width:190px;
	margin-bottom:5px;
	}
.oshirase_box_In dd{
	float:left;
	width:630px;
	margin-bottom:5px;
	}
.icon_oshirase{
	width:114px;
	float:left;
	}
.oshirase_list{
	text-align:left;
	}
.oshirase_list dt{
	width:130px;
	}
.oshirase_list dd{
	width:824px;
	}
.oshirase_list dt, .oshirase_list dd{	
	float: left;
	border-top: 1px solid #cfcfcf;
	line-height: 1.5;
	padding: 15px 0;
}
.oshirase_text{
	border-top: 1px solid #cfcfcf;
	padding-top:15px;
	}	
.oshirase_text p{
	font-size:14px;
	line-height: 1.5;
	}				
/*------------ハイブリッドクラウド構成・他-------------*/
.hybrid{
	border: 4px solid #002896;
	padding:100px 0 0 56px;
	position:relative;
	}
.hybrid h2{
	position:absolute;
	top:-27px;
	left:297px;
	background-color: #ffffff;
}

.hybrid dl{
	text-align:left;
	width:388px;
	padding-right:57px;
	margin-bottom:80px;
}

.hybrid dt{
	font-size:26px;
	font-weight:bold;
	margin-bottom:10px;
}
.hybrid dd{
	font-size:18px;
	line-height:1.4;
}
.hybrid dd.txt01{
	height:75px;
}

.tokucyo dl{
	width:477px;
	text-align:left;
	margin-bottom:50px;
	
	}
.tokucyo h3{
	font-size:30px;
	margin-bottom:10px;
	line-height: 1.4;
	}	
.tokucyo dd{
	font-size:18px;
	line-height:1.4;
	width:432px;
}	

/*------------サービス仕様-------------*/
.serviceIcon .table_default{
	border: none;
	margin:0;
	}

.serviceIcon .table_default td{
	padding-top:20px;
	border:none;
	}
.serviceIcon span{
	display:block;
	font-size:16px;
	padding-top:10px;
	padding-bottom:20px;
	}	

/*------------事例-------------*/	
.jirei_top{
	margin-bottom:20px;
	
	}
.jireiBox{
	border-top: 1px solid #e3e3e3;
	height: 250px;
	}	
.logoH{
	height: 95px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	width:293px;
	}
.jireiText01{
	padding-top: 30px;
	padding-bottom: 0px;
	}
.jireiText02{
	padding:0 15px;
	}		
	
/*------------newマーク-------------*/
#new{
	position:relative;
	}
.icon_new{
	position:absolute;
	top:-13px;
	left:-15px;
		}
/*------------サービス・ソリューション　トグル-------------*/
.field-case {
    text-align: left;
	
}
.field-case dt{
	margin-bottom: 10px;
	border-left: 3px solid #002896;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	background-color:#fff;
	}
.field-case dt p{
    height: 100px;
    display: table-cell;
    vertical-align: middle;
}
dt p.serviceName{
	color:#002896;
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
	width:170px;
	padding-left:20px;
	padding-right:7px;
	}
dt p.category{
	width:130px;
	}	
.field-case dd{
	background-color:#EDF7FF;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:20px;
	
}
.field-case dd p{
    line-height:1.8;
	font-size:15px;
}
.field-case dt p span {
    padding-left: 0px;
	color:#bf0000;
}	
dd p.serviceName{
	color:#002896;
	font-size:23px;
	font-weight:bold;
	line-height:1.3;
}
dd p.serviceName span{
	color:#333;
	font-size:16px;
	font-weight:normal;
}
.solution_txt{
	float:right;
	width:375px;
	font-size:15px;
	
	}
dd p.solution_txt span{
	font-size:22px;
	font-weight:bold;
}
.solution_comment{
	background-color:#FCF5D9;
	font-size:27px;
	font-weight:bold;
	text-align:center;
	line-height:1.7;
	padding:30px 0;
}
/*------------トップ（選ばれる理由）-------------*/
.reason ul{
	width:100%;
	text-align:center;
	margin:0 auto;
}
.reason li{
	margin-right:94px;
}
.reason li:last-child{
	margin-right:0!important;
}
.reason ul dd{
	width:250px;
	font-size:16px;
	line-height:1.6;	
}
.reason .hybrid{
	/*z-index:1;*/
	overflow:visible;
	padding:20px;
	height:170px;
}
.reason .hybrid h2{
	margin:0;
	position:absolute;
	font-size:30px;
	left:357px;
}
.reason .hybrid p.icon{
	position:absolute;
	top:36px;
	left:33px;
	margin-top:0;
}
.reason .hybrid ul{
	position:absolute;
	top:39px;
	left:173px;
}
.reason .hybrid li{
	width:78%;
	line-height:1.5;
	padding-bottom:10px;
}
.reason .hybrid li:first-child{
	border-bottom:solid 1px #888;
}
img.icon_jirei{
	margin:-7px 0 0 15px;
}