@charset "utf-8";


/* CSS Document */



/* PofReference
------------------------------------------------------------　*/
div#MainContent #PofReference{
	min-height:65px;
}
div#MainContent #PofReference.fixed .PofItem{ position:fixed;}
div#MainContent #PofReference .PofItem{
	top:0;
	width:940px;
	margin:0;
	z-index:100;
}

div#MainContent #PofReference .PofItem{
	border-bottom: solid 1px #eee;
}

div#MainContent #PofReference .PofItem ul{
	margin-bottom:0;
}

/* TabNavNowrap
------------------------------------------------------------　*/

div#MainContent div.TabNavNowrap{
	margin-bottom:10px;
	border-bottom:5px #292c2d solid;
}

div#MainContent div.TabNavNowrap .RightAlign {
	margin: 3px 0 0;
	float: right;
}

div#MainContent div.TabNavNowrap ul{
	margin: 0;
	zoom:1;
	padding:10px 5px 0px 5px;
	background: #FFF;
}


div#MainContent div.TabNavNowrap ul:after{content : ''; display : block; clear : both; height:0;}

div#MainContent div.TabNavNowrap ul li{
	margin-bottom: -1px;
	margin: 0;
	padding: 0;
	line-height: 1.1;
	float: left;
	font-weight: bold;
	background: none;
	padding-left:5px;

}

div#MainContent div.TabNavNowrap ul li a {
	font-size: 1.25em;
	color:#444;
	padding: 15px 30px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	display: block;
	text-decoration: none;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 51%, #ededed 55%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#e8e8e8), color-stop(55%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 51%,#ededed 55%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 51%,#ededed 55%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 51%,#ededed 55%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 51%,#ededed 55%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

div#MainContent div.TabNavNowrap ul li a:hover ,
div#MainContent div.TabNavNowrap ul li a:focus {
	background: #d8d8d8;
	background: -moz-linear-gradient(top,  #d8d8d8 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #d8d8d8 0%,#ededed 100%);
	background: -o-linear-gradient(top,  #d8d8d8 0%,#ededed 100%);
	background: -ms-linear-gradient(top,  #d8d8d8 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #d8d8d8 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ededed',GradientType=0 );
}

div#MainContent div.TabNavNowrap ul li.Current a{
	color:#FFF;
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #292c2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#292c2d));
	background: -webkit-linear-gradient(top,  #000000 0%,#292c2d 100%);
	background: -o-linear-gradient(top,  #000000 0%,#292c2d 100%);
	background: -ms-linear-gradient(top,  #000000 0%,#292c2d 100%);
	background: linear-gradient(to bottom,  #000000 0%,#292c2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#292c2d',GradientType=0 );
}

div#MainContent div.TabNavNowrap.BottomTab { border-bottom:none; }

div#MainContent div.TabNavNowrap.BottomTab ul{
	padding:0 5px 10px 5px;
	border-top:5px #292c2d solid;
}

div#MainContent div.TabNavNowrap.BottomTab ul li a{
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-bottom:1px #CCC solid;
	border-top:none;
}



/* TraceabilitySolutionsCont
------------------------------------------------------------　*/
div#MainContent .TraceabilitySolutionsCont{}

div#MainContent .TraceabilitySolutionsCont #ItemNaviSlider{ margin-bottom: 20px; }

div#MainContent .TraceabilitySolutionsCont .TSCustomHeading{
	background: url("../../img/common/about-us/common/images/overview/im_title.gif") repeat-x;
	line-height: 2;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 20px;
}

div#MainContent .TraceabilitySolutionsCont .CustomTtl{
	line-height: 1.25;
	font-weight: bold;
	margin-left: 50px;
	font-size: 20px;
}

div#MainContent .TraceabilitySolutionsCont .CustomTtl img {
	padding: 0 7px 0 10px;
}

div#MainContent .TraceabilitySolutionsCont .CustomTtl span {
	color: #C41A1F;
}

div#MainContent .TraceabilitySolutionsCont .CustomTtl .text {
	font-size: 14px;
	width: 600px;
	display: inline-block;
	vertical-align:middle;
}

div#MainContent .TraceabilitySolutionsCont .MovieBolck{
	padding: 0;
	width: 962px;
	margin: 0 auto 20px;
}

div#MainContent .TraceabilitySolutionsCont .SubSection{
	width:970px;
	margin:auto;
}

div#MainContent .TraceabilitySolutionsCont span.Asterisk {
	font-family: verdana;
}

div#MainContent .TraceabilitySolutionsCont .SubSection .BorderedBox{
	padding:15px 14px 5px;
}

div.SingleWide.NoFrame div#MainContent .SubSection div.Grid2 div.Col.Size1 {
	width: 435px;
}

div.SingleWide.NoFrame div#MainContent .SubSection div.SectionBox div.Grid2 div.Col.Size1 {
	width: 375px;
	margin-left: 50px;
}

div#MainContent .TraceabilitySolutionsCont .ImgFloatLerf{
	float:left;
	margin:0 10px 10px 0;
}

div#MainContent .TraceabilitySolutionsCont .ImgFloatRight{
	float:right;
	margin:0 0 10px 10px;
}

div#MainContent .TraceabilitySolutionsCont .Clearfix{ /zoom : 1; }
div#MainContent .TraceabilitySolutionsCont .Clearfix:after{ content : ''; display : block; clear : both; height:0; }

div#MainContent .TraceabilitySolutionsCont .CustomImg {
	margin-top: -45px;
}
div#MainContent a.TextButton.Download.ThumbnailBtn {
	padding-;eft: 8px;
	padding-bottom:15px;
}
div#MainContent a.TextButton.Download.ThumbnailBtn span.BtnImg {
	margin-top: 0;
	top: 0;
}
div#MainContent a.TextButton.Large.Download.ThumbnailBtn span.Inner{
	padding-top: 4px;
}
div#MainContent a.TextButton.Large.Download.ThumbnailBtn span.Inner:before{
	padding-bottom:2px;
	margin-left:16px;
	left: 0;
}


/* TraceabilitySolutionsCont Add
------------------------------------------------------------　*/
.TSCustomLytImg{
	min-height: 310px;
}
div#MainContent .TSCustomLytImg .MainImg{
	position: absolute;
	z-index: -1;
}
div#MainContent .TSCustomLytImg .Frame{
	width: 534px;
	margin: 0 0 0 auto;
	position: relative;
	z-index: 0;
}
div#MainContent .TSCustomLytImg ul{
	letter-spacing: -1em;
}
div#MainContent .TSCustomLytImg ul li{
	background: #fff;
	padding: 0;
	width: 170px;
	display: inline-block;
	letter-spacing: 0;
	margin: 0 0 10px 8px;
	box-sizing: border-box;
}
div#MainContent .TSCustomLytImg ul li a{
	display: block;
	padding: 10px 10px 0;
	position: relative;
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-align: center;
}
div#MainContent .TSCustomLytImg ul li a:hover:after{
	content: "";
	border: 2px solid #1a78b5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -2px;
	left: -2px;
}
div#MainContent .TSCustomLytImg ul li a:before{
	content: "";
	width: 100%;
	height: 44px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../../img/solutions/traceability/bg_marker.gif) repeat-x 0 0;
}
div#MainContent .TSCustomLytImg ul li a:hover:before{
	content: none;
}
div#MainContent .TSCustomLytImg ul li a > * {
	position: relative;
	z-index: 1;
}
div#MainContent .TSCustomLytImg ul li a .Cap {
	display: table-cell;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	width: 144px;
	position: relative;
	z-index: 1;
}

div#MainContent .TSCustomLytImg ul li a .Cap:before {
	background: url(../../img/common/icon_blank_l.png) no-repeat 0 0;
	content: "";
	display: inline-block;
	height: 12px;
	margin-right: 7px;
	width: 13px;
}
div#MainContent .TSCustomImgLst > li {
	background: none;
	border-bottom: 1px dotted #b2b2b2;
	padding: 0 0 9px;
	margin: 0 2px 21px;
	width: 100%;
	box-sizing: border-box;
	direction: rtl;
}
div#MainContent .TSCustomImgLst > li > * {
	display: table-cell;
	vertical-align: top;
	direction: ltr;
}
div#MainContent .TSCustomImgLst > li > .Cnt {
	width: 870px;
}
.TSCustomImgLst .Img {
	padding-right: 10px;
	width: 90px;
}
.TSCustomImgLst dt + dd.Sub {
	color: #666;
	margin: 0 10px 10px;
}

.TSCustomModalLytImg {
	display: table;
	direction: rtl;
	padding-bottom: 40px;
}
.TSCustomModalLytImg > *{
	display: table-cell;
	direction: ltr;
	vertical-align: top;
}
.TSCustomModalLytImg > .Img{
	padding-right: 20px;
	width: 100px;
}
div#ModalContent .TSCustomModalHeading{
	font-size: 1.5833em;
	text-transform: none;
}
.TSCustomModalLytImg dl{
	font-size: 1.16666em;
}
.TSCustomModalLytImg dl dt,
.TSCustomModalLytImg dl dd {
	display: inline-block;
	vertical-align: middle;
}
.TSCustomModalLytImg dl dt{
	font-weight: bold;
}
.TSCustomModalLytImg dl dd:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 5px;
	border-color: transparent transparent transparent #e9474d;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 15px;
}
.TSCustomModalLytImg dl + p {
	font-size: 1.16666em;
}

div#ModalContent h2.NormalHeading {
	border-bottom: 1px solid #cacaca;
	color: #000;
	font-size: 1.33em;
	line-height: 1.25;
	margin: 0 0 12px;
	padding: 2px 0 6px;
	text-transform: uppercase;
}
div#ModalContent h2.NormalHeading span.Inner {
	border-left: 3px solid #e60012;
	display: block;
	padding: 0 0 0 6px;
}