<style type="text/css" media="screen">
div#mainContents p,div#mainContents a,div#mainContents ul,div#mainContents li,div#mainContents dl,div#mainContents dd,div#mainContents dt,div#mainContents h1,div#mainContents h2, div#mainContents h3,div#mainContents h4, div#mainContents h5, div#mainContents h6{
  font-size: 14px;
}
div#platform,div#platform.noLocalNavi div#mainContents {
  width: 920px;
}

div#visualArea {
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-visual.jpg) no-repeat left top;
  width: 900px;
  height: 371px;
}

div#platform.noLocalNavi h1 {
  width: 900px;
  height: 140px;
  text-indent: -9999px;
}

div#platform.noLocalNavi div#mainContents h2 {
background-image: url(http://www.sixapart.jp/common/images/bg-h2-3.jpg);
}


/* visualArea */

div#visualArea p.bnr-prd-mt4,div#visualArea p.bnr-prd-tp {
  float: left;
  width: 294px;
  height: 195px;
  text-indent: -9999px;
}
div#visualArea p.bnr-prd-mt4 {
  width: 566px;
  margin: 0;
  padding: 0;
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-bnr-mt4.png) no-repeat right top;
}

div#visualArea p.bnr-prd-tp {
  width: 306px;
  margin: 0;
  padding: 0;
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-bnr-tp.png) no-repeat right top;
}

div#visualArea p.bnr-prd-mt4 a,div#visualArea p.bnr-prd-tp a {
  display: block;
  width: 294px;
  height: 195px;
}

div#visualArea p.bnr-prd-mt4 a {
  margin-left: 272px;
}

div#visualArea p.bnr-prd-tp a {
  margin-left: 12px;
}


/* local novi */

div#visualArea,div#local-menu {
  margin-left: 10px;
}

div#local-menu ul {
  width: 900px;
  height: 56px;
}

div#local-menu ul li {
  float: left;
}

div#local-menu ul li a {
  display: block;
  width: 300px;
  height: 56px;
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-btn-navi.png) no-repeat left top;
  text-indent: -9999px;
}

div#local-menu ul li#prd-how a {
  background-position: -300px 0;
}

div#local-menu ul li#prd-example a {
  background-position: -600px 0;
}

div#local-menu ul li#prd-feature a:hover {
  background-position: 0 -56px;
}

div#local-menu ul li#prd-how a:hover {
  background-position: -300px -56px;
}

div#local-menu ul li#prd-example a:hover {
  background-position: -600px -56px;
}


/* Blue header */

div#mainContents div.bluebar {
  padding-bottom: 10px;
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-head-blue-bottom_nolocal.png) no-repeat bottom right;
}

div#mainContents div.bluebar ol {
  float: left;
  width: 380px;
  padding-left: 50px;
}

div#mainContents div.bluebar ol li ol li{
  list-style: none;
}

div#mainContents div.bluebar p {
  margin-left: 30px;
}

.blue-head {
  height: 34px;
  margin-bottom: 0; 
  padding-top: 2px;
  padding-left: 15px;
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-head-blue_nolocal.png) no-repeat top left; 
  border: none; 
  color: #ffffff;
}

div#mainContents div.bluebar h4.blue-head {
  margin-left: 10px;
  margin-bottom: 10px;
}

div#mainContents h4.blue-head {
  padding: 0 0 0 10px;
  border: none;
  font-size:90%;
  font-weight: bold;
  line-height:22px;
}

div.bluebar p.to-prd {
  clear: both;
  text-align: right;
  padding-right: 5px;
}

div#mainContents ul.buy-now-btn,.bluebar-right {
  clear: right;
  float: right;
  width: 192px;
  margin: 0 0 8px 0;
  padding: 0;
}

.center-img {
  float: left;
  width: 274px;
}

div#mainContents ul.buy-now-btn li a {
  display: block;
  width: 180px;
  height: 35px;
  margin-bottom: 8px;
  text-indent: -9999px;
}

div#mainContents ul.buy-now-btn li.buy-credit a {
  background: transparent url(http://www.sixapart.jp/businessblog/images/hp-btn-basic-01.png) no-repeat left top;
}

div#mainContents ul.buy-now-btn li.buy-etc a {
  background: transparent url(http://www.sixapart.jp/businessblog/images/btn-basic-02.png) no-repeat left top;
}

div#mainContents ul.buy-now-btn li.buy-credit a,div#mainContents ul.buy-now-btn li.buy-etc a {
  background-position: right top;
}


/* Basic License */

div.basic {
  float: left;
  width: 520px;
  height: 118px;
  margin-top: 15px;
  background: transparent url(http://www.sixapart.jp/onlinestore/images/online-btn-mt-li-bk01b.png) no-repeat 30px 0px;
  position:relative;
}

div.basic ul {
  position: absolute; top: 11px; left: 295px;
}

div.basic ul li.online-a a {
  display: block;
  width: 180px;
  height: 35px;
  text-indent: -99999px;
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-btn-basic-01.png) no-repeat top left;
}

div.basic ul li.license-a a {
  display: block;
  width: 180px;
  height: 35px;
  margin-top: 9px;
  text-indent: -99999px;
  background: transparent url(http://www.sixapart.jp/businessblog/images/bbs-btn-basic-02.png) no-repeat top left;
}

div.basic ul li.online-a a:hover,
div.basic ul li.license-a a:hover {
  background-position: right top;
}


/* ProNet Search */

div#mainContents div#pronet-search h4,div#mainContents div#web-designer h4 {
  width: 600px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  font-size: 14px;
  font-weight: bold;
  color: #FF6600;
  border: none;
}

div#mainContents div#pronet-search {
  position: relative;
  background-color: #ececec;
}

div#mainContents div#pronet-search,div#mainContents div#web-designer {
  margin-left: 10px;
  padding: 15px;
}

div#mainContents div#pronet-search p,div#mainContents {
  width: 600px;
  margin-left: 0;
  padding-left: 0;
}

div#web-designer p,div#mainContents div#web-designer ul {
  margin-left: 0;
  padding-left: 0;
}

div#mainContents div#pronet-search ul.pronetLinks,div#mainContents div#pronet-search ul.links.links {
  position: absolute;
  left: 630px;
  margin: 0;
  padding: 0;
}

div#mainContents div#pronet-search ul.pronetLinks {
  top: 15px;
  width: 230px;
  height: 40px;
}

div#mainContents div#pronet-search ul.links {
  top: 75px;
}
/* glovbal menu css -----------------------------------------*/
body {
  margin-bottom:20px;
  text-align:center;
  background: transparent url(http://www.sixapart.jp/common/images/bg-globalnavi.jpg) repeat-x 0 0;
}

div#globalNavi {
  clear:both;
  width:901px;
  height:36px;
  margin:0pt 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(http://www.sixapart.jp/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;
}

/* header add */

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

/* h2 */

div#platform.noLocalNavi div#mainContents h2 {
background-color:transparent;
background-image:none;
border:medium none;
clear:none;
font-size:15px;
font-weight:bold;
line-height:26px;
margin:0pt;
}

div#platform.noLocalNavi div#mainContents h2 {
background:transparent url(http://www.sixapart.jp/movabletype/images/h-hexagon-blue.png) no-repeat scroll left top;
margin:25px 0 15px 0;
padding-left:30px;
}

div.basic ul {
left:325px;
}
</style>