@charset "shift_jis";

/* used commonly in "payment2/asp_payment/" */

p, li {
  line-height: 1.6;
  letter-spacing: 0.1em;
}

a:hover {
  color: #0000ff;
}

.txt_center {
  text-align: center;
}

.chk_paragraph {
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin-left: 40px;
  padding-left: 55px;
  background-image: url(./img/home/icon_check.gif);
  background-repeat: no-repeat;
}

.chk_paragraph a {
  text-decoration: underline;
}

#feature3_bank .chk_paragraph, #feature3_convenience .chk_paragraph {
  margin-left: 15px;
}

.chk_paragraph.faq {
  margin: 5px 0 10px 40px;
}

.icon_arrow {
  background-image: url(./img/home/arrow.gif);
  background-repeat: no-repeat;
}

#feature2_bank, #feature3_bank, #feature2_convenience, #feature3_convenience {
  margin: 30px 0;
}

#feature3_bank li.icon_arrow, #feature3_convenience li.icon_arrow {
  padding-left: 20px;
}


/* reset of "../../common/css/content.css" */

.right_content p {
  padding: 0;
}


/* ?iSEO?p?j?w?i???Y?\?????A?e?L?X?g?????\???E */

#asp_pay h2, #asp_pay .menu li, #about_head, #asp_plan_about .btns a,
#info_payment h4, #description_credit h3,
#feature1_credit h4, #feature1_credit h5, #feature2_credit h4,
#feature3_credit h4, #description_bank h3, #feature1_bank h4,
#feature2_bank h4, #feature3_bank h4, #feature_1 h3, #feature_2 h3,
#btn_link_plan, #asp_plan h3, #asp_application h3, #asp_application a,
/* entry.html */

#entry_pdf h3, #entry_inquiry h3, #btn_entry, #asp_option h3 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* css of page starting at here */

#asp_pay {
  font-family: ???C???I, Meiryo, '?q???M?m?p?S?V?b?N Pro', 'Hiragino Kaku Gothic Pro', Osaka, '?l?r ?o?S?V?b?N', 'MS PGothic', sans-serif;
}

#asp_pay h2 {
  width: 605px;
  height: 270px;
  background-image: url(./img/banner.png);
  background-repeat: no-repeat;
  margin: auto;
  position: relative;
}

#asp_pay h2 a {
  position: absolute;
  top: 333px;
  left: 169px;
  width: 30px;
  height: 20px;
  display: block;
}


/* #asp_pay h2:hover { */


/*     background-image: url(./img/ttl_asp_payment_on.gif); */


/* } */

.menu {
  width: 605px;
  margin: auto;
  background-color: #FFF;
  border-top: 1px solid #eee;
}

.menu li {
  float: left;
  width: 201px;
  height: 46px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.menu li a {
  display: block;
}

.menu_home {
  background-image: url(./img/common/btn_home.gif);
}

.menu_home:hover {
  background-image: url(./img/common/btn_home_f2.gif);
}

.menu_home_act {
  background-image: url(./img/common/btn_home_f3.gif);
}

.menu_feature {
  background-image: url(./img/common/btn_feature.gif);
}

.menu_feature:hover {
  background-image: url(./img/common/btn_feature_f2.gif);
}

.menu_feature_act {
  background-image: url(./img/common/btn_feature_f3.gif);
}

.menu_plan {
  background-image: url(./img/common/btn_plan.gif);
}

.menu_plan:hover {
  background-image: url(./img/common/btn_plan_f2.gif);
}

.menu_plan_act {
  background-image: url(./img/common/btn_plan_f3.gif);
}

#asp_pay #container {
  width: 590px;
  margin: auto;
  background-color: #FFF;
  padding: 15px 8px;
}


/* ASP@?y?C?????g???I */

#about_head {
  width: 100%;
  height: 50px;
  background-image: url(./img/home/about_asp-payment.gif);
  background-repeat: no-repeat;
  margin-top: 15px;
}

#about_content {
  background-image: url(./img/home/about_frame.gif);
  background-repeat: repeat-y;
  padding: 0px 35px;
  margin-top: -5px;
}

#about_content p {
  margin-bottom: 10px;
  padding: 0;
}

#about_foot {
  width: 100%;
  height: 35px;
  background-image: url(./img/home/about_frame_under.gif);
  background-repeat: no-repeat;
  margin-top: -20px;
}


/* ?N???W?b?g?????A?a?s?????O???A???J?[?????N */

#info_payment {
  margin-top: 30px;
  margin-left: 9px;
}

#info_payment .info_credit, #info_payment .info_bank, #info_payment .info_convenience {
  float: left;
  width: 182px;
  height: 0;
  padding-top: 202px;
  overflow: hidden;
  font-size: 13px;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 6px;
}

#info_payment .info_credit {
  background-image: url(./img/home/anchor_credit_off.gif);
}

#info_payment .info_credit:hover {
  background-image: url(./img/home/anchor_credit_on.gif);
}

#info_payment .info_bank {
  background-image: url(./img/home/anchor_bank_off.gif);
}

#info_payment .info_bank:hover {
  background-image: url(./img/home/anchor_bank_on.gif);
}

#info_payment .info_convenience {
  background-image: url(./img/home/anchor_convenience_off.gif);
  margin-top: -2px;
}

#info_payment .info_convenience:hover {
  background-image: url(./img/home/anchor_convenience_on.gif);
}


/* ?N???W?b?g?J?[?h?????????? */

#description_credit h3 {
  margin-top: 30px;
  height: 60px;
  background-image: url(./img/home/ttl_credit-card.gif);
  background-repeat: no-repeat;
}

#feature1_credit h4 {
  height: 160px;
  background-image: url(./img/home/feature_credit-card1.gif);
  background-repeat: no-repeat;
}

#feature1_credit p {
  padding: 0 20px;
  color: #666;
}

#feature1_credit h5#flow_not-asp_head {
  height: 60px;
  background-image: url(./img/home/ttl_flow_not-asp.gif);
  background-repeat: no-repeat;
  margin: 25px 0 10px 0;
}

#feature1_credit h5#flow_asp_head {
  height: 70px;
  background-image: url(./img/home/ttl_flow_asp-payment.gif);
  background-repeat: no-repeat;
  margin: 25px 0 10px 0;
}

div#feature2_credit {
  margin-top: 60px;
}

#feature2_credit h4 {
  height: 120px;
  background-image: url(./img/home/feature_credit-card2.gif);
  background-repeat: no-repeat;
}

#feature2_credit div {
  height: 105px;
  background-image: url(./img/home/feature_credit-card2_body.gif);
  background-repeat: no-repeat;
  padding: 45px 0 0 0;
}

#feature2_credit p {
  width: 310px;
  margin: 0px 0px 15px 45px;
}

div#feature3_credit {
  margin-top: 20px;
}

#feature3_credit h4 {
  height: 120px;
  background-image: url(./img/home/feature_credit-card3.gif);
  background-repeat: no-repeat;
}

#feature3_credit div {
  height: 85px;
  background-image: url(./img/home/feature_credit-card3_body.gif);
  background-repeat: no-repeat;
  padding: 75px 0 0 0;
}

#feature3_credit p {
  width: 280px;
  margin: 0px 0px 0px 45px;
}


/* HOME:?a?s?U?????? */

#feature1_bank p, #feature2_bank p, #feature3_bank p {
  padding: 0 20px;
  margin-bottom: 20px;
}

#description_bank h3 {
  margin-top: 60px;
  height: 60px;
  background-image: url(./img/home/ttl_bank.gif);
  background-repeat: no-repeat;
}

#feature1_bank h4 {
  height: 120px;
  background-image: url(./img/home/feature_bank.gif);
  background-repeat: no-repeat;
}

#feature2_bank h4 {
  height: 80px;
  background-image: url(./img/home/feature_bank2.gif);
  background-repeat: no-repeat;
}

#feature3_bank h4 {
  margin: 20px 0 10px 0;
  height: 60px;
  background-image: url(./img/home/feature_bank4.gif);
  background-repeat: no-repeat;
}

#feature3_bank ul, #feature3_bank_attention, #feature3_convenience_attention, #feature3_convenience_attention {
  margin: 15px 25px 0 25px;
  line-height: 20px;
}

#feature3_bank p#feature3_bank_attention {
  padding: 0;
}

#description_convenience h3 {
  height: 0px;
  padding-top: 60px;
  overflow: hidden;
  background-image: url(./img/home/ttl_convenience.gif);
  background-repeat: no-repeat;
}

#description_convenience #feature1_convenience h4 {
  margin: 30px 15px 10px 15px;
  height: 0px;
  padding-top: 80px;
  overflow: hidden;
  background-image: url(./img/home/feature1_convenience.gif);
  background-repeat: no-repeat;
}

#description_convenience #feature1_convenience p, #description_convenience #feature3_convenience p {
  width: 540px;
  margin: 15px auto;
}

#description_convenience #feature2_convenience h4 {
  margin: 30px 10px 10px 10px;
  height: 0px;
  padding-top: 60px;
  overflow: hidden;
  background-image: url(./img/home/feature2_convenience.gif);
  background-repeat: no-repeat;
}

#description_convenience #feature2_convenience p {
  width: 260px;
  float: left;
  margin: 15px 10px;
}

#description_convenience #feature3_convenience h4 {
  margin: 30px 10px 10px 10px;
  height: 0px;
  padding-top: 60px;
  overflow: hidden;
  background-image: url(./img/home/feature3_convenience.gif);
  background-repeat: no-repeat;
}

#description_convenience #feature3_convenience img {
  display: block;
  margin: auto;
}

#feature3_convenience ul, #feature3_convenience_attention {
  margin: 15px 25px 0 25px;
  line-height: 20px;
}

#feature3_convenience p#feature3_convenience_attention {
  padding: 0;
}

a#btn_link_plan {
  display: block;
  margin: 0 0 16px 0;
  padding: 24px 0;
  background-image: url(./img/home/btn_confirm_plan.png);
  background-repeat: no-repeat;
  background-position: top center;
}

a#btn_link_plan:hover {
  background-image: url(./img/home/btn_confirm_plan_on.png);
}


/* feature.html */

#feature_1 h3 {
  height: 125px;
  background-image: url(./img/service/ttl_head1.gif);
  background-repeat: no-repeat;
}

#feature_1 p {
  line-height: 1.6;
  padding: 10px 15px;
}

#feature_1 img {
  display: block;
  width: 520px;
  margin: 10px auto;
}

#support_introduction1 img {
  width: 575px;
  margin: 0;
}

#support_introduction2 {
  height: 130px;
  background-image: url(./img/service/support_introduction2.gif);
  background-repeat: no-repeat;
  padding: 30px 150px 0 55px;
}

#support_use img {
  width: 575px;
  margin: 0;
}

#support_use2 {
  height: 120px;
  background-image: url(./img/service/support_use2.gif);
  background-repeat: no-repeat;
  padding: 40px 150px 0 55px;
}

#sample img {
  width: 100%;
}

#feature_2 h3 {
  height: 125px;
  background-image: url(./img/service/ttl_head2.gif);
  background-repeat: no-repeat;
}

#feature_2 p {
  line-height: 1.6;
  padding: 10px 20px;
}


/* plan.html */

#asp_plan_about {
  margin-bottom: 45px;
}

#asp_plan_about h3 {
  height: 0px;
  padding-top: 80px;
  overflow: hidden;
  text-indent: 100%;
  background-image: url(./img/plan/ttl_head1.gif);
  background-repeat: no-repeat;
  margin-top: 10px;
}

#asp_plan_about p.desc {
  margin: -25px auto 20px auto;
  width: 76%;
}

#asp_plan_about p.attention, #asp_plan p.attention, #asp_plan .comment {
  font-size: 11px;
  margin: 5px 15px;
}

#asp_plan_about p.attention a {
  display: inline;
  float: none;
  margin: 0;
}



#asp_plan_about div {
  margin-left: 3px;
}

#asp_plan_about .plans {
  display: block;
  margin: 0 auto;
}

#asp_plan_about .descs {
  margin: 15px 15px 24px 36px;
}

#asp_plan_about .attent {
  margin: 15px 15px 24px 74px;
  text-indent: -1em;
  padding-left: 1em;
}

#asp_plan_about .new_attent {
  margin: 15px 15px 24px 26px;
  text-indent: -1em;
  padding-left: 1em;
}

#asp_plan_about .new_attent .new_txt {
  background-image: url("img/plan/new.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 32px;
  padding: 0 0 0 48px;
}

#asp_plan_about .comment {
  margin: 0 15px 0 36px;
}

#asp_plan_about .btns {
  width: 493px;
  height: 60px;
  margin: 30px auto 24px auto;
}


#asp_plan_about .btns a {
  display: block;
  padding: 24px 0;
  background-image: url(./img/plan/plan_btn.png);
  background-repeat: no-repeat;
}

#asp_plan_about .btns a:hover {
  background-image: url(./img/plan/plan_btn_on.png);
}


/*
#asp_plan_about img:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}*/

#asp_plan h3 {
  height: 100px;
  background-image: url(./img/plan/ttl_head2.gif);
  background-repeat: no-repeat;
  margin-top: 10px;
}

#asp_plan .table_plan {
  display: block;
  margin: 10px auto 20px auto;
}

#asp_plan p {
  margin: 5px 20px;
}

#asp_plan p {
  color: #cc0000;
  margin-bottom: 10px;
}

#asp_plan .entry {
  padding-left: 124px;
  margin-bottom: 20px;
}

#asp_plan .entry div {
  float: left;
  width: 110px;
  height: 40px;
  background-repeat: no-repeat;
  margin-right: 8px;
  cursor: pointer;
}

#asp_plan .entry .btn_entry-simple {
  background-image: url(../img/plan/btn_entry-simple_off.gif);
}

#asp_plan .entry .btn_entry-simple:hover {
  background-image: url(../img/plan/btn_entry-simple_on.gif);
}

#asp_plan .entry .btn_entry-std {
  background-image: url(../img/plan/btn_entry-std_off.gif);
}

#asp_plan .entry .btn_entry-std:hover {
  background-image: url(../img/plan/btn_entry-std_on.gif);
}

#asp_plan .entry .btn_entry-mult {
  background-image: url(../img/plan/btn_entry-mult_off.gif);
}

#asp_plan .entry .btn_entry-mult:hover {
  background-image: url(../img/plan/btn_entry-mult_on.gif);
}

#asp_plan .entry .btn_entry-high {
  background-image: url(../img/plan/btn_entry-high_off.gif);
}

#asp_plan .entry .btn_entry-high:hover {
  background-image: url(../img/plan/btn_entry-high_on.gif);
}


#point {
  margin-top: 20px;
}

#asp_application {
  margin-bottom: 10px;
}

#asp_application h3 {
  height: 110px;
  background-image: url(./img/plan/ttl_head2.gif);
  background-repeat: no-repeat;
  margin-top: 40px;
}

#asp_application h4 {
  margin: 0 20px 0 20px;
}

#asp_application div {
  margin-top: 15px;
  margin-left: 15px;
}

#asp_application img {
  margin-top: 15px;
}

#asp_application ol {
  border-bottom: 1px dotted #999;
  padding: 0px 25px 15px 25px;
}

#asp_application ol li {
  margin: 10px 0;
}

a#btn_entry {
  display: block;
  width: 460px;
  height: 90px;
  background-image: url(./img/plan/btn_entry.gif);
  background-repeat: no-repeat;
  margin: auto;
  /* ?V?K?o?t?a?~?E???? */
  cursor: default;
  opacity: 0.4;
}


#asp_option h3 {
  height: 90px;
  background-image: url(./img/plan/ttl_head3.gif);
  background-repeat: no-repeat;
  margin-top: 40px;
}

#asp_option .descs {
  margin: 0 15px 0 36px;
}

#asp_option .descs p {
  margin-bottom: 16px;
}

#asp_option .descs .links {
  margin: 0 0 0 1em;
}

#asp_option .descs .links p {
  margin: 0;
  line-height: 1.8;
}

.return {
  margin: 24px 0 0 0;
  text-align: right;
}

.return a {
  background-image: url('img/plan/pagetop.png');
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 13px;
  font-size: 11px;
  color: #333;
}




/* a#btn_entry:hover { */


/*     background-image: url(./img/plan/btn_entry_on.gif); */


/* } */


/* entry.html */

#enrty_pdf {
  margin-bottom: 10px;
}

#entry_pdf h3 {
  width: 180px;
  height: 35px;
  background-image: url(./img/inquiry/ttl_pdf.gif);
  background-repeat: no-repeat;
}

#entry_inquiry h3 {
  width: 180px;
  height: 35px;
  background-image: url(./img/inquiry/ttl_inquiry.gif);
  background-repeat: no-repeat;
}

#entry_pdf div, #entry_inquiry div {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 30px;
  line-height: 1.6;
}

#entry_pdf h4, #entry_inquiry h4 {
  margin-bottom: 15px;
}

#entry_pdf p a, #entry_inquiry p a {
  text-decoration: underline;
}