@charset "utf-8";
/* base section  */
body {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 30px;
  color: #333;
}
a {
  color: #005dd4;
}
a:hover {
  text-decoration: none;
}
a:visited {
  color: #005dd4;
}

h1 {
  float: right;
  font-size: 16px;
  line-height: 35px;
}
h2:before {
  width: 30px;
  height: 20px;
  content: "";
  display: inline-block;
  background: url("/img/list_h1.png") no-repeat left center;
  margin-left: -30px;
}
h2 {
  color: #444;
  padding: 25px 0 30px 35px;
  font-size: 26px;
  margin: 0 0 30px;
  border-top: 3px solid #6cc126;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  line-height: 150%;
}
.single_column h2 {
  border-top: 3px solid #f89406;
}
.dedicated h2 {
  border-top: 3px solid #316ce1;
}
h3 {
  background: url("/img/list_h3.png") no-repeat left;
  padding: 10px 0 10px 30px;
  font-size: 22px;
  border-bottom: 1px solid #efefef;
  font-weight: bold;
  color: #444;
}
h3 ~ p {
  padding: 15px 0;
}
h4 {
  font-size: 18px;
  padding: 10px 0 5px;
  color: #444;
}
#left p ~ p {
  padding: 0 0 15px;
}

/* common class section */
.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
} /* For IE 6/7 (trigger hasLayout) */
.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden;
}
.cf:after {
  clear: both;
}
* For IE 6/7 (trigger hasLayout) */ .cf:before,
.cf:after {
  /content: "";
  display: block;
  overflow: hidden;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}

.move_top {
  margin: 10px 0 40px;
  float: right;
}
.move_top a {
  padding: 30px;
}

.emphasis {
  color: #ff1d68;
}
.strong {
  color: #ff1d68;
  font-weight: bold;
}
.tel .number {
  font-size: 25px;
  color: #009;
  margin: 0 0 5px;
}
.tel .hours {
  background: #eee;
  display: inline-block;
  padding: 3px 5px;
  margin: 0 5px 0 0;
}
/* common ul section */
ul.present {
  text-align: right;
  margin: 10px 0;
  padding: 5px 0;
}
.list_square li {
  list-style-type: square;
}
.line li {
  display: inline;
  margin: 0 15px 0 0;
}
.list {
  padding: 15px;
  /*    border: 1px solid #fdc7d2; */
}
.list_triangle_pink {
  background: #fff9fa;
  /*    border: 1px solid #fee4e9; */
}
.listnone {
  background: none !important;
}
.list_triangle_pink li {
  background: url("/img/list_triangle_pink.png") no-repeat left;
  padding: 0 0 0 15px;
}
.list_square_blue {
  background: #f4f4f4;
  /*    border: 1px solid #e4e4e4; */
}
.list_square_blue li {
  background: url("/img/list_square_blue.png") no-repeat left;
  padding: 0 0 0 15px;
}
ul.supplementary {
  padding: 5px 10px;
  background: #f3f3f3;
  /*    border: 1px solid #cccccc; */
}
ul.supplementary li {
  background: url("/img/list_square_gray.png") no-repeat left;
  padding: 0 0 0 15px;
}

ul.point {
  /*    border: 2px solid #c0e9fe; */
  background: #e2f2fb;
}
ul.point li {
  padding: 0 0 0 15px;
  background: url("/img/list_square_blue.png") no-repeat left;
}
ul.button_list {
  text-align: center;
}
ul.button_list li:first-child {
  padding: 0 0 20px;
}

/* common form section */
form input[type="radio"] {
  vertical-align: middle;
  margin: 0 2px;
}
form input[type="text"],
form input[type="password"] {
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 2px 1px;
}
form input[type="checkbox"] {
  vertical-align: bottom;
  margin: 0 3px 0 0;
}
form select {
  border: 1px solid #ccc;
}
form select.sign_in {
  border: 1px solid #000;
}

form textarea {
  border: 1px solid #ccc;
  padding: 5px;
}

/*  common table  */
.content table {
  width: 100%;
  margin: 15px 0;
}
.content p ~ table {
  margin: 5px 0 15px;
}
.content table.w_auto {
  width: auto;
}
.content table.w_40 {
  width: 40%;
}
.content table.w_50 {
  width: 50%;
}
.content table.w_60 {
  width: 60%;
}
.content table.w_80 {
  width: 80%;
}
table th {
  background: #eee;
  padding: 10px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ccc;
}
div.content table td {
  padding: 10px;
  border: 1px solid #ccc;
}
div.content table td dl {
  padding: 0 0 10px;
}

div.content table td dl dd {
  padding: 5px 0 0;
}

div.content table td.plan {
  font-weight: bold;
  text-align: left;
}
div.content table td.title {
  background-color: #ddeff9;
  font-weight: bold;
}
div.content table td.title {
  background-color: #ddeff9;
  font-weight: bold;
}
div.content table td.nowrap,
div.content table th.nowrap {
  white-space: nowrap;
}
div.content table.plan_list {
  margin: 0 0 15px;
}
div.content table.plan_list tr th span.vendor {
  font-size: 8pt;
}

/* layout base css */
#container {
  margin: 0 auto;
  overflow: hidden;
}
#header {
  width: 980px;
  height: 110px;
  overflow: hidden;
  margin: 0 auto;
  display: table;
}
#main {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
/* header */
.logo {
  width: 300px;
  display: table-cell;
  margin: 15px 0;
  vertical-align: middle;
}
.sub_menu {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 100%;
}
.sub_menu li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
}
.sub_menu li a {
  color: #444;
  text-decoration: none;
}
.sub_menu li a:hover {
  text-decoration: underline;
}
.sub_menu li a.hover {
  color: #999;
}
.sub_menu .login {
  color: #f90;
}
.sub_menu .login.hover {
  color: #fc0;
}
.sub_menu .tel {
  line-height: 80%;
  margin: 3px 0 0 25px;
}
.sub_menu .tel img {
  width: 200px;
}
.sub_menu .tel p {
  margin-top: 5px;
}

/* global menu section  */
#main_menu {
  z-index: 1;
  position: relative;
  height: 50px;
  clear: both;
  background: #2452a5;
  background: -moz-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #2452a5),
    color-stop(47%, #2452a5),
    color-stop(100%, #326bbd)
  );
  background: -webkit-linear-gradient(
    top,
    #2452a5 0%,
    #2452a5 47%,
    #326bbd 100%
  );
  background: -o-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: -ms-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: linear-gradient(to bottom, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2452a5', endColorstr='#326bbd',GradientType=0 );
}
#main_menu ul {
  width: 980px;
  display: table;
  margin: 0 auto;
}
#main_menu ul li {
  width: 16.6%;
  height: 50px;
  line-height: 50px;
  display: table-cell;
  text-align: center;
  border-left: 1px solid #fff;
}
#main_menu li a {
  width: 100%;
  height: 40px;
  display: block;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 0 0 #1a3a73;
  position: relative;
}
#main_menu ul li:last-child a {
  border-right: 1px solid #fff;
}
#main_menu li.selected_bg {
  background: #374c72;
  border-bottom: 3px solid #f00;
  z-index: 1;
}

#main_menu .menu-list {
  position: absolute;
  display: none;
  text-align: left;
  background: #374c72;
}

#main_menu .menu-list a {
  width: auto;
  height: 35px;
  display: block;
  line-height: 35px;
  background: rgba(255, 255, 255, 0.1);
  border-bottom-width: 1px !important;
  padding-left: 10px;
}
#main_menu .menu-list a:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* pkz section */
#pkz {
  height: 35px;
  line-height: 35px;
  background: #efefef;
  font-size: 16px;
}
#pkz.top {
  background: #ffffff;
  margin: 0;
}
#pkz span {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
  margin: 0 6px;
}
#pkz a {
  color: #0057c1;
  padding: 0 3px;
  font-weight: normal;
  text-decoration: none;
}
.pkz_wrapper {
  width: 980px;
  margin: 0 auto;
}
/* common content description   */

.content_title p {
  padding: 15px 35px 0 35px;
  line-height: 120%;
}
.content .description {
  display: table;
  margin: 20px 0;
}
.content .description .bold span{
  font-weight: bold;
}
.content .description .icon {
  width: 25%;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding: 10px;
}

.content .description .text {
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle;
}
.content .description .text .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.content .description .text p ~ p {
  padding: 0 0 20px;
}
.content_box {
  margin: 10px 0px 20px 0px;
}
.content_box_last {
  margin: 10px 0px 40px 0px;
}

/* informatin section  */
.information {
  margin: 15px 0;
}
.information dt {
  width: 220px;
  display: table-cell;
  clear: both;
  padding: 10px;
}
.information dt span {
  display: inline-block;
  padding: 0 5px;
  margin: 5px 20px 0 0;
  text-align: center;
  color: #fff;
}
.information .news {
  background: #ffa274;
}
.information .release {
  background: #4ccead;
}
.information dd {
  display: table-cell;
  overflow: hidden;
}
.information dd a {
  font-weight: bold;
}

/* left content section */
.content {
  margin: 0 0 40px;
}
.content_wrapper {
  padding: 15px 0;
}
.content ul {
  padding: 10px;
}
.content li {
  margin: 2px 0;
}
/* right */
#right .content_right {
  width: 240px;
  border: 1px solid #ccc;
  margin: 0 0 15px;
  background: #fcfcfc;
}
#right .right_title {
  height: 32px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 10px;
  color: #fff;
  text-shadow: 1px 0 0 #2452aa;
  background: #2452a5;
  background: -moz-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #2452a5),
    color-stop(47%, #2452a5),
    color-stop(100%, #326bbd)
  );
  background: -webkit-linear-gradient(
    top,
    #2452a5 0%,
    #2452a5 47%,
    #326bbd 100%
  );
  background: -o-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: -ms-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: linear-gradient(to bottom, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2452a5', endColorstr='#326bbd',GradientType=0 );
}
#right .right_title.shared {
  text-shadow: 1px 0 0 #696;
  background: #6cc126;
  background: -moz-linear-gradient(top, #8ec164 0%, #6cc126 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #8ec164),
    color-stop(100%, #6cc126)
  );
  background: -webkit-linear-gradient(top, #8ec164 0%, #6cc126 100%);
  background: -o-linear-gradient(top, #8ec164 0%, #6cc126 100%);
  background: -ms-linear-gradient(top, #8ec164 0%, #6cc126 100%);
  background: linear-gradient(to bottom, #8ec164 0%, #6cc126 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec164', endColorstr='#6cc126',GradientType=0 );
}
#right .right_title.dedicated {
  text-shadow: 1px 0 0 #669;
  background: #316ce1;
  background: -moz-linear-gradient(top, #316ce1 0%, #316ce1 99%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #316ce1),
    color-stop(99%, #316ce1)
  );
  background: -webkit-linear-gradient(top, #316ce1 0%, #316ce1 99%);
  background: -o-linear-gradient(top, #316ce1 0%, #316ce1 99%);
  background: -ms-linear-gradient(top, #316ce1 0%, #316ce1 99%);
  background: linear-gradient(to bottom, #316ce1 0%, #316ce1 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316ce1', endColorstr='#316ce1',GradientType=0 );
}
#right .right_title.dedicated a {
  color: #fff;
}
#right .right_title img {
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#right .menu {
  padding: 0;
}
#right .contact {
  float: left;
}
#right .menu li {
  background: url("/img/list_triangle_blue.png") no-repeat 10px;
  border-bottom: 1px dotted #ccc;
  padding: 3px 0 1px;
}
#right .menu li a {
  display: block;
  padding: 3px 0 3px 25px;
  text-decoration: none;
}
#right .menu .selected {
  background: url("/img/list_triangle_pink.png") no-repeat 10px;
}
#right .option_menu {
  padding: 5px 10px;
  text-decoration: none;
}
#right .option_menu li,
#right .other_menu li {
  margin: 2px 0 0;
}
#right .other_menu {
  padding: 0 10px 5px;
  text-decoration: none;
}
#right li a {
  text-decoration: none;
}
#right li a:hover,
#right .option_menu .selected a {
  text-decoration: underline;
}
#right .content-wrapper {
  padding: 10px;
}
#right .content-wrapper.tel {
  text-align: center;
  border-top: 1px dotted #ccc;
  padding: 10px 10px 0;
}
#right .content-wrapper.tel img {
  width: 90%;
}
#right .button {
  margin: 10px 0 0;
  text-align: center;
}
.content.blog {
  width: 240px;
  background: #2452a5;
  background: -moz-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #2452a5),
    color-stop(47%, #2452a5),
    color-stop(100%, #326bbd)
  );
  background: -webkit-linear-gradient(
    top,
    #2452a5 0%,
    #2452a5 47%,
    #326bbd 100%
  );
  background: -o-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: -ms-linear-gradient(top, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  background: linear-gradient(to bottom, #2452a5 0%, #2452a5 47%, #326bbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2452a5', endColorstr='#326bbd',GradientType=0 );
}
.content.blog a {
  width: 100%;
  display: table;
  color: #fff;
  line-height: 100%;
}
.content.blog div {
  display: table-cell;
  padding: 10px 5px;
}
.content.blog div.icon {
  vertical-align: middle;
}

.content.blog div.link span {
  text-shadow: 1px 0 0 #2452aa;
  text-decoration: underline;
}
.content.blog div.link p {
  margin: 10px 10px 0 0;
  line-height: 120%;
}
#right table.server_plan td a:hover {
  text-decoration: none;
  background-color: #f3f3f3;
}
#right table.server_plan td a span {
  background: url("/img/list_triangle_blue.png") no-repeat left;
  padding: 0 0 0 15px;
}
#right table.server_plan td.plan {
  position: relative;
  border-bottom: none;
}
#right table.server_plan td.plan ul {
  position: relative;
}
#right table.server_plan td.plan li {
  border-bottom: 1px dotted #ccc;
  background: #f9f9f9;
}
#right table.server_plan td.plan li.selected {
  background-color: #e9e9e9;
}
#right table.server_plan td.plan li.premium {
  height: 65px;
  border-bottom: none;
}
#right table.server_plan td.plan li.premium a {
  height: 45px;
}
#right table.server_plan td.plan li.xenserver {
  width: 140px;
  height: 25px;
  line-height: 25px;
  padding: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
#right table.server_plan td.plan li.xenserver a {
  padding: 0 0 0 10px;
}

#right table.server_plan td ul li:last-child {
  border-bottom: none;
}
#right table.server_plan tr:nth-child(3) td {
  padding: 10px;
}
#right table.server_plan tr ul.menu li {
  border-bottom: none;
  background: none;
  background: url("/img/list_square_blue.png") no-repeat left;
  padding: 2px 0 2px 15px;
}
#right table.server_plan td ul.menu li a {
  padding: 0;
}
#right table.server_plan tr ul.menu li.selected a {
  background-color: #f3f3f3;
}
#right table.content {
  margin: 20px 0 0;
}
#right table.content tr th {
  padding: 0;
  margin: 0;
  line-height: 0;
}
#right table.content tr td {
  padding: 5px 10px;
  text-align: center;
}
#right table.content p {
  text-align: left;
}

#right table.content.contact dl {
  padding: 15px 0 10px;
  margin: 15px 0 0;
  border-top: 1px dotted #ccc;
}
#right table.content.contact dl dt {
  padding: 0 0 10px;
}
#right table.content.login tr td p {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 10px;
}
#right table.content.login tr td img {
  padding: 5px 0;
}

/* social */
.social-icon {
  width: 960px;
  margin: 15px auto 5px;
}
.social-icon ul {
  text-align: right;
}
.social-icon li {
  display: inline-block;
}
.fb-like.fb_iframe_widget > span {
  vertical-align: top !important;
}

/* �ɲ�css */
.padding_0 {
  padding: 0px;
}
.padding_10 {
  padding: 10px;
}
.margin_10 {
  margin: 10px;
}
.margin_top_10 {
  margin-top: 10px;
}
.int {
  text-align: right;
}

.left {
  text-align: left;
}