@charset "utf-8";

#about a {
	text-decoration: underline;
}

#about h2,
#about h2+p {
	text-align: center;
}

#about .about_read {
	color: #444;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}

.about_read+.about_read {
	margin: 10px 10px 40px 10px;
}

.vision_read {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	margin: 10px 10px 20px;
}

.list_portal {
	display: block;
	margin: 0 10px 20px;
}

.list_portal dt,
.list_portal dd {
	display: block;
	min-height: 50px;
	padding: 0;
}

.list_portal dt {
	margin: 0;
	width: 160px;
}

.list_portal dd {
	margin: -50px 0 10px 170px;
}

#about p.img_outline {
	text-align: center;
	margin: 10px 0 30px 0;
}

#about p.txt_about {
	font-size: 107.8%;
	font-weight: bold;
	margin: 15px 10px 10px 10px;
	line-height: 1.4;
}

#about p.txt_about_02 {
	font-size: 12px;
	margin: 0 10px 10px 10px;
	line-height: 1.4;
}

#about span.fc_red {
	color: #DE0000;
}

#about h2 span.data_member {
	color: #DE0000;
}

#about h3 {
	color: #FFF;
	margin: 0;
	padding: 0 0 3px 1em;
	line-height: 40px;
	background: url(../../images/groundtop/bg_about_h3.gif) no-repeat;
}

#about h3.wps {
	background: url(../../images/groundtop/bg_wps_h3.gif) no-repeat;
}

#about h4 {
	border-left: 3px solid #4CAE01;
	margin: 0;
	padding: 0 0 0 5px;
	line-height: 1.2;
	background-color: transparent;
	font-size: 107.8%;
}

#about h4.wps {
	border-left: 3px solid #4E49F8;
}

.about_box_wrap {
	clear: both;
	margin-bottom: 20px;
	margin-top: 15px;
	background: url(../../images/groundtop/bg_about_box_wrap.gif) no-repeat right bottom;
	zoom: 1;
	position: relative;
}

.about_box_wrap:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.about_box_wrap_long {
	clear: both;
	text-align: center;
	margin: 15px 0 30px 0;
}

.library_list {
	margin: 0 10px 0 10px;
	border-right: 2px solid #F2F2F2;
	border-bottom: 2px solid #F2F2F2;
}

.library_list_wrap {
	zoom: 1;
}

.library_list_wrap:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.library_list_wrap h5 {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	font-size: 107.8%;
	background: url(../../images/interface/icon_arrow_top_quattro.gif) no-repeat left center;
}

.library_list_wrap p {
	margin: 0 0 15px 0;
}

.library_list_left {
	float: left;
	display: inline;
	width: 350px;
}

.library_list_right {
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	width: 350px;
}

p.about_txt {
	margin: 15px;
	line-height: 1.4;
	font-size: 107.8%;
	font-weight: bold;
}

p.txt_about-link {
	margin: 0 10px;
	font-size: 14px;
}

.link_arrow-icon a {
	background: url(../../images/interface/icon_arrow_top_quattro.gif) no-repeat left center;
	padding: 0 10px 0 17px;
}

.about_box_01 {
	float: left;
	display: inline;
	width: 350px;
	margin: 0 10px 0 10px;
}

.about_box_01 p {
	margin: 0 10px 0 0;
	line-height: 1.4;
	font-size: 107.8%;
}

.about_box_01 p.service_img {
	text-align: center;
	margin: 10px 0 10px 0;
}

.about_box_01 p.service_txt {
	padding-bottom: 10px;
}

.about_box_01 p.service_link_l {
	text-align: right;
	margin: 0 10px 10px 0;
}

.about_box_01 p.service_link_r {
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 20px;
	width: 300px;
}

.about_box_01 p.service_link_l a,
.about_box_01 p.service_link_r a {
	display: inline;
	padding: 0 0 0 17px;
	background: url(../../images/interface/icon_arrow_top_quattro.gif) no-repeat left center;
}


#about p.service_btn {
	text-align: center;
	margin-bottom: 30px;
}

#about p.service_btn a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*-------------------------------------------*/
/*	製造業企業向けサービスのご案内
/*-------------------------------------------*/
/*	共通
/*――――――――――――――――――――――――――*/
.service-list {
	font-size: 14px;
	overflow: hidden;
	width: 726px;
	margin: 1em auto 2em;
	border: 2px solid #EFEFEF;
}

.service-list dl {
	display: block;
	width: 510px;
	margin: 10px 0 10px 10px;
}

.service-list dt {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px dashed #CCCCCC;
	color: #444444;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 2px 1px #DCE6F0;
}

.service-list dd {
	display: block;
	margin: 0;
	padding: 0;
}

.service-wps-sub {
	color: #2C67A9;
	font-size: 16px;
	font-weight: bold;
}

.service-list ul,
.service-list li {
	list-style: none;
	padding: 0;
}

.service-list ul {
	margin: 0;
}

.service-list li {
	margin: .2em 0 0 0;
}

/* WEB営業力育成支援サービス */
#service-reminder {
	background: #FFFFFF url(../../images/groundtop/service-reminder_wps.png) 97% 15% no-repeat;
	background-size: auto 150px;
}

/* WEBプロモーションサービス */
#service-wps {
	background: #FFFFFF url(../../images/groundtop/service-reminder_se.png) 94% 15% no-repeat;
	background-size: auto 150px;
}

/* めざメール */
#service-mezamail {
	background: #FFFFFF url(../../images/groundtop/service-mezamail.png) 97% 15% no-repeat;
	background-size: auto 150px;
}

/* 無料SE */
#service-free {
	background: #FFFFFF url(../../images/groundtop/service-reminder_free.jpg) 100% 15% no-repeat;
}