/*noLocal Tab background*/
div#mainContents ul.tab {
  background-image: url(http://www.sixapart.jp/purpose/images/purpose-bg-tab.gif);
  background-repeat: repeat-x;
}

div#mainContents ul#prd-chart {
  height: 95px;
  margin-left: 157px;
  margin-bottom: 0;
  padding-bottom: 0;
}

div#mainContents ul#prd-chart li {
  float: left;
  text-indent: -9999px;
}

div#mainContents ul#prd-chart li a {
  display: block;
  width: 95px;
  height: 95px;
  padding: 0;
  background: transparent url(http://www.sixapart.jp/purpose/images/purpose-tab.png) no-repeat left top;
}

div#mainContents ul#prd-chart li.pur-cms a:hover {
  background-position: 0 -95px;
}

div#mainContents ul#prd-chart li.pur-hp a {
  background-position: -95px 0;
}

div#mainContents ul#prd-chart li.pur-hp a:hover {
  background-position: -95px -95px;
}

div#mainContents ul#prd-chart li.pur-biz a {
  background-position: -190px 0;
}

div#mainContents ul#prd-chart li.pur-biz a:hover {
  background-position: -190px -95px;
}

div#mainContents ul#prd-chart li.pur-intra a {
  background-position: -285px 0;
}

div#mainContents ul#prd-chart li.pur-intra a:hover {
  background-position: -285px -95px;
}

div#mainContents ul#prd-chart li.pur-comm a {
  background-position: -380px 0;
}

div#mainContents ul#prd-chart li.pur-comm a:hover {
  background-position: -380px -95px;
}

div#mainContents ul#prd-chart li.pur-asp a {
  background-position: -475px 0;
}

div#mainContents ul#prd-chart li.pur-asp a:hover {
  background-position: -475px -95px;
}

div#mainContents ul#prd-chart li.pur-personal a {
  background-position: -570px 0;
}

div#mainContents ul#prd-chart li.pur-personal a:hover {
  background-position: -570px -95px;
}


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

div#platform.noLocalNavi div#mainContents h1 {
  background-image: url(http://www.sixapart.jp/common/images/sa-h1-b.png);
}

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


div#platform {
  margin:0pt auto;
  text-align:left;
  width:920px;
}

div#platform.noLocalNavi div#mainContents {
  width:920px;
}

/*noLocal Tab background*/
div#mainContents ul.tab {
  background-image: url(/purpose/images/purpose-bg-tab.gif);
}

div#mainContents ul#prd-chart {
  height: 95px;
  margin-left: 137px;
  margin-bottom: 0;
  padding-bottom: 0;
}

div#mainContents ul#prd-chart li {
  float: left;
  text-indent: -9999px;
}

div#mainContents ul#prd-chart li a {
  display: block;
  width: 115px;
  height: 95px;
  padding: 0;
  background: transparent url(/purpose/images/purpose-chart-tab.png) no-repeat left top;
}

div#mainContents ul#prd-chart li.pur-cms a:hover {
  background-position: 0 -95px;
}

div#mainContents ul#prd-chart li.pur-hp a {
  background-position: -115px 0;
}

div#mainContents ul#prd-chart li.pur-hp a:hover {
  background-position: -115px -95px;
}

div#mainContents ul#prd-chart li.pur-biz a {
  background-position: -230px 0;
}

div#mainContents ul#prd-chart li.pur-biz a:hover {
  background-position: -230px -95px;
}

div#mainContents ul#prd-chart li.pur-intra a {
  background-position: -345px 0;
}

div#mainContents ul#prd-chart li.pur-intra a:hover {
  background-position: -345px -95px;
}

div#mainContents ul#prd-chart li.pur-comm a {
  background-position: -460px 0;
}

div#mainContents ul#prd-chart li.pur-comm a:hover {
  background-position: -460px -95px;
}

div#mainContents ul#prd-chart li.pur-asp a {
  background-position: -575px 0;
}

div#mainContents ul#prd-chart li.pur-asp a:hover {
  background-position: -575px -95px;
}

div#mainContents ul#prd-chart li.pur-personal a {
  background-position: -690px 0;
}

div#mainContents ul#prd-chart li.pur-personal a:hover {
  background-position: -690px -95px;
}

/*20090218-----------------------------------------*/
div#mainContents p#pur-outline {
  float: left;
  width: 530px;
}

/*Local Navi-----------------------------------------*/
div#local-navi {
  float: left;
  width: 390px;
}

div#local-navi ul {
  margin-left: 50px;
}

div#local-navi ul li {
  display: inline;
  margin-right: 15px;
}

div#mainContents p.pageTop {
  padding-top: 20px;
}

div#purpose,div#industry,div#solution {
  clear: both;
  float: left;
  width: 920px;
  margin: 0;
  padding: 0;
}

/* Background Image----------------------------------------- */
div#purpose div,div#industry div,div#solution div {
  float: left;
  width: 304px;
  height: 14em;
  margin: 4px 4px 0 0;
  background: transparent url(/purpose/bg-pur.png) no-repeat left bottom;
}

div#industry div#ind-estate {
  background: transparent url(/purpose/bg-bot-ind-estate.png) no-repeat left bottom;
}

div#industry div#ind-medical {
  background: transparent url(/purpose/bg-bot-ind-medical.png) no-repeat left bottom;
}

div#industry div#ind-beauty {
  background: transparent url(/purpose/bg-bot-ind-beauty.png) no-repeat left bottom;
}

div#industry div#ind-school {
  background: transparent url(/purpose/bg-bot-ind-school.png) no-repeat left bottom;
}

div#industry div#ind-travel {
  background: transparent url(/purpose/bg-bot-ind-travel.png) no-repeat left bottom;
}

div#industry div#ind-food {
  background: transparent url(/purpose/bg-bot-ind-food.png) no-repeat left bottom;
}

div#purpose div.last-box,div#industry div.last-box,div#solution div.last-box {
  margin-right: 0;
}

div#purpose div p,div#industry div p,div#solution div p {
  height: 2em;
  line-height: 1.5em;
  padding: 0 29px 0.1em 29px;
  font-size: 85%;
}

div#purpose div.last-box,div#industry div.last-box,div#solution div.last-box {
  margin-right: 0;
}

div#purpose,div#industry,div#solution {
  clear: both;
}

/*Headline-----------------------------------------*/

div#platform.noLocalNavi div#mainContents h2 {
  margin: 0 0 30px 0;
  padding-left: 10px;
  background:transparent url(/movabletype/mte/images/bg-h1-2_920.jpg) no-repeat left top;
  border-bottom: 3px solid #1676A8;
  color: #333333;
  font-size: 100%;
  font-weight: bold;
  line-height: 37px;
}


div#platform.noLocalNavi div#mainContents h3 {
  margin-bottom: 20px;
  padding-left: 10px;
  background: transparent url(/movabletype/mte/images/bg-h2-3_920.jpg) no-repeat center top;
  background-color: #F2F3F8;
  font-weight:bold;
  line-height: 28px;
  border: 1px solid #CCCCCC;
}


/* --Headline Icon----------------------------------------- */
div#mainContents div h4 {
  margin: 0 0 1em 0;
  padding: 25px 0 0 54px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  border: none;
}

div#mainContents h4 a:hover {
  text-decoration: none;
}

div#mainContents div h4 a:link,div#mainContents div h4 a:hover,div#mainContents div h4 a:visited,div#mainContents div h4 a:active {
  text-decoration: underline;
  color: #1464AA;
}

div#mainContents div#pur-cms h4 {
  background: transparent url(/purpose/bg-pur-cms.png) no-repeat left top;
}

div#mainContents div#pur-hp h4 {
  background: transparent url(/purpose/bg-pur-hp.png) no-repeat left top;
}

div#mainContents div#pur-biz h4 {
  background: transparent url(/purpose/bg-pur-biz.png) no-repeat left top;
}

div#mainContents div#pur-intra h4 {
  background: transparent url(/purpose/bg-pur-intra.png) no-repeat left top;

}

div#mainContents div#pur-com h4 {
  background: transparent url(/purpose/bg-pur-com.png) no-repeat left top;
}

div#mainContents div#ind-estate h4 {
  background: transparent url(/purpose/bg-ind-estate.png) no-repeat left top;
}

div#mainContents div#ind-medical h4 {
  background: transparent url(/purpose/bg-ind-medical.png) no-repeat left top;
}

div#mainContents div#ind-beauty h4 {
  background: transparent url(/purpose/bg-ind-beauty.png) no-repeat left top;
}

div#mainContents div#ind-school h4 {
  background: transparent url(/purpose/bg-ind-school.png) no-repeat left top;
}

div#mainContents div#ind-travel h4 {
  background: transparent url(/purpose/bg-ind-travel.png) no-repeat left top;
}

div#mainContents div#ind-food h4 {
  background: transparent url(/purpose/bg-ind-food.png) no-repeat left top;
}

div#mainContents div#sol-cms h4 {
  background: transparent url(/purpose/bg-sol-cms.png) no-repeat left top;
}

div#mainContents div#sol-mobile h4 {
  background: transparent url(/purpose/bg-sol-mobile.png) no-repeat left top;
}

div#mainContents div#sol-intra h4 {
  background: transparent url(/purpose/bg-sol-intra.png) no-repeat left top;
}

div#mainContents div#pur-soc h4 {
  background: transparent url(/purpose/bg-social-com.png) no-repeat scroll left top;
}