@charset "utf-8";

/* TOPページ */
.inner_wrapper {
	margin: 0 auto;
	padding: 40px 0;
	width: 980px;
}
.top  {
	background-color: #e8e8e8;
	background-image: url(../images/shadow_bottom.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
.top div  {
	height: 200px;
	background-image: url(../images/truck.png);
	background-size: 30% auto;
	background-repeat: no-repeat;
	background-position: 100px 50%;
	background-position: 100% 50%;
}
.top p {
	margin-top: 20px;
	font-size: 28px;
	margin-bottom: 0px;
}
.top h1 {
	margin-bottom: 0px;
}
.t_system div {
}
.t_system h2 {
	font-size: 28px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	font-weight: normal;
	line-height: 50px;
	text-align: center;
}
.t_system p {
	margin-top: 25px;
}
.t_menu {
	margin-top: 50px;
}
.t_menu li {
	width: 230px;
	height: 250px;
	border: 1px solid #afafaf;
	display: inline-block;
	border-radius: 5px;
	margin-right: 11px;
	-webkit-box-shadow: 2px 2px 5px #C1C1C1;
	box-shadow: 2px 2px 5px #C1C1C1;
}
.t_menu li:last-child {
	margin-right: 0px;
}
.t_menu #forte {
	background-image: url(../images/forte.png);
	background-repeat: no-repeat;
	background-position: 50% 28%;
}
.t_menu #system {
	background-image: url(../images/system.png);
	background-repeat: no-repeat;
	background-position: 50% 28%;
}
.t_menu #o_environment {
	background-image: url(../images/o_environment.png);
	background-repeat: no-repeat;
	background-position: 50% 28%;
}
.t_menu #price {
	background-image: url(../images/price.png);
	background-repeat: no-repeat;
	background-position: 50% 28%;
}
.t_menu a {
	display: block;
	width: 230px;
	height: 250px;
	color: #3d3d3d;
	text-decoration: none;
}
.t_menu a:hover {
	background-color: #FFC8C8;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	transition: all 0.3s ease;
}
.t_menu p {
	margin: 0;
	position: relative;
	top: 75%;
	font-size: 22px;
	text-align: center;
}



/* TOP以外共通 */
.title {
	background-color: #e8e8e8;
	background-image: url(../images/shadow_bottom.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
.title h2 {
	margin: 0;
	font-size: 28px;
	font-weight: normal;
}


/* 特長 */
#forte li {
	border-bottom: 1px solid #999999;
	padding: 40px 0;
}
#forte li:first-child {
	padding-top: 0px;
}
#forte li:last-child {
	padding-bottom: 0px;
	border-bottom-style: none;

}
#forte img, #forte div {
	display: inline-block;
	vertical-align: middle;
}
.forteL {
	width: 720px;
	margin-right: 50px;
}
.forteR {
	width: 720px;
	margin-left: 50px;
}
#forte p {
	margin-bottom: 0px;
}



/* 動作環境・価格 */
.b_border {
	padding-bottom: 15px;
	border-bottom: 2px solid #ea3b3b;
}
.system_menu {
	margin-bottom: 40px;
}
.system_menu li {
	width: 186px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	border: 2px solid #ea3b3b;
	background-color: #ffffff;
	margin-right: 2px;
}
.system_menu li:last-child {
	margin-right: 0px;
}

.s_visit {
	padding: 10px 0;
	color: #ffffff;
	background-color: #ea3b3b
!important;
}
.system_menu a {
	padding: 10px 0;
	display: block;
	color: #ea3b3b;
	text-decoration: none;
}
.system_menu a:hover {
	background-color: #FFC8C8;
	transition: all 0.3s ease;
}
.system_detail {
	margin-bottom: 60px;
	margin-top: 25px;
}
.system_detail:last-child {
	margin-bottom: 0px;
}

.system_detail p {
	margin-bottom: 5px;
}
.system_detail img {
	vertical-align: top;
}
.system_img {
	margin-top: 15px;
}









.oe_table   {
	margin-top: 25px;
	margin-bottom: 60px;
	border-collapse: collapse;
}
.oe_table th, .oe_table td {
	border: 1px solid #999999;
}
.oe_table th {
	width: 170px;
	font-weight: normal;
	text-align: left;
	padding: 15px 30px;
	background-color: #e8e8e8;
}
.oe_table td {
	padding: 15px 30px;
	width: 690px;
}
#price ul {
	margin-top: 25px;
}
#price li {
	display: inline-block;
}
#price li:first-child {
	margin-right: 48px;
}
.price_table {
	border-collapse: collapse;
}
.price_table th , .price_table td{
	border: 1px solid #999999;
}
.price_table th {
	width: 170px;
	font-weight: normal;
	padding: 15px 30px;
	text-align: left;
	background-color: #e8e8e8;
}
.price_table td {
	padding: 15px 30px;
	width: 170px;
}
.caution  {
	margin-bottom: 0px;
	margin-top: 10px;
}