﻿/* リセット・ベース用 */
body {
  -webkit-text-size-adjust: none;
  font-size: 14px;
  color: #333;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  line-height:22px;
}
dl, dt, dd {
  margin: 0px!important;
  padding: 0 10px;
}
.red { color: #C30; }
.red span { color: #333; }
.blue {
  color: #1f5fa8;
  margin: 10px 0px;
  padding: 0 10px;
}
.pink { color: #ea325d; }
.bnr { margin: 5px auto; }
.s_red {
  color: #C30;
  font-size: 14px;
}
.red_bg {
  color: #FFFFFF;
  background: #C00;
  padding: 5px;
}
.orange_bg {
  color: #FFFFFF;
  background: #F90;
  padding: 5px;
}
.list_inline {
  clear: both;
  overflow: hidden;
}
.list_inline li {
  float: left;
  overflow: hidden;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
p {line-height: 25px;}
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
li {line-height: 20px;padding: 0 15px;}
dt, dd { line-height: 22px; }
.center { text-align: center!important; }
.small { font-size: 12px; }
.margin { margin: 10px 0px; }
.right { text-align: right; }
.clear {
  overflow: hidden;
  clear: both!important;
}
/* !Header */
#page_title {
  background: url(/service/loppi/smt/img/section_title_bg.jpg) left top repeat-x;
  width: 100%;
  clear: both!important;
  margin-top: 5px;
  height: 40px;
  margin-bottom: 0px;
}
#page_title h2 {
  font-size: 18px;
  text-align: center;
  padding: 13px 0px;
  color: #1f5fa8;
  font-family: Arial, Helvetica, sans-serif;
  color: #1f5fa8;
  -moz-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  text-shadow: 0px -1px 0px rgba(255,255,255,0.7),  0px 1px 0px rgba(255,255,255,0.3);
}
#page_title2 {
  background: url(/service/loppi/smt/img/section_title_bg02.jpg) left top repeat-x;
  width: 100%;
  clear: both!important;
  margin-top: 5px;
  height: 58px;
}
#page_title2 h2 {
  font-size: 18px;
  text-align: center;
  padding: 13px 0px;
  color: #1f5fa8;
  font-family: Arial, Helvetica, sans-serif;
  color: #1f5fa8;
  -moz-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  text-shadow: 0px -1px 0px rgba(255,255,255,0.7),  0px 1px 0px rgba(255,255,255,0.3);
}
#page_title span { font-size: 14px; }
/* パンくず */
.kuzu {
  clear: both;
  overflow: hidden;
  margin: 0px 0px 10px!important;
  color: #1f5fa8;
  padding-top: 10px;
}
.kuzu li {
  float: left;
  margin-right: 5px;
  border-radius: 6px;
  border: 1px solid #bac6d9;
  padding: 5px;
}
.kuzu li a {
  color: #1f5fa8;
  text-decoration: none;
}
/* 白ボタン */
.smt_btn01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #6167e0;
  padding: 10px 20px;
  background: -moz-linear-gradient(  top,  #ffffff 0%,  #ffffff);
  background: -webkit-gradient(  linear, left top, left bottom,  from(#ffffff),  to(#ffffff));
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 4px solid #fafafa;
  -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 5px rgba(198,202,230,0.6);
  -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 5px rgba(198,202,230,0.6);
  text-shadow: 0px -1px 3px rgba(255,255,255,0.8),  0px 1px 0px rgba(255,255,255,0.3);
  margin: 0 15px;
}
.smt_btn01 p {
  text-align: center;
  position: relative;
  padding: 0px;
}
.smt_btn01 p a {
  display: block;
  text-decoration: none;
  color: #6167e0;
  text-align: center;
}
.smt_btn01 p a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #6167e0;
  border-right: solid 2px #6167e0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* 青ボタン */
.smt_btn02 {
  width: 240px;
  font-size: 15px;
  text-align: center;
  margin: 0px auto 10px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 0px 20px;
  background: -moz-linear-gradient(  top,  #2e8bd2 0%,  #2e8bd2 50%,  #1f5fa8 50%,  #1f5fa8);
  background: -webkit-gradient(  linear, left top, left bottom,  from(#2e8bd2),  color-stop(0.50, #2e8bd2),  color-stop(0.50, #1f5fa8),  to(#1f5fa8));
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 4px solid #f0f0f0;
  -moz-box-shadow: 0px 1px 6px rgba(163,163,163,0.7),  inset 0px 0px 2px rgba(237,237,237,1);
  -webkit-box-shadow: 0px 1px 6px rgba(163,163,163,0.7),  inset 0px 0px 2px rgba(237,237,237,1);
  text-shadow: 0px -1px 0px rgba(26,26,26,0.2),  0px 1px 0px rgba(255,255,255,0.4);
}
.smt_btn02 p {
  text-align: center;
  color: #FFFFFF;
  position: relative;
  padding: 10px;
}
.smt_btn02 p a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
}
.smt_btn02 p a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* 青セクションタイトル */
.section_L_title {
  background: #1f5fa8;
  width: 100%;
  padding: 10px 0px;
  margin-top: 0px;
}
.section_L_title h3 {
  text-align: left;
  color: #FFF;
  padding-left: 15px;
  font-size: 14px;
}
.section_L_title h3 span { color: #fff100; }
/* グレーセクションタイトル */
.g_tile {
  width: 100%;
  background: #CCC;
  margin: 10px 0px;
}
.g_tile h4 {
  padding: 10px;
  text-align: left;
}
/* 水色セクションタイトル */
.g_title {
  width: 100%;
  background: #d9ecf7;
  margin: 10px 0px;
  padding: 0px;
}
.g_title h4 {
  padding: 10px;
  margin: 0px;
  text-align: left;
}
/* セクションエリア */
#iphone_content {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.section_area {
  margin: 10px 5px;
  padding: 5px 0px;
}
.loppi_ul {
  line-height: 22px;
  margin: 10px 0px;
}
.loppi_list li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #193999;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 1px solid #c2f6ff;
  -moz-box-shadow: 0px 1px 3px rgba(79,79,79,0.5),  inset 0px -1px 0px rgba(255,255,255,0.7);
  -webkit-box-shadow: 0px 1px 3px rgba(79,79,79,0.5),  inset 0px -1px 0px rgba(255,255,255,0.7);
  text-shadow: 0px -1px 1px rgba(10,10,10,0.2),  0px 1px 0px rgba(255,255,255,0.3);
  margin: 10px 0px;
}
.loppi_list li a {
  color: #193999;
  text-decoration: none;
  display: block;
  padding: 15px 60px 16px;
}
.loppi_list ul a { display: block; }
.loppi_list01 li:nth-child(1) {
  background-image: url(/service/loppi/img/list_travel.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list01 li:nth-child(2) {
  background-image: url(/service/loppi/img/list_park.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list01 li:nth-child(3) {
  background-image: url(/service/loppi/img/list_concert.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list01 li:nth-child(4) {
  background-image: url(/service/loppi/img/list_ghibli.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list02 li:nth-child(1) {
  background-image: url(/service/loppi/img/list_goods.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list02 li:nth-child(2) {
  background-image: url(/service/loppi/img/list_quo.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list02 li:nth-child(3) {
  background-image: url(/service/loppi/img/list_prepaid.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list02 li:nth-child(4) {
  background-image: url(/service/loppi/img/list_toto.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list03 li:nth-child(1) {
  background-image: url(/service/loppi/img/list_net.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list03 li:nth-child(2) {
  background-image: url(/service/loppi/img/list_flying.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list03 li:nth-child(3) {
  background-image: url(/service/loppi/img/list_credit.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list03 li:nth-child(4) {
  background-image: url(/service/loppi/img/list_smart.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list04 li:nth-child(1) {
  background-image: url(/service/loppi/img/list_pass.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list04 li:nth-child(2) {
  background-image: url(/service/loppi/img/coupon.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list05 li:nth-child(1) {
  background-image: url(/service/loppi/img/list_receipt.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list05 li:nth-child(2) {
  background-image: url(/service/loppi/img/list_school.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list05 li:nth-child(3) {
  background-image: url(/service/loppi/img/list_car.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list05 li:nth-child(4) {
  background-image: url(/service/loppi/img/list_bike.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.loppi_list05 li:nth-child(5) {
  background-image: url(/service/loppi/img/20150219/bokinbako.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size:37px;
}

/* Loppiクーポンページ */

.loppi_area {
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: #999 dotted 1px;
}
.loppi_area:last-child { border-bottom: none; }
.loppi_flow {
  width: 100%;
  background: #d3edfb;
  border-radius: 5px;
}
.loppi_flow ul {
  text-align: center;
  margin: 0px auto;
}
/* トラベル・交通チケット */
.loppi_travel dt {
  color: #1F5FA8;
  padding-bottom: 5px;
}
.loppi_travel01 {
  width: 100%;
  border: #e2eaf2 solid 1px;
  margin: 10px 0px!important;
}
.loppi_travel01 dt {
  border-bottom: #e2eaf2 solid 1px;
  background: #eef7ff;
  padding: 15px 50px 10px;
  color: #0B3361;
}
.loppi_travel01 dd { padding: 10px 20px; }
.loppi_icon01 {
  background-image: url(/service/loppi/img/ico_travel01.gif)!important;
  background-position: 5px 5px!important;
  background-repeat: no-repeat!important;
}
.loppi_icon02 {
  background-image: url(/service/loppi/img/ico_travel03.gif)!important;
  background-position: 5px 5px!important;
  background-repeat: no-repeat!important;
}
.box_contact {
  border: 3px solid #e2eaf2;
  padding: 10px;
  margin: 15px;
}
.box_contact dl {
  overflow: hidden;
  clear: both;
  padding-bottom: 10px;
}
.box_contact dt {
  color: #FFFFFF;
  background: #0E81D1;
  padding: 5px;
}
.box_contact dd {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 8px;
}
.box_contact dd span {
  color: #FF9123;
  padding-top: 10px!important;
  font-size: 14px;
}
.loppi_travel_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: center;
}
.loppi_travel_step last-child { margin-bottom: 20px!important; }
.loppi_travel_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.loppi_travel_step dd {
  margin: 10px auto!important;
  text-align: center;
}
.loppi_travel_step dd:last-child { margin: 10px auto 0px; }
/* コンサート・スポーツチケット */

.concert_list { margin: 15px 0px 0px; }
.section_concert {
  border-top: dotted 1px #666666;
  padding: 10px 0px 10px!important;
}
.section_concert .center { text-align: center; }
.concert_menu dt span { margin-top: -10px!important; }
.concert_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: center;
}
.concert_step last-child { margin-bottom: 20px!important; }
.concert_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.concert_step dd { margin: 10px auto!important; }
.concert_step dd:last-child {
  text-align: left!important;
  margin: 10px auto 0px;
}
/* QUOカード宅配取次 */

.quo_menu { padding: 0px 0px 10px; }
.quo_flow {
  background: #efefef;
  width: 100%;
  margin-bottom: 10px;
}
.quo_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.quo_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.quo_step dd { margin: 10px auto!important; }
.quo_t {
  width: 100%;
  margin: 10px 0px;
  border: #A3B7D9 solid 1px;
  border-collapse: collapse;
}
.quo_t td {
  border: #A3B7D9 solid 1px;
  border-collapse: collapse;
  text-align: center;
  padding: 10px;
}
.quo_t tr:first-child { background: #E7ECF2; }
/* プリペイドシート・ネット用マネー・ソフトウェア/音楽配信用プリペイドの販売 */

.prepaid_sub01 {
  padding: 18px 50px 15px;
  margin-bottom: 15px;
  color: #0B3361;
  background-color: #e2eaf2;
  background-image: url(/service/loppi/img/ico_prepaid01.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.prepaid_sub02 {
  padding: 18px 50px 15px;
  margin: 15px 0px 15px;
  color: #0B3361;
  background-color: #e2eaf2;
  background-image: url(/service/loppi/img/ico_prepaid02.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.prepaid_sub03 {
  padding: 18px 5px 15px;
  margin: 15px 0px 15px;
  color: #0B3361;
  background-color: #e2eaf2;
}
.prepaid_sub04 {
  padding: 18px 50px 15px;
  margin: 15px 0px 15px;
  color: #0B3361;
  background-color: #e2eaf2;
  background-image: url(/service/loppi/img/ico_prepaid03.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px
}
.prepaid_sub05 {
  padding: 18px 5px 15px;
  margin: 15px 0px 15px;
  color: #0B3361;
  background-color: #e2eaf2;
}
.prepaid_sub06 {
  padding: 18px 15px 15px;
  margin: 15px 0px 15px;
  color: #0B3361;
  background-color: #e2eaf2;
line-height: 22px;

}
.prepaid_sub07 {
  padding: 18px 5px 15px;
  margin: 15px 0px 15px;
  color: #0B3361;
  background-color: #e2eaf2;
}
.prepaid_t {
  width: 100%;
  margin: 10px 0px;
  border: #A3B7D9 solid 1px;
  border-collapse: collapse;
  font-size: 98%;
  table-layout:fixed;
}
.prepaid_t td {
  border: #A3B7D9 solid 1px;
  border-collapse: collapse;
  text-align: left;
  padding: 10px;
  word-wrap: break-word;
}
.prepaid_td { background: #E7ECF2; }
/* Ponta（ポンタ）のポイント特典 */
.ponta01 {
  width: 100%;
  border: #e2eaf2 solid 1px;
  margin: 10px 0px!important;

}
.ponta01 dt {
  border-bottom: #e2eaf2 solid 1px;
  background: #eef7ff;
  padding: 15px 10px 10px;
  color: #0B3361;
}
.ponta01 dd { padding: 10px 20px; }
/* 各種検定試験申込み/予備校 */
.school_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.school_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.school_step dd { margin: 10px auto!important; }
.none_blue {
  color: #0000CC!important;
  background: #FFFFFF!important;
}
.school {
  width: 100%;
  border: #e2eaf2 solid 1px;
  margin: 10px 0px!important;
}
/*.school dt{
	border-bottom:#e2eaf2 solid 1px;
	background:#eef7ff;
	padding:15px 10px 10px;
	color:#0B3361;
}*/

.school dd {
  padding: 10px 20px;
  border-bottom: #e2eaf2 solid 1px;
}
.school dd:last-child { border-bottom: none!important; }
.school_list li { padding: 5px 0px; }
/* スポーツ振興くじ (toto) */
.toto_list { margin: 15px 0px 0px; }
.toto_list dt {
  color: #1f5fa8;
  padding-top: 10px;
}
.tab_section {
  overflow: hidden;
  clear: both;
}
.section_toto { padding: 10px 0px 10px!important; }
.toto_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: center;
  background: #FFFFFF;
}
.toto_step last-child { margin-bottom: 20px!important; }
.toto_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.toto_step dd {
  margin: 10px 0!important;
  line-height: 22px;
  text-align: left;
}
#allMenu { width: 100%; }
#allMenu > a:first-child { display: inline; }
#allMenu a {
  display: block;
  text-decoration: none;
  width: 100%;
}
#allMenu div > a:first-child {
  padding: 2px 5px;
  line-height: 18px;
  width: 90%;
}
#allMenu > div { width: 100%; }
#allMenu dl {
  display: none;
  position: relative;
  top: -22px;
  width: 100%;
}
#allMenu dl dt { padding: 0px; }
#allMenu dl dd { padding: 0px; }
#allMenu #menu01:target dl, #allMenu #menu02:target dl, #allMenu #menu03:target dl {
  display: block;
  margin-bottom: -22px;
}
#allMenu:target dl {
  display: block;
  margin-bottom: -22px;
}
#menu02 { width: 100%; }
.open01 {
  cursor: pointer;
  padding: 10px;
  margin: 10px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #1f1aad;
  padding: 10px 20px;
  background: -moz-linear-gradient(  top,  #ecebff 0%,  #f5f5fa 50%,  #ebebff);
  background: -webkit-gradient(  linear, left top, left bottom,  from(#ecebff),  color-stop(0.50, #f5f5fa),  to(#ebebff));
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px solid #ffbf00;
  -moz-box-shadow: 0px 1px 3px rgba(128,128,128,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(128,128,128,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
  text-shadow: 0px -1px 0px rgba(15,15,15,0.1),  0px 1px 0px rgba(252,252,252,1);
}
#slideBox01 {
  padding: 10px;
  border: 1px #ccc solid;
  display: none;
}
.open02 {
  cursor: pointer;
  padding: 10px;
  margin: 10px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #1f1aad;
  padding: 10px 20px;
  background: -moz-linear-gradient(  top,  #ecebff 0%,  #f5f5fa 50%,  #ebebff);
  background: -webkit-gradient(  linear, left top, left bottom,  from(#ecebff),  color-stop(0.50, #f5f5fa),  to(#ebebff));
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px solid #ffbf00;
  -moz-box-shadow: 0px 1px 3px rgba(128,128,128,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(128,128,128,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
  text-shadow: 0px -1px 0px rgba(15,15,15,0.1),  0px 1px 0px rgba(252,252,252,1);
}
#slideBox02 {
  padding: 10px;
  border: 1px #ccc solid;
  display: none;
}
button.css3button { }
/* 各種保険取扱い */

.bike_list { padding: 10px; }
.bike_list dt { padding-bottom: 5px; }
.bike_t01 {
  width: 100%;
  margin: 0px 0px 10px;
  border-collapse: collapse;
  border: #999999 solid 1px;
}
.bike_t01 td {
  border-collapse: collapse;
  border: #A3B7D9 solid 1px;
  padding: 10px;
}
.bike_t01 tr:first-child {
  background: #E7ECF2;
  text-align: center;
}
.bike_step2 dt {
  color: #1f5fa8;
  font-size: 16px;
  padding-bottom: 5px;
  padding-top: 0px;
}
.bike_step2 dd { padding-bottom: 5px; }
.bike_img {
  clear: both;
  overflow: hidden;
  margin: 0px auto;
  width: 270px;
}
.bike_img li { float: left; }
.bike_img li img { width: 90px; }
.tbl_bike {
  width: 100%;
  margin: 10px 0px 10px;
  border-collapse: collapse;
  border: #999999 solid 1px;
}
.tbl_bike td {
  border-collapse: collapse;
  border: #A3B7D9 solid 1px;
  padding: 5px 0.5em 5px;
}
.tbl_bike tr:first-child {
  background: #06F;
  color: #FFFFFF;
  text-align: center!important;
}
.tbl_bike tr:nth-child(2), .tbl_bike tr:nth-child(9) {
  background: #E7ECF2;
  text-align: center!important;
}
.tbl_bike tr:nth-child(3), .tbl_bike tr:nth-child(10) { text-align: center!important; }
.tbl_bike tr:nth-child(4), .tbl_bike tr:nth-child(5), .tbl_bike tr:nth-child(6), .tbl_bike tr:nth-child(7), .tbl_bike tr:nth-child(8), .tbl_bike tr:nth-child(8), .tbl_bike tr:nth-child(11), .tbl_bike tr:nth-child(12), .tbl_bike tr:nth-child(13), .tbl_bike tr:nth-child(14), .tbl_bike tr:nth-child(15) { text-align: right; }
.blue_area {
  padding: 10px;
  border-radius: 10px;
  background: #E7ECF2;
}
.bike_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.bike_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.bike_step dd { margin: 10px 0!important; }
.bikenote {
  line-height: 120%;
  margin: 1em 0;
}
.shop p {
  line-height: 150%;
  margin: 1.5em 0;
}
.bikephone { }
/* クレジットショッピング（利用代金）お支払い、カードローン・キャッシングご返済 */

.credit_list {
  clear: both;
  overflow: hidden;
  width: 300px;
  margin: 10px auto 0px;
}
.credit_list ul {
  float: left;
  margin-right: 15px;
}
.credit_list li { margin-bottom: 10px; }
.credit_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.credit_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.credit_step dd { margin: 10px 0!important; }
#page_title3 {
  background: url(/service/loppi/smt/img/section_title_bg03.jpg) left top repeat-x #e7ecf2;
  width: 100%;
  clear: both!important;
  margin-top: 5px;
}
#page_title3 h2 {
  font-size: 18px;
  text-align: center;
  padding: 13px 0px;
  color: #1f5fa8;
  font-family: Arial, Helvetica, sans-serif;
  color: #1f5fa8;
  -moz-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  text-shadow: 0px -1px 0px rgba(255,255,255,0.7),  0px 1px 0px rgba(255,255,255,0.3);
}
#page_title4 {
  background: url(/service/loppi/smt/img/section_title_bg04.jpg) left top repeat-x #e7ecf2;
  width: 100%;
  clear: both!important;
  margin-top: 5px;
}
#page_title4 h2 {
  font-size: 18px;
  text-align: center;
  padding: 13px 0px;
  color: #1f5fa8;
  font-family: Arial, Helvetica, sans-serif;
  color: #1f5fa8;
  -moz-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(255,255,255,0.5),  inset 0px 0px 1px rgba(255,255,255,1);
  text-shadow: 0px -1px 0px rgba(255,255,255,0.7),  0px 1px 0px rgba(255,255,255,0.3);
}
/* インターネット受付のお支払い・受取り */
.loppi_net_step2 dt {
  color: #1f5fa8;
  font-size: 16px;
  padding-bottom: 5px;
  padding-top: 0px;
}
.loppi_net_step2 dd { padding-bottom: 5px; }
.loppi_net_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.loppi_net_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.loppi_net_step dd { margin: 10px 0!important; }
.loppi_net_list { margin: 15px 0px 0px; }
.loppi_net_list dt {
  color: #1f5fa8;
  padding-top: 10px;
}
.section_loppi_net {
  padding: 10px 0px 10px!important;
  border-bottom: #666666 dotted 1px;
}
.section_loppi_net p img { border: 3px solid #e2eaf2; }
.loppi_net_dl { padding-top: 15px; }
/* 各種代金お支払い */
.flying_t01 {
  width: 100%!important;
  margin: 10px 0px 10px 0px;
  border-collapse: collapse;
  border: #999999 solid 1px;
}
.flying_t01 caption {
  color: #009;
  text-align: left;
}
.flying_t01 td {
  border-collapse: collapse;
  border: #A3B7D9 solid 1px;
  padding: 2px;
}
.flying_t01 tr:first-child {
  background: #e2eaf2;
  text-align: center!important;
  vertical-align: top;
}
.flying_t02 {
  width: 100%;
  margin: 10px 0px 10px;
  border-collapse: collapse;
  border: #999999 solid 1px;
}
.flying_t02 caption {
  color: #009;
  text-align: left;
}
.flying_t02 td {
  border-collapse: collapse;
  border: #A3B7D9 solid 1px;
  padding: 5px;
}
.flying_t02 tr:first-child {
  background: #e2eaf2;
  text-align: center!important;
  vertical-align: top;
}
.flying_step2 dt {
  color: #1f5fa8;
  font-size: 16px;
  padding-bottom: 5px;
  padding-top: 0px;
}
.flying_step2 dd { padding-bottom: 5px; }
.orange { color: #FF6600; }
.flying_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.flying_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.flying_step dd { margin: 10px 0!important; }
/* コンビニ受取りサービス */
.receipt_step2 dt {
  color: #1f5fa8;
  font-size: 16px;
  padding-bottom: 5px;
  padding-top: 0px;
}
.receipt_step2 dd { padding-bottom: 5px; }
.receipt_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.receipt_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.receipt_step dd { margin: 10px 0!important; }
.receipt_point { margin-bottom: 10px; }
.receipt_step3 {
  margin-top: 10px;
  overflow: hidden;
}
.receipt_step3 li { float: left; }
.receipt_step3 li.image { width: 27%; }
.receipt_step3 li.txt {
  width: 60%;
  text-indent: -1em;
  padding-left: 1em;
  margin-left: 1em;
}
.receipt_arrow {
  width: 9%;
  margin: 10px auto;
}
/* スマートピット（SmartPit） */
.blue_area2 {
  background: #efefef;
  padding: 10px 10px;
}
.smart_step {
  margin: 10px 0;
  padding-bottom: 10px;
  text-align: left;
}
.smart_step dt {
  color: #0092F2;
  text-align: left;
  font-size: 18px;
  width: 100%;
  border-bottom: #999999 dotted 1px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.smart_step dd { margin: 10px 0!important; }
.box_contact_school dt {
  background: none;
  color: #333333;
}
.box_contact_school dd { text-indent: 1em; }
/* cdn */

#cdn_siteFooter address {
  display: block;
  text-align: center;
  color: #0b3361;
  font-size: 12px;
  margin: 0 0 29px 0;
}
/*ジェットスター*/
div.QrArea {
  margin: 10px 5px;
  padding: 5px 0px 20px;
  border-bottom: 1px dotted #999999;
}
p.txtTitle { padding: 5px 0 20px 0; }
dd.catch {
  font-weight: bold;
  text-align: center;
}
ul.BtmArea li {
  padding-left: 1em;
  text-indent: -1em;
}
div.contentsOrange {
  margin: 15px 5px;
  padding: 10px;
  border: 3px solid #FF5716;
  border-radius: 7px;
}
div.contentsOrange h3 {
  /*color:#FF5716;*/
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 10px;
}
div.contentsOrange ul { padding-bottom: 5px; }
.smt_btn03 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #6167e0;
  padding: 10px 15px;
  background: -moz-linear-gradient(  top,  #FF5716 0%,  #FF5716);
  background: -webkit-gradient(  linear, left top, left bottom,  from(#FF5716),  to(#FF5716));
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 4px solid #1f5fa8;/*	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(198,202,230,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(198,202,230,0.6);
	text-shadow:
		0px -1px 3px rgba(255,255,255,0.8),
		0px 1px 0px rgba(255,255,255,0.3);
*/}
.smt_btn03 p {
  text-align: center;
  position: relative;
  padding: 0px;
}
.smt_btn03 p a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  text-align: left;
  padding-right: 10px;
}
.smt_btn03 p a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.smt-banner01 { padding-bottom: 15px; }
.smt-banner02 { padding-bottom: 10px; }
.smt-banner03 { padding: 15px 0; }
.smt-center { text-align: center; }
.mod-fb100 {
  font-size: 100%;
  font-weight: bold;
}
/* imgreset */
.smt-banner-img { width: 100%; }
/* QRcode DescriptionPage */
.size_6 { font-size: 152%; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.qrcode { text-align: center; }
.AnchorText {
  text-decoration: none;
  color: #333;
}
.AnchorText span {
  text-decoration: underline;
  color: #1f5fa8;
}
/* prepaid soldout */
.soldout {
  border: #F00 1px solid;
  color: #F00;
  text-align: center;
  font-size: 16px;
  padding: 10px;
}

span p{
  padding:0 15px;
}

.section_area a{
  padding:0 15px;
}

/*20190701_Add*/
#iphone_content .banner {
  margin:0 5px 20px;
}
#iphone_content .banner p{
  margin-top:0;
}
#iphone_content .banner img {
  vertical-align:bottom;
}