@charset "UTF-8";

html,body,h1,h2,h3,div,p,ul,hr {
  margin:0; padding:0;
}

body {
  word-break: normal;
  word-wrap: break-word;
}

#parallax {
  width:100%; height:2819px; /* 100+1144+100+598+100+577+100*/
  min-width:950px;
  position:fixed;
  bottom:0; left:0;
  background-position: center 0;
  background-size: cover;
}

#header {
  width:100%; height:90px;
  min-width:950px;
  overflow:hidden;
  position:fixed;
  background:rgb(255,255,255);
  z-index:1;
}
#header h1 {
  width:396px; height:99px;
  position:absolute;
  top:-113px; left:0;
  text-indent:-65535px;
  background:url(../image/ph02.png) no-repeat left top;
}
#header div.menu {
  width:922px; height:41px;
  position:absolute;
  top:23px; left:0;
}
#header div.menu div.bg_l {
  width:400px; height:41px;
  position:absolute;
  top:0; left:0;
  background:url(../image/bg02_1.gif) no-repeat left top;
}
#header div.menu div.bg_r {
  width:80%; height:41px;
  position:absolute;
  top:0; right:0;
  background:url(../image/bg02_2.gif) no-repeat right top;
}
#header div.menu ul {
  width:100%; height:41px;
  position:absolute;
  top:0; left:0;
}
#header div.menu ul li {
  display:block;
  width:33%; height:41px;
  float:left;
  text-indent:-65535px;
  background:url(../image/ph01.png) no-repeat center 0;
  border-right:solid 1px rgb(174,174,174);
}
#header div.menu ul li.business {
  background-position:center -41px;
}
#header div.menu ul li.overview {
  background-position:center -82px;
  border-right:none;
}
#header p.language {
  width:180px; height:10px;
  position:absolute;
  font-size:10px; line-height:10px;
  letter-spacing:0.1em;
  text-align:right;
  top:0; left:0;
}
#header p.language a {
  color:rgb(83,112,157);
  text-decoration:none;
}

#cover {
  width:100%; height:auto;
  min-width:950px; min-height:850px;
  position:relative;
  background:rgb(255,255,255);
}
#jplayer {
  width:896px; height:504px;
  margin:0 0 0 -448px;
  position:absolute;
  top:125px; left:50%;
}
#cover p.info {
  width:550px; height:auto;
  margin:0 0 0 -275px;
  position:absolute;
  top:675px; left:50%;
  font-size:12px; line-height:13px;
  color:rgb(102,102,102);
}
#cover div.info {
  width:573px; height:118px;
  margin:0 0 0 -286px;
  position:absolute;
  top:697px; left:50%;
  background:url(../image/bg03.gif) no-repeat left top;
}
#cover div.info ul {
  width:540px; height:106px;
  overflow:auto;
  padding:0 0 0 16px;
  position:absolute;
  top:6px; left:11px;
}
#cover div.info ul li {
  font-size:12px; line-height:26px;
  color:rgb(102,102,102);
}
#cover div.info ul li a {
  color:rgb(83,112,157);
}

#message {
  width:950px; height:auto;
  margin:0 auto;
  position:relative;
}
#message div.header {
  width:950px; height:158px;
  position:relative;
  background:url(../image/bg04_1.png) no-repeat left bottom;
}
#message div.content {
  width:950px; height:auto;
  padding:30px 0 60px;
  position:relative;
  background:url(../image/bg04_2.png) no-repeat left bottom;
}
#message div.content h2{
  width:186px; height:31px;
  margin:0 0 30px 79px;
  text-indent:-65535px;
  background:url(../image/ph05.png) no-repeat 0 0;
}
#message div.content h2.msg{
  width:218px; height:27px;
}
#message div.content h2.tac{
  background-position:0 -27px;
}
#message div.content h2.act{
  background-position:0 -58px;
}
#message div.content h3{
  margin:30px 0 7px 75px;
  font-size:20px; line-height:21px;
  font-weight:bold;
  color:rgb(40,42,122);
}
#message div.content p{
  width:800px; height:auto;
  margin:0 0 0 75px;
  font-size:14px; line-height:27px;
  color:rgb(18,18,18);
}
#message div.content p.sign{
  width:800px; height:22px;
  margin:39px 0 0 75px;
  text-indent:-65535px;
  background:url(../image/ph05.png) no-repeat right -89px;
}
#message div.content hr{
  width:821px; height:2px;
  margin:41px 0 36px 65px;
  border:none;
  background:rgb(174,174,174);
}
#message div.content ul{
  margin:0 0 0 75px;
  list-style:none;
}
#message div.content ul li{
  margin:21px 0 0 0;
  font-size:18px; line-height:19px;
  color:rgb(0,0,0);
}

#business {
  width:950px; height:753px;
  margin:0 auto;
  position:relative;
}
#business div.header {
  width:626px; height:158px;
  position:relative;
  background:url(../image/bg06_1.png) no-repeat right bottom;
}
#business div.content {
  width:626px; height:281px;
  position:relative;
  background:url(../image/bg06_2.png) no-repeat right bottom;
}
#business div.content div {
  display:none;
  position:absolute;
}
#business div.content div.index {
  display:block;
}
#business div.content div.index h2 {
  width:186px; height:31px;
  margin:30px 0 30px 79px;
  text-indent:-65535px;
  background:url(../image/ph05.png) no-repeat -186px -27px;
}
#business div.content div.index p {
  width:510px; height:auto;
  margin:0 0 0 79px;
  font-size:14px; line-height:27px;
  color:rgb(18,18,18);
}
#business div.content div {
  width:626px; height:580px;
}
#business div.content div h3 {
  width:520px; height:65px;
  margin:19px 0 15px 71px;
  text-indent:-65535px;
}
#business div.content p {
  width:510px; height:auto;
  margin:0 0 0 79px;
  font-size:14px; line-height:27px;
  color:rgb(18,18,18);
}
#business div.content div p.link {
  width:510px; height:auto;
  margin:20px 0 0 79px;
  font-size:14px; line-height:27px;
  color:rgb(18,18,18);
}
#business div.content div p.link a {
  color:rgb(83,112,157);
}
#business div.content div.food {
  background:url(../image/bg07_1.png) no-repeat right bottom;
}
#business div.content div.food h3 {
  background:url(../image/ph07.png) no-repeat 0 0;
}
#business div.content div.finance {
  background:url(../image/bg07_2.png) no-repeat 15px bottom;
}
#business div.content div.finance h3 {
  background:url(../image/ph07.png) no-repeat 0 -65px;
}
#business div.content div.finance p.link {
  text-align:right;
}
#business div.content div.fashion {
  background:url(../image/bg07_3.png) no-repeat right bottom;
}
#business div.content div.fashion h3 {
  background:url(../image/ph07.png) no-repeat 0 -130px;
}
#business div.content div.overseas {
  background:url(../image/bg07_4.png) no-repeat 15px bottom;
}
#business div.content div.overseas h3 {
  background:url(../image/ph07.png) no-repeat 0 -195px;
}
#business div.content div.system {
  background:url(../image/bg07_5.png) no-repeat 15px bottom;
}
#business div.content div.system h3 {
  background:url(../image/ph07.png) no-repeat 0 -260px;
}
#business div.content div.web {
  background:url(../image/bg07_6.png) no-repeat right bottom;
}
#business div.content div.web h3 {
  background:url(../image/ph07.png) no-repeat 0 -325px;
}
#business div.content div.medical {
  background:url(../image/bg07_7.png) no-repeat 15px bottom;
}
#business div.content div.medical h3 {
  background:url(../image/ph07.png) no-repeat 0 -390px;
}
#business div.content div.environment {
  background:url(../image/bg07_8.png) no-repeat 15px bottom;
}
#business div.content div.environment h3 {
  background:url(../image/ph07.png) no-repeat 0 -455px;
}

#business div.menu {
  width:325px; height:625px;
  position:absolute;
  top:128px; right:0;
  background:url(../image/bg05.png) no-repeat right top;
}
#business div.menu ul {
  width:265px; height:400px;
  overflow:hidden;
  position:absolute;
  top:48px; right:33px;
}
#business div.menu ul li {
  width:265px; height:50px;
  text-indent:-65535px;
  background:url(../image/ph06.png) no-repeat 0 0;
  cursor:pointer;
}
#business div.menu ul li.food { background-position:0 0; }
#business div.menu ul li.food:hover { background-position:-265px 0; }
#business div.menu ul li.food.active { background-position:-265px 0; }
#business div.menu ul li.finance { background-position:0 -50px; }
#business div.menu ul li.finance:hover { background-position:-265px -50px; }
#business div.menu ul li.finance.active { background-position:-265px -50px; }
#business div.menu ul li.fashion { background-position:0 -100px; }
#business div.menu ul li.fashion:hover { background-position:-265px -100px; }
#business div.menu ul li.fashion.active { background-position:-265px -100px; }
#business div.menu ul li.overseas { background-position:0 -150px; }
#business div.menu ul li.overseas:hover { background-position:-265px -150px; }
#business div.menu ul li.overseas.active { background-position:-265px -150px; }
#business div.menu ul li.system { background-position:0 -200px; }
#business div.menu ul li.system:hover { background-position:-265px -200px; }
#business div.menu ul li.system.active { background-position:-265px -200px; }
#business div.menu ul li.web { background-position:0 -250px; }
#business div.menu ul li.web:hover { background-position:-265px -250px; }
#business div.menu ul li.web.active { background-position:-265px -250px; }
#business div.menu ul li.medical { background-position:0 -300px; }
#business div.menu ul li.medical:hover { background-position:-265px -300px; }
#business div.menu ul li.medical.active { background-position:-265px -300px; }
#business div.menu ul li.environment { background-position:0 -350px; }
#business div.menu ul li.environment:hover { background-position:-265px -350px; }
#business div.menu ul li.environment.active { background-position:-265px -350px; }


#overview {
  width:950px; height:auto;
  margin:0 auto 100px;
  position:relative;
}
#overview div.header {
  width:950px; height:158px;
  position:relative;
  background:url(../image/bg04_1.png) no-repeat left bottom;
}
#overview div.content {
  width:950px; height:auto;
  padding:30px 0 60px;
  position:relative;
  background:url(../image/bg04_2.png) no-repeat left bottom;
}
#overview div.content h2{
  width:186px; height:31px;
  margin:0 0 30px 79px;
  text-indent:-65535px;
  background:url(../image/ph05.png) no-repeat -186px -58px;
}
#overview div.content h3{
  position:absolute;
  font-size:12px; line-height:13px;
  font-weight:bold;
  color:rgb(127,127,127);
}
#overview div.content h3.head{
  top:76px; left:578px;
}
#overview div.content h3.annex{
  top:311px; left:578px;
}
#overview div.content table{
  margin:0 0 0 90px;
}
#overview div.content table th{
  width:120px;
  font-size:14px; line-height:27px;
  font-weight:bold;
  text-align:left;
  vertical-align:top;
  color:rgb(0,0,0);
}
#overview div.content table td{
  font-size:14px; line-height:27px;
  text-align:left;
  vertical-align:top;
  color:rgb(0,0,0);
}
#overview div.content table td a {
  color:rgb(83,112,157);
}
#overview div.content table td span{
  font-size:8px; line-height:27px;
}
#overview div.content iframe{
  width:273px; height:178px;
  position:absolute;
  border:solid 1px rgb(150,150,150);
}
#overview div.content iframe.head{
  top:91px; left:577px;
}
#overview div.content iframe.annex{
  top:327px; left:577px;
}
#overview div.content div{
  width:95px; height:20px;
  position:absolute;
  text-indent:-65535px;
  background:url(../image/ph05.png) no-repeat 0 -111px;
}
#overview div.content div.head{
  top:271px; left:757px;
}
#overview div.content div.annex{
  top:507px; left:757px;
}