/* DEFAULT MODULE ------------------------------------------------- */
body {
  font-size: 14px;
  word-wrap: break-word;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #dadada;
}

a {
  text-decoration: underline;
}

a:link {
  color: #03C;
}

a:visited {
  color: #03C;
}

a:hover {
  color: #69F;
}

strong {
  font-weight: bold;
}







/* SHARE MODULE ------------------------------------------------- */
.clearfix {
  zoom: 100%;
}

.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}


hr.blank {
  height: 1px;
  border: none;
  margin: 20px 0;
}

hr.line {
  height: 1px;
  border: none;
  border-bottom: 1px solid #CCC;
  margin: 20px 0;
}

h1 {
  width: auto;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

.share-item-box a {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 15px;
  border: 2px solid #EEE;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0px 1px 3px #666;
  margin-bottom: 20px;
  width: 415px;
}

.share-item-box .icon {
  float: left;
  width: 114px;
  margin: 0 10px 0 0;
}

.share-item-box .icon img {
  width: 100%;
}

.share-item-box .info {
  float: left;
  width: 285px;
  padding-top: 15px;
}

.share-item-box .market {
  color: #666;
  text-decoration: none;
  font-size: small;
  margin-bottom: 5px;
}

.share-item-box .genre {
  font-size: small;
  color:#666;
}

.share-item-box .name {
  font-size: large;
  padding: 2px 0;
  color: #555;
  font-weight: bold;
  text-shadow: 0 1px 1px #EEE;
  margin-bottom: 5px;
}

.share-item-box .text {
  clear: both;
  color: #555;
  padding-top: 8px;
  font-size: small;
  line-height: 140%;
}

.share-item-box a {
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #FFF,  #EEE); /* for firefox 3.6+ */ 
  -webkit-transition: background 0.7s ease;
  -moz-transition: background 0.7s ease;
}

.share-item-box a:hover {
  background: #EEE;
}

.item-list-sidebar .share-item-box a {
  width: 260px;
  padding: 10px;
}

.item-list-sidebar .share-item-box .icon {
  width: 57px;
}

.item-list-sidebar .share-item-box .info {
  width: 170px;
  padding-top: 0px;
}

.item-list-sidebar .share-item-box .market {
  font-size: 11px;
  padding-top: 5px;
  margin-bottom: 0px;
}

.item-list-sidebar .share-item-box .genre {
  font-size: 11px;
}

.item-list-sidebar .share-item-box .name {
  font-size: 13px;
  margin-bottom: 0px;
}

.item-list-sidebar .share-item-box .text {
  font-size: 12px;
}

.share-mlink {
  border: 1px solid #CCCCCC;
  padding: 10px 20px;
  z-index: 99;
}

.share-mlink h6 {
  font-weight: bold;
  margin-bottom: 5px;
}

.share-mlink p a {
  font-weight: bold;
  text-decoration: none;
}

#fixnav-sidebar {
  position: relative;
}

.fixed {
  position: fixed;
  top: 20px;
}

.share-btn-contact {
  padding-bottom: 50px;
}

.share-btn-contact a {
  display: block;
  width: 404px;
  height: 65px;
  margin: auto;
  font-size: 100px;
  background: url(../img/share-btn-contact.png) no-repeat;
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.share-btn-contact a:hover {
  background-position: center bottom;
}

.share-btn-contact-en {
  padding-bottom: 50px;
}

.share-btn-contact-en a {
  display: block;
  width: 404px;
  height: 65px;
  margin: auto;
  font-size: 100px;
  background: url(../en/img/share-btn-contact.png) no-repeat;
  background-position: center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.share-btn-contact-en a:hover {
  background-position: center bottom;
}




/* HEADER MODULE ------------------------------------------------- */
#header {
  width: 960px;
  margin: auto;
  height: 418px;
  z-index: 0;
  position: relative;
  box-shadow: 0px 2px 5px #000;
}

.header-bar {
  width: 960px;
  height: 163px;
  overflow: hidden;
  z-index: 30;
  position: absolute;
  top: 0;
  left: 0;
}

.header-nav {
  width: 271px;
  height: 418px;
  overflow: hidden;
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/head_nav_bg.png) no-repeat top left;
}

.header-nav ul {
  position: absolute;
  top: 200px;
  left: 20px;
}

.header-nav ul li {
  margin-bottom: 10px;
}

.header-nav ul li a {
  display: block;
  z-index: 90;
  width: 200px;
  height: 26px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 26px;
}

.header-nav ul .Profile {
  background: url(../img/head_nav.png) no-repeat 0 0;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-nav ul .Profile:hover {
  background:url(../img/head_nav_hover.png) no-repeat 0 0;
}

.header-nav ul .Newspress {
  background: url(../img/head_nav.png) no-repeat 0 -26px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-nav ul .Newspress:hover {
  background:url(../img/head_nav_hover.png) no-repeat 0 -26px;
}

.header-nav ul .Service {
  background: url(../img/head_nav.png) no-repeat 0 -52px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-nav ul .Service:hover {
  background:url(../img/head_nav_hover.png) no-repeat 0 -52px;
}

.header-nav ul .Design {
  background: url(../img/head_nav.png) no-repeat 0 -78px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-nav ul .Design:hover {
  background:url(../img/head_nav_hover.png) no-repeat 0 -78px;
}

.header-nav ul .Internship {
  background: url(../img/head_nav.png) no-repeat 0 -104px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-nav ul .Internship:hover {
  background:url(../img/head_nav_hover.png) no-repeat 0 -104px;
}

.header-nav ul .Contact {
  background: url(../img/head_nav.png) no-repeat 0 -130px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-nav ul .Contact:hover {
  background:url(../img/head_nav_hover.png) no-repeat 0 -130px;
}

.header-nav ul .Product {
  background: url(../img/head_nav.png) no-repeat 0 -156px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-nav ul .Product:hover {
  background:url(../img/head_nav_hover.png) no-repeat 0 -156px;
}

.header-slide{
  width: 740px;
  height: 311px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  right: 0;
}

.header-slide a {
  display: block;
  width: 740px; 
  height: 311px;
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 311px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  filter: alpha( opacity=100 );
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.header-slide a:hover {
  opacity: 0.7;
  filter: alpha( opacity=80 );
}

.header-logo {
  z-index: 90;
  position: absolute;
  top: 45px;
  left: 40px;
}

.header-logo img {
  opacity: 1;
  filter: alpha( opacity=100 );
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
}

.header-logo img:hover {
  opacity: 0.5;
  filter: alpha( opacity=50 );
}

.header-sns {
 z-index: 80;
 position: absolute;
 top: 0px;
 right: 20px;
 color: #999;
 background-color: #000;
 padding: 5px 9px 3px 9px;
 border-bottom-left-radius: 7px;
 border-bottom-right-radius: 7px;
 -webkit-font-smoothing: antialiased;
}

.header-sns a {
 color: #FFF;
 text-decoration: none;
}

.header-sns a:hover {
 color: #999;
}

.header-title{
  width: 740px;
  height: 311px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  right: 0;
}






/* FOOTER MODULE ------------------------------------------------- */
#footer {
  width: 960px;
  margin: auto;
  color: #666;
  padding: 0 0 20px 0;
  overflow: hidden;
}

#footer .copyright {
  text-align:center; 
  font-size:small;
}

#footer .footer-nav {
  text-align: center;
  margin: 10px 0;
}

#footer .pankuzu {
  background: url(../img/foot_pan_bg.jpg) no-repeat;
  margin-bottom: 20px;
}

#footer .pankuzu li {
  float: left;
}

#footer .pankuzu li a {
  display: block;
  padding: 10px 15px 10px 25px;
  color: #666;
  font-size: small;
  text-decoration: none;
  text-shadow: 0px 1px 3px #000;
  background: url(../img/foot_pan_slash.png) no-repeat top left;
}

#footer .pankuzu li span {
  display: block;
  padding: 10px 15px 10px 25px;
  color: #666;
  font-size: small;
  text-decoration: none;
  text-shadow: 0px 1px 3px #000;
  background: url(../img/foot_pan_slash.png) no-repeat top left;
}

#con-home .pankuzu li span {
  background: none;
}



#footer .pankuzu li a:hover {
  color:#999;
}

#footer .footer-nav li {
  display: inline-block;
  margin: 0px 5px;
}

#footer .footer-nav a {
  display: block;
  background: url(../img/arrow_black_14x14.gif) no-repeat left center;
  padding: 3px 3px 3px 19px;
  color: #666;
  text-decoration: none;
  font-size: small;
}

#footer .footer-nav a:hover {
  text-decoration: underline;
  color: #FFF;
}







/* CONTENT MODULE [SHARE] ------------------------------------------------- */
#content {
  width: 960px;
  margin: auto;
  padding-bottom: 20px;
  background-color: #FFF;
  color: #666;
}






/* CONTENT MODULE [HOME] ------------------------------------------------- */
#con-home .con-left {
  float: left;
  width: 590px;
  padding: 25px 20px;
  overflow: hidden;
}

#con-home .con-right {
  float: right;
  width: 290px;
  padding: 25px 20px;
  overflow: hidden;
}

.home-article-h3 {
  width: auto;
  margin: 0 0 10px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: small;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

ul.accordion .close {
  display:none;
}

.accordion .blank {
  margin: 3px;
}

.list-title {
  display: block;
  width: auto;
  padding: 5px 10px;
  margin-bottom: 4px;
  border-radius: 4px;
  background-color: #F5F5F5;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
}

.home-article-list li {
  border-bottom: 1px dotted #CCC;
  padding: 5px 0px 5px 5px;
  overflow: hidden;
}

.home-article-list li span {
  display: inline-block;
  vertical-align: top;
  width: 110px;
  padding-right: 10px;
  font-size: small;
  color: #999;
  line-height: 140%;
  vertical-align: middle;
}

.home-article-list li span.newsTitle {
  display: inline-block;
  width: 450px;
  vertical-align: top;
  color: #666;
  text-decoration: none;
  line-height: 140%;
  z-index: 999;
}

.home-article-list li span img {
  margin: 1px 5px 0px 0px;
  vertical-align: top;
}

.home-article-list li a {
  display: inline-block;
  width: 460px;
  vertical-align: top;
  color: #666;
  text-decoration: none;
  line-height: 140%;
  z-index: 999;
}

.home-article-list li a:hover {
  color: #69F;
}

#con-home .con-right .share-service-box {
  margin-bottom: 15px;
}

#con-home .con-right .share-service-box .icon {
  width: 57px;
}

#con-home .con-right .share-service-box .genre {
  float: right;
  width: 205px;
}






/* CONTENT MODULE [PROFILE] ------------------------------------------------- */
#con-profile #content {
  padding-bottom: 0;
}

#con-profile .con-left {
  float: left;
  width: 590px;
  padding: 25px 20px;
  overflow: hidden;
}

#con-profile .con-right {
  float: right;
  width: 290px;
  padding: 25px 20px;
  overflow: hidden;
}

.header-title .title-profile {
  display: block;
  width: 740px;
  height: 311px;
  background: url(../img/head_con_profile.png) no-repeat top left;
}

.profile-h3 {
  width: auto;
  margin: 0 0 10px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

.profile-table {
  width: 590px;
}

.profile-table td {
  border-bottom: 1px solid #CCC;
}

.profile-table p {
  margin-bottom: 10px;
}

.profile-table .name {
  width: 100px;
  padding: 15px 10px;
  font-weight: bold;
}

.profile-table .detail {
  width: auto;
  padding: 15px 10px;
}

#con-profile .con-right .share-service-box {
  margin-bottom: 15px;
}

#con-profile .con-right .share-service-box .icon {
  width: 57px;
}

#con-profile .con-right .share-service-box .genre {
  float: right;
  width: 205px;
}







/* CONTENT MODULE [CONTACT] ------------------------------------------------- */
#con-contact .con-both {
  float: none;
  width: auto;
  padding: 25px 20px;
  overflow: hidden;
}

.header-title .title-contact {
  display: block;
  width: 740px;
  height: 311px;
  background: url(../img/head_con_contact.png) no-repeat top left;
}

.contact-h3 {
  width: auto;
  margin: 0 0 10px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

.contact-table {
  width: 920px;
}

.contact-table td {
  border-bottom: 1px solid #CCC;
}

.contact-table p {
  margin-bottom: 10px;
}

.contact-table .name {
  width: 200px;
  padding: 15px;
  font-weight: bold;
}

.contact-table .detail {
  width: auto;
  padding: 15px 0px 15px 15px;
}

.contact-table .detail input {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 5px;
}

.contact-table .detail textarea {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 5px;
}

.contact-table .detail .rule {
  overflow: auto;
  width: 550px;
  height: 300px;
  border: 1px solid #CCC;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #EEE;
}

.contact-table .detail .rule dt {
  font-weight: bold;
  margin-bottom: 5px;
}

.contact-table .detail .rule dd {
  font-size: small;
  line-height: 140%;
  margin-bottom: 1em;
  padding-left: 1em;
}

.contact-table .detail .rule p {
  padding: 10px 0px;
}

.contact-table .submit {
  text-align: center;
  padding: 10px;
}

.contact-table .detail label {
  color: #333;
  font-weight: bold;
  font-size: large;
}

.contact-table .detail label input {
  border: none;
  background: none;
  padding: 0;
}

.contact-table .submit input {
  padding: 10px 60px;
  border: 3px solid #CCC;
  text-shadow: 0 1px 1px #FFF;
  color: #666;
  font-size: large;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: 1px 2px 3px #666;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#999)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
}

.contact-table .submit input:hover {
  color: #333;
}

.contact-table span {
  color: #f8a662;
}






/* CONTENT MODULE [SERVICE] ------------------------------------------------- */
#con-service .con-both {
  float: none;
  width: auto;
  padding: 25px 20px;
  overflow: hidden;
}

.header-title .title-service {
  display: block;
  width: 740px;
  height: 311px;
  background: url(../img/head_con_service.png) no-repeat top left;
}

.service-h3 {
  width: auto;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

#con-service .share-service-box {
  width: 450px;
  height: 100%;
  margin-bottom: 15px;
}

#con-service .share-service-box a {
  border-radius: 0;
  padding: 10px;
}

#con-service .share-service-box .icon {
  width: 114px;
  margin-bottom: 5px;
}

#con-service .share-service-box .market {
  font-size: small;
  padding-top: 5px;
}

#con-service .share-service-box .name {
  font-size: large;
}

#con-service .share-service-box .genre {
  font-size: small;
}

#con-service .share-service-box .text {
  clear: none;
  width: 302px;
  float: right;
  font-size: small;
}






/* CONTENT MODULE [SERVICE DETAIL] ------------------------------------------------- */
#con-service-detail .con-left {
  float: left;
  width: 590px;
  padding: 25px 20px;
  overflow: hidden;
}

#con-service-detail .con-right {
  float: right;
  width: 290px;
  padding: 25px 20px;
  overflow: hidden;
}

.header-title .title-service-detail {
  display: block;
  width: 740px;
  height: 311px;
}

.service-detail-h3 {
  width: auto;
  margin: 0 0 30px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

#con-service-detail .con-right .share-service-box {
  margin-bottom: 15px;
}

#con-service-detail .con-right .share-service-box .icon {
  width: 57px;
}

#con-service-detail .con-right .share-service-box .genre {
  float: right;
  width: 205px;
}

#con-service-detail .con-left h4 {
  font-size: large;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}

#con-service-detail .header-left {
  float: left;
  width: 128px;
  margin-bottom: 20px;
}

#con-service-detail .header-right {
  float: right;
  width: 440px;
  margin-bottom: 20px;
}

#con-service-detail .con-left .icon {
  margin-bottom: 20px;
}

#con-service-detail .con-left .icon img {
  width: 128px;
}

#con-service-detail .banner {
  width: 101px;
  margin: 0 auto 5px auto;
}

#con-service-detail .list-disc {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 20px;
}

#con-service-detail .list-disc li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}

#con-service-detail .screen {
  padding: 5px;
  background-color: #EEE;
}

#con-service-detail .screen li {
  float: left;
  padding: 5px;
}

#con-service-detail .screen li a img {
  border: 3px solid #EEE;
  box-shadow: 0px 1px 2px #999;
}

#con-service-detail .screen li a img:hover {
  border: 3px solid #999;
}

#con-service-detail .screen li img {
  width: 100px;
}

#con-service-detail .con-left p {
  margin-bottom: 20px;
}

#con-service-detail .spec {
  width: 100%;
  margin-bottom: 20px;
}

#con-service-detail .spec td {
  padding: 10px;
  border: 1px solid #CCC;
}

#con-service-detail .spec .name {
  white-space: nowrap;
  background-color: #EEE;
}

#con-service-detail .akinator .left {
  float: left;
  width: 370px;
  text-align: center;
}

#con-service-detail .akinator .right {
  float: right;
  width: 200px;
  text-align: center;
}

#con-service-detail .akinator dt {
  background-color: #EEE;
  padding: 10px;
  margin-bottom: 15px;
}

#con-service-detail .akinator dd {
  margin-bottom: 10px;
}










/* CONTENT MODULE [PRESS] ------------------------------------------------- */
#con-press .con-left {
  float: left;
  width: 590px;
  padding: 25px 20px;
  overflow: hidden;
}

#con-press .con-right {
  float: right;
  width: 290px;
  padding: 25px 20px;
  overflow: hidden;
}

.header-title .title-press {
  display: block;
  width: 740px;
  height: 311px;
  background: url(../img/head_con_newspress.png) no-repeat top left;
}

.press-h3 {
  width: auto;
  margin: 0 0 10px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

#con-press .con-right .share-service-box {
  margin-bottom: 15px;
}

#con-press .con-right .share-service-box .icon {
  width: 57px;
}

.press-article h4 {
  font-size: large;
  font-weight: bold;
  margin-top: 40px;
}

.press-article h5 {
  font-size: large;
  font-weight: bold;
  margin: 40px 0 15px 0;
  padding: 5px;
  border-bottom: 1px solid #CCC;
}

.press-article .date {
  font-size: small;
  text-align: right;
  margin-bottom: 30px;
}

.press-article .image {
  width: auto;
  overflow: hidden;
  margin-bottom: 10px;
}

.press-article .text {
  margin-bottom: 20px;
}

.press-article .end {
  margin-top: 60px;
  text-align: right;
  padding: 10px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}









/* CONTENT MODULE [de-vi] ------------------------------------------------- */
#con-devi .devi {
  padding: 15px 30px 30px 30px;
  overflow: hidden;
  color: #205caf;
  background: url(../img/devi_con_bg.png);
}

#con-devi #content {
  padding: 0;
}

.header-title .title-devi {
  display: block;
  width: 740px;
  height: 311px;
  background: url(../img/head_con_devi.png) no-repeat top left;
}

.devi-h3 {
  width: auto;
  margin: 0;
  padding: 10px 25px;
  font-size: large;
  font-weight: normal;
  font-family: 'EB Garamond', serif;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

.devi-h4 {
  font-size: 28px;
  font-family: 'EB Garamond', serif;
  text-shadow: 0 2px 1px #FFF;
  margin: 0;
}

.devi-text {
  padding: 5px 10px;
  margin-bottom: 30px;
}

.devi-list {
  padding: 5px 10px;
}

.devi-list li {
  padding: 5px 0;
}

.devi-table .name {
  width: 80px;
  padding: 5px 10px;
  font-weight: bold;
}

.devi-table .detail {
  width: auto;
  padding: 5px 80px 5px 10px;
}

#con-devi .con-right .share-service-box .genre {
  float: right;
  width: 205px;
}

#devi-map-canvas {
  width: 100%;
  height: 300px;
  border-top: 2px solid #CCC;
}

.devi-skill {
  padding: 10px 0 50px 0;
}

.devi-skill li {
  display: inline-block;
  padding-right: 30px;
}

.devi-skill .mark {
  display: inline-block;
  padding: 7px;
  margin-right: 5px;
  width: 1em;
  text-align: center;
  background-color: #205caf;
  background-color: rgba(33,92,176,0.8);
  border-radius: 35px;
  font-family: 'EB Garamond', serif;
  font-size: 12px;
  line-height: 1;
  color: #FFF;
}

.devi-work {
  padding: 10px 0 30px 0;
}

.devi-work li {
  position: relative;
  display: inline-table;
  overflow: hidden;
  width: 260px;
  height: 160px;
  margin: 0 18px 30px 18px;
  box-shadow: 0px 2px 4px #333;
}

.devi-work .mark {
  z-index: 2;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 7px;
  width: 1em;
  text-align: center;
  background-color: #205caf;
  background-color: rgba(33,92,176,0.8);
  border-radius: 35px;
  font-family: 'EB Garamond', serif;
  font-size: 12px;
  line-height: 1;
  color: #FFF;
}

.devi-work .ss {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.devi-work .ss img {
  width: 100%;
}

.devi-work .name {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  background-color: rgba(0,0,0,0.6);
  color: #FFF;
  opacity: 0;
}

.devi-work .name span {
  display: block;
  padding: 10px;
  text-shadow: 0px 1px 2px black;
}

.devi-work-capsuloid {
  margin: 10px 18px 30px 18px;
  box-shadow: 0px 2px 4px #333;
  line-height: 1;
  font-size: 1px;
  background-color: #000;
}

.devi-work-capsuloid img {
  width: 100%;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.devi-work-capsuloid img:hover {
  opacity: 0.8;
}


/* CONTENT MODULE [SERVICE] ------------------------------------------------- */
#con-privacy .con-both {
  float: none;
  width: auto;
  padding: 25px 20px;
  overflow: hidden;
}

.header-title .title-privacy {
  display: block;
  width: 740px;
  height: 311px;
  background: url(../img/head_con_privacy.png) no-repeat top left;
}

.privacy-h3 {
  width: auto;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

.privacy-h4 {
  text-align: center;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  font-size: large;
  font-weight: bold;
  overflow: hidden;
}

#con-privacy .con-both dt {
  font-size: large;
  font-weight: bold;
}

#con-privacy .con-both dd {
  padding: 10px 0 30px 1em;
}

#con-privacy .con-both ol {
  list-style-type: decimal;
  padding: 10px 0 30px 1em;
  margin-left: 20px;
}

#con-privacy td {
  padding: 5px;
}

/* CONTENT MODULE [PRODUCT] ------------------------------------------------- */
.header-title .title-product {
  display: block;
  width: 740px;
  height: 311px;
  background: url(../img/head_con_product.png) no-repeat top left;
}

#con-product-detail #content {
  padding-bottom: 0;
}

#con-product-detail .text {
  line-height: 160%;
}

#con-product .con-both {
  float: none;
  width: auto;
  padding: 25px 20px;
  overflow: hidden;
}

.product-h3 {
  width: auto;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: large;
  font-weight: bold;
  text-shadow: 0 1px 1px #FFF;
  background: #CCC; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDD,  #BBB); /* for firefox 3.6+ */ 
  overflow: hidden;
}

.product-h3 span {
  font-weight: normal;
  font-size: small;
}

#con-product .share-product-box {
  width: 450px;
  height: 100%;
  margin-bottom: 15px;
}

#con-product .share-product-box a {
  border-radius: 0;
  padding: 10px;
}

#con-product .share-product-box .icon {
  width: 114px;
  margin-bottom: 5px;
}

#con-product .share-product-box .market {
  font-size: small;
  padding-top: 5px;
}

#con-product .share-product-box .name {
  font-size: large;
}

#con-product .share-product-box .genre {
  font-size: small;
}

#con-product .share-product-box .text {
  clear: none;
  width: 302px;
  float: right;
  font-size: small;
}

#con-product-detail .con-both {
  float: none;
  width: auto;
  padding: 25px 25px;
  overflow: hidden;
}

.header-title .title-product-detail {
  display: block;
  width: 740px;
  height: 311px;
}

#con-product-detail h4 {
  font-size: 24px;
  font-weight: bold;
}

.product-links {
  background: url(../img/product-links-bg.png);
  padding: 30px 0;
}

.product-links h3 {
  width: 900px;
  margin: auto;
  color: #EDEDED;
  font-weight: bold;
  text-shadow: 0px 1px 3px black;
}

.h3-sub-text {
  font-size: 30px;
  color: #666666;
  padding: 10px 0 0 0;
}

.product-links ul {
  width: 900px;
  margin: auto;
}

.product-links ul li {
  float: left;
  width: 450px;
  padding: 10px 0 0 0;
}

.product-links ul li a {
  color: #DDDDDD;
  text-decoration: none;
  text-shadow: 0px 1px 3px black;
}

.product-links ul li a:hover {
  color: #FFFFFF;
}




/* CONTENT MODULE [PRODUCT SWELL CLOUD SHARE] ------------------------------------------------- */
.swellcloud-partner {
  background-color: #CCCCCC;
  border-top: 1px solid #999999;
  padding: 15px 20px 10px 20px;;
}

.swellcloud-partner ul li {
  float: left;
  margin: 0 5px;
}

.swellcloud-partner ul li:first-child {
  margin: 0 0px;
}




/* CONTENT MODULE [PRODUCT SWELL CLOUD SERVER] ------------------------------------------------- */
.swellcloud-server-con01 {
  padding: 30px 0;
}

.swellcloud-server-con01 .left {
  float: left;
  width: 370px;
  padding: 20px 20px 0 20px;
}

.swellcloud-server-con01 .right {
  float: left;
  width: 490px;
}

.swellcloud-server-con02 {
  position: relative;
  padding-bottom: 50px;
  width: 900px;
  height: 762px;
  margin: auto;
  background: url(../img/swellcloud-server-image02.png) no-repeat;
}

.swellcloud-server-con02 h5 {
  display: none;
}

.swellcloud-server-con02 .text {
  position: absolute;
  width: 760px;
  left: 50px;
  top: 650px;
  font-size: 21px;
  color: #00228C;
  border: 1px solid #999;
  padding: 10px 20px;
}

.swellcloud-server-con02-en {
  position: relative;
  padding-bottom: 50px;
  width: 900px;
  height: 762px;
  margin: auto;
  background: url(../en/img/swellcloud-server-image02.png) no-repeat;
}

.swellcloud-server-con02-en h5 {
  display: none;
}

.swellcloud-server-con02-en .text {
  position: absolute;
  width: 760px;
  left: 50px;
  top: 650px;
  font-size: 21px;
  color: #00228C;
  border: 1px solid #999;
  padding: 10px 20px;
}

.swellcloud-server-con02B {
  margin-bottom: 80px;
}

.swellcloud-server-con02B h5 {
  font-size: 18px;
  color: #FF7F00;
  margin-bottom: 10px;
}

.swellcloud-server-con02B h5 span {
  color: #666666;
  font-size: 12px;
}

.swellcloud-server-con02B .text {
  margin-bottom: 1em;
}

.swellcloud-server-con03 {
  text-align: center;
  margin-bottom: 50px;
  padding: 20px 0;
}

.swellcloud-server-con03 .text {
  font-size: 22px;
  padding: 10px 0;
  margin-bottom: 30px;
}

.swellcloud-server-con03 table .arrow {
  width: 60px;
}

.swellcloud-server-con03 table th.a {
   color: #555555;
   font-size: 24px;
   border-bottom: 2px solid #888888;
   text-align: center;
}

.swellcloud-server-con03 table td.a {
   color: #333333;
   font-size: 20px;
   font-weight: bold;
   border-bottom: 1px solid #888888;
   text-align: left;
   width: 380px;
   padding: 10px 20px;
}

.swellcloud-server-con03 table td.a .sub {
   color: #666666;
   font-size: 13px;
   font-weight: normal;
   padding-top: 5px;
   line-height: 160%;
}

.swellcloud-server-con03 table th.b {
   color: #D83500;
   font-size: 24px;
   border-bottom: 2px solid #D93600;
   text-align: center;
}

.swellcloud-server-con03 table td.b {
   color: #D83500;
   font-size: 20px;
   font-weight: bold;
   border-bottom: 1px solid #D93600;
   text-align: left;
   width: 380px;
   padding: 10px 20px;
}

.swellcloud-server-con03 table td.b .sub {
   color: #666666;
   font-size: 13px;
   font-weight: normal;
   padding-top: 5px;
   line-height: 160%;
}

.swellcloud-server-con03 .word {
  padding: 20px 10px;
}

.swellcloud-server-con03 .word li {
  text-align: left;
  font-size: 12px;
  margin-bottom: 1em;
  color: #999;
}

.swellcloud-server-con03 .word li span {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.swellcloud-server-con04 {
  margin-bottom: 40px;
  padding: 20px 0;
}

.swellcloud-server-con04 ul li {
  float: left;
  background: url(../img/swellcloud-server-pr-p00.png) no-repeat;
  background: url(../img/swellcloud-server-pr-p00ie8.png) no-repeat\9; /* IE8 */
  background-size: 100%;
  margin: 5px;
}

.swellcloud-server-con04 ul li a img {
  width: 170px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.swellcloud-server-con04 ul li a img:hover {
  opacity: 0;
  -ms-filter: "alpha( opacity=0 )";
}

.swellcloud-server-con04-en {
  margin-bottom: 40px;
  padding: 20px 0;
}

.swellcloud-server-con04-en ul li {
  float: left;
  background: url(../en/img/swellcloud-server-pr-p00.png) no-repeat;
  background: url(../en/img/swellcloud-server-pr-p00ie8.png) no-repeat\9; /* IE8 */
  background-size: 100%;
  margin: 5px;
}

.swellcloud-server-con04-en ul li a img {
  width: 170px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
}

.swellcloud-server-con04-en ul li a img:hover {
  opacity: 0;
  -ms-filter: "alpha( opacity=0 )";
}

.swellcloud-server-pr-con01 .left {
  float: left;
  width: 220px;
  margin-right: 10px;
}

.swellcloud-server-pr-con01 .left h3 {
  font-size: 1px;
  line-height: 0;
}

.swellcloud-server-pr-con01 .left .prlist li a {
  display: block;
  background: url(../img/swellcloud-server-pr-prlist-arrow.png) no-repeat;
  background-position:10px center;
  padding: 7px 7px 7px 30px;
  background-color: #EFEFEF;
  border-bottom: 1px solid #CCCCCC;
  color: #666;
  text-decoration: none;
}

.swellcloud-server-pr-con01 .left .prlist li a:hover {
  background-color: #e9e9e9;
}

.swellcloud-server-pr-con01 .right {
  float: right;
  width: 680px;
}

.swellcloud-server-pr-detail {
  float: left;
  width: 320px;
  margin: -20px 0 20px 20px;
  padding-top: 20px;
}

.swellcloud-server-pr-detail dt {
  font-size: 1px;
  line-height: 0;
}

.swellcloud-server-pr-detail dd {
  padding: 15px;
  background-color: #888888;
  color: #EEE;
  font-size: 12px;
}

.swellcloud-server-pr-detail dd h5 {
  font-size: 14px;
  font-weight: bold;
  color: #ffbb00;
  text-shadow: 0px -1px 0px black;
  margin-bottom: 5px;
}

.swellcloud-server-pr-detail dd table {
  width: 100%;
  margin-bottom: 20px;
}

.swellcloud-server-pr-detail dd td {
  border: 1px solid #666;
  padding: 5px;
}

.swellcloud-server-pr-detail dd td span {
  font-size: 10px;
  color: #ffe708;
}

.swellcloud-server-pr-detail dd td.body {
  background-color: #777;
  width: 130px;
}

.swellcloud-server-pr-detail dd .service td.body {
  font-size: 20px;
  padding: 2px 5px;
  text-align: center;
  color: #ffbb00;
}

.swellcloud-server-pr-detail dd ul {
  width: 100%;
  margin-bottom: 20px;
}

.swellcloud-server-pr-detail dd ul li {
  margin-bottom: 10px;
}

.swellcloud-server-pr-con02 {
  padding-top: 30px;
  margin-bottom: 50px;
}

.swellcloud-server-pr-con02 ul li {
  color: #999;
  font-size: 12px;
  margin-bottom: 5px;
}

.swellcloud-server-pr-con02 ul li span {
  color: #ffbb00;
}






/* CONTENT MODULE [PRODUCT SWELL CLOUD MONITORING] ------------------------------------------------- */
.swellcloud-monitoring-con00 {
  margin-bottom: 50px;
}

.swellcloud-monitoring-con01 {
  padding: 30px 0;
  margin-bottom: 20px;
}

.swellcloud-monitoring-con01 .left {
  float: left;
  width: 440px;
}

.swellcloud-monitoring-con01 .right {
  float: right;
  width: 440px;
}

.swellcloud-monitoring-con02 {
  margin: 15px 0 50px 0;
}

.swellcloud-monitoring-con02 ul {
  margin: 0 10px;
}

.swellcloud-monitoring-con02 ul li {
  font-size: 18px;
  margin-bottom: 10px;
  padding-left: 25px;
  color: #ff6700;
  background: url(../img/swellcloud-server-arrow-s.png) no-repeat left center;
}

.swellcloud-monitoring-con02 div {
  text-align: center;
}

.swellcloud-monitoring-con03 {
  margin-bottom: 10px;
}

.swellcloud-monitoring-con03 h4 {
  border-bottom: 1px solid #999;
}

.swellcloud-monitoring-con03 .left {
  float: left;
  width: 440px;
}

.swellcloud-monitoring-con03 .right {
  float: right;
  width: 440px;
}

.swellcloud-monitoring-con03 ul {
  margin: 10px 0;
}

.swellcloud-monitoring-con03 ul li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}

.swellcloud-monitoring-con04 {
  margin-bottom: 50px;
}

.swellcloud-monitoring-con04 table {
  width: 100%;
  margin: 10px 0;
}

.swellcloud-monitoring-con04 table td {
  border: 1px solid #CCC;
  padding: 5px;
}

.swellcloud-monitoring-con04 table td.name {
  background-color: #EEE;
}

.swellcloud-monitoring-con04 span {
  color: #e55203;
}

.swellcloud-monitoring-con04 ul li {
  font-size: 12px;
  color: #999;
}



/* CONTENT MODULE [PRODUCT SWELL CLOUD FLYDATA] ------------------------------------------------- */
.swellcloud-flydata-con01 {
  padding: 30px 0;
  margin-bottom: 20px;
}

.swellcloud-flydata-con01 .left {
  float: left;
  width: 440px;
}

.swellcloud-flydata-con01 .left h5 {
  font-size: 18px;
  color: #FF7F00;
  margin-bottom: 10px;
}

.swellcloud-flydata-con01 .left .check {
  text-align: center;
  padding: 30px 0;
}

.swellcloud-flydata-con01 .right {
  float: right;
  width: 440px;
  padding-top: 20px;
}

.swellcloud-flydata-con01 .right iframe {
  border: 1px solid #666666;
  box-shadow: 0px 1px 3px black;
}

.swellcloud-flydata-con02 {
  margin: 10px 0 60px 0;
}

.swellcloud-flydata-con02 ul li {
  float: left;
  width: 210px;
  margin-right: 20px;
  margin-right: 17px\9; /* IE8 */
}

.swellcloud-flydata-con02 ul li:last-child {
  margin-right: 0;
}

.swellcloud-flydata-con02 ul h5 {
  font-size: 16px;
  font-weight: bold;
  color: #FF7F00;
  border-bottom: 2px solid #333333;
  padding-bottom: 3px;
  padding: 90px 0 3px 0;
  margin-bottom: 5px;
  text-align: center;
}

.swellcloud-flydata-con02 ul h5.icon01 {
  background: url(../img/swellcloud-flydata-image03-1.png) no-repeat center top;
}

.swellcloud-flydata-con02 ul h5.icon02 {
  background: url(../img/swellcloud-flydata-image03-2.png) no-repeat center top;
}

.swellcloud-flydata-con02 ul h5.icon03 {
  background: url(../img/swellcloud-flydata-image03-3.png) no-repeat center top;
}

.swellcloud-flydata-con02 ul h5.icon04 {
  background: url(../img/swellcloud-flydata-image03-4.png) no-repeat center top;
}

.swellcloud-flydata-con03 {
  position: relative;
  margin-bottom: 50px;
  width: 786px;
  height: 947px;
  margin: auto;
  background: url(../img/swellcloud-flydata-image02.png) no-repeat;
}

.swellcloud-flydata-con03 h5 {
  display: none;
}

.swellcloud-flydata-con03 .text {
  position: absolute;
  width: 260px;
  top: 350px;
}

.swellcloud-flydata-con03-en {
  position: relative;
  margin-bottom: 50px;
  width: 786px;
  height: 947px;
  margin: auto;
  background: url(../en/img/swellcloud-flydata-image02.png) no-repeat;
}

.swellcloud-flydata-con03-en h5 {
  display: none;
}

.swellcloud-flydata-con03-en .text {
  position: absolute;
  width: 260px;
  top: 350px;
}

.swellcloud-flydata-con04 {
  margin: 10px 0 60px 0;
}








/* CONTENT MODULE [PRODUCT SWELL CLOUD REDSHIFT] ------------------------------------------------- */
.swellcloud-redshift-con01 {
  padding: 30px 0;
  margin-bottom: 20px;
}

.swellcloud-redshift-con01 ul {
  background-color: #ffffa8;
  padding: 20px 20px 10px 20px;
  ;border-radius: 7px;
}

.swellcloud-redshift-con01 ul li {
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(../img/swellcloud-server-arrow-s.png) no-repeat left center;
}

.swellcloud-redshift-con01 h5 {
  font-size: 18px;
  color: #FF7F00;
  margin-bottom: 5px;
}

.swellcloud-redshift-con02 {
  margin: 10px 0 20px 0;
}

.swellcloud-redshift-con02 h5 {
  font-size: 18px;
  color: #FF7F00;
  margin-bottom: 10px;
}

.swellcloud-redshift-con02 h5 span {
  color: #666666;
  font-size: 12px;
}

.swellcloud-redshift-con02 .text {
  background: url(../img/swellcloud-redshift-image01.png) no-repeat;
  padding-left: 190px;
}

.swellcloud-redshift-con03 {
  text-align: center;
  font-size: 25px;
  margin-bottom: 50px;
}

.swellcloud-redshift-con03 iframe {
  border: 1px solid #666666;
  box-shadow: 0px 1px 3px black;
  margin-top: 10px;
}

.swellcloud-redshift-con04 {
  margin-bottom: 50px;
}

.swellcloud-redshift-con04 .left {
  float: left;
  width: 440px;
}

.swellcloud-redshift-con04 .right {
  float: right;
  width: 440px;
}

.swellcloud-redshift-con04 ul li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}

.swellcloud-redshift-con04 h5 {
  border-bottom: 1px solid #999;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.swellcloud-redshift-ca {
  background: url(../img/swellcloud-redshift-image02.png) no-repeat left top;
  padding-left: 210px;
}