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#platform.noLocalNavi h1 {
  width: 900px;
  height: 230px;
  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 {
  background: transparent url(http://www.sixapart.jp/intrablog/images/intra-visual.png) no-repeat left top;
  width: 900px;
  height: 371px;
}

div#visualArea ul.btn-intra-inquiry {
  margin-left: 85px;
}

div#visualArea ul.btn-intra-inquiry li a {
  display: block;
  width: 360px;
  height: 105px;
  background: transparent url(http://www.sixapart.jp/intrablog/images/intra-btn-inquiry.png) no-repeat left top;
  text-indent: -9999px;
}

div#visualArea ul.btn-intra-inquiry li a:hover {
  background-position: right top;
}

div#visualArea p.bnr-prd-mt4,div#visualArea p.bnr-prd-tp {
  float: left;
  width: 294px;
  height: 195px;
}
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 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/intrablog/images/intra-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;
}

div#mainContents dl dd {
  margin-bottom: 25px;
}

div#how ul {
  float: left;
  width: 600px;
  padding-bottom: 10px;
}

div#how ul.singleBtnA {
  float: left;
  width: 129px;
  margin-bottom: 0;
  padding-bottom: 0;
}

div#mainContents div#how ul.singleBtnA li a {
  background-image: url(http://www.sixapart.jp/intrablog/images/intra-btn-inquiry-request-m.jpg);
  margin-left: 54px;
  width: 180px;
  height: 35px;
}
/* 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#header dl {
margin-left:652px;
}

/* add 20080829 */

div#visualArea ul.btn-intra-inquiry {
  float:left;
  width:360px;
  margin-left:0;
  padding-left:30px;
}

div#visualArea ul.webtranomaki {
  float:right;
  padding-right:345px;
  width:160px;
}

div#visualArea ul.webtranomaki li a {
  display:block;
  width:160px;
  height:105px;
  text-indent: -99999px;
  background: transparent url(/intrablog/images/toranomaki-btn.jpg) no-repeat top left;
}

div#visualArea ul.webtranomaki li a:hover {
  background-position: right top;
}

/* add 20090716 -----------------------------------------*/
div#visualArea ul.btn-intra-inquiry {
  margin-right: 5px;
}

div#visualArea ul.webtranomaki {
  float: left;
  width: 160px;
  margin-right: 6px;
  padding-right: 0;
}

div#visualArea ul.intra {
  float: left;
  width:227px;
}

div#visualArea ul.intra li a {
  display: block;
  width: 227px;
  height: 104px;
  background: transparent url(/intrablog/images/bnr-intra-main.png) no-repeat left top;
  text-indent: -9999px;
}

div#visualArea ul.intra li a:hover {
  background-position: right top;
}