@charset "utf-8";
@import url(cmn.css);
@import url(base.css);


/* ------------------------------------------------------------
	globalNavi
   ------------------------------------------------------------ */

#globalNav li#about a{
	background-position: 50% 100%!important;
}

#browser{
	background: url(../images/about_images/browser.gif) 20px 50% no-repeat;
	background-color: #ffcedd;
	padding: 20px 20px 20px 240px;
	font-size: 12px;
	margin-bottom: 50px;
	overflow: hidden;
}
.browserBox{
	width: 270px;
	float: left;
	margin-left: 40px;
}
.browserBox h2{
	margin-bottom: 10px;
}


/****************************************

       　業務全体イメージ図

*****************************************/

#wms{
	background: url(../images/about_images/wms.gif) 0 0 no-repeat;
	height: 576px;
	width: 914px;
	margin-bottom: 30px;
	position: relative;
}
#wms #tool01 a{
	display: block;
	width: 95px;
	height: 224px;
	position: absolute;
	top: 46px;
	left: 362px;
}
#wms #tool02 a{
	display: block;
	width: 95px;
	height: 224px;
	position: absolute;
	top: 46px;
	left: 463px;
}
#wms #tool03 a{
	display: block;
	width: 260px;
	height: 222px;
	position: absolute;
	top: 46px;
	left: 565px;
}
#wms #tool04 a{
	display: block;
	width: 454px;
	height: 83px;
	position: absolute;
	top: 296px;
	left: 365px;
}
#wms #tool01 a:hover,#wms #tool02 a:hover,#wms #tool03 a:hover,#wms #tool04 a:hover{
	border: solid 1px #ff0030;
		display: block;
}
#wms #tool01 a:hover{
	width: 95px;
	height: 224px;
}
#wms #tool02 a:hover{
	width: 95px;
	height: 224px;
}
#wms #tool03 a:hover{
	width: 260px;
	height: 222px;
}
#wms #tool04 a:hover{
	width: 454px;
	height: 83px;
}

/*モーダルウィンドウ*/
.wmsBox{
	width: 230px;
}
.wmsBox h3{
	padding: 3px;
	background-color: #59b2cd;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}
.wmsBox li{
	margin-bottom: 10px;
	background: url(../images/modal_icon.png) 0 50% no-repeat;
	padding-left: 20px;
}
#box1,
#box2,
#box3,
#box4 {
	display: none;
	background-color: #ffffff;
	padding: 20px;
	text-align: left;
}
.link {
	text-align: center;
	margin-bottom: 20px;
}
.modal-close {
	margin-top: 1em;
	text-align: center;
}
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
*:first-child+html #modal-win-inner{
	position: relative;
	left: -50%;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}