/* header sa-only -----------------------------------------*/

div#header dl {
margin-left:652px;
}

/* Top images -----------------------------------------*/

div#layout-box h2 {
  display: none;
}

div#mainContents ul {
  margin: 0;
  padding: 0;
}

div#layout-box ul.sa-campaign {
  height: 50px;
  margin-left: 10px;
  padding: 0 20px 0 10px;
  background: transparent url(/images/top/sa-top-aniv5-bk2-b.jpg) no-repeat left top;
}

ul.sa-campaign li.prd-vox-btn {
  float: left;
  padding-left: 0;
}

ul.sa-campaign li.cam-cms,
ul.sa-campaign li.cam-seminar,
ul.sa-campaign li.cam-reserch,
ul.sa-campaign li.cam-tpo,
ul.sa-campaign li.cam-mte,
ul.sa-campaign li.cam-shinbun,
ul.sa-campaign li.cam-5anni,
ul.sa-campaign li.bob-dl {
  float: right;
  margin-left: 10px;
  padding: 0 0 0 0;
}

ul.sa-campaign li.cam-cms a,
ul.sa-campaign li.cam-seminar a,
ul.sa-campaign li.cam-reserch a,
ul.sa-campaign li.cam-tpo a,
ul.sa-campaign li.cam-mte a,
ul.sa-campaign li.cam-shinbun a,
ul.sa-campaign li.cam-5anni a,
ul.sa-campaign li.bob-dl a  {
  display: block;
  width: 184px;
  height: 40px;
  margin-top: 5px;
  text-indent: -99999px;
}

ul.sa-campaign li.prd-vox-btn a {
  display: block;
  width: 260px;
  height: 40px;
  margin-top: 5px;
  background: transparent url(/images/top/satop-vox-btn.png) no-repeat left top;
  text-indent: -9999px;
}

ul.sa-campaign li.cam-cms a {
  background:transparent url(/images/top/sakk-top-lan-sacms.png) no-repeat scroll left top;
}

ul.sa-campaign li.cam-seminar a {
  background: transparent url(/images/top/sakk-top-lan-seminar.png) no-repeat left top;
}

ul.sa-campaign li.cam-reserch a {
  background:transparent url(/images/top/sakk-top-lan-cms-sea.png) no-repeat scroll left top;
}

ul.sa-campaign li.cam-tpo a {
  background:transparent url(/images/top/sakk-top-lan-typepad.png) no-repeat scroll left top;
}

ul.sa-campaign li.cam-mte a {
  background: transparent url(/images/top/sakk-top-lan-mte.png) no-repeat scroll left top;
}

ul.sa-campaign li.cam-shinbun a {
  background: transparent url(/images/top/sakk-top-lan-shinbun.png) no-repeat left top;
}

ul.sa-campaign li.cam-5anni a {
  background: transparent url(/images/top/sakk-top-lan-5anni.png) no-repeat left top;
}

ul.sa-campaign li.bob-dl a {
  background: transparent url(/images/top/sakk-top-lan-bobdl.png) no-repeat top left;
}

/* Tab box -----------------------------------------*/

div#mainContents div#tab-menu {
  clear: both;
  height: auto;
  margin-top: 0;
}

div#mainContents div#tab-menu ul {
  height: 30px;
  margin: 0 10px;
}

div#mainContents div#tab-menu ul li {
  float: left;
  height: 30px;
  margin: 0 0 0 0;
  padding: 0;
}

div#mainContents div#tab-menu ul li.tab-product,
div#mainContents div#tab-menu ul li.tab-usage {
  width: 175px;
}

div#mainContents div#tab-menu ul li.tab-industry {
  width: 550px;
}

div#mainContents div#tab-menu ul li.tab-product span,
div#mainContents div#tab-menu ul li.tab-usage a,
div#mainContents div#tab-menu ul li.tab-industry a {
  display: block;
  margin: 0;
  padding: 4px 0 0 30px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}


div#mainContents div#tab-menu ul li.tab-product,
div#mainContents div#tab-menu ul li.tab-usage,
div#mainContents div#tab-menu ul li.tab-industry {
  width: 150px;
  margin-right: 2px;
}

div#mainContents div#tab-menu ul li.tab-industry {
  width: 596px;
  margin-right: 0;
}

div#mainContents div#tab-menu ul li.tab-product a,
div#mainContents div#tab-menu ul li.tab-usage a,
div#mainContents div#tab-menu ul li.tab-industry a {
  display: block;
  margin: 0;
  padding: 0 30px 0;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 30px;
  text-decoration: none;
  background: #000000 url(/images/top/sa-tab-close.png) no-repeat 10px 10px;
}

div#mainContents div#tab-menu ul li.tab-product a:hover,
div#mainContents div#tab-menu ul li.tab-usage a:hover,
div#mainContents div#tab-menu ul li.tab-industry a:hover,
div#mainContents div#tab-menu ul li.tab-product a.selected,
div#mainContents div#tab-menu ul li.tab-usage a.selected,
div#mainContents div#tab-menu ul li.tab-industry a.selected {
  background: #555555 url(/images/top/sa-tab-active.png) no-repeat 10px 10px;
}

/* -----------------------------------------Tab box Modifies Point-----------------------------------------*/
/* list5 tab menu-------------------------------------------------------------------*/
div#mainContents div#layout-box div#tabs1 {
  height: 162px;
  background: transparent url(/images/top/sa-top-tabs-allbk.png) no-repeat 10px 0px;
}

div#mainContents div#product-detailed,div#mainContents div#purpose-detailed,div#mainContents div#industry-detailed {
  width: 920px;
  height: 133px;
  margin-top: 0;
}

div#mainContents div#product-detailed {
  clear: both;
  background:transparent url(/images/top/sakk-top-product-bk-b.png) no-repeat scroll center top;
}

div#mainContents div#purpose-detailed {
  background:transparent url(/images/top/sakk-top-product-bk2.png) no-repeat scroll center top;
}

div#mainContents div#industry-detailed {
  background: transparent url(/images/top/sakk-top-product-bk2.png) no-repeat scroll center top;
}
/*-------------------------------------------------------------------end list5 tab menu*/

/* list6 tab menu-------------------------------------------------------------------
div#mainContents div#layout-box div#tabs1 {
  height: 180px;
  background: transparent url(/images/top/sa-top-tabs-allbk-2.png) no-repeat 10px 0px;
}

div#mainContents div#product-detailed,div#mainContents div#purpose-detailed,div#mainContents div#industry-detailed {
  width: 920px;
  height: 150px;
  margin-top: 0;
}

div#mainContents div#product-detailed {
  clear: both;
  background:transparent url(/images/top/sakk-top-product-bk-b-2.png) no-repeat scroll center top;
}

div#mainContents div#purpose-detailed {
  background:transparent url(/images/top/sakk-top-product-bk2-2.png) no-repeat scroll center top;
}

div#mainContents div#industry-detailed {
  background: transparent url(/images/top/sakk-top-product-bk2-2.png) no-repeat scroll center top;
}
-------------------------------------------------------------------end list6 tab menu*/

/* list7 tab menu-------------------------------------------------------------------
div#mainContents div#layout-box div#tabs1 {
  height: 198px;
  background: transparent url(/images/top/sa-top-tabs-allbk-3.png) no-repeat 10px 0px;
}

div#mainContents div#product-detailed,div#mainContents div#purpose-detailed,div#mainContents div#industry-detailed {
  width: 920px;
  height: 167px;
  margin-top: 0;
}

div#mainContents div#product-detailed {
  clear: both;
  background:transparent url(/images/top/sakk-top-product-bk-b-3.png) no-repeat scroll center top;
}

div#mainContents div#purpose-detailed {
  background:transparent url(/images/top/sakk-top-product-bk2-3.png) no-repeat scroll center top;
}

div#mainContents div#industry-detailed {
  background: transparent url(/images/top/sakk-top-product-bk2-3.png) no-repeat scroll center top;
}
-------------------------------------------------------------------end list7 tab menu*/

/* list8 tab menu-------------------------------------------------------------------*/
div#mainContents div#layout-box div#tabs1 {
  height: 226px;
  background: transparent url(/images/top/sa-top-tabs-allbk-3.png) no-repeat 10px 0px;
}

div#mainContents div#product-detailed,div#mainContents div#purpose-detailed,div#mainContents div#industry-detailed {
  width: 920px;
  height: 196px;
  margin-top: 0;
}

div#mainContents div#product-detailed {
  clear: both;
  background:transparent url(/images/top/sakk-top-product-bk-b-4.png) no-repeat scroll center top;
}

div#mainContents div#purpose-detailed {
  background:transparent url(/images/top/sakk-top-product-bk2-4.png) no-repeat scroll center top;
}

div#mainContents div#industry-detailed {
  background: transparent url(/images/top/sakk-top-product-bk2-4.png) no-repeat scroll center top;
}

/*-------------------------------------------------------------------end list8 tab menu*/
/* -----------------------------------------End Tab box Modifies Point-----------------------------------------*/

div#mainContents div#product-detailed h3,div#mainContents div#purpose-detailed h3,div#mainContents div#industry-detailed h3 {
  display: none;
}

div#mainContents div#product-detailed ul {
  width: 240px;
  margin-left: 0 0 0 10px; 
}

div#mainContents div#purpose-detailed ul,
div#mainContents div#industry-detailed ul {
  margin: 22px 0 0 30px;
}

div#mainContents div#product-detailed ul li {
  padding-left: 18px;
  line-height: 1.2;
}

div#mainContents div#purpose-detailed ul li,
div#mainContents div#industry-detailed ul li {
  padding-left: 18px;
  margin-bottom: 5px;
  font-size: 12px;
  background:transparent url(/common/images/marker-triangle-blue.png) no-repeat scroll 8px 50%;
}

div#mainContents div#product-detailed ul li a.
div#mainContents div#purpose-detailed ul li a,
div#mainContents div#industry-detailed ul li a {
  color: #666666;
  text-decoration: none;
}

div#mainContents div#product-detailed ul li a {
  font-size: 11px;
}

div#mainContents div#product-detailed ul li a:hover {
  text-decoration: underline;
}

div#mainContents div#purpose-detailed ul li a:hover,
div#mainContents div#industry-detailed ul li a:hover {
  border-bottom: solid 1px #666666;
}

div#mainContents div#purpose-detailed div.listfirst,
div#mainContents div#industry-detailed div.listfirst,
div#mainContents div#purpose-detailed div.listlast,
div#mainContents div#industry-detailed div.listlast{
  float: left;
  width: 375px;
}

div#mainContents div#purpose-detailed div.listlast,
div#mainContents div#industry-detailed div.listlast {
  margin-right: 8px;
}

div#mainContents div#product-detailed div#tab-mt,
div#mainContents div#product-detailed div#tab-tp,
div#mainContents div#product-detailed div#tab-mt-sol {
  float: left;
}

div#mainContents div#product-detailed div#tab-mt {
  padding-left: 18px;
  margin-right: 6px;
}

div#mainContents div#product-detailed div#tab-mt-sol {
  margin-right: 6px;
}

div#mainContents div#product-detailed div#tab-tp {
  margin-right: 8px;
}

div#mainContents div#product-detailed div#tab-mt h4,
div#mainContents div#product-detailed div#tab-tp h4,
div#mainContents div#product-detailed div#tab-mt-sol h4 {
  clear: none;
  margin: 8px 0 0 0;
  width: 240px;
  height: 26px;
  padding: 0;
  text-indent: -99999px;
  border: none;
}

div#mainContents div#product-detailed div#tab-mt h4 a,
div#mainContents div#product-detailed div#tab-tp h4 a,
div#mainContents div#product-detailed div#tab-mt-sol h4 a {
  display: block;
  margin-left: 0;
  height: 26px;
}

div#mainContents div#product-detailed div#tab-mt h4 a {
  background: transparent url(/images/top/sa-top-tab-mt.png) no-repeat top left;
}

div#mainContents div#product-detailed div#tab-tp h4 a {
  background: transparent url(/images/top/sa-top-tab-tp.png) no-repeat top left;
}

div#mainContents div#product-detailed div#tab-mt-sol h4 a {
  background: transparent url(/images/top/sa-top-tab-eps.png) no-repeat top left;
}

div#mainContents div#tab-mt li {
  background: transparent url(/common/images/marker-triangle-blue.png) no-repeat 8px;
}

div#mainContents div#tab-tp li {
  background: transparent url(/common/images/marker-triangle-green.png) no-repeat 8px;
}

div#mainContents div#tab-mt-sol li {
  background: transparent url(/common/images/marker-triangle-red.png) no-repeat 8px;
}

/* OnLine -----------------------------------------*/
div#mainContents div#sa-online {
  float: left;
  width: 146px;
}

div#mainContents div#sa-online ul.on-shop {
  width: 146px;
}

div#mainContents div#sa-online ul.on-shop li {
  margin: 8px 0 0 0;
  padding: 0;
}

div#mainContents div#sa-online ul.on-shop li a {
  display: block;
  width: 146px;
  height: 118px;
  text-indent: -99999px;
  background: transparent url(/images/top/sakk-top-btn-shop.png) no-repeat top left;
}

div#mainContents div.sa-online {
  float: left;
  width: 146px;
}

div#mainContents div.sa-online h4 {
  display: none;
}

div#mainContents div.sa-online ul.on-shop li {
  background-image: none;
}

div#mainContents div.sa-online ul.on-shop li a {
  display: block;
  width: 146px;
  height: 118px;
  text-indent: -99999px;
  background: transparent url(/images/top/sakk-top-btn-shop.png) no-repeat scroll left top;
}

div#mainContents div.sa-online ul.on-shop {
  width:146px;
}

div#mainContents div#purpose-detailed ul.on-shop,
div#mainContents div#industry-detailed ul.on-shop {
  margin: 0;
}

div#mainContents div#product-detailed div.sa-online ul.on-shop li,
div#mainContents div#purpose-detailed div.sa-online ul.on-shop li,
div#mainContents div#industry-detailed div.sa-online ul.on-shop li {
  margin:8px 0 0;
  padding:0;
}

div#mainContents div#product-detailed div#sa-online h4 {
  display: none;
}

/* News -----------------------------------------*/

#topnews {
  clear: both;
  float: left;
  width: 500px;
}

div#mainContents div#topnews h3 {
  clear:both;
  margin:20px 0 20px 10px;
  padding-left: 10px;
  font-size:90%;
  font-weight:bold;
  line-height:28px;
  border:1px solid #CCCCCC;
  background: #F2F3F8 url(/common/images/bg-h2-520.png) no-repeat center top;
}

div#mainContents div#topnews h4 {
  background-image: url(/common/images/marker-date.gif);
  background-position: left 0.4em;
  background-repeat: no-repeat;
  border: none;
  font-size: 80%;
  line-height: 1.5;
  margin: 0 0 15px 20px;
  padding: 0 0 0 15px;
}

div#mainContents div#topnews p.newsdate {
  font-size: 79%;
  line-height: 1.7;
  margin-left: 20px;
  margin-bottom: 0;
}

/* Seminar -----------------------------------------*/

#topseminar {
  float: right;
  width: 400px;
}

div#mainContents div#topseminar h3 {
  clear: both;
  margin:20px 10px 20px 0;
  padding-left:10px;
  font-size: 90%;
  font-weight: bold;
  line-height: 28px;
  border: 1px solid #CCCCCC;
  background: #F2F3F8 url(/common/images/bg-h2.jpg) no-repeat center top;
}

div#mainContents div#topseminar h4 {
background-image: url(/common/images/marker-date.gif);
background-position: left 0.4em;
background-repeat:no-repeat;
border: none;
font-size: 80%;
line-height: 1.5;
margin:0 0 0 20px;
padding:0 0 0 15px;
}

div#mainContents div#topseminar ul {
  margin: 0 0 25px 35px;
}

div#mainContents div#topseminar ul li,
div#mainContents div#topseminar p {
  font-size: 80%;
}

div#mainContents div#topseminar p {
  margin-left: 20px;
}

div#optionNavi {
background-image:url(/common/images/bg-optionnavi.jpg);
background-position:left top;
background-repeat:repeat-x;
clear: both;
margin-left: 0;
min-height: 49px;
width: 920px;
}


/* glovbal menu css -----------------------------------------*/

div#globalNavi {
  clear: both;
  width: 901px;
  height: 36px;
  margin: 0 auto 20px;
}

div#globalNavi ul {
  width: 900px;
  height: 35px;
}

div#globalNavi ul li {
  float: left;
}

div#globalNavi ul li a {
  display: block;
  width: 148px;
  height: 35px;
  text-indent: -10000em;
  background: transparent url(/common/images/sakk-globalnavi.png) no-repeat top left;
  overflow: hidden;
}

div#globalNavi ul li a:hover {
  position: 0 -35px;
}

/* global menu position */
div#globalNavi ul li#gm-home a {
  width: 105px;
  background-position: 0 0;
}

div#globalNavi ul li#gm-product a {
  width: 160px;
  background-position: -105px 0 ;
}

div#globalNavi ul li#gm-purpose a {
  width: 160px;
  background-position: -265px 0;
}

div#globalNavi ul li#gm-case a {
  width: 155px;
  background-position: -425px 0;
}

div#globalNavi ul li#gm-store a {
  width: 165px;
  background-position: -580px 0;
}

div#globalNavi ul li#gm-about a {
  width: 155px;
  background-position: -745px 0;
}

/* global menu position hover */

div#globalNavi ul li#gm-home a:hover {
  background-position: 0 -35px;
}

div#globalNavi ul li#gm-product a:hover {
  background-position: -105px -35px;
}

div#globalNavi ul li#gm-purpose a:hover {
  background-position: -265px -35px;
}

div#globalNavi ul li#gm-case a:hover {
  background-position: -425px -35px;
}

div#globalNavi ul li#gm-store a:hover {
  background-position: -580px -35px;
}

div#globalNavi ul li#gm-about a:hover {
  background-position: -745px -35px;
}


/* rss archives btn */

div#mainContents div.heading ul.feed,
div#platform.noLocalNavi div#mainContents div.heading ul.feed {
  float:right;
  margin:-46px 0 0 0;
  padding: 0 6px 0 0;
}

div#mainContents div#topseminar div.heading ul.feed,
div#platform.noLocalNavi div#mainContents div#topseminar div.heading ul.feed {
  float:right;
  width: 70px;
  margin:-46px 0 0 0;
  padding: 0 16px 0 0;
}

div#mainContents div#product-detailed ul li {
  line-height: 1.3;
}

/* add */

div#visualInrTxt {
  margin: 0 10px;
}

div#layout-box ul.sa-campaign {
  width: 900px;
  padding:0;
  position: relative;
}

div#layout-box ul.sa-campaign li.campaign-l {
  position: absolute;
  top: 5px;
  left: 10px;
}

div#layout-box ul.sa-campaign li.campaign-c {
  position: absolute;
  top: 5px;
  right: 200px;
}

div#layout-box ul.sa-campaign li.campaign-r {
  position: absolute;
  top: 5px;
  right: 10px;
}