<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/homepage/images/hp-visual.jpg) no-repeat left top;
  width: 900px;
  height: 371px;
}

.anchor-wd {
  float: left;
  margin: 0;
  padding: 0;
}

.anchor-wd a {
  display: block;
  margin: 0 0 0 18px;
  padding: 0;
  width: 190px;
  height: 31px;
  background: transparent url(http://www.sixapart.jp/homepage/images/hp-btn-wd.png) no-repeat left top;
  text-indent: -9999px;
}

.anchor-wd a:hover {
  background-position: right top;
}

div#platform.noLocalNavi h1 {
  width: 900px;
  height: 125px;
  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 ul.bnr-prd-mt4,div#visualArea ul.bnr-prd-tp {
  float: left;
  width: 293px;
  height: 207px;
}
div#visualArea ul.bnr-prd-mt4 {
  width: 335px;
  margin: 0;
  padding: 0;
  background: transparent url(http://www.sixapart.jp/homepage/images/hp-bnr-mt4.png) no-repeat right top;
}

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

div#visualArea ul.bnr-prd-mt4 li,div#visualArea ul.bnr-prd-tp li {
  width: 144px;
  height: 30px;
  text-indent: -9999px;
}

div#visualArea ul.bnr-prd-mt4 li,div#visualArea ul.bnr-prd-tp li {
  margin: 186px 0 0 113px;
}

div#visualArea ul.bnr-prd-tp li {
  margin-left: 87px;
}

div#visualArea ul.bnr-prd-mt4 li a,div#visualArea ul.bnr-prd-tp li a {
  display: block;
  width: 144px;
  height: 30px;
  background: transparent url(http://www.sixapart.jp/homepage/images/hp-btn-details.png) no-repeat top left;
}

div#visualArea ul.bnr-prd-mt4 li a:hover,div#visualArea ul.bnr-prd-tp li a:hover {
  display: block;
  width: 144px;
  height: 30px;
  background-position: right top;
}


/* local menu */

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/homepage/images/hp-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/homepage/images/hp-head-blue-bottom_nolocal.png) no-repeat bottom right;
}

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

div#mainContents div.bluebar span.blue-left-img {
  float: left;
  margin: 0 0 10px 0;
  padding-left: 20px;
}

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

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

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

div.bluebar ul.bluebar-ul-sp {
  float: left;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  padding-left: 15px;
}

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

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

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/homepage/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/homepage/images/hp-btn-basic-02.png) no-repeat left top;
}

div#mainContents ul.buy-now-btn li.buy-credit a:hover,div#mainContents ul.buy-now-btn li.buy-etc a:hover {
  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/homepage/images/hp-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/homepage/images/hp-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;
}

/* 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;
}

div#header dl {
margin-left:652px;
}
</style>