@charset "UTF-8";
/* RESET 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
}
*/
@font-face {
    font-family: Play-Regular_font;
    src: url('Play-Regular.eot');
    src: local(Play-Regular_font), url('../fonts/Play/Play-Regular.ttf') format('opentype');
}

@font-face {
    font-family: Play-Bold_font;
    src: url('Play-Bold.eot');
    src: local(Play-Bold_font), url('../fonts/Play/Play-Bold.ttf') format('opentype');
}


header, nav, article, aside, footer, hgroup, section {
  display: block; }

a {
  color: #505050; }

body {
  color: #333;
  font-size: 12px;
  line-height: 1.4;
  font-family: Helvetica, Arial, sans-serif;
  background: top url(/images/body_bg.png) repeat-x #f3f3f3; }

#layout {
  width: 880px;
  padding: 0 35px;
  margin: 0 auto;
  background: top url(/images/top.png) repeat-x white;
  -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4); }

#bottom_layout {
  width: 880px;
  padding: 30px 35px 0 35px;
  margin: 0 auto;
  background: #FFF;
  -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4); }

/* Global styles */
body {
  font-size: 13px;
  line-height: 16px; }

.bottom-layer-big-graphic {
  margin: -30px 0 30px -35px; }

.tabNavigation li {
  margin-left: 0; }

/* Fixes some jquery.onebyone styles */
.oneByOne1 .buttonArea {
  top: 103%; }

/*
 *
 * Error pages
 *
 */
div#flashMessage, div#order_form_error {
  color: red;
  font-size: 16px;
  padding: 25px;
  height: 60px;
  width: 300px;
  margin: 100px auto 100px auto;
  border: 1px solid #3e298f;
  background-color: #ffffff;
  z-index: 1000; }

div#menu_bg.order {
  background-image: url(/img/order/order_menu_bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 35px;
  margin-left: auto;
  margin-right: auto; }

#menu {
  background-image: none;
  background-repeate: no-repeat;
  height: 29px;
  margin-left: auto;
  margin-right: auto;
  width: 950px; }

#body {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 880px;
  color: #000;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
  line-height: 1.4em; }

#body_order {
  margin-top: 20px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  color: #222; }

#body_order h2 {
  font-family: Play-Regular_font;
  margin-top: 20px; }

#body_order table.cc_reginfo td {
  padding: 0 0 15px 0; }

table.payment_type label {
  margin-right: 15px; }

table.credit_card {
  width: 650px; }

table.credit_card td.cc_info {
  height: 60px; }

td.cc_info label {
  white-space: nowrap;
  padding-right: 10px; }

div.credit_card {
  height: 60px;
  width: 700px; }

div.credit_card table.credit_card {
  float: left;
  width: 430px;
  height: 66px; }

div#cc_image {
  float: right;
  width: 100%;
  height: 100%;
  background-image: url(/img/order/credit_card.jpg);
  background-repeat: no-repeat;
  background-position: right; }

input#cc_num {
  width: 208px; }

input#cc_exp, input#cc_ccv2 {
  width: 44px; }

table.credit_card tr#cc_info td.cc_info {
  padding: 0 0 3px 0 !important;
  vertical-align: bottom;
  margin: 0; }

tr#cc_info {
  vertical-align: bottom; }

div.billing_section h3.payment_method {
  font-family: Play-Regular_font;
  margin-top: 20px; }

hr.divider {
  width: 662px;
  height: 1px;
  border: none;
  color: #3e298f;
  background-color: #3e298f;
  margin: 38px 0 30px 0;
  text-align: left; }

div.order_step {
  margin-top: 45px;
  text-indent: -3000px;
  width: 700px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center bottom; }

div#body_contact_step {
  background-image: url(/img/order/step_01.jpg); }

div#body_billing_step {
  background-image: url(/img/order/step_02.jpg); }

div#body_confirm_step {
  background-image: url(/img/order/step_03.jpg); }

span.order_number {
  font-weight: bold; }

#main {
  float: left;
  width: 700px; }

#main_header_dedicated {
  width: 700px;
  height: 263px;
  background-image: url(/img/order/main_header_dedicated.jpg);
  background-repeat: no-repeat;
  text-indent: -3000px; }

#main_header_cloud {
  width: 700px;
  height: 263px;
  background-image: url(/img/order/main_header_cloud.jpg);
  background-repeat: no-repeat;
  text-indent: -3000px; }

#customize_order {
  width: 700px;
  margin-bottom: 20px; }

div.customize_order {
  padding-left: 10px; }

table.customize_order {
  /* 	margin-top: 15px; */ }

table.customize_order td.main_top {
  /* margin-top: 15px; */
  width: 700px;
  height: 26px;
  background-image: url(/img/order/main_top.jpg);
  background-repeat: no-repeat; }

table.customize_order td.main_middle {
  padding: 0 15px 15px 15px;
  width: 700px;
  background-image: url(/img/order/main_middle.jpg);
  background-repeat: repeat-y;
  line-height: 20px; }

table.customize_order td.main_bottom {
  width: 700px;
  height: 7px;
  background-image: url(/img/order/main_bottom.jpg);
  background-repeat: no-repeat; }

div.options {
  margin: 0 0 15px 0;
  overflow: auto; }

div.options img {
  padding-top: 10px;
  padding-left: 10px;
  float: left;
  clear: both; }

div.options table.options {
  float: right; }

div.options table.options td.spec_header {
  width: 500px;
  height: 5px;
  background-image: url(/img/order/spec_top.jpg);
  background-repeat: no-repeat; }

div.options table.options td.spec_intro {
  width: 500px;
  background-image: url(/img/order/spec_dark_bg.jpg);
  background-repeat: repeat-y; }

th.price {
  text-align: right;
  vertical-align: top;
  padding-left: 10px;
  white-space: nowrap; }

td.price {
  text-align: right; }

div.options table.options td.spec_intro div {
  padding: 0 15px 5px 15px; }

div.options table.options td.spec_select {
  width: 500px;
  background-image: url(/img/order/spec_light_bg.jpg);
  background-repeat: repeat-y; }

div.options table.options td.spec_select div {
  padding: 5px 15px 5px 15px; }

div.options table.options td.spec_bottom {
  width: 500px;
  height: 7px;
  background-image: url(/img/order/spec_bottom.jpg);
  background-repeat: no-repeat; }

#side-barWrapper {
  /* required to avoid jumping */
  float: right;
  position: relative;
  width: 170px; }

#side-bar {
  width: 170px; }

#side-bar.fixed {
  top: 10px;
  position: fixed; }

#side-bar table {
  margin-bottom: 10px; }

#side-bar table td.side-bar-header_summary {
  width: 170px;
  height: 26px;
  background-image: url(/img/order/side-bar_header_summary_jp.png);
  background-repeat: no-repeat; }

#side-bar table td.side-bar-header_coupon {
  width: 170px;
  height: 26px;
  background-image: url(/img/order/side-bar_header_coupon_jp.png);
  background-repeat: no-repeat; }

p.coupon {
  font-size: 0.9em; }

input#coupon {
  margin: 5px 0 10px 0;
  width: 140px; }

#side-bar table td.side-bar-header_specifications {
  width: 170px;
  height: 26px;
  background-image: url(/img/order/side-bar_header_specifications_jp.png);
  background-repeat: no-repeat; }

#side-bar table td.side-bar-middle {
  width: 170px;
  background-image: url(/img/order/side-bar_bg.jpg);
  background-repeat: repeat-y; }

#side-bar dt.altrow, #side-bar dt {
  padding: 3px 0 3px 0; }

#side-bar table td.side-bar-middle dt {
  font-size: 1.1em; }

#side-bar table td.side-bar-middle dd {
  padding: none; }

#jq_server_price, #jq_server_setup {
  font-size: 1.5em;
  font-weight: bold; }

#side-bar table td.side-bar-bottom {
  width: 170px;
  height: 10px;
  background-image: url(/img/order/side-bar_bottom.jpg);
  background-repeat: no-repeat; }

.feature-select {
  list-style-type: none;
  font-size: 0.9em; }

#config p {
  font-size: 9px;
  margin: 0px; }

table.option-table h4 {
  font-weight: bold; }

table.option-table {
  width: 100%; }

table.option-table td {
  padding: 2px 0 2px 0;
  vertical-align: top; }

table.option-table thead .price {
  width: 15%;
  font-weight: bold; }

table.option-table tbody .price {
  text-align: right; }

div#contact_main {
  padding-top: 40px; }

div#have_account {
  width: 325px;
  float: left;
  border: 0 1px 0 0; }

div#have_account table {
  margin-top: 20px;
  width: 295px; }

div#have_account table td {
  vertical-align: middle; }

div#have_account table td.content {
  vertical-align: middle;
  width: 155px;
  padding: 5px 0 5px 0; }

div#have_account table td.content input {
  width: 155px; }

div#have_account p {
  text-align: justify;
  margin-top: 20px;
  width: 295px;
  font-weight: bold; }

div#have_account p.login {
  text-align: right; }

div#create_account {
  width: 370px;
  float: right;
  border-left: 1px solid #3e298f; }

div#contact_info_submit {
  width: 370px;
  float: right;
  height: 55px; }

div#contact_info_submit p {
  margin-top: 20px;
  margin-left: 210px; }

div#create_account_content_wrapper {
  width: 337px;
  float: right; }

div#create_account_content_wrapper p {
  text-align: justify;
  margin: 20px 0 20px 0;
  font-weight: bold; }

div#create_account_content_wrapper span.furigana {
  font-weight: bold;
  color: red; }

div#create_account_content_wrapper table {
  width: 100%; }

div#create_account_content_wrapper table td {
  padding: 0 0 6px 0; }

div#create_account_content_wrapper table td.label input {
  width: 150px; }

div#create_account_content_wrapper table td.label select {
  width: 150px; }

div#create_account_content_wrapper table td.content {
  width: 150px; }

div#create_account table td.content input {
  width: 150px; }

div#create_account table td.content select {
  width: 150px; }

table.customer_contact_information {
  margin-top: 15px; }

table.customer_contact_information td.label {
  width: 181px; }

label.error {
  float: none;
  color: red;
  padding-left: .5em;
  vertical-align: top;
  font-size: 80%; }

/*
 *
 * Billing page billing.ctp
 *
 */
div.billing_section {
  padding: 0;
  margin: 0; }

#body_order div.billing_section h2 {
  margin: 40px 0 20px 0; }

table#credit_card_info {
  margin: 10px 0 0 0; }

div.billing_section h3 {
  font-weight: normal;
  margin: 0 0 12px 0; }

span.payment_type label {
  margin: 0 20px 0 5px; }

table.cc_reginfo {
  width: 375px; }

table.cc_reginfo td {
  width: 175px; }

table.cc_reginfo input, table.cc_reginfo select {
  width: 155px;
  padding: none;
  margin: none; }

input#cc_zip {
  width: 80px; }

div#buttons {
  width: 700px;
  height: 80px;
  text-align: center;
  vertical-align: middle; }

div#buttons input {
  display: inline;
  padding: 0 10px 0 10px; }

h5.furikomi, h5.cc_reginfo {
  font-family: Play-Regular_font;
  font-weight: normal !important;
  font-size: 1.1em;
  margin: 20px 0 20px 0; }

table.furikomi td.data {
  padding: 2px 0 2px 15px; }

/*
 *
 *	 Contact Page
 *
 */
#text_uber_auth_login label {
  vertical-align: middle; }

/*
 *
 *	 Confirmation Page
 *
 */
table.confirmation {
  vertical-align: top;
  width: 665px;
  margin: 40px 0 20px 5px; }

table.confirmation tr, table.confirmation tr td {
  vertical-align: middle; }

table.confirmation tr.top {
  vertical-align: bottom;
  border-bottom: 1px solid #3e298f; }

table.confirmation tr.top td {
  font-weight: bold;
  border-bottom: 1px solid #3e298f; }

table.confirmation td.pricing_monthly {
  padding: 3px 0 3px 9px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap; }

table.confirmation td.pricing_setup {
  padding: 3px 9px 3px 9px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap; }

table.confirmation td.label {
  padding: 3px 9px 3px 9px; }

table.confirmation tr.bottom td {
  border-top: 1px solid #3e298f; }

table.confirmation tr.highlight {
  background-color: #f7f3ff; }

.grand_total {
  height: 75px;
  font-weight: bold;
  font-size: 1.25em;
  vertical-align: top !important;
  border-bottom: 1px solid #3e298f; }

.total {
  font-weight: bold;
  font-size: 1.1em; }

td.extra_padding {
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 9px; }

p.paypal, table.paypal {
  margin: 30px 0 30px 0; }

table.paypal td {
  padding: 0 15px 0 0; }

div#go_to_paypal {
  height: 500px;
  width: 260px;
  margin: 30px auto 0 auto;
  background-image: url(/img/order/go_to_paypal.jpg);
  background-repeat: no-repeat; }

div#congrats {
  margin: 100px 0 100px;
  width: 450px;
  float: right; }

div#congrats_header {
  width: 365px;
  height: 55px;
  background-image: url(/img/order/congratulations.jpg);
  background-repeat: no-repeat;
  text-indent: -3000px; }

div#congrats_high2 {
  margin: 100px 0 100px;
  float: left;
  width: 218px;
  height: 299px;
  background-image: url(/img/order/congratulations-high2.jpg);
  background-repeat: no-repeat;
  text-indent: -3000px; }

table.thank_you td {
  padding: 3px 10px 3px 0; }

h2.thank_you {
  margin: 35px 0 15px 20px;
  line-height: 1.3em; }

p.thank_you {
  margin: 5px 0 5px 20px; }

ul.thank_you li {
  list-style: none; }

p.email_confirmation {
  line-height: 10px;
  font-size: 1em; }

div.order_contact_info {
  margin: 15px 0 15px 20px; }

div.order_contact_info span.corporate {
  font-size: 1.2em; }

div#verification p {
  margin: 0 0 10px 0; }

div#verification p.title {
  font-weight: bold; }

div#verification input {
  margin: 0 10px 0 0; }

table.furikomi td.label {
  vertical-align: top; }
