@charset "UTF-8";

/********* 予約申し込み ********/

/********* 追加（小見出しを同じdivで囲めなくなったためclassに変更） ********/
.yoyaku01 h2 {
	height: 37px;
	width: 690px;
}
.yoyaku01 p {
	margin: 5px auto 10px;
	height: 26px;
	width: 385px;
	display: block;
}

.pcorkeitai{
	display:none;
}

/** ユーザーコントロール用 **/
.yoyaku01 .sub_title {
	margin: 5px auto 10px;
	display: block;
	text-align: center;
}
.yoyaku01 .sub_title .sub_s img {
	height: 26px;
	width: 385px;
}
.yoyaku01 .sub_title .sub_m img {
	height: 26px;
	width: 500px;
}
.yoyaku01 .sub_title .sub_l img {
	height: 26px;
	width: 585px;
}
/** 座席指定アイコン **/
.yoyaku01 .zasekishitei_icon {
	width: 690px;
	margin: 5px auto 10px;
	text-align: left;
}
/********* 追加ここまで ********/

/********* 項目太字表示 ********/
#contents h3 {
	font: 800 14px "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	margin-top: 15px;
	margin-bottom: 3px;
}

/********* チケット情報 ********/
#chicket_title {
	height: auto;
	width: 690px;
	margin-bottom: 10px;
}
/********* テーブル用 ********/
#chicket_title .title_table {/** tableを.title_tableに変更 **/
	height: auto;
	width: 690px;
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	margin-bottom: 10px;
	padding: 0px;
	border-width: 0px;
}
#chicket_title .title_table th {/** .title_tableのthに変更 **/
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	background: #595959;
	padding-top: 10px;
	padding-bottom: 8px;
}
#chicket_title .title_table td {/** .title_tableのtdに変更 **/
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	text-indent: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #999999;
}
#chicket_title .arart {
	font: 12px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-indent: 20px;
}
/*** 追加 ***/
.item {
	background: #d6d6d6;
}
.item_l {
	background: #e3e3e3;
	text-indent: 20px;
}
.special {
	background: #e1da89;
}
/*** 追加ここまで ***/

/********* 備考********/
#bikou {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height: auto;
	width: 690px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#bikou p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-top: .5px solid #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
}

/********* 申し込み席種選択 ********/
#sekisentaku p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
}

/********* 追加 ********/

/********* 席種選択テーブル ********/
/****** 全て *****/
#sekishu table {
	height: auto;
	width: 690px;
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border: 0px solid #999999;
	border-collapse: collapse;
}
#sekishu td {
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	text-indent: 20px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
/****** 席種毎 *****/
#sekishu .sekishu_table table {
	width: 688px;
	border-collapse: separate;
}
#sekishu .sekishu_table td {
	width: 688px;
	border: 0px solid #999999;
}
/****** 席種毎の下線 *****/
#sekishu .sekishu_table .under_table td {
	width: 688px;
	height: 1px;
	background-color:#9a9a9a;
}
/********* 入れ子テーブル ********/
#sekishu table .sekishu_table .inner_table {
	padding-top: 6px;
	padding-bottom: 6px;
}
#sekishu .sekishu_table .inner_table td {
	text-indent: 0px;
	white-space: nowrap;
}
/****** 横幅指定（直接記述の場合削除可） *****/
#sekishu .sekishu_table .item_width {
	width: 2px;
	text-indent: 0px;
}
#sekishu .sekishu_table .kakaku {
	width: 80px;
}
/****** 一行表用 *****/
#sekishu .sekishu_table .seki {
	padding-left: 20px;
	width: 358px;
}
#sekishu .sekishu_table .maisu {
	width: 230px;
}
/****** 複数表用 *****/
#sekishu .sekishu_table .seki_w {
	padding-left: 20px;
	width: 258px;
}
#sekishu .sekishu_table .daisho {
	width: 100px;
}
#sekishu .sekishu_table .maisu_w {
	width: 230px;
}

/* 2014.09.24 sat.kou add start （人員種別枚数追加対応） */
/*******************************************************************/
/****** 残席詳細一覧のレイアウト変更に伴うスタイルシートの追加 *****/
/*******************************************************************/

/****** 残席詳細 席種選択枠 *****/
#zs_sekishu_select {
	width: 610px;
	margin: 0px auto 5px;
	text-indent: 5px;
}

/****** 残席詳細一覧 *****/
#zs_list {
	width: 610px;
	overflow-x: auto;
	overflow-y: hidden;
	margin: auto;
}

#zs_list table.table_main {
	margin: auto;
}

#zs_list td.joen_date {
	min-width: 150px;
}

#zs_list td.header {
	text-indent: 12px;
}

/****** 残席詳細 備考 *****/
#zs_note {
	margin:50px auto 30px;
}
/* 2014.09.24 sat.kou add end （人員種別枚数追加対応） */

/********申込内容確認 必要？*************/
#yoyaku_kakunin {
	height: auto;
	width: 690px;
	margin-bottom: 10px;
}
#yoyaku_kakunin p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.optionInfo {
/*    margin-left: 1em;*/
}
/********決済方法*************/
#kessai .kessai_table {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-collapse:collapse;
}
#kessai .kessai_table table {
	border-bottom: solid 1px #999999;
	border-collapse:collapse;
}
#kessai p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #999999;
}
#kessai .radio{
	text-align: center;
}
#kessai .kingaku{
	padding-left: 40px;
}

/********申込内容確認（申込確認ページ） 必要？*************/
/**#moshikomi_kakunin {
	height: auto;
	width: 690px;
	margin-bottom: 10px;
}

 #moshikomi_kakunin p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-bottom: 20px;
}
#moshikomi_kakunin .item {
	width: 230px;
}

#moshikomi_kakunin .special {
	width: 230px;
}**/
#attention p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-bottom: 20px;
}
/********申込内容確認（抽選予約）*************/


/******** 抽選予約席種・枚数申込 *************/
#tyusen_sekishu p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
}
#tyusen_sekishu td {
	color: #000000;
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#tyusen_sekishu .kibou {
	margin-bottom: 10px;
}
#tyusen_sekishu .koen_nitiji {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#tyusen_sekishu .koen_nitiji td {
	padding-left: 20px;
}
#tyusen_sekishu .seki{ 
	border-bottom: 1px solid #999999;
}
/* #tyusen_sekishu .seki table .shiteijiyu td{
	width: 125px;
	text-indent: 20px;
}
} */

#tyusen_sekishu .td_style td{ 
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px
}
#tyusen_sekishu .border_b{
	border-bottom: 1px solid #999999;
}
#tyusen_sekishu .seki .padding_indent{
	padding: 20px;
}
#tyusen_sekishu .sekishu_item{ 
	padding-top: 6px;
	padding-bottom: 6px;
	background: #d6d6d6;
	width: 105px;
	padding-left: 20px;
}
/****** 席種毎の下線 *****/
#tyusen_sekishu tr td .under_td {
	width: 565px;
	height: 1px;
	padding: 0px;
	background-color: #999999;
	border-collapse: collapse;
}
/***** 幅指定 *****/
#tyusen_sekishu .naiyou_w{
	width: 565px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#tyusen_sekishu .naiyou_w td{
	padding-top: 6px;
	padding-bottom: 6px;
}
#tyusen_sekishu .no_width{
	width: 0px;
	display: none;
}
#tyusen_sekishu .sekishu_w{
	width: 50%;
}
#tyusen_sekishu .jinnin_w{
	width: 20%;
}
#tyusen_sekishu .kingaku_w{
	width: 15%;
	text-align: right;
}
#tyusen_sekishu .maisu_w{
	width: 15%;
	white-space: nowrap;
}
/** 公演日時・希望席用 **/
#tyusen_sekishu .naiyou_w_s{
	width: 545px;
}

/********申込内容確認（抽選予約）ここまで*************/
/********* 完了画面メッセージボックス********/
.kanryo_box {
	width: 588px;
	margin-left: auto;
	margin-right: auto;
}
.kanryo_message {
	width: 588px;
	margin-left: auto;
	margin-right: auto;
}
.kanryo_box hr {
	margin: 10px auto;
}
.toiawase_box {
	width: 270px;
	margin: 15px auto;
	padding-left: 50px;
}
.yoyaku_num {
	/*width: 250px;*/
	//*margin-bottom: 30px;*/
	/*float: left;*/
	margin: auto;
}
.float_clear {
	clear: both;
}
/********* この公演に関するキーワードを～ ********/
/**#title_keyword {
	margin-top: 30px;
	text-align: center;
}**/

/********* 追加ここまで ********/

/********* ログイン ********/
#login table #login_table {/** tableから#login_tableに変更 **/
	height: auto;
	width: 690px;
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	margin-bottom: 10px;
	padding: 0px;
	border-top: 1px solid #999999;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#login #login_table td {/** tableから#login_tableに変更 **/
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	text-indent: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #999999;
}

#login p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
}/**
#login .special {
	background: #e1da89;
} 幅広く使用できるようにすることで、恐らく必要なし**/
#login .kakunin {
	font: 13px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #9B464D;
	padding-left: 25px;
	text-indent: -10px;
}

/********* nextボタン ********/
#next_btn {
	height: 20px;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 10px;
}
/********* 追加 ********/
/********* ページ下部2個セットボタン ********/
#back_next_btn {
	width: 690px;
	height: auto;
	padding-top: 10px;
	text-align: center;
	margin-top: 10px;
}
#back_next_btn p {
	margin: 0px;
	padding: 0px 0px 6px;
}

/********* 追加ここまで ********/

/********* 忘れた人・会員登録 ********/
#touroku table {
	height: auto;
	width: 660px;
	margin-bottom: 10px;
	padding: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-left: 10px;
}
#touroku th {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}

#touroku td {
	font: 12px/1.3em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #9b464d;
	padding-top: 3px;
	padding-bottom: 3px;
}

/********* closeボタン ********/
#rireki_btn {
	height: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-top: auto;
    padding-bottom: 30px;
    text-align: center;
	margin-top: 10px;
}

#close_btn {
	height: 20px;
	width: 690px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	margin-top: 10px;
}

/********* 追加 ********/
/*********汎用テーブル**********/
.general_table {
	height: auto;
	width: 690px;
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	margin-bottom: 10px;
	padding: 0px;
	border-top: 1px solid #999999;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.general_table td {
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
/*	text-indent: 20px;*/
	padding: 6px 8px 6px 20px;
/*	padding-top: 6px;*/
/*	padding-bottom: 6px;*/
	border-bottom: 1px solid #999999;
}

/*********入れ子テーブル**********/
.inner_table {
	margin: 0px;
	border-top: 0px solid #999999;
}
.inner_table td {
	padding: 0px;
	border-bottom: 0px solid #999999;
	border-collapse: collapse;
	text-indent: 0px;
}
/*********複数行インデントしたい部分用**********/
table .hukusu_indent {
	text-indent: 0px;
	padding-left: 20px;
}
/*********入れ子テーブルでインデント必要な部分用**********/
.inner_table .indent {
	text-indent: 20px;
}

/*********エラー時用CSS**********/
#error_box {
	width: 690px;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
#error_box #error_message {
	height: auto;
	margin: 200px auto 170px;
	vertical-align: middle;
}

/********* 文字 ********/
.blue {
	color: #0033cc;
}
.num_red {
	color: red;
	font-size: large;
	font-weight: bold;
}
.red {
	color: #ff0000;
}

.red2 {
	color: #C6000D;
}
.bold {
	font-weight: bold;
}
/* 20120907追加 */
div.red3 
{
	font-size:14px;
    color: #ff0000;
    padding:10px 0px 0px 0px;

}
/* 20120907追加ここまで */
/********* 追加ここまで ********/

/********追加20120125***********/
/******クーポンメッセージ*******/
.coupon_style
{
	text-align:center;
	background-color:#ffffff;
	border-collapse:collapse;
	margin:20px 0px 20px 0px;
}

.coupon_item
{
	border:solid 1px #777777;
	height:75px;
	background-color:#87ceeb;
	padding-top:15px;
}

/*.grid_header 
{
	COLOR: #ffffff;
	BACKGROUND-COLOR: #191970;
	border-color:#EEEEEE;
}

.grid_item 
{
	 BACKGROUND-COLOR: #bbffff;
}*/
/**********追加ここまで*******/

/* LINE着信認証 */
#btnLineLogin {
    background: url("/img/btn_login_base.png") no-repeat;
}

#btnLineNoLogin,#btnLineLogin,#btnLineRenkeiLogin,#btnLineRenkeiNoLogin{
    float:left;
    margin:10px;
    text-align:center;
}

#btnLineNoLogin,#btnLineRenkeiNoLogin{
    height:45px;
    width:150px;
}

#LineDialog,#LineRenkeiDialog{
    display: none; 
    min-height: 150px !important;
    min-width: 350px;
}

.lineMsg{
    margin:5px;
    max-width: 350px;
}

.ui-dialog{
    min-width:375px;
}

#btnCallAPI{
    margin:20px;
    width:100px;
    height:30Px;
}


#callAuthMsg{
    margin-left:10px;
}

a.caCalllink {
    font-size: 26px;
    color: #f00;
    margin-bottom: 10px;
    display: block;
}
span#callAuthTime {
    font-weight: bold;
    padding: 10px;
}
p.caMsg {
    font-size: 14px;
}

.snsbtns{float:left;}

#snsImage{width:46px;}



/* LINE着信認証 */


.loadingPnl{
    position: fixed;
    background-color: rgba(0,0,0,0.3);
    width:100%;
    height:100%;
    top: 0px;
    left: 0px;
    z-index:9998;
    text-align:center;
    vertical-align:middle;
}
.loadingMsgDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    margin-top: -100px;
    margin-left: -100px;
    background-color:white;
    z-index: 9999;
}
.loadingMsg{
    z-index:10000;
}
.defaultHide{
    display:none;
}

/*決済分割追加　松田*/

#hikitori_area p, #kessai p {
  border-color: #ddd;
  margin-bottom: 19px;
  padding-bottom: 11px
}

#hikitori_area h4, #kessai h4 {
  font-weight: 700;
  margin-bottom: 10px
}

#hikitori_area .kessai_table, #hikitori_area .kessai_table table, #kessai .kessai_table, #kessai .kessai_table table {
  border-color: #ddd
}

#hikitori_area .kessai_table table td, #kessai .kessai_table table td {
  border-color: #ddd;
  padding: 10px 6px 6px
}

#hikitori_area .kessai_table table td a, #kessai .kessai_table table td a {
  display: block;
  transition: all .6s cubic-bezier(.215, .61, .355, 1)
}

#hikitori_area .kessai_table table td a:hover, #kessai .kessai_table table td a:hover {
  opacity: .6
}

#hikitori_area .kessai_table table td img, #kessai .kessai_table table td img {
  height: auto;
  max-width: 100%
}

#hikitori_area .kessai_table table tr:nth-child(2) td, #kessai .kessai_table table tr:nth-child(2) td {
  background: #f6f6f6;
  font-size: 12px;
  letter-spacing: .08em;
  padding: 10px 15px
}

#hikitori_area #rdoKessai, #kessai #rdoKessai {
  border: 1px solid #ddd
}

#hikitori_area .kessai_ch, #kessai .kessai_ch {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  position: relative
}

#hikitori_area .kessai_ch label, #kessai .kessai_ch label {
  display: block;
  padding: 10px
}

#hikitori_area .kessai_ch label:before, #kessai .kessai_ch label:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#hikitori_area .kessai_ch input, #kessai .kessai_ch input {
  margin-right: 10px
}

#hikitori_area .kessai_ch .kessai_exp, #kessai .kessai_ch .kessai_exp {
  padding: 0 10px
}

#hikitori_area .kessai_ch:last-child, #kessai .kessai_ch:last-child {
  border: none
}

#hikitori_area {
  margin-top: 20px
}

#hikitori_area #rdoHikitori {
  border: 1px solid #ddd
}

#hikitori_area .hikitori_ch {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  position: relative
}

#hikitori_area .hikitori_ch label {
  display: block;
  padding: 10px
}

#hikitori_area .hikitori_ch label:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#hikitori_area .hikitori_ch input {
  margin-right: 10px
}

#hikitori_area .hikitori_ch .hikitori_exp {
  padding: 0 10px
}

#hikitori_area .hikitori_ch:last-child {
  border: none
}

#total_area {
  margin-top: 15px
}

#lblKessaiShu a {
  display: block;
  font-size: 14px;
/*  padding: 10px;*/
  transition: all .6s cubic-bezier(.215, .61, .355, 1)
}

#lblKessaiShu a:hover {
  opacity: .6
}

.kessai_table {
  width: 100%
}

.kessai_table input[type=radio] {
  cursor: pointer
}

.kessai_table input[type=radio]+input {
  display: block
}

.kessai_table table {
  width: 100%
}

#rdoHikitori, #rdoKessai {
  display: block
}

#rdoHikitori input, #rdoHikitori label, #rdoKessai input, #rdoKessai label {
  cursor: pointer;
  transition: all .6s cubic-bezier(.215, .61, .355, 1)
}

#rdoHikitori input:hover, #rdoHikitori label:hover, #rdoKessai input:hover, #rdoKessai label:hover {
  opacity: .6
}
#total_area {
  border: 3px solid #be2335;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  margin-bottom: 5px;
  min-height: 54px;
  min-width: 320px;
  padding: 15px 33px
}
/*決済分割追加ここまで　松田*/


#tr_hakken{
	display:none;
	}

#tr_daiko{
	display:none;
	}

#tr_haisouryo{
	display:none;
	}

/*決済分割追加　うえの手数料消すここまで*/


.ksimg{height:17px;margin-right:15px;vertical-align: middle;}