/* CSS Document */


/* ページ見出し
/////////////////////////////////////////*/

.pagetitle {
	background: url(../service/img/bg_pagetitle.gif) no-repeat;
}

h2 {
	padding: 41px 0 0;
}

.pagetitle p {
	padding: 42px 0 5px;
}


/* ITコンサルティング
/////////////////////////////////////////*/

.contents_box {
	padding: 13px 15px 0 15px;
}


#consulting {
	background: url(../service/img/bar_consulting.gif) no-repeat;
}

.all_service {
	background: url(../service/img/bg_allservice_bottom.gif) no-repeat 0 bottom;
	margin: 13px 0 0;
}

.all_service h4 span {
	font-weight: bold;
	padding: 0 0 0 24px;
	background: url(../common/img/ico_third_title.gif) no-repeat 11px 50%;
}

.all_service h4 {
	background: url(../service/img/bg_allservice_top.gif) no-repeat;
	padding: 4px 0;
}

.all_service ul {
	overflow: hidden;
	padding: 0 0 8px 11px;
}

.all_service li {
	float: left;
	margin: 0 5px 0 0;
}

.all_service .etc {
	margin: 0 0 0 20px;
}

.flow a,.manage_example a,.support_example a {
	text-decoration: underline;
}

.flow h4,.manage_example h4,.support_example h4 {
	background: url(../service/img/bg_flow_title.gif) repeat-x bottom;
	margin: 13px 0 0;
}


.flow h4 span,.manage_example h4 span,.support_example h4 span {
	font-weight: bold;
	color: #4dbce9;
	padding: 13px;
	background: url(../service/img/ico_flow_title.gif) no-repeat 3px 50%;
}

.flow ol {
	margin: 11px 0 0;
	line-height: 0;
}

.flow p,.manage_example p  {
	padding: 4px 0 0 10px;
}




/* ITシステム構築
/////////////////////////////////////////*/

#construct {
	background: url(../service/img/bar_construct.gif) no-repeat;
}



/* ITシステム運用管理
/////////////////////////////////////////*/

#manage {
	background: url(../service/img/bar_manage.gif) no-repeat;
}

.manage_example ul {
	width: 661px;
	overflow: hidden;
	margin: -27px 0 0;
	font-size: 0px;
}

.manage_example li {
	float: left;
	margin: 0 0 0 37px;
	padding: 40px 0 0;
}

.manage_example .right_image {
	margin: 0 0 0 73px;
}

.manage_example dd {
	margin: 19px 0 0;
}




/* ITシステムサポート
/////////////////////////////////////////*/

#support {
	background: url(../service/img/bar_support.gif) no-repeat;
}

.trouble {
	padding: 11px 0 0 212px;
}

.isolation {
	padding: 0 0 0 81px;
}

.difficulty {
	overflow: hidden;
	padding: 4px 16px 0 10px;
}

.software {
	float: left;
}

.hardware {
	float: right;
}

.hardware ol {
	font-size: 0px;
}

.difficulty p {
	margin: 210px 0 0;
}



/* パートナー募集
/////////////////////////////////////////*/

#partner {
	background: url(../service/img/bg_partner.gif) no-repeat left bottom;
	margin: 51px 0 0;
}

.message {
	margin: 15px 0 0 15px;
	background: url(../service/img/bg_partner_message_bottom.gif) no-repeat left bottom;
	line-height: 1.5;
}

.message dt {
	background: url(../service/img/bg_partner_message.gif) no-repeat;
	padding: 6px 0 0 21px;
	font-weight: bold;
}

.message dd {
	padding: 5px 35px 9px 20px;
}

.reference {
	padding: 12px 0 22px 22px;
	overflow: hidden;
}

.reference dt {
	background: url(../common/img/ico_third_title.gif) no-repeat 0 0.5em;
	font-weight: bold;
	padding: 0 0 0 13px;
}

.tel_number {
	margin: 14px 0 0;
}

.tel_number,.contact_btn {
	float: left;
}

.tel_number span {
	display: block;
	margin: 10px 0 0;
}

.contact_btn {
	margin: 7px 0 0 18px;
}


/* コンタクト
/////////////////////////////////////////*/

.main_contact {
	padding: 11px 11px 12px;
	background: url(../service/img/bg_contact.gif);
	overflow: hidden;
	margin: 53px 0 0;
}

.main_contact_type{
	float: left;
	padding: 2px 0 0;
}

.main_contact_type p {
	padding: 14px 0 0;
}

.main_contact_btn {
	float: right;
}



/* サイド
/////////////////////////////////////////*/

.side_menu .side_consulting {
	background: url(../service/img/ico_side_consulting.gif) no-repeat 12px 10px;
	padding: 11px 0 13px 36px;	
}

.side_menu a:hover .side_consulting {
	background: url(../service/img/ico_side_consulting_on.gif) no-repeat 12px 10px;
}

.side_menu .side_construct {
	background: url(../service/img/ico_side_construct.gif) no-repeat 15px 10px;
	padding: 11px 0 13px 36px;
}

.side_menu a:hover .side_construct {
	background: url(../service/img/ico_side_construct_on.gif) no-repeat 15px 10px;

}

.side_menu .side_manage {
	background: url(../service/img/ico_side_manage.gif) no-repeat 11px 9px;
	padding: 11px 0 13px 36px;
}

.side_menu a:hover .side_manage {
	background: url(../service/img/ico_side_manage_on.gif) no-repeat 11px 9px;
}

.side_menu .side_support {
	background: url(../service/img/ico_side_support.gif) no-repeat 13px 9px;
	padding: 11px 0 13px 36px;
}

.side_menu a:hover .side_support {
	background: url(../service/img/ico_side_support_on.gif) no-repeat 13px 9px;
}
