@charset "utf-8";

div#contents{
	position:relative;
	top:53px;
	width:100%;
}

div#contents div#topicPath a:link ,div#contents div#topicPath a:visited{
	color:#333;
	text-decoration:none;
}

div#contents div#topicPath a:hover{
	color:#b11e28;	
}

div#contents div#topicPath a:active{
	color:#E2E0D5;
}


/* カテゴリタイトルとパンくずリスト*/
div#contents h1{
	width:100%;
	height:60px;
	padding-top:23px;
	text-indent:35px;
	font-weight:normal;
	font-size:30px;
	margin:0;
	background:#E4E2D7 url(../images/h1_bg.png) no-repeat right;
}




div#topicPath{
	width:100%;
	border-bottom:#E6E7E8 1px solid;	
	text-indent:25px;
	margin:0;
}
div#topicPath p{
	margin:7px 0;
}


div#topicPath a, div#topicPath span{
	padding:0 10px;	
	font-size:12px;
	
}

div.serviceCategory{
	width:100%;
	border-top:1px #E6E7E8 solid;
	border-bottom:1px #E6E7E8 solid;
	margin-bottom: 70px;
}

/* ITサービス、サポートカテゴリコンテンツ　*/

div#contents h2{
	width:960px;
	font-size:34px;
	font-weight:200;
	clear:both;
	margin:50px auto 70px;
	color:#B11E28;
}

div#contents div.serviceCategory h2{
	padding-top:10px;
	padding-bottom:15px;
	margin:0 auto;
	font-size:35px;
	font-weight:600;
	letter-spacing: 1px;
}

div#contents div.serviceCategory h2.H2style {
	color:#4D4D4D;
}

div#contents div.serviceCategory h2 span{
	font-size:14px;
	font-weight:normal;
	margin-left:10px;
}

div#contents div.categoryItem h3{
	font-size:34px;
	font-weight:200;
	margin-top:0;
	margin-bottom:25px;
}

div#contents div.categoryItem h3.smallH3{
	font-size:27px;
}


div#contents div.categoryItem{
	clear:both;
	overflow:hidden;
	width:960px;
	margin:30px auto 0;

}

div#contents div.categoryItemEnd{
	background:none;	
}


div#contents div.categoryItem h2,div#contents div.categoryItem h2 span,div#contents div.categoryItem p {
	color:#4D4D4D;
}


div#contents div.categoryItem p {
	line-height:1.8;	
	margin-top:10px;
	font-size:15px;
}

div#contents div.categoryItem p span.red{
	color:#B11E28
}


div#contents div.categoryItem p a{
	display:block;
	width:95px;
	margin-top:25px;
	padding:15px 30px;
}

div#contents div.categoryItem p a:link,div#contents div.categoryItem p a:visited{
	background-color:#999;
	color:#fff;	
}

div#contents div.categoryItem p a:hover{
	background-color:#bbb;
	color:#fff;
}

div#contents div.categoryItem p a:active{
	background-color:#999;
	color:#fff;	
}




div#contents div.categoryItemLeft{
	position:relative;
	float:left;
	width:125px;
	margin-right:50px;
}	


div#contents div.categoryItemCenter{
	float:left;
	width:550px;
	margin-bottom:60px;
}	

div#contents div.categoryItemRight{
	float:right;
	margin-bottom:60px;
	margin-right:60px;
}