@charset "utf-8";

/*---------------------------------------------
table
---------------------------------------------*/
.mod_table_frame {}
.mod_table_frame table {}
.mod_table_frame table th { padding:5px 20px; }
.mod_table_frame table td {}
.mod_table_frame table thead  th {}
.mod_table_frame table tbody th { background:#e7e7e7; }

/*--- normal_table ---*/
.normal_table { border-top:1px solid #ccc; border-left:1px solid #ccc; }
.normal_table thead th { background:#f5f5f5; font-weight:700; }
.normal_table th { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; }
.normal_table td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; }
.normal_table tr:nth-child(even) { background:#fff; }
.normal_table tr:nth-child(even) td:first-child { background:#fff; }/*--受講の初列--*/
.normal_table tr.available td:first-child { background:#c8fffb; }/*--空席があり--*/
.normal_table tr.absence td:first-child { background:#d3d3d3; }/*--キャンセル--*/

/*---------------------------------------------
table
---------------------------------------------*/
.mod_table_frame {}
.mod_table_frame table {}
.mod_table_frame table th { padding:5px 20px; }
.mod_table_frame table td {}
.mod_table_frame table thead  th {}
.mod_table_frame table tbody th { background:#e7e7e7; }

/*--- normal_table ---*/
.normal_table { border-top:1px solid #ccc; border-left:1px solid #ccc; }
.normal_table thead th { background:#f5f5f5; font-weight:700; }
.normal_table th { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; }
.normal_table td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; }
.normal_table tr:nth-child(even) { background:#fff; }
.normal_table tr:nth-child(even) td:first-child { background:#fff; }/*--受講の初列--*/
.normal_table tr.available td:first-child { background:#c8fffb; }/*--空席があり--*/
.normal_table tr.absence td:first-child { background:#d3d3d3; }/*--キャンセル--*/

.normal_table tr.status_l_01 td,
.normal_table tr.status_l_02 td,
.normal_table tr.status_m_01 td,
.normal_table tr.status_m_02 td,
.normal_table tr.status_m_03 td,
.normal_table tr.status_m_04 td,
.normal_table tr.status_m_05 td,
.normal_table tr.status_m_07 td,
.normal_table tr.status_m_00 td,
.normal_table tr.status_r_01 td { background:#fff; }

.normal_table tr:nth-child(even).status_l_01 td,
.normal_table tr:nth-child(even).status_l_02 td,
.normal_table tr:nth-child(even).status_m_01 td,
.normal_table tr:nth-child(even).status_m_02 td,
.normal_table tr:nth-child(even).status_m_03 td,
.normal_table tr:nth-child(even).status_m_04 td,
.normal_table tr:nth-child(even).status_m_05 td,
.normal_table tr:nth-child(even).status_m_07 td,
.normal_table tr:nth-child(even).status_m_00 td,
.normal_table tr:nth-child(even).status_r_01 td { background:#fff; }

.normal_table tr.status_l_01 td:first-child,
.normal_table tr:nth-child(even).status_l_01 td:first-child { background:#d1eaf8; } /*体験受付中*//*ffcccc*/
.normal_table tr.status_l_02 td:first-child,
.normal_table tr:nth-child(even).status_l_02 td:first-child { background:#c5c5c5; } /*体験終了*//*ebebeb*/
.normal_table tr.status_m_01 td:first-child,
.normal_table tr:nth-child(even).status_m_01 td:first-child { background:#c8fffb; } /*体験受付中*/
.normal_table tr.status_m_02 td:first-child,
.normal_table tr:nth-child(even).status_m_02 td:first-child { background:#c9e9ff; } /*残りあとわずか*/
.normal_table tr.status_m_03 td:first-child,
.normal_table tr:nth-child(even).status_m_03 td:first-child { background:#ebebeb; } /*満員受付終了*/
.normal_table tr.status_m_04 td:first-child,
.normal_table tr:nth-child(even).status_m_04 td:first-child { background:#ffc6bc; } /*キャンセル待ち*/
.normal_table tr.status_m_05 td:first-child,
.normal_table tr:nth-child(even).status_m_05 td:first-child { background:#fadbe3; } /*店舗までお問い合わせください*/
.normal_table tr.status_m_07 td:first-child,
.normal_table tr:nth-child(even).status_m_07 td:first-child { background:#fff; } /*予約なし*/

.normal_table tr.status_m_00 td:first-child,
.normal_table tr:nth-child(even).status_m_00 td:first-child { background:#dbd1f8; } /*パス消化なし*/
.normal_table tr.status_r_01 td:first-child,
.normal_table tr:nth-child(even).status_r_01 td:first-child { background:; } /*予約中*/

.normal_table.gray thead th { background:#f5f5f5; }

/*.normal_table tr.status_l_01 td a { color:#fff556; }*/

/*--- normal_table2 ---*/
.normal_table2 {  border-left:1px solid #999; border-top:2px solid #cccccc; border-left:none; width:100%; }
.normal_table2 thead th { background:#f4f4f4; font-weight:700; }
.normal_table2 th { background:#f5f5f5; border-bottom:2px solid #cccccc; border-right:none; font-weight:700; padding:10px 15px; vertical-align:middle; }
.normal_table2 td { border-right:none; border-bottom:2px solid #cccccc; padding:10px 15px; text-align:left; }

/*--- normal_table3 ---*/
.normal_table3 { border-top:1px solid #ccc; border-left:1px solid #ccc; }
.normal_table3 thead th { background:#f5f5f5; font-weight:700; }
.normal_table3 th { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; }
.normal_table3 td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; }
.normal_table3 tr:nth-child(even) td { background:#f5f5f5; }

/*--- orange ---*/
.normal_table.or { border-top:2px solid #ffcfb5; border-left:2px solid #ffcfb5; }
.normal_table.or th { /*background: url(../images/common/bg_dot_orange.gif) left top repeat;*/background:#ffeee4; border-right:2px solid #ffcfb5; border-bottom:2px solid #ffcfb5; }
.normal_table.or td { border-right:2px solid #ffcfb5; border-bottom:2px solid #ffcfb5; }
.normal_table.or tr.odd td { background:#; }
.normal_table.or tr.even td { background:#fff; }

/*--- green ---*/
.normal_table.gr { border-top:2px solid #c0d6b4; border-left:2px solid #c0d6b4; }
.normal_table.gr th { background: /*url(../images/common/bg_dot_green.gif) left top repeat*/ #e8eee4; border-right:2px solid #c0d6b4; border-bottom:2px solid #c0d6b4; }
.normal_table.gr td { border-right:2px solid #c0d6b4; border-bottom:2px solid #c0d6b4; }
.normal_table.gr tr.odd td { background:#; }
.normal_table.gr tr.even td { background:#fff; }

/*--- blue ---*/
.normal_table.bl { border-top:2px solid #48a3dc; border-left:2px solid #48a3dc; }
.normal_table.bl th { background: /*url(../images/common/bg_dot_green.gif) left top repeat*/ #d3eef1; border-right:2px solid #48a3dc; border-bottom:2px solid #48a3dc; }
.normal_table.bl td { border-right:2px solid #48a3dc; border-bottom:2px solid #48a3dc; }
.normal_table.bl tr.odd td { background:#; }
.normal_table.bl tr.even td { background:#fff; }

/*--- pink ---*/
.normal_table.pk { border-top:2px solid #ee8ea0; border-left:2px solid #ee8ea0; }
.normal_table.pk th { background: /*url(../images/common/bg_dot_green.gif) left top repeat*/ #fbdade; border-right:2px solid #ee8ea0; border-bottom:2px solid #ee8ea0; }
.normal_table.pk td { border-right:2px solid #ee8ea0; border-bottom:2px solid #ee8ea0; }
.normal_table.pk tr.odd td { background:#; }
.normal_table.pk tr.even td { background:#fff; }

.noBorderTable { border:none; }
.noBorderTable th { border:none; }
.noBorderTable td { border-top-width:none; }

/*--- sortTable ---*/
table.sortTable thead tr .header { padding:10px; }
table.sortTable thead tr .header div { background-image: url(../images/common/sort_table_arrow.gif);	background-repeat: no-repeat;	background-position: center right;	cursor: pointer; }
table.sortTable thead tr .headerSortUp div { background-image: url(../images/common/sort_table_arrow_asc.gif); background-position: right center; background-repeat: no-repeat; }
table.sortTable thead tr .headerSortDown div {	background-image: url(../images/common/sort_table_arrow_desc.gif); background-position:right center; background-repeat:no-repeat; }
table.sortTable thead tr .headerSortDown, table.sortTable thead tr .headerSortUp { background-color: #fbf9bb; background-image:none; }
table.sortTable td span { /*background:#ffcc33;*/ }

/*---------------------------------------------
padding-box
---------------------------------------------*/
/*-- padding-box --*/
.mod-padding-box { background:#fff; border-radius:0px; padding:30px; }
.mod-padding-box:after { content: " "; clear: both; display: block; }

/*-- padding-box2 --*/
.mod-padding-box2 { background: #fff; border-radius:0; border-right:1px solid #dbdcdc; border-bottom:1px solid #dbdcdc;  border-left:1px solid #dbdcdc; padding:30px; }
.mod-padding-box2:after { content: " "; clear: both; display: block; }
.mod-padding-box2-bottom { border-bottom:1px solid #ccc; }
.mod-padding-box2 .member_type { text-align:left; padding:10px 0px;}

/*---------------------------------------------
inline-list
---------------------------------------------*/
/*-- mod-inline-list --*/
.mod-inline-list { text-align:center; margin:0 auto; }
.mod-inline-list:after { content: ""; clear: both; display: block; }
.mod-inline-list li { display:inline-block; /display: inline; zoom:1; }
.mod-inline-list li a { display:block; line-height:1.6; margin:0 5px; padding: 0 10px; }
.mod-inline-list li a span { display:block; }
.mod-inline-list li.btn {  width:30%;  vertical-align:middle; text-align:center; }
.mod-inline-list li.btn a { display:block; line-height:1.6; margin:0 0px; padding: 5px 10px; height:auto; box-sizing:border-box; width:100%; box-sizing:border-box; }
.mod-inline-list li.btn span { display:block; line-height:1.6; margin:0 0px; padding: 5px 10px; height:auto; box-sizing:border-box; width:100%; box-sizing:border-box; }
.mod-inline-list li.btn span.disabled { display:block; line-height:1.6; margin:0 0px; padding: 5px 10px; height:auto; box-sizing:border-box; width:100%; box-sizing:border-box; }

/*-- mod-inline-list2 --*/
.mod-inline-list2 { text-align:center; margin:0 auto; }
.mod-inline-list2:after { content: ""; clear: both; display: block; }
.mod-inline-list2 li {
display: inline-block;
zoom: 1;
margin: 0 10px;
vertical-align:top;
}
.mod-inline-list2 li a { line-height:1.6; margin:0; }

/*-- mod-circle-list --*/
.mod-circle-list {}
.mod-circle-list li { list-style:disk; list-style-position:inside; line-height:1.4; text-align:left; }

/*---------------------------------------------
h_tag
---------------------------------------------*/
/*-- h2 --*/
.mod_h2_title { background-image: url(../images/common/bg_title_h2.png); background-position: 0 0; border-top:1px solid #dcdcdb; border-right:1px solid #dcdcdb; border-left:1px solid #dcdcdb; color: #333; /*display: inline-block;*/ font-size:139%; font-weight:400; padding: 7px 0 3px 10px; text-align:left;  min-height: 30px; /* min-width: 1108px; */ }
.mod_h2_title:after { content: ""; clear: both; display: block; }
.mod_h2_title h2 { display:block; float:left; font-weight:400; }
.mod_h2_title p { padding-top:6px; padding-bottom:6px; }
.mod_h2_title h2.title { padding:6px 0; }
.mod_h2_title h2.title span { border-left:5px solid #1a326b; padding-left:10px; }
.mod_h2_title h2.title.orange span { border-left:5px solid #dc7c48; }
.mod_h2_title h2.title.skyblue span { border-left:5px solid #5bc1dd; }
.mod_h2_title h2.title.blue span { border-left:5px solid #48a3dc; }
.mod_h2_title h2.title.green span { border-left:5px solid #86bf0b; }
.mod_h2_title h2.title.pink span { border-left:5px solid #e25973; }
.mod_h2_title h2.title.yellow span { border-left:5px solid #f5de0b; }
.mod_h2_title ul li { padding-right:10px; }

/*---------------------------------------------
mod-txt
---------------------------------------------*/
.mod-txt { color:#339900; }

/*---------------------------------------------
mod-form
---------------------------------------------*/
.mod-form {}
.mod-form table { border-left:1px solid #999; border-top:2px solid #cccccc; border-left:none; width:100%; }
.mod-form table th { background:#f4f4f4; font-size:116%; font-weight:700; line-height:1.6; vertical-align:middle; width:23%; }
.mod-form table td { border-right:none; border-bottom:2px solid #cccccc; padding:10px 15px; text-align:left; vertical-align:middle; }
.mod-form table td input { vertical-align:middle; }
.mod-form table td input.short { width:160px; }
.mod-form table td input.middle { width:280px; }
.mod-form table td input.long { width:700px; }
.mod-form table td label { vertical-align:middle;  }
.mod-form table td input[type="text"] { padding:2px 3px; }
.mod-form table td input[type="radio"], input[type="checkbox"] { vertical-align:baseline; }
.mod-form .note { line-height:1.6; padding-top:7px; }
.mod-form .note span b { font-weight:700; }