/*
----------------------------------------------------------
  COMMON 
----------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

br.clear {
  clear: both;
  font: 0/0 sans-serif;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  color: #333;
  font-family: Verdana,'Lucida Grande',"Hiragino Kaku Gothic Pro", Meiryo,'メイリオ', 'MS Pゴシック', sans-serif;
  font-size: 12px;
  background: #000;
}

a.button {
  cursor: pointer;
}

img, a img {
  border: none;
}

b {
  font-weight: bold;
}

em {
  font-style: normal;
}

small {
  font-size: 80%;
}

small.small60 {
  font-size: 60%;
}

a {
  color: #008ecd;
  text-decoration: none;
}

a:visited {
  text-decoration : none;
}

a:visited {
  text-decoration : none;
}

a:hover {
  color: #b80120;
  text-decoration: none;
}

a:active {
  color: #b80120;
  text-decoration: underline;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

#rightB {
  position: fixed;
  bottom: -40px;
  right: 30px;
  _display: none;
}

#toPageTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  _display: none;
}

#toPageTop2 {
  height: 40px;
  overflow: hidden;
  width: 155px;
}

#toPageTop2 a {
  display: block;
  height: 40px;
  margin-left: -155px;
  width: 310px;
}

.toPageToptxt {
  display:none;
  _display:block;
  _margin:0;
  _text-align:right;
}

#order_rightB {
  height: 77px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 155px;
}

/* キャンペーン用のお申込ボタン */
#order_rightB_moveCP{
  height: 142px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 155px;
}

#order_rightB_CP {
  height: 168px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 155px;
}

#order_rightB_0CP {
  height: 92px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 155px;
}

@media screen and (max-width: 1194px) {
  #order_rightB, 
  #order_rightB_moveCP,
  #order_rightB_0CP, 
  #order_rightB_CP {
    display: none;
  }
}

#btn_order_rightB {
  display: block;
  height: 77px;
  margin-left: -155px;
  width: 310px;
}

#btn_order_rightB_0CP {
  display: block;
  height: 92px;
  margin-left: -155px;
  width: 310px;
}

#moveCampaignAnnounce {
  width: 155px;
  height: 60px;
  margin-bottom: 5px;
  position: relative;
}

#moveCampaignAnnounce p {
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px #ccc solid;
  text-align: center;
  color: #777;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff;
}

#moveCampaignAnnounceText {
  padding: 8px;
  display: none;
}

#main h2.icon,
h3.icon {
  background: url("/image/support/manual_icon_kaba.gif") no-repeat;
  border-bottom:2px solid #c9e4f7;
  color: #333;
  font-size: 16px;
  line-height: 135%;
  margin: 0 0 20px;
  padding: 2px 0 7px 35px;
}

#main h2.icon2, 
h3.icon2 {
  background: url("/image/support/manual_icon_kaba.gif") no-repeat;
  border-bottom:2px solid #c9e4f7;
  color: #333;
  font-size: 16px;
  line-height: 135%;
  margin: 40px 0 20px;
  padding: 2px 0 7px 35px;
}

#main h2.icon_link, 
#main h3.icon_link {
  background: url("/image/support/manual_icon_kaba_ygreen.gif") no-repeat;
  border-bottom:2px solid #dbf689;
  color: #333;
  font-size: 16px;
  line-height: 135%;
  margin: 0 0 20px;
  padding: 2px 0 7px 35px;
}

h4 {
  font-size: 14px;
}

input,
textarea,
select {
  font-family: Verdana,'Lucida Grande',"Hiragino Kaku Gothic Pro", Meiryo,'メイリオ', 'MS Pゴシック', sans-serif;
}

input.text, 
textarea,
select {
  border-top: 1px solid #999;
  border-right: 1px solid #f4f4f4;
  border-left: 1px solid #999;
  border-bottom: 1px solid #f4f4f4;
  font-size: 14px;
  padding: 2px;
}

input.search-box {
  border: 1px solid #f4f4f4;
  font-size: 12px;
  line-height: 1;
  padding: 6px 4px 2px;
}

.key {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  font-family: sans-serif;
  margin-left: 5px;
  margin-right: 5px;
  padding: 2px 5px;
  text-align: center;
  vertical-align: top;
}

.publicity {
  border : 3px solid #FFF87E;
  background-color : #FFFEF2;
  margin : 0 0 10px;
  padding : 15px 20px;
  line-height: 160%;
  font-weight: bold;
  font-size: 120%;
  color: #ff366a;
  text-align: center;
}

.publicity a:hover {
    cursor: pointer;
}

/*
----------------------------------------------------------
  LAYOUT 
----------------------------------------------------------*/
#contents_wrapper {
  padding-top: 30px;
  width: 100%;
  background-color: #fff;
  text-align: left;
}

#order #contents_wrapper {
  padding-top: 17px;
}

#contents, 
#contents2 {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#submenu {
  width : 160px;
  float : left;
}

#main {
  width: 800px;
  float: right;
  background-color : #f4f4f4;
}

#order #main {
  background: #fff;
  float: none;
  margin: 0 auto;
  position: relative;
  width: 960px;
}

/* -------------------------------------
  HEADER NEW 
------------------------------------- */
#header.back {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  color: #000;
  display: block;
  font-weight: bold;
  font-size: 13px;
  padding: 12px 7px 7px;
  text-align: center;
  width: 100%;
}

.back #menu-logo, 
.back #menu-search-icon {
  display: block; 
}

.back #menu-logo {
  margin: 2px 10px 0 0;
}

#menu-logo .menu-category {
  margin: 0;
  padding: 0;
  position: relative;
}

#menu-logo .menu-category:nth-of-type(2) {
  left: -5px;
}

#pepapon02 {
  position: absolute;
  top: -17px;
  right: 84px;
  margin: 0;
  padding: 0;
  width: 29px;
}

.back #menu-search-icon {
  cursor: pointer;
}

body.disabled-onepage-scroll #menu-icon,
#menu-icon {
  display: none; 
}

.back #menu-search {
  padding-top: 5px;
}

#menu-search .search-box {
  width: 90px;
}

header nav {
  margin: 0 auto;
  width: 960px;
}

#menu-list, 
.menu-inside {
  list-style-type: none;
}

#menu-list > li {
  float: left;
  margin-right: 5px;
  position: relative;
}

#menu-list > li.FR {
  float: right;
}

#menu-list > li.MR0PX {
  margin-right: 0px;
}

#menu-list > li > a { 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #626262;
  display: inline-block;
  font-size: 13px;
  line-height: 1.8;
  padding: 5px 8px;
}

#menu-list > li#menu-logo > a { 
  padding: 0;
}

#menu-list a.current, 
#menu-list > li > a:hover {
  color: #008ecd;
  text-decoration: none;
}

#menu-list > li#menu-logo > a:hover {
  background: none;
}

#menu-list > li > a.menu_pink {
  background: #f70f72;
  color: #fff;
}

#menu-list > li > a.menu-login {
  background: #008ecd;
  color: #fff;
}

#menu-list > li > a.menu-inquiry {
  padding: 5px 3px 5px 5px;
}

#menu-search-icon div:hover, 
#menu-list > li > a.menu-inquiry:hover {
  background: #c0c0c0;
}

#menu-search-icon div { 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #626262;
  display: inline-block;
  font-size: 13px;
  line-height: 1.8;
  padding: 5px 3px 5px 5px;
}

.menu-inside {
  background: #f5f5f5;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  display: none;
  font-size: 11px !important;
  padding-top: 5px;
  position: absolute;
  top: 33px;
  text-align: left;
  width: 230px;
  z-index: 30;
}

.menu-inside.positionR {
  right: 0;
}

.menu-inside2 {
  left: 229px;
}

.menu-inside li {
  border-left: 1px solid #008ecd;
  border-right: 1px solid #008ecd;
  border-bottom: 1px dotted #008ecd;
  cursor: pointer;
  padding: 10px 10px 5px;
}

.menu-inside li:first-of-type {
  border-top: 1px solid #008ecd;
}

.menu-inside li:last-of-type {
  border-bottom: 1px solid #008ecd;
}

.menu-inside li:hover {
  background: #fff;
  color: #b3001d;
}

.menu-inside a {
  color: #008ecd;
}

.menu-inside p {
  margin: 2px 0;
}

.inside-menu {
  font-size: 12px;
  line-height: 1.6;
}

i.icon {
  display: inline-block;
  margin-right: 3px;
}

i.icon.mail {
  height: 13px;
  width: 18px; 
  background: url(/image/index/icon_mail.png) no-repeat 0 0;
  background: rgba(0,0,0,0) url(/svg/icon_mail.svg) no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
}

/*
----------------------------------------------------------
  servicesFooter
----------------------------------------------------------*/
#servicesFooter {
  background:url(/image/footer/footer_paperboygroup.gif?1) 0% 2px no-repeat;
  margin: 0 auto;
  width: 960px;
}

#servicesFooter dl {
  font-size: 12px !important;
  margin-left: 230px;
  margin-bottom: 10px;
  width: 730px;
}

#servicesFooter dt {
  color: #999;
  float: left;
  width: 160px;
}

#servicesFooter dd {
  float: right;
  width: 570px;
}

#servicesFooter ul {
  list-style: none;
}

#servicesFooter li {
  float: left;
  line-height: 1.7;
  margin-right: 13px;
}

#servicesFooter li a {
  color: #fff;
}

/*
----------------------------------------------------------
  MAINAREA 
----------------------------------------------------------*/
#main h1.page-title {
  display: block;
  height: 25px;
  line-height: 25px;
  margin: 15px 40px 25px;
  background: url("/image/support/title_bg960.gif") no-repeat;
  font-size: 14px;
  color: #fff;
  padding: 0 20px;
}

#main h2 {
  display: block;
  height: 22px;
  margin: 15px 40px 0px;
  background: url("/image/support/title_bg960.gif") no-repeat;
  font-size: 14px;
  color: #fff;
  padding: 5px 20px;
}

/* footstamp */
#footstamp {
  height: 10px;
  background: url("/image/bg_main960.gif") top left no-repeat;
  font-size: 10px;
  padding: 20px 0 0 35px;
}

#footstamp .crumb {
  display: inline-block;
  float: left;
}

#footstamp a {
  text-decoration : underline;
}

/* /footstamp */
#main .mainarea {
  margin: 15px 40px 30px;
  clear: both;
}

#main .mainarea p {
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 1.6em;
}

#main ul,
#main ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#main .mainarea li {
  margin: 0 0 1em;
}

.info {
  background-color: #f2f9fc;
  border: 3px solid #9cd6ff;
  color: #093a5d;
  font-weight: bold;
  line-height: 160%;
  margin: 0 0 10px 0;
  padding: 10px 20px;
  text-align: center;
}

.note {
  background-color: #f2f9fc;
  border: 1px dotted #9cd6ff;
  margin: 0 0 10px 0;
  padding: 10px 20px;
}

.info.notice {
  background: #fff2f2;
  border: 3px solid #ffc1c1; 
  line-height: 1.8;
  padding: 20px;
  text-align: left;
}

.attention, 
.error {
  background-color : #fee2e9;
  border : 3px solid #fee2e9;
  color: #b80120;
  font-weight: bold;
  line-height: 160%;
  margin : 0 0 10px 0;
  padding : 10px 20px;
}

.error-PTB {
  padding: 20px;
}

.help-img {
  background: url(/image/common/help.gif) no-repeat;
  font-size: 10px;
  margin-top: 10px;
  padding-left: 20px;
}

.caution {
  font-size: 11px !important;
  color: #b80120;
}

.caution-img {
  background: url(/image/support/manual_icon_caution.gif) no-repeat 5px 2px;
  color: #b80120;
  font-size: 11px;
  margin-top: 10px;
  padding-left: 20px;
}

#main .caution_ul {
  color: #cc0000;
  font-size: 13px;
  line-height: 1.6;
  padding-left: 2em;
  text-indent: -2em;
}

#main .dotted {
  border-top: 1px dotted #d8d8d7;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: 1px;
  margin-top: 20px;
}

.link-icon, 
.nav-link-icon {
  margin-right: 0.5em;
}

.part1_3 {
  float: left;
}

.backlink {
  background: url("/image/support/manual_icon_back.gif") no-repeat 0px 11px;
  margin-left: 5px;
  padding-left: 10px;
}

.column2Ul {
  margin: 0 auto;
  width: 98%;
}

#main .column2Ul ul {
  list-style-type: disc;
  list-style-position: inside; 
  width: 48%;
}

/*
----------------------------------------------------------       
  ABOUT                         
----------------------------------------------------------*/  
#about h3 {
  font-size: 16px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

/*
----------------------------------------------------------
  SITEMAP
----------------------------------------------------------*/
#sitemap .table_sitemap {
  width: 720px;
}

#sitemap .table_sitemap h3 a {
  background: url("/image/sitemap/bg_h3.gif") no-repeat;
  color: #000;
  display: block;
  font-size: 12px;
  height: 22px;
  padding: 4px 0 0 21px;
  text-decoration: none;
  width: 153px;
}

#sitemap .table_sitemap ul {
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
}

#sitemap .table_sitemap ul li {
  font-size: 12px;
  margin-top: 0.8em;
}

#sitemap .table_sitemap td.left,  #sitemap .table_sitemap td.center,  #sitemap .table_sitemap td.right {
  vertical-align: top;
  width: 193px;
}

/*
----------------------------------------------------------
  SERVICE
----------------------------------------------------------*/
#header-img {
  margin: -5px 0 0 -15px;
  padding: 0;
}

#charge01 h3 {
  background: url("/image/common/line_submenu_155.gif") repeat-x bottom left;
  color: #008ecd;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 0 0 7px 0;
}

.box_harf {
  margin-top: 20px;
}

.box_harf img {
  display: block;
  width: 328px;
}

.box_harf div {
  display: block;
  width: 328px;
  height: 210px;
  margin-left: 14px;
}

#service .box_harf h3, 
#service .box_harf h4 {
  background: none;
  color: #333;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 327px;
}

.wrapper_box_quarter {
  display: table;
}

.box_quarter {
  display: table-cell;
  padding: 0 14px 14px 0;
  width: 157px;
}

.box_quarter:last-child {
  padding-right: 0;
}

.box_quarter dt {
  margin-bottom: 8px;
}

.box_quarter dt a:hover img{
  cursor: pointer;
  -moz-opacity:0.6;         /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;        /* Safari 1.x */
  opacity:0.6;
  zoom:1;
}

.box_quarter dd {
  font-size: 0.9em;
}

.service_basic { 
  width: 670px;
}

#introduction.mainarea .service_basic li {
  background: #f2f9fc url("/image/service/function/th_bg.gif") top left;
  border: 1px solid #9cd6ff;
  display: block;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 14px 14px 0;
  min-height: 33px;
  padding: 19px 0 1px;
  width: 155px;
  text-align: center;
}

#introduction.mainarea .service_basic li.row2 {
  padding: 8px 0 8px;
}

#introduction.mainarea .service_basic li:last-child {
  margin: 0 0 14px 0;
}

#introduction #first {
  font-size: 1.3em;
  padding: 10px 0;
  width: 326px;
}

#introduction #first span {
  color: #f70f72;
  font-size: 1.5em;
}

#service_option h3 {
  background: #fff url("/image/service/img_13.png") no-repeat;
  color: #333;
  margin: 20px 0 12px;
  height: 50px;
  padding: 30px 0 0 90px;  
}

#service_option a {
  background-color: #0e2b93;
  border: none;
  color: #fff;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 0;
  margin-left: auto;
  padding: .5em 0;
  text-align: center;
  text-decoration: none;
  width: 328px;
}

#service_option a:hover {
  color: #fff;
}

#service_client {
  background: #fff url("/image/service/dot_bg.png") top left;
  padding: 30px 12px;
}

#service_client p {
  margin: 0;
  float: left;
}

#service_client p.first {
  margin: 0 16px 0 0;
}

#service_client .last {
  margin: 0;
  float: right;
}

#service_client span {
  display: block;
  font-size: 0.9em;
  line-height: 1.3;
  text-align: center;
}

/*
----------------------------------------------------------
  SERVICE charge 
----------------------------------------------------------*/
.table_charge {
  border: 3px solid #9cd6ff;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  margin-bottom: 20px;
  width: 100%;
}

.table_charge + ul {
  font-size: 12px;
}

.table_charge th {
  background: #bee4ff;
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #fff;
  color: #093a5d;
  padding: 16px 5px;
  text-align: center;
  width: 213px;
}

.table_charge td {
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #9cd6ff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

.table_charge tr.last td {
  border-bottom: none;
}

.table_charge th.last , 
.table_charge td.last {
  border-right: none;
}

#term th {
  background: #bee4ff;
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #fff;
  color: #093a5d;
  padding: 16px 5px;
  text-align: center;
  width: 50%;
}

#term td {
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #9cd6ff;
  font-weight: bold;
  padding: 1.1em 1em;
  text-align: center;
}

.td-inside {
  position: relative;
}

.campaign-text {
  background: #f70f72;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 2px 3px;
}

.discount-text {
  padding: 5px 3px 5px 8px; 
}

.pop-position {
  position: absolute;
  top: 0;
  left: 0;
}

.pop-positionR {
  position: absolute;
  top: -1px;
  right: 50px;
}

#cp-em {
  background: #f70f72;
  padding: 0 3px;
  margin: 0 3px;
}

.charge_simulator1, 
.charge_simulator2 {
  border: 2px solid #9cd6ff;
  line-height: 160%;
  margin-bottom: 25px;
  width: 100%;
}

.charge_simulator1 th, 
.charge_simulator2 th {
  background: #bee4ff;
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #9cd6ff;
  color: #093a5d;
  padding: 10px 5px;
  text-align: center;
  width: 213px;
}

.charge_simulator1 td {
  border-bottom: 1px solid #9cd6ff;
  padding: 10px;
}

.charge_simulator1 tr:first-child th {
  border-bottom: 1px solid #fff;
}

.charge_simulator1 tr:last-child td {
  border-bottom: none;
}

.charge_simulator1 td .caution {
  color: #b80120;
  margin-left: 10px;
}

.charge_simulator1 select {
  margin: 0 .5em;
  width: 6em;
}

.charge_simulator1 label {
  margin: 0 .5em;
}

.charge_simulator1 input {
  vertical-align: middle;
}

.charge_simulator2 th {
  border-right: 1px solid #fff;
  width: initial;
}

.charge_simulator2 th:first-child {
  width: 116px;
}

.charge_simulator2 td {
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #9cd6ff;
  font-size: 13px;
  padding: .8em 1em;
  text-align: center;
}

.charge_simulator2 th:last-child, 
.charge_simulator2 td:last-child {
  border-right: none; 
}

.charge_simulator2 .cell1, 
.charge_simulator2 .cell2 {
  font-weight: bold;
}

.charge_simulator2 .cell3 {
  border-top: 1px solid #9cd6ff;
  background-color: #f2f9fc;
}

#total_amount td {
  background: #ffffdb;
  border-bottom: none;
  padding: .5em 1em; 
}

#payment-ex01 {
  background: url(/image/service/charge/ex01.png) no-repeat; 
  height: 32px;
  margin-bottom: 25px;
  width: 672px;
}

#charge figure img {
  display: block;
  margin: 0 auto 25px;
}

#charge02 div {
  float: left;
  width: 325px;
}

#charge02 div:first-child {
  margin-right: 10px;
}

#charge04 .part1_2 {
  text-align: center;
}

#charge04 section.part1_2 {
  margin-right: 0;
}

#charge04 h3 {
  height: 25px;
  color: #093a5d;
  background-color: #bee4ff;
  line-height: 1.5;
  margin: 0;
  padding: 10px 0;
}

#charge04 h3 span.instantly {
  margin: 0 0 0 5px;
  padding: 3px 5px;
  color: #fff;
  background-color: #168DE2;
  font-size: 85%;
}

#charge04 h3 span.recommend {
  margin: 0 5px 0 0;
  padding: 3px 5px;
  color: #f70f72;
  background-color: #fff;
  font-size: 85%;
}

#charge04 h4 {
  color: #093a5d;
  font-size: 14px;
  margin-bottom: 1em;
}

#osaipo-text {
  display: inline-block;
  width: 245px;
}

#charge .flexbox p {
  font-size: 13px;
  margin: 1em 0; 
}

.payment-method {
  list-style-position: inside;
  text-align: left;
  white-space: nowrap;
}

#CPinfo {
  background: #fff2f6;
  border: 3px solid #f70f72;
  text-align: center;
  padding: 1.5em 1em 1.3em;
}

/*
----------------------------------------------------------
  SERVICE function 
----------------------------------------------------------*/
.icon.spec { background: url("/image/icon/hd_24.png") no-repeat; }
.icon.option { background: url("/image/icon/adfav_24.png") no-repeat; }
.icon.security { background: url("/image/icon/lock_24.png") no-repeat; }
.icon.operation { background: url("/image/icon/apps_24.png") no-repeat; }
.icon.database { background: url("/image/icon/database_24.png") no-repeat; }
.icon.ftp { background: url("/image/icon/opnbr_24.png") no-repeat; }
.icon.web { background: url("/image/icon/web_24.png") no-repeat; }
.icon.mail { background: url("/image/icon/mail_24.png") no-repeat; }
.icon.installer { background: url("/image/icon/cart_24.png") no-repeat; }
.icon.cgi { background: url("/image/icon/confg_24.png") no-repeat; }

#function #navi {
  display: none;
  position: fixed;
  top: 38px;
  width: 720px;
  z-index: 3;
}

#function nav ul {
  background: rgba(0,0,0,.8);
  display: table;
  margin-left: -40px;
  padding: 0 40px 0;
  width: 100%;
}

#main #function nav li {
  cursor: pointer;
  display: table-cell;
  margin: 0;
  padding: 14px 0;
  position: relative;
}

#main #function nav li:hover {
  background: #000;
}

#function nav .links {
  display: block;
  height: 24px; 
  margin: 0 auto;
  width: 24px; 
}

#function #navi .title {
  background: #008ecd;
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 2;
  padding: 0 5px;
  white-space: nowrap;
}

/*
----------------------------------------------------------
  SERVICE installer 
----------------------------------------------------------*/
#movie_installer {
  background: url(/image/service/installer/img_04.png) no-repeat;
  height: 302px;
  width: 100%;
  text-align: center;
  padding-top: 95px;
} 

.table_installer {
  border: 2px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  margin-bottom: 20px;
  /*width: 100%;*/
}

.table_installer th {
  background: #f4f4f4;
  width: 10%;
  border-bottom: 1px solid #ccc;
  padding: 14px 20px;
  text-align: center;
}

.table_installer td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 14px 20px;
  text-align: left;
}

.table_installer tr.last td {
  border-bottom: none;
}

.table_installer th.last , 
.table_installer td.last {
  border-right: none;
}

.table_installer td dt.title { 
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;
}

.table_installer td dd { 
   margin-left: 1px;
}

#installer p.blue {
  background-color: #f2f9fc;
  border: 3px solid #9cd6ff;
  color: #333;
  line-height: 160%;
  margin: 0 0 10px 0;
  padding: 20px 25px;
  text-align: center;
  float: left;
  width: 265px;
}

#installer p.pink {
  background-color : #fee2e9;
  border : 3px solid #f99;
  color: #333;
  line-height: 130%;
  margin : 0 0 10px 0;
  padding : 20px 25px;
  text-align: center;
  float: right;
  width: 265px;
}

/*-- 関連リンクのバナー枠 --*/
#manual h4#banner_box_title {
  background: #e4e4e4;
  color: #333;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0;
  padding: 5px 0 5px 15px;
}

#manual p#banner_box {
  border: 1px solid #ddd;
  border-top: none;
  margin: 0;
  padding: 15px 0 10px;
  text-align: center;
}

#manual div.banner_box {
  border: 1px solid #ddd;
  border-top: none;
  margin: 0;
  padding: 20px 20px 10px;
}

/*
----------------------------------------------------------       
  SERVICE multidomain                         
----------------------------------------------------------*/  
#multidomain p.green {
  background-color: #bbf0e6;
  line-height: 160%;
  padding: 25px 0;
  text-align: center;
  margin: 20px 0 0;
}

/*
----------------------------------------------------------
  SERVICE client 
----------------------------------------------------------*/
#canvas-area {
  margin-bottom: 20px;
  position: relative;
  height: 330px;
  width: 674px;
}

#caption-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  padding: 10px 20px 0 20px;
  word-wrap: break-word;
  word-break: break-all;
}

#caption-area p {
  font-weight: bold;
  line-height: 1.6 !important;
}

#caption-area a {
  font-size: 12px;
}

#gallery-canvas {
  border: 1px solid #f0f0f0;
  position: absolute;
  left: 0;
}

#client .hostedbyheteml {
  margin: 0;
}

#client .hostedbyheteml li {
  float: left;
  height: 140px;
  list-style-type: none;
  margin-right: 0px;
  margin-bottom: 30px;
  position: relative;
  width: 168px;
}

#client .text {
  cursor: pointer;
  display: none;
  font-size: 11px;
  padding: 0;
  position: absolute;
  top: 43px;
  text-align: center;
  width: 168px;
}

#client .cap {
  height: 100px;
  margin-bottom: 4px;
}

#client .text2 {
  font-size: 11px;
  padding: 0;
}

#client .sitename {
  font-weight: bold;
  white-space: nowrap;
}

#client .url {
  color: #ccc;
  display: inline-block;
  font-size: 10px;
  height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  word-break: break-all;
  width: 167px;
  _width: 166px; /* IE6 */
}

#client .url a {
  font-size: 10px;
} 

/*
----------------------------------------------------------
  FLEX BOX 
----------------------------------------------------------*/
.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -moz-box-pack: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -ms-box;
  width: 100%;
}

.flexbox.justify {
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flexbox .part1_2 {
  margin-right: 20px;
  width: 325px;
}

/*
----------------------------------------------------------
  TABLE 
----------------------------------------------------------*/
.table_function {
  width : 100%;
  border : 1px solid #9cd6ff;
  font-size : 12px;
}

.table_function th {
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #9cd6ff;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  font-size: 14px;
  padding: 3px 10px 5px 10px;
  text-align : right;
  width: 170px;
}

.table_function td {
  background-color: #fff;
  border-bottom : 1px solid #9cd6ff;
  line-height: 160%;
  padding : 4px 10px;
}

.table_function th.last, 
.table_function td.last {
  border-bottom: none;
}

#function .table_function {
  border: 3px solid #9cd6ff;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
  width: 100%;
}

#function .table_function th {
  background: #f2f9fc url("/image/service/function/th_bg.gif") top left;
  border-top: none;
  border-left: none;
  border-right: 1px solid #9cd6ff;
  border-bottom: 1px solid #9cd6ff;
  color: #093a5d;
  font-size : 14px;
  padding: 15px 10px 15px 10px;
  width: 134px;
}

#function .table_function td {
  border-right: none;
  border-bottom: 1px solid #9cd6ff;
  font-size : 13px;
  padding: 10px;
  text-align: left;
}

#function .table_function th + td {
  background: #eff8ff;
  border-right: 1px solid #9cd6ff;
  padding: 5px;
  text-align: center;
  width: 135px;
}

#function .table_function .tbodyheader {
  background-image: none;
  background-color: #9cd6ff;
  padding: 10px;
  text-align: left;
}

#function .contents .pagetop {
  display: block;
  text-align: right;
}

#function th img, 
#function .table_function th + td img {
  vertical-align: bottom;
}

.table-register {
  border: 1px solid #9cd6ff;
  line-height: 1.7;
  width: 100%;
}

.table-register th {
  background-color: #f2f9fc;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #9cd6ff;
  padding: 4px 10px;
  text-align: right;
}

.table-register td {
  border-left: 1px solid #9cd6ff;
  border-bottom: 1px solid #9cd6ff;
  padding: 5px 10px;
}

.table-register .last {
  border-bottom: none;
}

#change-radio .CHK {
  color: #f70f72;
  font-weight: bold;
}

#change-radio label {
  cursor: pointer;
}

/*
----------------------------------------------------------
  LIST  
----------------------------------------------------------*/
.number-list li {
  padding-left: 2em;
}

.number-list p {
  text-indent: -2em;
}

.number-list p.normal {
  text-indent: 0;
}

#change-form .number-list p {
  text-indent: 0;
}

.number-list i {
  display: inline-block;
  height: 19px;
  margin-right: .5em;
  vertical-align: text-bottom;
  width: 19px;
}

/*
----------------------------------------------------------
  BUTTON
----------------------------------------------------------*/
a.button-b01 {
  display: block;
  text-decoration: none;
}

a.button-b01:hover {
  color: #008ecd;
}

.button-b01 {
  -moz-box-shadow: inset 0px 2px #ffffff;
  -webkit-box-shadow: inset 0px 2px #ffffff;
  box-shadow: inset 0px 2px #ffffff;
  /*Inner elements should not cover inner shadows*/
  /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#e9e9e9');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#e9e9e9')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #f4f4f4, #e9e9e9);
  background-image: -ms-linear-gradient(top, #f4f4f4, #e9e9e9);
  background-image: -o-linear-gradient(top, #f4f4f4, #e9e9e9);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#e9e9e9));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e9e9e9);
  background-image: linear-gradient(top, #f4f4f4, #e9e9e9);
  border: 1px solid #dbdbdb;
  color: #008ecd;
  font-size: 15px;
  font-weight: bold;
  padding: .6em 25px .6em 0;
  position: relative;
  text-align: center;
  width: 275px;
} 

.button-b01::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  border-top: solid 4px #008ecd;
  border-right: solid 4px #008ecd;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.C1 {
  text-align: center;
  margin: 0 auto;
}

/*
----------------------------------------------------------
  OPTION  
----------------------------------------------------------*/
#option-menu {
  border-bottom: 1px dotted #d1d1d1;
  margin-bottom: 20px;
} 

#option #option-menu li {
  margin: 0 14px 20px 0;
  text-align: center;
}

#option #option-menu li:last-child {
  margin: 0 0 20px 0;
}

#option-menu a {
  color: #333;
  display: block;
  min-height: 59px;
}

#option-menu a:hover {
  background: #dfdfdf;
}

.option-menu-nav {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #f4f4f4; 
  padding: 7px 20px;
  width: 174px;
}

.option-menu-nav img {
  float: left;
}

.option-menu-nav span {
  display: inline-block;
  font-weight: bold;
}

.option-menu-nav .menu01 {
  padding-top: 12px;
}

.option-menu-nav .menu02 {
  padding-top: 20px;
}

#option-backup {
  background: url(/image/option/option-backup-bgimg.png) no-repeat center right;
}

#option-ssl {
  background: url(/image/option/option-ssl-bgimg.png) no-repeat center right;
}

.option-contents {
  border: 1px solid #dfdfdf;
  margin-bottom: 20px;
  padding: 30px 20px;
}

#main .option-contents h2 {
  color: #093A5D;
  display: inline-block;
  background: none;
  font-size: 22px;
  margin: 0 0 30px 0;
  padding: 0;
}

#option .option-contents p {
  margin: 0 0 20px;
}

#option .option-tags li {
  background: #fff;
  border: 1px solid #dfdfdf; 
  display: inline-block;
  font-weight: bold;
  margin: 0 5px 20px 0;
  padding: 5px;
}

/*
----------------------------------------------------------
  OPTION  backup 
----------------------------------------------------------*/
#backup .contents img {
  vertical-align: bottom;
}

#backup img.link-icon,
#backup img.nav-link-icon {
  vertical-align: middle;
}

#backup .table_function {
  font-size: 13px;
  margin-bottom: 20px;
}

#backup .table_function th {
  background: #f2f9fc url("/image/service/function/th_bg.gif") top left;
  border-top: none;
  border-left: none;
  border-right: 1px solid #9cd6ff;
  color: #093a5d;
  font-size : 14px;
  padding: 15px 10px 15px 10px;
  text-align: center;
  width: 134px;
}

#backup .table_function td {
  padding: 10px;
}

#backup .table_function strong {
  font-size: 14px;
}

#backup .part1_3 {
  width: 212px;
}

#backup-heteml p {
  padding-top: 20px;
}

#backup-function {
  margin-bottom: 30px;
}

.backup-function {
  float: left;
  margin-bottom: 20px;
  width: 325px;
}

.backup-function2 {
  float: left;
}

#backup-function p {
  padding: 20px 20px 0 20px;
}

.backup-function dd, 
.backup-function2 dd {
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  background: #f4f4f4;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dbdbdb;
  min-height: 275px;
}

/*
----------------------------------------------------------
  SUPPORT manual
----------------------------------------------------------*/
#manual .left {
  float: left;
  width: 320px;
}

#manual .right {
  float: right;
  width: 320px;
}

#manual h3.manualtopicon {
  background: url("/image/support/manual_icon_kaba.gif") no-repeat;
  border-bottom: 2px solid #9cd6ff;
  font-size: 12px;
  height: 20px;
  margin: 1em 0 1em;
  padding: 5px 0 7px 35px;
}

#manual h3.icon-startup { background: url("/image/icon/home_24.gif") no-repeat; }
#manual h3.icon-renew { background: url("/image/icon/cal_24.gif") no-repeat; }
#manual h3.icon-server { background: url("/image/icon/hd_24.gif") no-repeat; }
#manual h3.icon-option { background: url("/image/icon/adfav_24.png") no-repeat; }
#manual h3.icon-program { background: url("/image/icon/confg_24.gif") no-repeat; }
#manual h3.icon-dssl { background: url("/image/icon/lock_24.gif") no-repeat; }
#manual h3.icon-ftp { background: url("/image/icon/opnbr_24.gif") no-repeat; }
#manual h3.icon-function { background: url("/image/icon/add_24.gif") no-repeat; }
#manual h3.icon-mail { background: url("/image/icon/mail_24.gif") no-repeat; }
#manual h3.icon-domain { background: url("/image/icon/web_24.gif") no-repeat; }
#manual h3.icon-datebase { background: url("/image/icon/flag_24.gif") no-repeat; }
#manual h3.icon-tool { background: url("/image/icon/cart_24.gif") no-repeat; }
#manual h3.icon-cf { background: url("/image/icon/manual_icon_kaba.gif") no-repeat; }
#manual h3.icon-fms { background: url("/image/icon/music_24.gif") no-repeat; }
#manual h3.icon-ppb { background: url("/image/icon/manual_icon_kaba.gif") no-repeat; }

#main #manual .left ul li,
#main #manual .right ul li {
    background: url("/image/support/manual_top_icon.gif") no-repeat 0 7px;
    margin-left: 6px;
    margin-bottom: 0;
    padding: 3px 0 3px 20px;
    text-decoration: none;
}

#manual h4 {
  display: block;
  height: 24px;
  margin: 25px 0 10px 0;
  padding: 2px 0 0 28px;
}

#manual h4.icon {
  background: url("/image/support/manual_icon_h4.gif") no-repeat 0 7px;
  padding: 2px 0 0 16px;
}

#manual h4.no01 { background: url(/image/support/manual_icon_01.gif) no-repeat; }
#manual h4.no02 { background: url(/image/support/manual_icon_02.gif) no-repeat; }
#manual h4.no03 { background: url(/image/support/manual_icon_03.gif) no-repeat; }
#manual h4.no04 { background: url(/image/support/manual_icon_04.gif) no-repeat; }
#manual h4.no05 { background: url(/image/support/manual_icon_05.gif) no-repeat; }
#manual h4.no06 { background: url(/image/support/manual_icon_06.gif) no-repeat; }
#manual h4.no07 { background: url(/image/support/manual_icon_07.gif) no-repeat; }
#manual h4.no08 { background: url(/image/support/manual_icon_08.gif) no-repeat; }
#manual h4.no09 { background: url(/image/support/manual_icon_09.gif) no-repeat; }
#manual h4.no10 { background: url(/image/support/manual_icon_10.gif) no-repeat; }
#manual h4.no11 { background: url(/image/support/manual_icon_11.gif) no-repeat; }
#manual h4.no12 { background: url(/image/support/manual_icon_12.gif) no-repeat; }
#manual h4.no13 { background: url(/image/support/manual_icon_13.gif) no-repeat; }
#manual h4.no14 { background: url(/image/support/manual_icon_14.gif) no-repeat; }
#manual h4.no15 { background: url(/image/support/manual_icon_15.gif) no-repeat; }
#manual h4.no16 { background: url(/image/support/manual_icon_16.gif) no-repeat; }

#manual p.backlink {
  background: url("/image/support/manual_icon_back.gif") no-repeat 0px 9px;
  margin-top: 10px;
  padding-left: 12px;
}

.note {
  background-color: #f2f9fc;
  border: 1px dotted #9cd6ff;
  margin-top: 10px;
  padding: 1em 10px;
}

#main #manual .note p {
  margin: 0;
  padding: 0;
}

#manual .link {
  text-align: right;
}

pre {
  font-family: Arial;
  line-height: 180%;
}

#manual .img {
  text-align: center;
}

/* manual move flow and styling*/
#manual-move-movie {
  margin: 20px auto 0;
  width:540px;
}

.manual-move-flow-btn {
  cursor:pointer;
  margin:0 !important;
  padding:0 !important;
  width:670px;
}

.manual-move-flow-btn-close {
  text-align:right;
  margin-top:10px !important;
}

.manual-move-flow-arrow {
  text-align:center;
}

.manual-move-flow-text h4 {
  margin-left:19px;
  margin-right:19px;
}

.manual-move-flow-text p {
  margin-left:19px;
  margin-right:19px;
}

.manual-move-flow-text div.img {
  margin-left:19px;
  margin-right:19px;
}

.manual-move-flow-text table {
  margin-left:19px;
  margin-right:19px;
  width:502px;
}
/* ----------------- */

/* manual tab */
#manual .tab {
  background: url(/image/common/tab_back.gif) repeat-x 0% 100%;
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
}

#main #manual .tab p {
  float: left;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding: 5px;
  text-align: center;
}

#main #manual p.tabcurrent {
  border: 2px solid #dadada;
  border-bottom: 2px solid #fff;
  background: #fff;
}

#main #manual p.tabnoncurrent {
  background: url(/image/common/tab_back2.gif) repeat-x 0% 100%;
  border: none;
}

#manual .tabbody {
  padding: 10px;
}
/* ----------------- */

/* manual submenu */
#manual-submenu {
  background: #f4f4f4;
  margin: 13px 0 0 0;
  padding: 0;
  width: 159px;
}

#manual-submenu ul {
  list-style-type : none;
  padding-top : 7px;
  font-size : 12px;
}

#manual-submenu .category {
  background-position: 6px 4px;
  background-repeat: no-repeat;
}

#manual-submenu #startup { background-image: url(/image/icon/home_16.png); }
#manual-submenu #renew { background-image: url(/image/icon/cal_16.png); }
#manual-submenu #ftp { background-image: url(/image/icon/opnbr_16.png); }
#manual-submenu #mail { background-image: url(/image/icon/mail_16.png); }
#manual-submenu #domain { background-image: url(/image/icon/web_16.png); }
#manual-submenu #option { background-image: url(/image/icon/adfav_16.png); }
#manual-submenu #server { background-image: url(/image/icon/hd_16.png); }
#manual-submenu #program { background-image: url(/image/icon/confg_16.png); }
#manual-submenu #cmsinstall {  background-image: url(/image/icon/cart_16.png); }
#manual-submenu #security { background-image: url(/image/icon/lock_16.png); }
#manual-submenu #datebase {  background-image: url(/image/icon/flag_16.png); }
#manual-submenu #fms { background-image: url(/image/icon/music_16.png); }
#manual-submenu #others { background-image: url(/image/icon/add_16.png); }

#manual-submenu .over, 
#manual-submenu .current {
  background-color: #e4e4e4;
  cursor: pointer;
}

#manual-submenu .category {
  height: 22px;
  padding: 5px 0 0 30px;
}

#manual-submenu ul.menu {
  display: none;
}

#manual-submenu ul.sub {
  display: none;
  padding: 0 0 4px;
}

#manual-submenu ul.anchor {
  display: none;
  padding: 0 0 4px;
}

#manual-submenu .menu li {
  background: url(/image/support/manual_top_icon.gif) no-repeat 0 1px;
  margin-left: 8px;
}

#manual-submenu .sub li {
  background: url(/image/index/icon-blue.gif) no-repeat 0 0;
  margin-left: 8px;
}

#manual-submenu .anchor li {
  list-style-type: disc;
  list-style-position: inside;
  background: none;
  margin-left: 8px;
}

#manual-submenu li a {
  font-size: 90%;
  display: block;
  margin: 0 0 8px 16px;
  text-decoration: none;
}

#manual-submenu .sub li a {
  color: rgb(109,109,109);
  margin: 0 0 8px 13px;
}

#manual-submenu .sub li a:hover {
  color: #b80120;
}

#manual-submenu .anchor li a {
  display: inline-block;
  margin: 0 0 4px 0;
  width: 110px;
}

#manual-submenu li a.here {
  color: #333;
  font-weight: bold;
}

#manual-submenu li a.here:hover {
  color: #333;
}

/* ----------------- */
.explain-display li {
  background-position: top left;
  background-repeat: no-repeat;
  line-height: 19px;
  min-height: 24px;
  margin: 0 0 10px 3px;
  padding: 0 0 0 28px;
}

.explain-display li p {
  line-height: 19px;
  margin: 0;
  padding: 0;
}

.explain-display li .supplement {
  padding: 0.75em 0;
}

#manual .bdbox {
  border: 1px dashed #ccc;
  margin: 1em 5px 0;
  padding: 10px;
}

#manual .bdbox .capture {
  height: auto;
  width: 506px;
}

#epsilon-bg{
  background: url(/image/support/manual/ec-cube/epsilon_02.gif) no-repeat 0;
  height: 174px;
  margin: 0 auto;
  width: 540px;
}

#manual .nav-link-icon {
  margin-right: 0.5em;
}

.nav-agenda {
  background: #efefef;
  border: 1px dashed #ccc;
  margin: 0 0 30px 0;
  width: 668px;
}

.nav-agenda.inner {
  width: 496px;
}

#main #manual .nav-agenda ul {
  float: left;
  margin: 0 !important;
  padding: 10px;
  width: 310px;
}

#main #manual .nav-agenda li {
  list-style-type: none;
  margin-bottom: 5px;
  padding: 0;
}

#main #manual .nav-agenda li.end {
  margin-bottom: 0;
}

#manual .error.center,
#manual .info.center {
  text-align: center;
}

#manual .error.inner,
#manual .info.inner {
  margin-top: 20px;
}

.manual01 {
 line-height: 160%; 
}

.manual01 td {
  padding: 5px;
}

.manual01 .last {
  border-bottom: none;
}

#manual .hosoku {
  color: #c00;
  font-size: 12px;
  line-height: 180%;
  margin: 5px 10px;
}

.textareaY {
  background: #ffffe5;
  font-size: 10px;
  line-height: 1.6;
  margin: 7px;
  width: 520px;
}

#support .message-manual,
#service .message-manual, 
#ordermenu .message-manual {
  background: url(/image/support/logo_manual.gif) no-repeat top left;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 15px 40px 0 55px;
  padding-left: 50px;
}

.capture {
  border: 1px solid #f4f4f4;
  display: block;
  margin: 10px auto 10px;
  padding: 0;
}

/*
----------------------------------------------------------
  SUPPORT inquiry 
----------------------------------------------------------*/
#inquiry .search {
	background: url("/image/support/faq_search_bg.png") no-repeat;
	height: 70px;
	margin: 15px 0;
	width: 540px;
}

#inquiry .description {
	color: #587009;
	font-size: 10px;
	padding: 15px 20px 0 20px;
}

#inquiry .search form {
	padding: 5px 0 0 20px;
}

#inquiry .search .text {
	border: #A1A1A1 solid 1px;
	font-family: "Osaka",Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	padding: 3px;
}

#inquiry .table-register th {
  width: 34%;
}

#inquiry .table-register .require {
  color: #008ecd;
  font-size: 12px;
}

#main #inquiry ol {
  list-style-type: decimal;
  list-style-position: inside;
}

#inquiry .inbox {
  background: #efefef;
  padding: 15px 10px;
}

#main #inquiry p.error-inbox {
  background: #fff url("/image/support/manual_icon_caution.gif") no-repeat 10px 8px;
  border: 1px solid #ffb7bf;
  color: #000;
  font-weight: normal;
  line-height: 2;
  margin: 5px 0;
  padding: 5px 10px 8px 25px;
}

#main #inquiry p.inbox2 {
  border: 1px dashed #ccc;
  margin: 0 0 20px;
  padding: 10px;
  text-align: center;
}

#main #inquiry ul.titlelist {
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 10px;
}

#main #inquiry ul.titlelist li {
  margin-bottom: 3px;
}

.vacation-info {
  border : 3px solid #9cd6ff;
  background-color : #f2f9fc;
  margin : 20px 0 0;
  padding : 10px 20px;
  line-height: 160%;
  color: #093a5d;
}

#main .vacation-info p {
  margin-bottom: 1.2em;
}

#main .vacation-info p:last-of-type {
  margin-bottom: 5px;
}

.vacation-info h4 {
  border-bottom: 1px dotted #093a5d;
  font-weight: bold;
  font-size: 14px;
  line-height: 180%;
  margin-bottom: .8em;
}

.vacation-info h5 {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  line-height: 170%;
}

.vacation-info h6 {
  font-size: 12px;
  font-weight: bold;
  margin-top: 1em;
}

.vacation-info h5 + p, 
.vacation-info h6 + p {
  margin-top: 5px;
}

/*
----------------------------------------------------------
  PARTNER agency 
----------------------------------------------------------*/
#flow-agency h3 {
  font-weight: bold;
  margin-bottom: 20px;
}

#main #flow-agency li {
  margin: 0;
}

#flow-agency .partC, 
#flow-agency .partH, 
#flow-agency .partT {
  padding: 1em 0;
  position: relative;
  text-align: center;
}

#flow-agency .partC {
  background: #fff799;
}

#flow-agency .partH {
  background: #d5f2ff;
}

#flow-agency .partT {
  background: #ffd3e6;
}

#flow-agency .flow-img {
  display: block;
  position: absolute;
}

#flow-agency .partC .flow-img {
  top: 5px;
  left: 0px;
}

#flow-agency .partH .flow-img {
  top: 5px;
  right: 5px;
}

#flow-agency .flow-img.img03c {
  left: 30px;
}

#flow-agency .flow-img.img03g {
  top: 5px;
  left: 200px;
}

#order-agency th {
  width: 150px;
}

#order-agency .terms {
  background: #f4f4f4;
  padding: 15px 35px;
  border-radius: 5px;
  margin: 30px 0 20px;
}

#order-agency .terms p {
  font-size: 12px;
  margin: 5px auto;
}

#order-agency .terms label {
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 15px 20px;
  vertical-align: bottom;
  border: 1px solid #9c9c9c;
  background: #fff;
  border-radius: 5px;
  margin: 10px auto;
}

#agency-terms .terms-txt {
  background: #fff;
  border: 1px solid #f4f4f4;
  color: #333;
  height: 200px;
  overflow: auto;
  padding: 10px 15px;
  text-align: left;
}

#agency-terms .terms .terms-txt h4 {
  border-bottom: 1px solid #f4f4f4;
  font-size: 10px;
  margin: 15px 0 5px;
}

#agency-terms .terms .terms-txt p {
  font-size:10px;
  margin:0 0 10px 10px;
  line-height:160%;
}

#agency-terms .terms .terms-txt ul {
  font-size:10px;
  margin:0 0 10px 10px;
}

#agency-terms .terms .terms-txt ul li {
  margin-bottom: 3px;
}

#agency-terms .terms {
  background: #f4f4f4;
  padding: 20px;
  border-radius: 5px;
  margin: 30px 0;
}

#agency-terms .terms .terms-txt table {
  width: 90%;
  margin: 10px auto;
  border: solid 1px #b2b2b2;
  text-align: center;
  border-collapse: collapse;
}

#agency-terms .terms .terms-txt table td {
  padding: 5px 0;
  border: solid 1px #b2b2b2;
  margin: 0 auto;
  text-align: center;
}

#form-legal-entity {
  display: none;
}

#change-form .caution, 
#change-form .error {
  margin: 20px 0 !important;
  text-indent: 0;
}

/*
----------------------------------------------------------
  ORDER 
----------------------------------------------------------*/
#orderTitleBox {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 800px;
}

#orderLogo {
  float: left;
  margin: 0;
}

#orderStep {
  float: right;
  margin-right: 60px;
}

#globalsignparent, 
#order_area {
  margin: 0 auto;
  text-align: center;
  width: 800px;
}

#order #main .mainarea {
  background: #f4f4f4;
  margin: 0;
}

#order #main h1 {
  background: url(/image/order/order_h1.gif) no-repeat;
  color: #fff;
  font-size: 14px;
  margin: 0 auto 20px;
  padding: 5px 0 5px 30px;
  text-align: left;
  width: 708px;
}

#order #main h2 {
  background: url(/image/order/order_icon_kaba.gif) no-repeat;
  border-bottom: 2px solid #c9e4f7;
  color: #333;
  font-size: 14px;
  margin: 0 0 20px;
  padding: 5px 0 7px 35px;
  text-align: left;
}

#order_body {
  background: url(/image/order/order_body_body.gif) repeat-y;
  margin: 0 31px;
  padding-top: 10px;
}

#order_body_input {
  min-height: 320px;
  padding: 0 25px;
}

#order_body .waku {
  background: url(/image/order/order_waku_02.gif) repeat-y;
  text-align: left;
} 

#order_body .waku dl {
  border-bottom: 5px solid #f4f4f4;
  display: block;
  padding: 15px 40px;
}

#order_body .waku dl.first {
  padding-top: 20px;
}

#order_body .waku dl.last {
  border-bottom: none;
  padding-bottom: 20px; 
}

#order_body .waku dt {
  float: left;
  font-weight: bold;
  font-size: 16px;
  width: 125px;
}

#order_body .waku dd {
  border-left: 2px solid #008ecd;
  font-weight: bold;
  float: right;
  min-height: 26px;
  padding-left: 15px;
  position: relative; 
  width: 440px;
}

#order_body_input .order_msg {
  background: #f1f1f1;
  margin-top: 30px;
}

#order_body_input .order_msg p {
  margin-bottom: 1em;
}

/*
----------------------------------------------------------
  ORDERMENU prohibition
----------------------------------------------------------*/
#ordermenu #prohibition dl {
    margin: 15px 10px 0 10px;
    padding: 0;
}
#ordermenu #prohibition p {
    margin: 15px 10px 0 10px;
    padding: 0;
    line-height: 180%;
}
#ordermenu #prohibition dd {
    background: url("/image/support/manual_icon_h4.gif") 0px 7px no-repeat;
    line-height: 160%;
    padding: 3px 0 0 15px;
}
#ordermenu .emphasis{
    background: #FF8;
    color:#cc3300;
    letter-spacing:0.1em;
}

/*
----------------------------------------------------------
  ORDERMENU terms,details
----------------------------------------------------------*/

#ordermenu #terms .rules-index {
    border: 1px solid #dfdfdf;
    margin-bottom: 20px;
    padding: 15px 20px 8px;
}

#ordermenu #terms .rules-index li {
    background: url("/image/support/manual_top_icon.gif") no-repeat 0 7px;
    margin-left: 6px;
    margin-bottom: 0;
    padding: 0 0 10px 20px;
    text-decoration: none;
}

#ordermenu #terms p.lead {
    line-height:160%;
    margin:10px 10px 20px;
}

#ordermenu #terms dd ol {
    margin : 10px 10px 20px 15px;
    padding: 10px 10px 20px 15px;
}

#ordermenu #terms dt {
    font-weight: bold;
    margin: 15px;
}
#ordermenu #terms dd {
    margin: 15px;
    line-height: 180%;
}
#ordermenu #terms ol {
    list-style-type: decimal;
}
#ordermenu #terms li {
    line-height: 180%;
}
#ordermenu #terms .num1 li {
    list-style: none;
    margin-bottom: 0em;
    position: relative;
}
#ordermenu #terms .num1 li span {
    position: absolute;
    top: 0;
    left: -2em;
}

/*
----------------------------------------------------------
  SUBMENU 
----------------------------------------------------------*/
#submenu .submenu-img {
  margin-top : 10px;
}

#submenu .submenu-box {
  background: #1679c1; /* Old browsers */
  background: -moz-linear-gradient(top,  #1679c1 0%, #4da6d7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1679c1), color-stop(100%,#4da6d7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1679c1 0%,#4da6d7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1679c1 0%,#4da6d7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1679c1 0%,#4da6d7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1679c1 0%,#4da6d7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1679c1', endColorstr='#4da6d7',GradientType=0 ); /* IE6-9 */

  margin-top : 13px;
  padding-bottom: 10px;
} 

.submenu_bottom {
  vertical-align: top; /* IE7 */
}

.category-border1 {
  border-bottom: 1px solid rgb(0,122,190);
  padding-bottom: 6px;
}

.category-border2 {
  border-top: 1px solid rgb(74,157,204);
  padding-top: 5px;
}

.category-border3 {
  border-bottom: 1px solid rgb(33,141,201);
  padding-bottom: 6px;
}

.category-border4 {
  border-top: 1px solid rgb(110,180,219);
  padding-top: 5px;
}

.submenu-box ul {
  font-size: 12px;
  list-style-type: none;
  padding-top: 3px;
}

.submenu-box li a {
  background: url("/image/submenu/submenu_icon.gif") 10px 9px no-repeat;
  color: #fff;
  display: block;
  height: 20px;
  padding: 5px 0 0 30px;
  text-decoration: none;
  width: 130px;
}

.submenu-box li a:hover {
  display: block;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background: url("/image/submenu/submenu_icon_over.gif") 10px 9px no-repeat;
}

.submenu-box li a.current {
  display: block;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  background: #82bde7 url("/image/submenu/submenu_icon_over.gif") 10px 9px no-repeat;
}

.submenu-box li a.current:hover {
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background: #093a5d url("/image/submenu/submenu_icon_over.gif") 10px 9px no-repeat;
}

.submenu-kaba {
  margin: 50px 0 0 63px;
  padding: 0;
}

.submenu-txt {
  margin-top: 25px;
}

.submenu-txt .title {
  font-size: 12px;
  font-weight: bold;
  color: #008ecd;
  margin: 0;
  padding: 0 0 5px 3px;
  background: url("/image/common/line_submenu_155.gif") repeat-x bottom left;
}

.submenu-txt .title a {
  text-decoration: none;
}

.submenu-txt .line {
  margin: 0;
  padding: 0;
}

.submenu-txt .txt {
  padding: 5px 7px 0 4px;
  font-size: 10px;
  line-height: 160%;
}

.payment {
  padding: 5px 7px 0 2px;
  line-height: 160%;
}

#sideprogress {
  margin-top: 20px;
}

.sideprogressbox {
  margin: 0;
}

#sideprogress p {
  margin: 0;
}

#sideprogress img {
  width: 156px;
}

.sideprogress_text{
  margin: 5px 0 10px 0;
  padding-bottom: 10px;
  width: 146px;
  background: url(/image/submenu/progress_box_line.gif) no-repeat center bottom;
}

.sideprogress_text_first{
  margin-top: 10px !important;
}

.sideprogress_text_last{
  background-image: none !important;
}

.sideprogress_text_a {
  width: 113px;
  padding-left: 2px;
  float: left;
  margin: 0;
  font-size: 10px;
}

.sideprogress_text_b {
  float: right;
  font-size: 10px;
  margin: 0;
  padding-right: 2px;
  text-align: right;
  width: 28px;
}

.sideprogress_text_bar {
  clear: both;
}

/*
----------------------------------------------------------
  FOOTER 
----------------------------------------------------------*/
#footer_wrapper {
  clear: both;
  width: 100%;
  background: #000;
  padding-bottom: 20px;
  text-align: left;
}

#footer .gotop {
  display: block;
  width: 80px;
  position: relative;
  top: -40px;
  left: 675px;
}

#footer {
  background: url("/image/bg_footer960.gif") no-repeat;
  font-size: 10px;
  letter-spacing: 1px;
  margin: 0 auto;
  padding: 55px 0 20px 0;
  text-align: left;
  width: 960px;
}

#footer p {
  color: #999;
  width: 960px;
  margin: 5px auto;
  font-size: 10px;
  text-align: left;
}

#footer a {
  color: #999;
  text-decoration : none;
}

#footer a:hover {
  color: #fff;
  text-decoration : none;
  background-color: #008ecd;
}

#footer .copyright {
  color: #666;
}

#footer .copyright a {
  color: #666;
}

#footer .copyright a:hover {
  color: #fff;
}

#footer_order_wrapper {
  background: url(/image/order/order_bottom_back.gif) repeat-x;
  padding-bottom: 20px;
  text-align: center;
}

#footer_order {
  margin: 0 auto;
  text-align: left;
  width: 800px;
}

/*
----------------------------------------------------------
  shadow 
----------------------------------------------------------*/
.shadow-top {
  background: url(/image/common/mainarea_shadow_top960.gif?1) no-repeat;
  width: 720px;
  height: 5px;
}

.shadow-main {
  background: url(/image/common/mainarea_shadow_middle960.gif) repeat-y;
  margin-top: 20px;
  width: 720px;
}

.shadow-main .contents {
  font-size: 14px;
  padding: 15px 25px 10px;
}

* html body .shadow-main .contents {
  padding-top: 0;
}

#client .shadow-main .contents {
  padding: 15px 0 10px 24px;
}

.shadow-bottom {
  display: block;
  background: url(/image/common/mainarea_shadow_bottom960.gif?1) no-repeat;
  width: 720px;
  height: 5px;
  padding-bottom: 20px;
}

.shadow-top2 {
  background: url(/image/common/mainarea_shadow_top2.gif) no-repeat;
  width: 580px;
  height: 5px;
}

.shadow-main2 {
  background: url(/image/common/mainarea_shadow_middle2.gif) repeat-y;
  width: 580px;
}

.shadow-bottom2 {
  display: block;
  background: url(/image/common/mainarea_shadow_bottom2.gif) no-repeat;
  width: 580px;
  height: 5px;
  padding-bottom: 20px;
}

/*
----------------------------------------------------------
  SOCIAL 
----------------------------------------------------------*/
.social {
  margin-bottom: 10px;
}

.social .hatena {
  float: right;
  height: 24px;
  overflow: hidden;
}

.social .twitter {
  float: right;
  height: 24px;
  overflow: hidden;
  width: 105px;
}

.social .fb {
  float: right;
  margin-right: 10px;
}

/*
----------------------------------------------------------
  LINK Type 
----------------------------------------------------------*/
a.icon-type {
  padding-left: 20px;
  margin-left: 5px;
}

/* PDF */
a[href$=".pdf"].icon-type {
  background: url(/image/icon/icon_pdf.png) no-repeat;
} 

/*
----------------------------------------------------------
  GENERAL
----------------------------------------------------------*/
.TAC { text-align: center !important; }
.TAR { text-align: right !important; }
.TAL { text-align: left !important; }

.fixed {
  position: fixed;
  top: 0;
}

.VAT { vertical-align: top !important; }
.VAM { vertical-align: middle; }
.VAB { vertical-align: bottom; }

.FS10 { font-size: 10px !important; }
* html body .FS10 { font-size: 9px !important; }
*+ html body .FS10 { font-size: 9px !important; }
.FS12 { font-size: 12px !important; }
.FS13 { font-size: 13px !important; }
.FS14 { font-size: 14px !important; }
.FS16 { font-size: 16px !important; }
.FS18 { font-size: 18px !important; }
.FS120P { font-size: 120% !important; }
.FS140P { font-size: 140% !important; }
.FS200P { font-size: 200% !important; }

.LH120 { line-height:120% !important; }
.LH160 { line-height:160% !important; }
.LH180 { line-height:180% !important; }

.FWN { font-weight:normal !important; }
.FWB { font-weight:bold !important; }

.FL { float:left; }
.FR { float:right; }

.DPB { display:block; }
.DPN { display:none; }
.DPI { display:inline; }
.DPIB { display:inline-block; }

.CGREEN { color: #68A301 !important; }
.CRED { color: #c00 !important; }
.CBLUE { color: #008ecd !important; }
.CNAVY { color: #008dd3 !important; }
.CTURQ { color: #33adb8; }
.CPINK { color: #f70f72 !important; }
.CGRAY { color: #999; }
.CBLACK { color: #000 !important; }
.CWHITE { color: #fff !important; }
.CNAVY { color: #043040; }

.bgPINK { background: #fcc; }
.bgYELLOW { background: #ffc; }
.bgGREEN { background: #e2f5cb; }
.bgBLUE { background: #d4f3f3; }
.bgGRAY { background: #efefef; }
.BGIN { background-image:none !important; }

.WSNW { white-space: nowrap !important; }

.M0AUTO { margin: 0 auto !important; }
.M0PX { margin:0px !important; }

.MT0PX { margin-top:0px !important; }
.MT5PX { margin-top:5px !important; }
.MT8PX { margin-top:8px !important; }
.MT10PX { margin-top:10px !important; }
.MT15PX { margin-top:15px !important; }
.MT20PX { margin-top:20px !important; }
.MT30PX { margin-top:30px !important; }
.MT40PX { margin-top:40px !important; }
.MT50PX { margin-top:50px !important; }
.MT60PX { margin-top:60px !important; }
.MT70PX { margin-top:70px !important; }
.MT80PX { margin-top:80px !important; }

.MR10PX { margin-right:10px !important; }
.MR20PX { margin-right:20px !important; }
.MR30PX { margin-right:30px !important; }
.MR40PX { margin-right:40px !important; }

.MB0PX { margin-bottom:0px !important; }
.MB10PX { margin-bottom:10px !important; }
.MB20PX { margin-bottom:20px !important; }
.MB30PX { margin-bottom:30px !important; }
.MB100PX { margin-bottom:100px !important; }
.MB150PX { margin-bottom:150px !important; }

.ML0PX { margin-left:0px !important; }
.ML1PX { margin-left:1px !important; }
.ML2PX { margin-left:2px !important; }
.ML3PX { margin-left:3px !important; }
.ML4PX { margin-left:4px !important; }
.ML5PX { margin-left:5px !important; }
.ML6PX { margin-left:6px !important; }
.ML7PX { margin-left:7px !important; }
.ML8PX { margin-left:8px !important; }
.ML9PX { margin-left:9px !important; }
.ML10PX { margin-left:10px !important; }
.ML20PX { margin-left:20px !important; }
.ML30PX { margin-left:30px !important; }

.M0AUTO { margin:0 auto !important; }

.P0PX { padding:0 !important; }
.P10PX { padding:10px !important; }
.PT0PX { padding-top:0 !important; }
.PT10PX { padding-top:10px !important; }
.PT20PX { padding-top:20px !important; }
.PB0PX { padding-bottom:0px !important; }
.PB10PX { padding-bottom:10px !important; }
.PB20PX { padding-bottom:20px !important; }
.PR20PX { padding-right: 20px !important; }
.PL0PX { padding-left: 0px !important; }
.PL20PX { padding-left: 20px !important; }

#main .forHeader {
  margin-top: -40px;
  padding-top: 40px;
}

#function .forHeader {
  background-position: left 36px;
}

.LSTD { list-style-type: disc !important; }
.LSPI { list-style-position: inside !important; }

.CHECK {
  background: #f4f4f4;
  border: 1px solid #adadad;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 10px 20px 20px; 
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.length10 { width: 10%; }
.length15 { width: 15%; }
.length25 { width: 25%; }
.length35 { width: 35%; }
.length50 { width: 50%; }
.length80 { width: 80%; }
.length90 { width: 90%; }

.height100 { height: 100px; }
.height150 { height: 150px; }
.height200 { height: 200px; }
.height250 { height: 250px; }

.WD350 { width: 350px; }
.WD450 { width: 450px; }
.WD750 { width: 750px; }

.number1 { background: url("/image/support/manual_icon_01.gif") no-repeat; }
.number2 { background: url("/image/support/manual_icon_02.gif") no-repeat; }
.number3 { background: url("/image/support/manual_icon_03.gif") no-repeat; }
.number4 { background: url("/image/support/manual_icon_04.gif") no-repeat; }
.number5 { background: url("/image/support/manual_icon_05.gif") no-repeat; }
.number6 { background: url("/image/support/manual_icon_06.gif") no-repeat; }
.number7 { background: url("/image/support/manual_icon_07.gif") no-repeat; }
.number8 { background: url("/image/support/manual_icon_08.gif") no-repeat; }
.number9 { background: url("/image/support/manual_icon_09.gif") no-repeat; }
.number10 { background: url("/image/support/manual_icon_10.gif") no-repeat; }
.number11 { background: url("/image/support/manual_icon_11.gif") no-repeat; }
.number12 { background: url("/image/support/manual_icon_12.gif") no-repeat; }
.number13 { background: url("/image/support/manual_icon_13.gif") no-repeat; }
.number14 { background: url("/image/support/manual_icon_14.gif") no-repeat; }
.number15 { background: url("/image/support/manual_icon_15.gif") no-repeat; }

/* -------------------------------------
  animation 
------------------------------------- */
.fuwafuwa {
  -webkit-animation-name:fuwafuwa;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  /*-webkit-animation-direction:alternate;*/
  -webkit-animation-timing-function:ease;
  
  -moz-animation-name:fuwafuwa;
  -moz-animation-duration:2s;
  -moz-animation-iteration-count:infinite;
  /*-moz-animation-direction:alternate;*/
  -moz-animation-timing-function:ease;

  -ms-animation-name:fuwafuwa;
  -ms-animation-duration:2s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-timing-function:ease;

  -o-animation-name:fuwafuwa;
  -o-animation-duration:2s;
  -o-animation-iteration-count:infinite;
  -o-animation-timing-function:ease;
}

@-webkit-keyframes fuwafuwa {
  0% {-webkit-transform:translate(0, 0);}
  50% {-webkit-transform:translate(0, -10px);}
  100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
  0% {-moz-transform:translate(0, 0);}
  50% {-moz-transform:translate(0, -10px);}
  100% {-moz-transform:translate(0, 0);}
}
@-ms-keyframes fuwafuwa {
  0% {-ms-transform:translate(0, 0);}
  50% {-ms-transform:translate(0, -10px);}
  100% {-ms-transform:translate(0, 0);}
}
@-o-keyframes fuwafuwa {
  0% {-o-transform:translate(0, 0);}
  50% {-o-transform:translate(0, -10px);}
  100% {-o-transform:translate(0, 0);}
}