﻿@charset "UTF-8";
/********* 予約申し込み ********/

/********* タイトル ********/
.yoyaku01 h2 {
	height: 37px;
	width: 690px;
}
.yoyaku01 p {
	margin: 5px auto 10px;
	height: 26px;
	width: 385px;
	display: block;
}
/** ユーザーコントロール用 **/
.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 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;
}
#sekisentaku td {
	font: 14px/1.4em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #999999;
}（そのままの内容でgeneral_tableに変更）**/
#sekisentaku p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
}
/** 
#sekisentaku .item {
	background: #d6d6d6;
}
#sekisentaku .special {
	background: #e1da89;
} 幅広く使用できるようにすることで、恐らく必要なし**/

/********* 追加 ********/

/********* 席種選択テーブル ********/
/****** 全て *****/
#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: 590px;
	border-collapse: separate;
}
#sekishu .sekishu_table td {
	width: 590px;
	border: 0px solid #999999;
}
/****** 席種毎の下線 *****/
#sekishu .sekishu_table .under_table td {
	width: 590px;
	height: 1px;
	background-color: #999999;
}
/********* 入れ子テーブル ********/
#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: 100px;
}
#sekishu .sekishu_table .kakaku {
	width: 80px;
}
/****** 一行表用 *****/
#sekishu .sekishu_table .seki {
	padding-left: 20px;
	width: 260px;
}
#sekishu .sekishu_table .maisu {
	width: 230px;
}
/****** 複数表用 *****/
#sekishu .sekishu_table .seki_w {
	padding-left: 20px;
	width: 180px;
}
#sekishu .sekishu_table .daisho {
	width: 80px;
}
#sekishu .sekishu_table .maisu_w {
	width: 230px;
}

/* 2014.08.16 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.08.16 sat.kou add end （人員種別枚数追加対応） */

/********申込内容確認 必要？*************/
#yoyaku_kakunin {
	height: auto;
	width: 690px;
	margin-bottom: 10px;
}
#yoyaku_kakunin p {
	font: 14px/1.5em "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/********決済方法*************/
#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;
}

/********* 申込履歴・抽選結果ぺージボタン ********/
#rireki_btn {
	/*width: 230px;
	margin: 15px auto;
	padding-left: 50px;*/
	height: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-top: auto;
    padding-bottom: 30px;
    text-align: center;
	margin-top: 10px;
}

/********* closeボタン ********/
#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;
	padding-left: 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;
}
/********* 追加ここまで ********/