@charset "utf-8";

/* TOPページ */
.inner_wrapper {
	margin: 0 auto;
	width: 980px;
}
.top , .b_system{
	background-color: #cadfed;
}
.top div  {
	height: 350px;
}
.introduction     , .b_system, .erp_title, .erp_main, .edi_title, .edi_main, .ets_title, .ets_main{
	padding: 40px 0;
}
.introduction h2 {
	margin-top: 0px;
}
.b_system h2 {
	font-size: 30px;
	margin: 0;
	font-weight: normal;
}
.b_system ul {
	margin-top: 20px;

}
.b_system li {
	list-style-type: none;
	display: inline-block;
	margin-right: 31px;
	border-radius: 10px;
	background-color: #ffffff;
	vertical-align: top;
	-webkit-box-shadow: 0px 0px 10px #;
	box-shadow: 0px 0px 10px #;
	-webkit-box-shadow: 0px 0px 7px #999999;
	box-shadow: 0px 0px 7px #999999;
}
.b_system li:last-child {
	margin-right: 0px;
}
.b_system a {
	display: block;
	width: 300px;
	height: 315px;
	border: 1px solid #999999;
	border-radius: 10px;
}
.b_system a:hover {
	opacity: 0.7;
}
#to_erp {
	background: url(../images/ERP.png) no-repeat 50% 20%;
	background-size: 50% auto;
}
#to_edi {
	background: url(../images/EDI.png) no-repeat 47% 20%;
	background-size: 50% auto;
}
#to_ets {
	background: url(../images/ETS.png) no-repeat 50% 20%;
	background-size: 53% auto;
}
.b_system img {
	position: relative;
	left: 105px;
	top: 200px;
}
.b_system p {
	position: relative;
	display: inline-block;
	width: 300px;
	text-align: center;
	top: 220px;
	color: #3d3d3d;
}


/* 3システム共通 */
.erp_title .inner_wrapper div , .edi_title .inner_wrapper div, .ets_title .inner_wrapper div{
	padding-top: 32px;
}
.erp_title h2 , .edi_title h2, .ets_title h2{
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 28px;
}
.main_l {
	width: 744px;
	margin-right: 27px;
	display: inline-block;
	vertical-align: top;
}
.main_r {
	display: inline-block;

}
.main_r li {
	border: 1px solid #999999;
	margin-top: -1px;
}
.main_r li:first-child {
	margin-top: 0px;
}
.main_r a {
	width: 186px;
	height: 24px;
	padding: 10px 0 10px 15px;
	display: inline-block;
}
.erp_main p , .edi_main p, .ets_main p{
	margin-bottom: 40px;
}
.erp_main dl , .edi_main dl, .ets_main dl{
	margin: 20px 0 0;
}
.erp_main dd , .edi_main dd, .ets_main dd{
	margin: 0;
	padding-bottom: 30px;

}
.erp_main dd:last-child , .edi_main dd:last-child, .ets_main dd:last-child{
	padding-bottom: 0px;
}
.b_img1  {
	margin-top: 35px;

}
.b_img2 {
	margin-top: 10px;
}


/* ERP */
.erp_title {
	background-color: #ffe9f6;
}
.erp_title .inner_wrapper {
	background: url(../images/ERP.png) no-repeat 100% 50%;
	background-size: 20% auto;
	height: 180px;
}
.erp_main .main_r a {
	color: #E9606F;
	text-decoration: none;
}
.erp_main .main_r a:hover {
	background-color: #FFE9F6;
}
.erp_main .visit  {
	color: #ffffff;
	padding: 10px 0 10px 15px;
	background-color: #e9606f;
}
.erp_main h3 {
	margin-top: 0px;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 2px solid #E9606F;
	color: #E9606F;
	padding-bottom: 10px;
}
.erp_main dt {
	color: #e9606f;
	font-size: 20px;
	padding-bottom: 5px;
}
#erp1 {
	background-image: url(../images/p1.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
#erp2 {
	background-image: url(../images/p2.png);
	background-repeat: no-repeat;
	background-position: 0% 0;
	padding-left: 45px;
	padding-top: 5px;
}
#erp3 {
	background-image: url(../images/p3.png);
	background-repeat: no-repeat;
	background-position: 0% 0;
	padding-left: 45px;
	padding-top: 5px;
}
#erp4 {
	background-image: url(../images/p4.png);
	background-repeat: no-repeat;
	background-position: 0% 0;
	padding-left: 45px;
	padding-top: 5px;
}
.erp_main table {
	width: 744px;
	border-collapse: collapse;
	margin-top: -10px;
	margin-bottom: 50px;
}
.erp_main th {
	border: 1px solid #999999;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-left: 25px;
	width: 30%;
	background-color: #FFE9F6;
	color: #E9606F;
}
.erp_main td {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 25px;
}


/* EDI */
.edi_title {
	background-color: #ffdec7;
}
.edi_title .inner_wrapper {
	background: url(../images/EDI.png) no-repeat 100% 50%;
	background-size: 20% auto;
	height: 180px;
}
.edi_main .main_r a {
	color: #f29739;
	text-decoration: none;
}
.edi_main .main_r a:hover {
	background-color: #FFDEC7;
}

.edi_main .visit {
	color: #ffffff;
	padding: 10px 0 10px 15px;
	background-color: #f29739;
}
.edi_main h3 {
	margin-top: 0px;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 2px solid #F29739;
	color: #F29739;
	padding-bottom: 10px;
}
.edi_main dt {
	color: #F29739;
	font-size: 20px;
	padding-bottom: 5px;
}
#edi1 {
	background-image: url(../images/o1.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
#edi2 {
	background-image: url(../images/o2.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
#edi3 {
	background-image: url(../images/o3.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}

.edi_main table {
	width: 744px;
	border-collapse: collapse;
	margin-top: -10px;
	margin-bottom: 50px;
}
.edi_main th {
	border: 1px solid #999999;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-left: 25px;
	width: 30%;
	background-color: #FFDEC7;
	color: #F29739;
}
.edi_main td {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 25px;
}


/* ETS */
.ets_title {
	background-color: #d1e9f2;
}
.ets_title .inner_wrapper {
	background: url(../images/ETS.png) no-repeat 100% 50%;
	background-size: 20% auto;
	height: 180px;
}
.ets_main .main_r a {
	color: #00aeeb;
	text-decoration: none;
}
.ets_main .main_r a:hover {
	background-color: #D1E9F2;
}
.ets_main .visit {
	padding: 10px 0 10px 15px;
	color: #ffffff;
	background-color: #00AEEB;
}
.ets_main h3 {
	margin-top: 0px;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 2px solid #00AEEB;
	color: #00AEEB;
	padding-bottom: 10px;
}
.ets_main dt {
	color: #00AEEB;
	font-size: 20px;
	padding-bottom: 5px;
}
#ets1 {
	background-image: url(../images/b1.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
#ets2 {
	background-image: url(../images/b2.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
#ets3 {
	background-image: url(../images/b3.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
#ets4 {
	background-image: url(../images/b4.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
#ets5 {
	background-image: url(../images/b5.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 5px;
	background-position: 0 0%;
}
.ets_main table {
	width: 744px;
	border-collapse: collapse;
	margin-top: -10px;
	margin-bottom: 50px;
}
.ets_main th {
	border: 1px solid #999999;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-left: 25px;
	width: 30%;
	background-color: #D1E9F2;
	color: #00AEEB;
}
.ets_main td {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 25px;
}