@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } * { box-sizing: border-box; } 

img.imgHide {
  display: none;
}

h2 {
  text-align: center;
  font-size: 24px;
  color: #ff98cc;
  margin-bottom: 20px;
}

    h2.subTitle_l1 {
        font-size: 35px;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        color: #ef349d;
    }

    h2.subTitle_l1s {
        font-size: 24px;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        color: #ef349d;
        line-height: normal;
    }

    h2.subTitle_l2 {
        margin-top: 20px;
        text-align: left;
        font-size/*:*/ 16px;
        font-size: 22px;
        line-height: 1.3;
        color: #fff;
    }

input {
  border-radius: 0;
}

#member_rule {
  border: 1px #ff69b4 solid;
  padding: 10px 6px 9px 6px;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
}

#member_rule h3 {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: bold;
}

#main #member_rule p {
  margin: 0 0 5px;
  font-size: 12px;
}

#member_rule ul {
  margin: 0 0 10px;
}

#member_rule li {
  list-style: disc;
  color: #4d4d4d;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 5px 18px;
}

#lblCount {
  display: inline-block;
  font-size: 14px;
  margin: 10px 0;
  font-weight: bold;
}

.infoTextArea .text h4 {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: bold;
}

.infoTextArea .text ul {
  margin: 0 0 10px;
}

.infoTextArea .text li {
  list-style: disc;
  color: #4d4d4d;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 5px 18px;
}

#main .infoTextArea .text p {
  font-size: 12px;
  line-height: 1.5;
}

.infoTextArea .text span {
  color: #ef349d;
}

.infoTextArea .text_inner {
  background: #eaf9ff;
  padding: 5px;
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.5;
}

.infoTextArea .text_inner span {
  font-weight: bold;
  color: #4d4d4d;
}

.infoTextArea .text_l {}
.infoTextArea .text_r {}

.infoTextArea a,
.infoTextArea a:link,
.infoTextArea a:active,
.infoTextArea a:visited {
  color: #ef349d;
  text-decoration: underline;
}

.infoTextArea a:hover {
  color: #ef349d;
  text-decoration: none;
}

.bt_n {
  border-top: none;
}

.inputImg5 {
}

.chk {
  padding-left: 50px;
}


/*------------------------------------------------
reserve
------------------------------------------------*/

form {
  margin: 0;
}

.inputImg1 {
  margin-left: 10px;
  vertical-align: middle;
}

select#ddlEvents {
  width: 100%;
  margin: 20px auto 0;
  font-size: 14px;
  padding: 5px 10px 10px;
  margin-bottom: 10px;
}

/* 新規会員登録 */

.top_btn a {
	display: block;
	width: 130px;
	height: 30px;
	margin: 20px auto;
	text-indent: -9999px;
	background: url(../img/btn/top_btn.png) no-repeat;
	background-size: 130px auto;
}

#login_btn,
#btn_bottom,
.top_btn2,
#login_btn2,
#login_btn2_2,
#btn_bottomAks {
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .inputImg4,
    input#btnDisp,
    #login_btn input,
    #btn_bottom input#ibtSubmit,
    #btn_bottom input#bRequest,
    .top_btn2 input,
    #login_btn2,
    #login_btn2 input,
    #login_btn2_2,
    #login_btn2_2 input,
    #btnCancel,
    #btnCancel_back,
    #btnNewMember {
        width: 180px;
        margin: 0 auto;
    }

#login_btn4 {
    width: 400px;
    height: 55px;
    margin: 0 auto;
}

    #login_btn4 input {
        float: left;
        margin-right: 15px;
        width:180px;
    }

#login_btn2 input  {
  display: block;
  width: 180px;
  margin: 0 auto 10px;
}

#login_btn2 input,
#iBack  {
  display: block;
  width: 180px;
  margin: 10px auto;
}

#imgBtnNext,#imgBtnOrder {
    display: block;
    width: 260px;
    margin: 10px auto;
}

#btn_bottom input,
.inputImg2,
.inputImg3 {
  width: 140px;
  margin: 0 auto;
}

.inputImg4 {
  margin-top: 15px;
}

.inputImg4 input {
  width: 100%;
  height: auto;
}

#btnCancel_back,
#btnDisp {
  display: block;
}

#btn_bottom_none {
  width: 560px;
  height: 95px;
  position: absolute;
  top: 0;
  left: 0;
}

.inputImg7 {
  width: 140px;
  margin: 10px auto 0;
  display: block;
}


/*------------------------------------------------
ログイン、
------------------------------------------------*/

table.reserve_table3,
table.reserve_table2,
#login_l_inner table,
table.id_request_table,
table.pass_request_table,
table.secession_request_table {
  margin: 5px auto;
  width: 100%;
  line-height: 1.5;
}

table.reserve_table3 td,
table.reserve_table3 th,
table.reserve_table2 td,
table.reserve_table2 th,
#login_l_inner table td,
#login_l_inner table th,
table.id_request_table td,
table.id_request_table th,
table.pass_request_table td,
table.pass_request_table th,
table.secession_request_table td,
table.secession_request_table th {
  border: 1px #ff69b4 solid;
  padding: 10px 6px 9px;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
}

table.reserve_table2 td a,
table.reserve_table2 th a,
#login_l_inner table td a,
#login_l_inner table th a,
table.id_request_table td a,
table.id_request_table th a,
table.pass_request_table td a,
table.pass_request_table th a,
table.secession_request_table td a,
table.secession_request_table th a {
  color: #ef349d;
}

#reserve3Contents {
  font-size: 12px;
}

#reserve3Contents a{
  color: #ef349d;
}

table.reserve_table3 tr.reserve_table3_title th,
table.reserve_table3 tr.itemName th,
table.reserve_table3 tr.reserve_table3_title th,
table.reserve_table3 tr.itemName th,
table.reserve_table2 td.reserve2_tbl_title,
table.reserve_table2 td.title,
table.reserve_table2 th.reserve2_tbl_title,
table.reserve_table2 th.title,
#login_l_inner table td.reserve2_tbl_title,
#login_l_inner table td.title,
#login_l_inner table th.reserve2_tbl_title,
#login_l_inner table th.title,
table.id_request_table td.reserve2_tbl_title,
table.id_request_table td.title,
table.id_request_table th.reserve2_tbl_title,
table.id_request_table th.title,
table.pass_request_table td.reserve2_tbl_title,
table.pass_request_table td.title,
table.pass_request_table th.reserve2_tbl_title,
table.pass_request_table th.title,
table.secession_request_table td.reserve2_tbl_title,
table.secession_request_table td.title,
table.secession_request_table th.reserve2_tbl_title,
table.secession_request_table th.title {
  background: #00b2d8;
  color: #fff;
}

table.reserve_table2 td.reserve2_tbl_text,
table.reserve_table2 td.text,
table.reserve_table2 th.reserve2_tbl_text,
table.reserve_table2 th.text,
#login_l_inner table td.reserve2_tbl_text,
#login_l_inner table td.text,
#login_l_inner table th.reserve2_tbl_text,
#login_l_inner table th.text,
table.id_request_table td.reserve2_tbl_text,
table.id_request_table td.text,
table.id_request_table th.reserve2_tbl_text,
table.id_request_table th.text,
table.pass_request_table td.reserve2_tbl_text,
table.pass_request_table td.text,
table.pass_request_table th.reserve2_tbl_text,
table.pass_request_table th.text,
table.secession_request_table td.reserve2_tbl_text,
table.secession_request_table td.text,
table.secession_request_table th.reserve2_tbl_text,
table.secession_request_table th.text {
  background: #fff;
}

.reserve_table3 {
}

.reserve_table3 th {
}

.reserve_table3 td {
}

.reserve_table3 .reserve_table3_title {
}

.reserve_table3 .reserve_table3_text {
}

.reserve_table3 tr .itemName {
}

.reserve_table3 .reserve_table3_totalText {
}

#main .reserve2_tbl_text p {
  font-size: 12px;  
}


/*------------------------------------------------
history
------------------------------------------------*/

br+.purchase_table {
  margin-top: 0;
}

.subTitle_l2+.history_table2,
.subTitle_l2+.history_table3,
.subTitle_l2+div .history_table {
  margin-top: 5px;
}

.history_table3 {
  margin: 5px auto;
  width: 100%;
  line-height: 1.5;
}

.history_table3 td {
  border: 1px #ff69b4 solid;
  padding: 5px;
  font-size: 12px;
  background: #fff;
  word-break: break-all;
  text-align: left;
}

.history_table3 .title {
  background: #00b2d8;
  color: #fff;
  font-size: 12px;
  text-align: left;
}


/*------------------------------------------------
purchase
------------------------------------------------*/

.subTitle_l2+.purchase_table,
.subTitle_l2+.purchase_table2,
.subTitle_l2+.purchase_table3 {
  margin-top: 5px;
}

html {
  color: #4d4d4d;
  background: url(../img/common/bg.gif) repeat top left;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

legend {
  color: #000;
}


/*================================================

module

================================================*/

body {
  -webkit-text-size-adjust: 100%;
}


/*============================
#nav
============================*/

div#nav {
  margin: 0 0 20px;
}

    div#nav div#inner h1 a img,
    div#nav div#inner h1 img {
        max-width: 100%;
        height: auto;
    }

div#nav div#inner #ulGuest {
  letter-spacing: -.4em;
  background-color: #ff69b4;
  border-left: #ffffff 1px dotted;
}

div#nav div#inner #ulGuest li {
  letter-spacing: normal;
  display: inline-block;
  width: 50%;
  padding: 8px 0 8px 8px;
  border-right: #ffffff 1px dotted;
  border-bottom: #ffffff 1px dotted;
  box-sizing: border-box;
  color: #ffffff;
}

div#nav div#inner #ulGuest li a,
div#nav div#inner #ulGuest li.active {
  font-size: 13px;
  text-decoration: none;
  color: #ffffff;
}

div#nav div#inner #ulGuest li a img {
  display: inline-block;
  margin-right: 0px;
}

div#nav div#inner #ulMember {
  letter-spacing: -.4em;
  background-color: #ff69b4;
}

div#nav div#inner #ulMember li,
div#nav div#inner #ulMember li.active {
  letter-spacing: normal;
  display: inline-block;
  width: 33.3333%;
  padding: 8px 0 7px 8px;
  font-size: 13px;
  border-bottom: #ffffff 1px dotted;
  border-right: #ffffff 1px dotted;
  box-sizing: border-box;
  color: #ffffff;
}

div#nav div#inner #ulMember li:nth-child(3),
div#nav div#inner #ulMember li:nth-child(6) {
  border-right: 0;
}

div#nav div#inner #ulMember li a {
  font-size: 13px;
  text-decoration: none;
  color: #ffffff;
}

div#nav div#inner #ulMember li a img {
  display: inline-block;
  margin-right: 0px;
}

#divUserName {
  padding: 0 10px 10px 10px;
  font-size: 14px;
  color: #ef349d;
}

/*============================
トップ：メインビジュアル
============================*/

#header {
    width: 100%;
    height: 233px;
    background: url(../img/common/header_bg.gif) top center;
    overflow: hidden;
    margin: 0px 0 10px;
    padding: 20px 0 0;
    position: relative;
}

#header #header_inner_top h2 {
  margin-bottom: 10px;
}

#header #header_inner_top h2 img {
  max-width: 100%;
  height: auto;
}

#header_nav_inner {
  
}

#header_nav_inner ul {
  margin: 0 5px;
  letter-spacing: -.4em;
}

#header_nav_inner ul li {
  display: inline-block;
  width: 50%;
  letter-spacing: normal;
  margin-bottom: 10px;
}

#header_nav_inner ul li:nth-of-type(5) {
  width: 100%;
}

#header_nav_inner ul li a {
  position: relative;
  display: block;
  padding: 10px 6px 9px;
  margin: 0 5px;
  background-color: #fff;
  font-size: 12px;
  color: #ef349d;
  border: 1px solid #ef349d;
  text-decoration: none;
  text-align: center;
}

#header_nav_inner ul li a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left-color: #ef349d;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*============================
#main
============================*/

#main {
  margin: 0 10px;
}

#main p {
  font-size: 14px;
  line-height: 1.5;
  text-align: justify;
}

#main p span,
#main p span.red {
  color: #ee4757;
}

#Div1 img::outside::after {
  display: block;
  content: attr(alt);
}

/*============================
見出し
============================*/

.subTitle_l,
.subTitle_l2,
.subTitle_s,
.subTitle_s2 {
    margin: 20px 0 5px;
    padding: 10px 30px 10px 10px;
    text-align: left;
    /*font-size: 16px;*/
    font-size: 22px;
    line-height: 1.3;
    color: #ffffff;
    background-color: #ff69b4;
    border-radius: 2px;
}

/*============================
アコーディオン
============================*/

.accordion,
.accordion_item {
  position: relative;
}

.accordion::before,
.accordion::after,
.accordion_item::before,
.accordion_item::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 0;
  transition: 0.3s ease;
  background-color: #fff;
}
.accordion::after,
.accordion_item::after {
  transform: rotate(-90deg);
}

.accordion.close::after,
.accordion_item.close::after {
  transform: rotate(0);
}

.accordion + div.accordion_block,
.accordion_item_block {
  position: relative;
  height: 100px;
  overflow: hidden;
  transition: 0.3s ease;
}

.accordion + div.accordion_block::after,
.accordion_item_block::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: -moz-linear-gradient(top, rgba(241, 252, 255, 0) 0%, #f1fcff 100%);
  background: -webkit-linear-gradient(top, rgba(241, 252, 255, 0) 0%, #f1fcff 100%);
  background: linear-gradient(to bottom, rgba(241, 252, 255, 0) 0%, #f1fcff 100%);
}

.accordion+div.accordion_block.selected,
.accordion_item_block.selected {
  height: auto;
}

.accordion+div.accordion_block.selected::after,
.accordion_item_block.selected::after {
  height: 0;
}

/*============================
.btn_submit
============================*/

#ulHalla li,
#ulHallb li {
  margin-bottom: 20px;
}

/*.main_btn01 {
  text-align: center;
}

.main_btn01 a {
  display: block;
  margin: 20px 10px 0;
}

.main_btn01 a {
  position: relative;
  display: block;
  width: 240px;
  margin: 20px auto 0;
  padding: 20px 0 19px;
  color: #fff;
  font-size: 18px;
  background-color: #ef349d;
  text-decoration: none;
}

.main_btn01 a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left-color: #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main_btn01 a img {
  width: 100%;
  height: auto;
}

.main_btn02 a{
  display: block;
  width: 100%;
  height: 0;
  padding-top: 10%;
  background-image: url(../img/hall/title_hall_2.png);
  background-size: 100% auto;
}

.main_btn02 a span {
  display: none;
}*/


/*============================
トップなどの h3 見出し
============================*/


#mainTopContents2_r h3,
.mainTopContents2_r_inner h3,
#mainTopContents3_l h3,
#mainTopContents3_l h3.bg_g,
.mainTopContents3_r_inner h3,
.mainTopContents3_r_inner2 h3,
.mainTopContents3_r_inner h3,
.mainTopContents3_r_inner h3,
.mainTopContents3_r_inner2 h3,
.infoTextArea h3 {
  display: inline-block;
  background-color: #00b2d8;
  border: 1px #ff69b4 solid;
  border-bottom: none;
  margin: 10px 0 0;
  padding: 6px 6px 5px;
  font-size: 14px;
  line-height: 1.3;
  color: #fff;
}

#mainTopContents3_l h3.bg_g {
  background-color: #cacaca;
  border-color: #999;
}

/*============================
#mainTopContents
============================*/

#mainTopContents1_1, 
#mainTopContents1_2, 
#mainTopContents1_3, 
#mainTopContents1_4 {
  position: relative;
  background-color: #ffffff;
  border: 1px #ff69b4 solid;
  margin-bottom: 20px;
}

#mainTopContents1_1::after, 
#mainTopContents1_2::after, 
#mainTopContents1_3::after {
  content: "";
  position: absolute;
  bottom: -55px;
  left: 50%;
  margin-left: -40px;
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-top: 15px solid #ff69b4;
}

#mainTopContents1_1 .title, 
#mainTopContents1_2 .title, 
#mainTopContents1_3 .title, 
#mainTopContents1_4 .title {
  color: #fff;
  background: #00b2d8;
  margin: 0;
  padding: 6px;
}

#mainTopContents1_1 .text, 
#mainTopContents1_2 .text, 
#mainTopContents1_3 .text, 
#mainTopContents1_4 .text {
  position: relative;
  padding: 150px 6px 9px;
}

#mainTopContents1_1 .text::before, 
#mainTopContents1_2 .text::before, 
#mainTopContents1_3 .text::before, 
#mainTopContents1_4 .text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 190px;
  height: 140px;
  margin-left: -95px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(../img/top/topImg.gif);
}

#mainTopContents1_1 .text::before {
  background-position: left -17px top -88px;
}
#mainTopContents1_2 .text::before {
  background-position: left -254px top -88px;
}
#mainTopContents1_3 .text::before {
  background-position: left -491px top -88px;
}
#mainTopContents1_4 .text::before {
  background-position: left -728px top -88px;
}

#mainTopContents1_2 .text span, 
#mainTopContents1_3 .text span, 
#mainTopContents1_4 .text span {
  font-size: 12px;
  color: #4d4d4d;
}

#mainTopContents1_bottom_l,
#mainTopContents1_bottom_r {
  font-size: 12px;
  line-height: 1.5;
}

#mainTopContents2_l h3 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

#mainTopContents2_l img {
  width: 70%;
  height: auto;
  display: block;
  margin: 0 auto;
}

#mainTopContents2_r .mainTopContents2_r_inner a, #mainTopContents2_r .mainTopContents2_r_inner a:link, #mainTopContents2_r .mainTopContents2_r_inner a:visited, #mainTopContents2_r .mainTopContents2_r_inner a:active {
  color: #ef349d;
  text-decoration: underline;
}

.mainTopContents3_r_inner .errorMess02,
.mainTopContents3_r_inner2 .errorMess02 {
  color: #ee4757;
}

.mainTopContents3_r_inner .red,
.mainTopContents3_r_inner2 .red {
  color: #ee4757 !important;
}

.mainTopContents3_r_inner p,
.mainTopContents3_r_inner2 p {
  margin: 0;
  padding: 0;
}

.infoTextArea .text,
.mainTopContents2_r_inner,
.mainTopContents3_l_inner p,
.mainTopContents3_r_inner p.text,
.mainTopContents3_r_inner p.title,
.mainTopContents3_r_inner2 p.text,
.mainTopContents3_r_inner2 p.title  {
  padding: 6px 6px 5px;
  background-color: #ffffff;
  border: 1px #ff69b4 solid;
}

.mainTopContents3_r_inner2 p.text {
  padding: 6px 6px 5px;
  background-color: #ffffff;
  border-top: 0;
}

.mainTopContents3_r_inner p.title + p.text,
.mainTopContents3_r_inner2 p.title + p.text {
  border-top: 0;
}

#mainTopContents2_r .mainTopContents2_r_inner span {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.5;
  display: block;
  color: #666666;
  border-top: 1px dotted #666;
}

.mainTopContents3_r_inner2 p.title span.text2 {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px dotted #666 !important;
}

#mainTopContents2_l h3,
.mainTopContents3_l_inner p.gc,
.mainTopContents3_r_inner p.title,
.mainTopContents3_r_inner2 p.title {
  color: #ef349d;
}
#mainTopContents3_l .gg,
#mainTopContents3_l .gg2,
.mainTopContents3_l_inner p.gc span.fcc {
  color: #999;
}

#mainTopContents3_l .gg,
#mainTopContents3_l .gg2 {
  border-color: #999;
}

#mainTopContents3_l .gg2 {
  border-top: 0;
}

.mainTopContents3_r_inner p.text b,
.mainTopContents3_r_inner2 p.text b {
  font-weight: bold;
}

.mainTopContents3_r_inner2 a,
.mainTopContents3_r_inner p.text a,
.mainTopContents3_r_inner2 p.text a {
  color: #ef349d;
}

.mainTopContents3_l_inner p.gc {
  margin-top: 10px;
}

/*============================
トップ：スケジュール全日程共通
============================*/

#mainTopContents3_r .mainTopContents3_r_inner dl {
  margin-top: 20px;
  border-top: 1px #ff69b4 solid;
  border-left: 1px #ff69b4 solid;
  display: block;
  overflow: hidden;
  font-size: 12px;
}

#mainTopContents3_r .mainTopContents3_r_inner dt, #mainTopContents3_r .mainTopContents3_r_inner dd {
  padding: 10px 6px 9px;
  background: #fff;
  display: block;
  float: left;
  border-bottom: 1px #ff69b4 solid;
  border-right: 1px #ff69b4 solid;
}

#mainTopContents3_r .mainTopContents3_r_inner dt {
  width: 30%;
  color: #ef349d;
}

#mainTopContents3_r .mainTopContents3_r_inner dd {
  width: 70%;
}

/*================================================

トップページ：mainTopContents4_l

================================================*/

#info,
#mainTopContents4_l,
#mainTopContents4_r,
.attention_wrap {
  margin: 40px 0 0;
  padding: 1px;
  background-color: #ffffff;
  border: #ff69b4 1px solid;
}

#info h3,
#mainTopContents4_l h3,
.attention_wrap h3,
#mainTopContents4_r span.sp
 {
  display: block;
  padding: 10px 20px;
  margin: 0 0 10px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  background-color: #ff69b4;
}

#info p,
#mainTopContents4_l p,
.attention_wrap p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 10px 10px;
}


/*================================================

mainTopContents4_r

================================================*/

#mainTopContents4_r {
  margin: 20px 0 0;
  background-color: #ffffff;
  border: 1px #ff69b4 solid;
  text-align: center;
}

#mainTopContents4_r p {
  font-size: 12px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}

#mainTopContents4_r p.text1 {
  text-align: center;
}

#mainTopContents4_r p.text1 span {
  font-size: 22px;
  font-weight: bold;
}

#mainTopContents4_r p.text2 {
  padding: 10px;
  text-align: left;
  font-size: 12px;
}


/*================================================

#link_btn

================================================*/

#link_btn {
  margin: 20px 10px 0;
  background-color: #a9de3e;
}

#link_btn ul li {
  display: block;
  padding: 10px 0 9px 10px;
  border-bottom: #ffffff 1px dotted;
}

#link_btn ul li a {
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
}

#link_btn ul li a img {
  display: inline-block;
  margin-right: 5px;
}


/*================================================

#akb_bnr

================================================*/

#akb_bnr {
  margin: 20px 10px 0;
}

#akb_bnr #akb_bnr1,
#akb_bnr #akb_bnr2,
#akb_bnr #akb_bnr3 {
  display: block;
  margin: 10px 0 0;
}

#akb_bnr #akb_bnr1 a,
#akb_bnr #akb_bnr2 a,
#akb_bnr #akb_bnr3 a{
  display: block;
  width: 100%;
  height: 0;
  padding-top: 18%;
  background-position: center center;
  background-size: cover;
}

#akb_bnr #akb_bnr1 span,
#akb_bnr #akb_bnr2 span,
#akb_bnr #akb_bnr3 span {
  display: none;
}

#akb_bnr #akb_bnr1 a {
  margin: 0;
  background-image: url(../img/top/banner1.png?v=20180109);
}

    #akb_bnr #akb_bnr2 a {
        background-image: url(../img/top/banner2.png?v=20180109);
    }

    #akb_bnr #akb_bnr3 a {
        background-image: url(../img/top/banner3.png?v=20180109);
    }


/*================================================

footer

================================================*/

#footerWrap {
  width: 100%;
  margin-top: 40px;
  background: #ff98cc;
}

#footer_inner_l ul li {
  display: block;
  padding: 10px 10px;
  border-bottom: #ffffff 1px dotted;
}

#footer_inner_l ul li a {
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
}

#footer_inner_l ul li a img {
  display: inline-block;
  margin-right: 5px;
}

#footer_inner_r {
  padding: 20px 0;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}


/*================================================

pagetop

================================================*/

.pagetop {
  position: fixed;
  display: block;
  right: 0;
  bottom: 24px;
  width: 32px;
  height: 32px;
  background-color: #ffb922;
}

.pagetop:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -3px;
  margin-left: -6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  transition: 0.3s ease;
}

/*================================================

form

================================================*/

.iw50 {
  width: 50px;
}

.iw100 {
  width: 100px;
}

.iw150 {
  width: 125px;
}

.iw200 {
  width: 150px;
}

.iw360 {

}

.iw500 {

}


input[type="text"],
input[type="password"],
textarea {
  outline: none;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
}

input[type="text"]:focus,
textarea:focus {
  box-shadow: 0 0 7px #95dbff;
  border: 1px solid #95dbff;
}

.fc1 {
  color: #ee4757;
}

select {
  border: 1px solid #999;
  background: #eee;
}


/*------------------------
history_table
------------------------*/

.history_table,
.history_table tbody,
.history_table tbody tr,
.history_table tbody td {
  display: block;
}

.history_table td,
.history_table th {
  border: 1px #ff69b4 solid;
  border-top: none;
  padding: 10px 6px 9px 6px;
  font-size: 12px;
  word-break: break-all;
  text-align: left;
  background-color: #fff;
}

.history_table td {
  width: 100%;
  text-align: right;
}

.history_table tr {
  margin-bottom: 20px;
}

.history_table tr.title th {
  background: #00b2d8;
  color: #fff;
}

.history_table .name,
.history_table span,
.history_table td .fc1 {
  color: #ef349d;
}

.history_table td .fc2 {
  color: #999;
}

.history_table td a span {
  display: none;
}

.history_table .btn {
  position: relative;
  display: block;
  width: 180px;
  margin: 0 auto;
  padding: 15px 0 13px;
  color: #fff;
  background-color: #0990e6;
  text-decoration: none;
}

.history_table .btn::before {
  content: "内容の確認";
  font-size: 18px;
  line-height: 1;
  color: #fff;
}

.history_table .btn::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -8px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.history_table .total {
  background: #eaf9ff;
}

.history_table .title {
  display: none;
}

.history_table .t_r {
}

.history_table tbody td:nth-of-type(1) {
  border-top: 1px #ff69b4 solid;
  text-align: right;
  background: #00b2d8;
  color: #fff;
}

.history_table tbody td::before {
  color: #ff69b4;
  float: left;
}

.history_table tbody td:nth-of-type(1):before {
  content: "申込み日";
  color: #fff;
}

.history_table tbody td:nth-of-type(2):before {
  content: "商品コード";
}

.history_table tbody td:nth-of-type(3):before {
  content: "商品名";
}

    .history_table tbody td:nth-of-type(3) {
        text-align: left;
    }

        .history_table tbody td:nth-of-type(3) span {
            padding-left: 15px;
            display: inline-block;
        }

    .history_table tbody tr.history_pagenation td:nth-of-type(3) span {
        padding-left: 0px;
        display: inline-block;
    }



.history_table tbody td:nth-of-type(4):before {
  content: "販売価格";
}

.history_table tbody td:nth-of-type(5):before {
  content: "申込み数";
}

.history_table tbody td:nth-of-type(6):before {
  content: "予定金額";
}

.history_table tbody td:nth-of-type(7):before {
  content: "状態";
}

.history_table tbody td:nth-of-type(8) {
  border: none;
  padding: 5px 0;
  text-align: center;
  background-color: transparent;
}

.history_table tbody .history_table_totalText td:nth-of-type(2) {
  display: none;
}

.history_table tbody .history_table_totalText td:nth-of-type(3):before {
  content: "合計申込み数";
}

.history_table tbody .history_table_totalText td:nth-of-type(4):before {
  content: "合計予定金額";
}

/*------------------------
申込み履歴：ページネーション
------------------------*/

.history_table tbody tr:first-child,
.history_table tbody tr:last-child {
  width: 100%;
  margin: 0 auto 10px;
  background-color: transparent;
}


.history_table tbody tr:first-child td:nth-of-type(1),
.history_table tbody tr:last-child td:nth-of-type(1) {
  border: none;
  text-align: left;
  background: transparent;
  padding: 0;
  margin: 0;
}

.history_table tbody tr:first-child table,
.history_table tbody tr:first-child table tr,
.history_table tbody tr:first-child table th,
.history_table tbody tr:first-child table td,
.history_table tbody tr:last-child table,
.history_table tbody tr:last-child table tr,
.history_table tbody tr:last-child table th,
.history_table tbody tr:last-child table td {
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}

.history_table tbody tr:first-child table td span,
.history_table tbody tr:first-child table td a,
.history_table tbody tr:last-child table td span,
.history_table tbody tr:last-child table td a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 2px 7px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  background-color: #fff;
  border: 1px #ef349d solid;
}

.history_table tbody tr:first-child table td span,
.history_table tbody tr:last-child table td span {
  background-color: #ef349d;
  color: #fff;
}

.history_table tbody tr:first-child table td a,
.history_table tbody tr:last-child table td a {
  color: #ef349d;
  text-decoration: none;
  border-color: #ef349d;
}

.history_table tbody tr:first-child td:nth-of-type(1):before,
.history_table tbody tr:first-child td:nth-of-type(2):before,
.history_table tbody tr:first-child td:nth-of-type(3):before,
.history_table tbody tr:first-child td:nth-of-type(4):before,
.history_table tbody tr:first-child td:nth-of-type(5):before,
.history_table tbody tr:first-child td:nth-of-type(6):before,
.history_table tbody tr:first-child td:nth-of-type(7):before,
.history_table tbody tr:first-child td:nth-of-type(8):before,
.history_table tbody tr:first-child td:nth-of-type(9):before,
.history_table tbody tr:first-child td:nth-of-type(10):before,
.history_table tbody tr:last-child td:nth-of-type(1):before,
.history_table tbody tr:last-child td:nth-of-type(2):before,
.history_table tbody tr:last-child td:nth-of-type(3):before,
.history_table tbody tr:last-child td:nth-of-type(4):before,
.history_table tbody tr:last-child td:nth-of-type(5):before,
.history_table tbody tr:last-child td:nth-of-type(6):before,
.history_table tbody tr:last-child td:nth-of-type(7):before,
.history_table tbody tr:last-child td:nth-of-type(8):before,
.history_table tbody tr:last-child td:nth-of-type(9):before,
.history_table tbody tr:last-child td:nth-of-type(10):before {
  display: none;
}

/*------------------------
申込み履歴：内容確認
------------------------*/

.reserve_table,
.reserve_table tbody,
.reserve_table tbody tr,
.reserve_table tbody td{
	display:block;
}

.reserve_table {
  width: 100%;
  margin: 20px 0;
  font-size: 12px;
  border-collapse: collapse;
  background-color: #fff;
  line-height: 1.5;
  border-top: 1px #ff69b4 solid;
}

.reserve_table tr:nth-child(odd) {
  background: #fff;
}

.reserve_table tr:nth-child(even) {
  background: #eaf9ff;
}

.reserve_table .even {
  background: #fff;
}

.reserve_table .odd {
  background: #eaf9ff;
}

.reserve_table td {
  border: 1px #ff69b4 solid;
  border-top: none;
  overflow: hidden;
  padding: 5px 10px;
	min-height:60px;
}

.reserve_table td .f_l {
  float: left;
  padding: 5px 0;
}

.reserve_table td .f_r {
  float: right;
  border-left: 1px #ff69b4 solid;
  padding: 5px 0 5px 5px;
  text-align: center;
  width: 60px;
}

.reserve_table td .fc1 {
  color: #666666;
}

.reserve_table td .f_r .fc1 {
  color: red;
}

.reserve_table td:empty {
	display:none;
}

#dlstItem .fc1{
	width:75%;
}

.f_r select {
	width:100% !important;
	font-size: 16px;
}

/*------------------------

------------------------*/

#dlstItem tbody tr td {
	 background: #fff;
}

#dlstItem tbody tr:nth-child(2n+1) td:nth-child(2n+2){
	 background:  #eaf9ff;
}

#dlstItem tbody tr:nth-child(2n+2) td:nth-child(2n+1){
	 background: #eaf9ff;
}

#Div1 .history_table .title{
	display:none;
}

#Div1 .history_table .title {
	display:none;
}

#Div1 .history_table ,
#Div1 .history_table tbody,
#Div1 .history_table tbody tr,
#Div1 .history_table tbody td{
	display:block;
}

#Div1 .history_table td{
	width:100%;
	text-align:right;
}

#Div1 .history_table tbody td::before {
	color: #ff69b4;
	float: left;
}

#Div1 .history_table tbody td:nth-of-type(1){
	text-align:right;
	background: #00b2d8;
  color: #fff;
}

#Div1 .history_table tbody td:nth-of-type(1):before {
	content:"商品コード";
	color: #fff;
}

#Div1 .history_table tbody td:nth-of-type(2):before {
	content:"商品名";
}

    #Div1 .history_table tbody td:nth-of-type(2) {
        text-align: left;
    }

        #Div1 .history_table tbody td:nth-of-type(2) span {
            padding-left: 15px;
            display: inline-block;
        }


#Div1 .history_table tbody td:nth-of-type(3):before {
	content:"販売価格";
}
#Div1 .history_table tbody td:nth-of-type(4):before {
	content:"申込み数";
}

#Div1 .history_table tbody td:nth-of-type(5):before {
	content:"予定金額";
}

#Div1 .history_table tbody .total td:nth-of-type(1) {
  border: 1px #ff69b4 solid;
  padding: 10px 6px 9px 6px;
}

#Div1 .history_table tbody .total td:nth-of-type(1):before {
	content:"合計";
	display: block;
}

#Div1 .history_table tbody .total td:nth-of-type(2) ,
#Div1 .history_table tbody .total td:nth-of-type(3) {
	display:none;
}

#Div1 .history_table tbody .total td:nth-of-type(4):before {
	content:"合計申込み数";
	display: block;
}

#Div1 .history_table tbody .total td:nth-of-type(5):before {
	content:"合計予定金額";
	display: block;
}

/*------------------------
history_table2
------------------------*/

.history_table2 {
  width: 100%;
}

.history_table2 tr,
.history_table2 td {
  display: block;
}

.history_table2 td,
.history_table2 th {
  border: 1px #ff69b4 solid;
  border-top: none;
  padding: 10px 6px 9px 6px;
  font-size: 12px;
  word-break: break-all;
  text-align: left;
  background-color: #fff;
}

.history_table2 .title {
  display: none;
}

.history_table2 td {
  text-align: right;
}

.history_table2 td.btn input {
}

.history_table2 a {
  
}

.history_table2 tbody td::before {
	color: #ff69b4;
	float: left;
}

.history_table2 tbody td:nth-of-type(1){
	text-align:right;
	background: #00b2d8;
  color: #fff;
  border-top: 1px #ff69b4 solid;
}

.history_table2 tbody td:nth-of-type(1):before {
	content:"申し込み日時";
	color: #fff;
}

.history_table2 tbody td:nth-of-type(2):before {
	content:"申し込み番号";
}

.history_table2 tbody td:nth-of-type(3):before {
	content:"状態";
}

.history_table2 tbody td:nth-of-type(4) {
  border: none;
  padding: 20px 0 0;
  text-align: center;
  background-color: transparent;
}

/*------------------------
purchase_table
------------------------*/

/*------------------------------------------------
purchase
------------------------------------------------*/
/* line 494, ../sass/_page.scss */
.subTitle_l2 + .purchase_table {
  margin-top: 5px;
}

/* line 500, ../sass/_page.scss */
.purchase_table {
  margin: 5px auto;
  width: 100%;
  line-height: 1.5;
}
/* line 504, ../sass/_page.scss */
.purchase_table tr {
  background: #fff;
}
/* line 507, ../sass/_page.scss */
.purchase_table .title, 
.purchase_table .title2, 
.purchase_table .TitleNum {
  border: 1px #ff69b4 solid;
  padding: 5px 10px;
  background: #00b2d8;
  color: #fff;
  font-size: 12px;
  text-align: left;
}
/* line 515, ../sass/_page.scss */
.purchase_table td {
  border: 1px #ff69b4 solid;
  padding: 5px;
  font-size: 12px;
  word-break: break-all;
  width: auto !important;
  text-align: left;
}
/* line 523, ../sass/_page.scss */
.purchase_table .text {
  color: #ef349d;
}
/* line 526, ../sass/_page.scss */
.purchase_table span {
  color: #ef349d;
}

/* .purchase_table:nth-of-type(1) tr,
.purchase_table:nth-of-type(1) td {
  display: block;
  width: 100% !important;
}

.purchase_table:nth-of-type(1) td {
  border: 1px #ff69b4 solid;
  border-top: none;
  padding: 10px 6px 9px 6px;
  font-size: 12px;
  word-break: break-all;
  background-color: #fff;
}

.purchase_table:nth-of-type(1) td:nth-of-type(2) {
  border: 1px #ff69b4 solid;
  padding: 10px 6px 9px 6px;
  font-size: 12px;
  word-break: break-all;
  color: #fff;
  background-color: #00b2d8;
}

.purchase_table:nth-of-type(1) .title {
  display: none;
}

.purchase_table:nth-of-type(1) .text,
.purchase_table:nth-of-type(1) span {
  color: #ef349d;
}

.purchase_table:nth-of-type(1) .title2 {
  display: none;
}

.purchase_table:nth-of-type(1),
.purchase_table:nth-of-type(1) tbody,
.purchase_table:nth-of-type(1) tbody tr,
.purchase_table:nth-of-type(1) tbody td {
  display: block;
}

.purchase_table:nth-of-type(1) td {
  width: 100%;
  text-align: right;
}

.purchase_table:nth-of-type(1) tbody td::before {
  color: #000;
  float: left;
}

.purchase_table:nth-of-type(1) tbody td:nth-of-type(2):before {
  content: "申し込み日時";
  color: #fff;
}

.purchase_table:nth-of-type(1) tbody td:nth-of-type(4):before {
  content: "オーダーID";
} */	

.purchase_table:nth-of-type(2) tr,
.purchase_table:nth-of-type(2) td {
  display: block;
}

.purchase_table:nth-of-type(2) td {
  border: 1px #ff69b4 solid;
  border-top: none;
  padding: 10px 6px 9px;
  font-size: 12px;
  word-break: break-all;
  text-align: left;
  background-color: #fff;
}

.purchase_table:nth-of-type(2) .title {
  display: none;
}

.purchase_table:nth-of-type(2) .text,
.purchase_table:nth-of-type(2) span {
  color: #ef349d;
}

.purchase_table:nth-of-type(2) .title2 {
  display: none;
}

.purchase_table:nth-of-type(2),
.purchase_table:nth-of-type(2) tbody,
.purchase_table:nth-of-type(2) tbody tr,
.purchase_table:nth-of-type(2) tbody td {
  display: block;
}

.purchase_table:nth-of-type(2) td {
  width: 100%;
  text-align: right;
  /*min-height: calc(19px + 19px);*/
  min-height: 38px;
}

.purchase_table:nth-of-type(2) .t_r {
}

.purchase_table:nth-of-type(2) tbody td:nth-of-type(1) {
  text-align: right;
  background: #00b2d8;
  color: #fff;
  border-top: 1px #ff69b4 solid;
}

.purchase_table:nth-of-type(2) tbody td:nth-of-type(1):before {
  content: "出荷日";
  color: #fff;
  float: left;
}

.purchase_table:nth-of-type(2) tbody td::before {
  color: #000;
  float: left;
}

.purchase_table:nth-of-type(2) tbody td:nth-of-type(2):before {
  content: "商品名";
}

    .purchase_table:nth-of-type(2) tbody td:nth-of-type(2) {
        text-align: left;
    }

    .purchase_table:nth-of-type(2) tbody td:nth-of-type(2) span {
        padding-left:15px;
        display:inline-block;
    }

.purchase_table:nth-of-type(2) tbody td:nth-of-type(3):before {
  content: "販売価格";
}

.purchase_table:nth-of-type(2) tbody td:nth-of-type(4):before {
  content: "購入数";
}

.purchase_table:nth-of-type(2) tbody td:nth-of-type(5):before {
  content: "小計";
}

.purchase_table:nth-of-type(2) tbody td:nth-of-type(6):before {
  content: "特別送料";
}

.purchase_table:nth-of-type(2) tbody td:nth-of-type(7):before {
  content: "備考";
}

.purchase_table:nth-of-type(2) tbody .purchase_table:nth-of-type(2)_totalText td:nth-of-type(2) {
  display: none;
}

/*------------------------
purchase_table2
purchase_table3
------------------------*/

.purchase_table2,
.purchase_table3 {
  margin: 5px auto;
  width: 100%;
  line-height: 1.5;
}

.purchase_table2 tr,
.purchase_table3 tr {
  background: #fff;
}

.purchase_table2 .title,
.purchase_table2 .title2,
.purchase_table3 .title,
.purchase_table3 .title2 {
  border: 1px #ff69b4 solid;
  padding: 5px 0 5px 5px;
  background: #00b2d8;
  color: #fff;
  font-size: 12px !important;
  word-break: break-all;
  width: 33%;
  text-align: left;
}

.purchase_table3:nth-of-type(4) .title{
  width: 5em !important;
}

.purchase_table2 td,
.purchase_table3 td {
  border: 1px #ff69b4 solid;
  padding: 5px;
  font-size: 12px !important;
  word-break: break-all;
  text-align: left;
}

.purchase_table2 .text,
.purchase_table3 .text {
  color: #ef349d;
}

.purchase_table2 .text2,
.purchase_table3 .text2 {
  background: #eaf9ff;
}

.purchase_table_footer {
  overflow: hidden;
  margin: 0 0 20px;
}

.purchase_table_footer_r {
  width: 130px;
  float: right;
}

.purchase_table_footer_r a {
  position: relative;
  display: block;
  width: 130px;
  margin: 0 auto;
  padding: 10px 0 8px;
  color: #fff;
  background-color: #0990e6;
  text-decoration: none;
  text-align: center;
}

.purchase_table_footer_r a::before {
  content: "内容の確認";
  font-size: 13px;
  line-height: 1;
  color: #fff;
}

.purchase_table_footer_r ::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left-color: #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.purchase_table_footer_l_wait,
.purchase_table_footer_l_done,
.purchase_table_footer_l_cancel {
  display: block;
  background: #fff;
  width: 120px;
  float: left;
  text-align: center;
  padding: 8px 0 7px;
  font-size: 13px;
  box-sizing: border-box;
}

.purchase_table_footer_l_wait {
    border: 2px #a9de3e solid;
    color: #a9de3e;
}

.purchase_table_footer_l_cancel {
  border: 2px #9a9a9a solid;
  color: #9a9a9a;
  background-color: #fff;
}

.purchase_table_footer_l a span,
.purchase_table_footer_r a span,
.parchase_r_l span,
.parchase_r_r span {
  display: none;
}

.parchase_r_l {
  width: 25px;
  height: 25px;
  background: url(../img/purchase/a_l.gif);
  display: block;
  float: left;
}

.parchase_r_r {
  width: 25px;
  height: 25px;
  background: url(../img/purchase/a_r.gif);
  display: block;
  float: left;
}

.parchase {
  clear: both;
  overflow: hidden;
}

.parchase_l p {
  font-weight: bold;
}

.parchase_r {
  width: 90px;
  margin: 20px auto 0;
}

.parchase_r:before,
.parchase_r:after {
  content: " ";
  display: table;
}

.parchase_r:after {
  clear: both;
}
.parchase_r {
  *zoom: 1;
}

.parchase_r_num {
  vertical-align: top;
  float: left;
  display: block;
  width: 30px;
  margin: 4px 5px 0;
  text-align: center;
}

/*------------------------------------------------
Virtual Window
------------------------------------------------*/
.ch_parts_virtualWindow01 {
    width: 100%;
    max-width:700px;
    margin:auto;
}

	.ch_parts_virtualWindow01 .ch_virtualWindow {
		position: relative;
		padding: 10px;
		background: url(../img/common/bg.gif) top center;
		zoom: 1;
	}

/* 【必須】モーダルポップアップで表示されるオーバーレイ
　　最低限left,top,positionを正しく設定しないとIE6で表示不具合を起こします */
.ui-widget-overlay {
    left:0;
    position:absolute;
    top:0;
    /*2018/03/15 DELETE*/
    background:#aaaaaa;opacity: .30;filter:Alpha(Opacity=30);
}

/*2018/05/21 ADD*/
#IDPASSMessage1{
    margin-top:10px;
}
#IDPASSMessage2{
    margin:13px 0;
}

/*2018/08/03 ADD*/
/*------------------------------------------------
illustration
------------------------------------------------*/

.illustration {
  width: 100%;
  text-align: center;
}
.illustration img {
  width: 92%;
  margin: 8px auto;
  border: 1px solid #a9a0a2;
}

.pcDevice {
  display: none;
}

/*------------------------------------------------
wallpaper
------------------------------------------------*/

#wallpaperBlock {
  width: 100%;
  padding-bottom: 0;
  text-align: center;
}

#wallpaperBlock div {
  display: inline-block;
  width: 46%;
  margin: 10px 4px;
  text-align: center;
  vertical-align: top;
}

#wallpaperBlock div img {
  width: 100%;
}

#wallpaperBlock div a {
  display: block;
  padding-top: 5px;
  font-size: 12px;
}