@charset "utf-8";


/** 申込入力 確認 S **/
/* 交通 */
.traffic_exp {
	float: left;
	padding: 10px 10px 0 0;
	width: 100px;
}
.traffic100 { float: left;width: 100px; }
.traffic110 { float: left;width: 110px; }
.traffic150 { float: left;width: 150px; }
.traffic180 { float: left;width: 180px; }
.traffic200 { float: left;width: 200px; }
.traffic220 { float: left;width: 220px; }
.traffic250 { float: left;width: 250px; }
.traffic280 { float: left;width: 280px; }

/* 宿泊テーブル */
#lodging table tr td {
	padding: 0;
	min-width: 50px;
}

/*	------ 列ﾍｯﾀﾞ ------------------------------------------------------------ */
/*** 申込者種別や手配が存在した場合に発生する空白ｾﾙ ***/
#lodging table td.col_header_none {
}
/*** 日付 ***/
#lodging table td.col_header_days{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:120px !important;
}
/*** 料金 ***/
#lodging table td.col_header_ryokin{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:71px !important;
}
/*** 在庫残数 ***/
#lodging table td.col_header_zaiko{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:35px !important;
}
/*** 申込数(日程が2日以内) ***/
#lodging table td.col_header_mousisu1{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:71px !important;
}
/*** 申込数(日程が3日以上) ***/
#lodging table td.col_header_mousisu3{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:50px !important;
}
/*** 合計(日程が2日以内) ***/
#lodging table td.col_header_total1{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:71px !important;
}
/*** 合計(日程が3日以上) ***/
#lodging table td.col_header_total3{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:50px !important;
}
/*** 合計金額 ***/
#lodging table td.col_header_totalyen{
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
	width:auto;
	min-width:71px !important;
}
/*	------ 列ﾍｯﾀﾞ ------------------------------------------------------------ */
/*	------ 行ﾍｯﾀﾞ ------------------------------------------------------------ */
/*** 手配 ***/
#lodging table td.row_header_tehai{
}
/*** ﾀｲﾌﾟ ***/
#lodging table td.row_header_type{
}
/*** ﾗﾝｸ ***/
#lodging table td.row_header_rank{
}
/*** 申込者種別 ***/
#lodging table td.row_header_mousimen{
}
/*	------ 行ﾍｯﾀﾞ ------------------------------------------------------------ */
/*	------ 明細   ------------------------------------------------------------ */
/*** 料金 ***/
#lodging table td.cell_detail_ryokin{
	text-align:right !important;
}
/*** 在庫残数 ***/
#lodging table td.cell_detail_zaiko{
	text-align:center !important;
	min-width:35px !important;
}
/*** 申込数(日程が2日以内) ***/
#lodging table td.cell_detail_mousisu1{
	width: 71px !important;
	height: 32px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: center;
}
/*** 申込数(日程が3日以上) ***/
#lodging table td.cell_detail_mousisu3{
	width: 50px !important;
	height: 32px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: center;
}
/*** 合計(日程が2日以内) ***/
#lodging table td.cell_detail_total1{
	text-align:center !important;
	min-width:71px !important;
}
/*** 合計(日程が3日以上) ***/
#lodging table td.cell_detail_total3{
	text-align:center !important;
	min-width:51px !important;
}
/*** 合計金額 ***/
#lodging table td.cell_detail_totalyen{
	text-align:right !important;
	min-width:85px !important;
}
/*	------ 明細   ------------------------------------------------------------ */








#lodging table tr.date td.date_cal {
	height: 32px;
	text-align: center;
	border: 1px solid #CCC;
}
#lodging table input[type="text"] {
	margin: 0;
	width: 42px;
	border: none;
	text-align:right;
	padding-right:2px;
	border: 1px solid #DDD;
}
#lodging #lodging_num {
	width: 10px;
	padding: 5px;
	border: 1px solid #CCC;
	line-height: 21px;
}
#lodging table tr td.lodging_type {
	padding: 5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#lodging table tr td.lodging_sex {
	padding: 5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
}
#lodging table tr td.total {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#lodging table tr td.lunch {
	padding: 5px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#lodging table tr td.lunch_num {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#lodging table tr td.mousi_area {
	display: table-cell;
	font-size: 1em;
	min-width: 50px;
}
#lodging table tr td.reservation_area {
	width: 96px !important;
	height: 32px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
}
#lodging table tr td.slash_area {
	background-color: #BCBCBC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#lodging table tr td.reservation_area div.total_num {
	width: 100%;
	text-align: center;
}

#lodging table td.ryokin, #lodging table td.ryokin div.total_num {
	text-align:right !important;
	padding-right:4px;
}

#table_amount, #table_total{

}

#lodging table tr:first-child td:first-child {
	width: 120px;
}

.form-table td span{margin-left:10px;color:#696969;}
.form-table tr.hidden{display:none;}
#lodging table tr td.lodging_type , #lodging table tr td.total
, #lodging table tr td.reservation_area{border-left: 1px solid #CCC;}
#lodging table tr td.reservation_area {border-top: 1px solid #CCC;}
#lodging table#table_total tr td {border-top: 1px solid #CCC;}
#lodging table {margin-top:10px; margin-bottom:18px;}
#lodging div {margin:20px 0;}
#lodging div.total_num{margin:0;}
#lodging p.bleft  {margin:10px 0; width:80%;}
p.maplink{text-align:right; margin:2px 2px 0 0; font-size:0.85em;}

table.form-table tr td table tr td:nth-child(2) {
	width: auto;
	min-width: 10%;
	max-width: 99%;
}

table.form-table textarea {
	min-width: 180px;
}

table.form-table tr td table {
	width: auto;
	min-width: auto;
	max-width: 99%;
}
table.form-table tr td table tr {
    border-top: none;
}

#mousiForm table.form-table tr th {
	/*
    width: 140px;
    min-width:10%;
    */
}
/*▼[UPDATE:]------------------------------2017/07/07 */
/*@media (max-width: 768px) {*/	/* これだとiPad(縦に適用されてしまう) */
@media (max-width: 767px) {
/*▲[UPDATE:]------------------------------2017/07/07 */
	/* スマートフォン以下専用スタイル */
	#mousiForm table.form-table tr th {
	    width: 100%;
	}
}
#mousiForm table.form-table tr th div{
/*	width: 98%;	*/
}

.ann {
	font-size: 0.9em;
	color: red;
}
/** 申込入力 確認 E **/





/* 領収書 S */
table.nesting_table {
	/* white-space: nowrap; */
}
table.nesting_table tr td.title {
	width: 100px;
	border-left: 5px solid #CCC;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	font-weight: bold;
	line-height: 15px;
}
table.nesting_table tr td{
	width: 300px;
	padding: 0 10px;
	height: 40px;
	border-bottom: 1px dotted #CCC;
	line-height: 1.6em;
}
table.nesting_table tr td.dot_top{
	border-top: 1px dotted #CCC;
}
table.nesting_table .noline_top{
	border-top: 0px;
}




/*-------------------------------------
// ログインページ
//                             #login
-------------------------------------*/

#login #main {
	font-size: 1.05em;
}

#login #main .section {
	padding: 0;
	width: 900px;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top : -110px;
	margin-left: -450px;
}

#login .login-box {
/*	background-color: rgba(235,235,235,0.5);	*/
/*	background-color: rgba(255,255,255,0.4);	*/
	background-color: #f0f7ff;
	border: 1px solid #bbb;
	box-shadow: 0 0 3px #ccc;
	margin: 0 auto;
/*	padding: 20px 10px 25px;	*/
	padding: 0 0 25px;
	width: 340px;
/*	position: relative;
	top: 50%;*/
	border-radius: 3px;
/*	display: none;	*/
}

#login .login-box table {
    border: medium none;
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px auto 20px;
    width: 90%;
}

#login .login-box table tr td {
    padding-top: 10px;
    text-align: center;
    border: none;
}

#login .login-box table tr td input {
	width: 180px;
}

#login .login-box h3 {
	color: #333;
	font-size: 0.95em;
	text-align: center;
/*	margin: 15px 0 10px;	*/
	margin: 0 0 15px;
	line-height: 2.8;
	padding-top: 5px;
	border-top-right-radius: 3px;
	border-top-left-radius:  3px;
}

#login .login-button {
	 text-align: center;
}

#login #wrapper {
	/* background: 50% 75% transparent url(../image/bg_visual.png) no-repeat; */
	background-size: 65% auto;
}
#details a {
    text-decoration: none;
    color: #31b1ec;
}

div.panel-s {
	background: none !important;
}