@charset "utf-8";
/* ===================================================================
CSS information

 file name  :table_check.css
 style info :テーブルソリューション用CSS
=================================================================== */

#main .table_check_widget {
	padding:0.5em;	
}

.table_check_widget input, .table_check_widget select
 {
	 padding:2px 5px;
 }

/* 各項目のタイトル */
.table_check_widget p {
	padding: 0 0 0 10px;
	background: url(../img/common/ic_search.png) left center no-repeat;
}
.table_check_widget .change p {
	padding:auto;
	background: none;	
}

/* 検索ボタン */
.table_check_widget input.restaurant_search {
	font-size:1em !important;
	-webkit-border-radius: 10px;
   	-webkit-appearance: none;
	background-color:#9A596A ;
	padding:0.5em 1em;
	color:#ffffff;
	border:none;
	margin-top:10px;
}

#main .table_check_widget input.restaurant_search {
	margin-top:15px;
}

.con_search_header .table_check_widget input.restaurant_search,
#tab_container_2 .table_check_widget input.restaurant_search {
	font-size:1.25em !important;
	padding:0.25em 2em;
	font-weight:bold;
	height:47px;
	margin-top:0;
}

/* 検索ボタンのマウスオーバー */
.table_check_widget input.restaurant_search:hover
 {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.con_search_header .table_check_widget input.restaurant_search:hover,
#tab_container_2 .table_check_widget input.restaurant_search:hover
 {
	height:47px;
}

/* 確認・変更・取消ボタン */
.table_check_widget .change p {
	font-size:1em ;
	-webkit-border-radius: 5px;
   	-webkit-appearance: none;
	background-color:#636d72;
	padding:12px 0.75em;
	color:#ffffff;
	border:none;
	clear:both;
	height:47px;
	text-align:center;
}
.table_check_widget .change a {
	color:#ffffff;
}

/* ヘッダー・フッター */
.con_search_header .table_check_widget, 
#tab_container_2 .table_check_widget
{
	padding: 5px 10px;
}

.con_search_header .table_check_widget .restaurant_name,
.con_search_header .table_check_widget .date,
.con_search_header .table_check_widget .time,
.con_search_header .table_check_widget .number_of_people,
.con_search_header .table_check_widget input.restaurant_search,
.con_search_header .table_check_widget .change,
#tab_container_2 .table_check_widget .restaurant_name,
#tab_container_2 .table_check_widget .date,
#tab_container_2 .table_check_widget .time,
#tab_container_2 .table_check_widget .number_of_people,
#tab_container_2 .table_check_widget input.restaurant_search,
#tab_container_2 .table_check_widget .change,
#main .table_check_widget .restaurant_name,
#main .table_check_widget .date,
#main .table_check_widget .time,
#main .table_check_widget .number_of_people,
#main .table_check_widget input.restaurant_search,
#main .table_check_widget .change
 {
	float:left;
}

#main .table_check_widget .restaurant_name,
#main .table_check_widget .date,
#main .table_check_widget .time,
#main .table_check_widget .number_of_people,
#main .table_check_widget input.restaurant_search,
#main .table_check_widget .change
{
	margin-right:10px;	
}

.con_search_header .table_check_widget .restaurant_name,
.con_search_header .table_check_widget .date,
.con_search_header .table_check_widget .time,
.con_search_header .table_check_widget .number_of_people,
.con_search_header .table_check_widget input.restaurant_search
 {
	margin-right:15px;
}

#tab_container_2 .table_check_widget .restaurant_name,
#tab_container_2 .table_check_widget .date,
#tab_container_2 .table_check_widget .time,
#tab_container_2 .table_check_widget .number_of_people,
#tab_container_2 .table_check_widget input.restaurant_search
{
	margin-right:30px;	
}

/* プルダウンの幅 */
.con_search_header .table_check_widget .restaurant_name select,
#tab_container_2 .table_check_widget .restaurant_name select
 {
	width:150px;
}
.con_search_header .table_check_widget .date input,
#tab_container_2 .table_check_widget .date input
 {
	width:150px;
}
.con_search_header .table_check_widget .time select,
#tab_container_2 .table_check_widget .time select
 {
	width:75px;
}
.con_search_header .table_check_widget .number_of_people select,
#tab_container_2 .table_check_widget .number_of_people select
 {
	width:75px;	
}

@media only screen and (max-width: 736px) {
.table_check_widget {
	padding:1em;
}

.table_check_widget .date,
.table_check_widget .time
{
	float:left;	
}
.table_check_widget .date,
.table_check_widget .time
{
	margin-right:15px;		
}
#main .table_check_widget .date,
.table_check_widget .number_of_people
{
	clear:both;
}
.table_check_widget input.restaurant_search {
	font-size:1em ;
	width:100%;
	-webkit-border-radius: 5px;
	padding:0.75em;
	font-weight:bold;
}
.table_check_widget .change p {
	font-size:1em ;
	width:100%;
	-webkit-border-radius: 5px;
	padding:0.75em;
	margin-top:10px;
	height:auto;
}
.table_check_widget input, .table_check_widget select
 {
	 padding:0;
 }
.table_check_widget .date input
 {
	width:13em;
}
}