@charset "utf-8";

/* =menu page styles
------------------------------------------ */
.ttlObi {
	clear: both;
	padding: 5px;
	font-weight: bold;
	border-top: 1px solid #d5d4d0;
	border-bottom: 1px dotted #d5d4d0;
	background: #e6f0fa;
}

/* ---------- tabs */
.ui-widget {
	font: normal 15px/1.6 Arial, Times New Roman, 'Lucida Grande', Meiryo, sans-serif !important;
}

.ui-widget-header {
	border: 0 !important;
	/* border-bottom: 2px solid #AAA !important; */
	border-radius: 0 !important;
	background: none !important;
}


.ui-tabs-nav {
	padding: 0 !important;
}
.ui-tabs-nav li {
	margin-right: 0 !important;
}
.ui-tabs-nav li li:first-of-type {
	margin-left: none !important;
}

.ui-tabs-nav li a {
	float: none !important;
	background: none !important;
	display: block;
}

.tabClm3 li, .tabClm4 li {
	margin-left: 1% !important;
	text-align: center;
}
.tabClm3 li {
	width: 31.5%;
}
.tabClm4 li {
	width: 23.5%;
}

.ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -2px !important;
	padding-bottom: 2px !important;
}
.ui-state-default {
	box-sizing: border-box;
	border-left: 2px solid #AAA !important;
	border-top: 2px solid #AAA !important;
	border-right: 2px solid #AAA !important;
}


.ui-widget-content {
	border: 0 !important;
}

.ui-tabs-panel {
	padding: 10px 7px 40px !important;
	font-size: inherit !important;
	border: 2px solid #AAA !important;
	/* border-top: 0 !important; */
	border-radius: 0 !important;
}

.ui-tabs-panel h2 {
	margin-bottom: 20px;
}
.ui-tabs-panel h3 {
	margin-top: 20px;
}
.ui-tabs-panel .tblTpC {
	margin: 10px 0 20px;
}

/* set menu */
.ui-tabs-nav li[aria-controls="tab9"] {
	border-left: 2px solid #0086dc !important;
	border-top: 2px solid #0086dc !important;
	border-right: 2px solid #0086dc !important;
}
.ui-tabs-nav li[aria-controls="tab9"] a {
	color: #0086dc !important;
	font-weight: bold;
}
#tab9 {
	border: 2px solid #0086dc !important;
}

/* --------------
 design
-------------- */
#sel_design_nm {
	color: #0086dc;
}

/* --------------
 layout
-------------- */
#layout_form li {
	float:left;
	width:25%;
}

#layout_form li img {
	width: 100px;
	margin:0 auto 15px auto;
	border: 1px solid #AAA;
	display:block;
}

#layout_form li input {
	margin:15px 0 0 30px;
}

/* -------------------- tooltip */
.pgLayout .ui-tooltip i {
	width: 98%;
	padding: 5px 1% 8px;
	color: #EEE;
	font-style: normal;
	background: #666;
	display: inline-block;
}

.pgLayout .ui-tooltip {
	padding: 0;
	text-align: center;
}

.pgLayout .ui-tooltip img {
	width: 300px;
}

/* --------------
 language
-------------- */

/* --------------
 kind
-------------- */

/* --------------
 menu1
-------------- */
#menu1_search2{
	margin-top:1.5em;
}

#menu1 .tblTpA {
	margin-top:0.3em;
}

#menu1 .tblTpA th {
	width:24%;
	padding-left: 4px;
	text-align: left;
}

#menu1 .c td {
	width:80%;
}
#menu1 .tblTpA td a {
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 2px 10px;
	border-radius: 5px;
	background: #DDD;
	display: inline-block;
}
#menu1 .tblTpA td a:hover {
	background: #ececec;
}

/* ---------------------- list.php */
#menu1_list .tblTpA {
	margin-top:0.2em;
}

#menu1_list .tblTpA td {
	width:20%;
}

/* --------------
 menu2
-------------- */
.menu2_boxL {
 width:63%;
 border:1px solid #F1DFDF;
 padding:0.5em;
 float:left;
}
.menu2_boxM {
 width:12%;
 float:left;
 text-align:center;
	padding-top:10em;
}

.menu2_boxM::after {
	clear:none;
}
.menu2_boxR {
 width:22%;
 border:1px solid #F1DFDF;
 float:left;
 text-align:center;
 }
.menu2_boxL_box1 {
 width:45%;
 float:left;
 text-align:center;
}
#foodfrom,#foodto{
	width:80%;
	height:8em;
}
.menu2_boxL_box2 {
 width:10%;
 float:left;
 text-align:center;
 padding-top:3em;
}

.menu2_boxL_box3 {
 width:45%;
 float:left;
 text-align:center;
}
#menu2_search1{
	/*border:#d5d4d0 solid 0.1em;*/
	width:100%;
	margin:1.5em auto;
	/*text-align:center;*/
}

#menu2_search1 .tblTpA td {
	height: 1em;
}

.divPickbox {
	margin-bottom: 15px;
	padding: 5px 10px 10px;
	border: 1px dotted #CCC;
}
.noBorder {
	border: 0;
}

.divPickbox b {
	margin-left: 15px;
	font-weight: normal;
}

/* ---------- popup */
/* common */
.boxPopup {
	display:none;
	position:absolute;
	top:10%;
	left:15%;
	z-index:1000;
	width:70%;
	padding:20px;
	background:#fff;
	border:5px solid #eee;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-align:center;
}

.boxResult {
	width:96%;
	height:100%;
	border:#d5d4d0 solid 2px;
	margin-top:0.8em;
	margin-bottom:0.8em;
	text-align:left;
	padding:0.5em 2%;
	max-height:	300px;
	overflow-y: scroll;
}

.cate_title {
	margin-top: 10px;
	text-align:left;
	font-weight:bold;
}

#tbl_mymenu_detail .cate_title a {
	padding: 5px 10px;
	border-radius: 5px 5px 0 0;
	border: 1px solid #CCC;
	background: url("/img/icPlus.png") no-repeat 98% center #EEE;
	display: block;
}
#tbl_mymenu_detail .cate_title.active a {
	background: url("/img/icMinus.png") no-repeat 98% center #EEE;
}
.mymenu_detail {
	padding: 5px 5px 5px 10px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #CCC;
}

#overlay {
	opacity:0;
	filter: alpha(opacity=0);
	position:absolute;
	top:0;
	left:0;
	z-index:900;
	width:100%;
	/*height:100%;*/
	height:250%;
	background:#000;
}

.boxResult input {
	margin-right: 3px;
}
.boxResult label {
	display: inline-table;
}

.boxPopup .tblTpB td {
	text-align: left;
}

.boxPopup .tblTpB {
	margin-bottom: 10px;
}

#tbl_menu2_stuff label {
	width: 19%;
	margin-right: 1%;
}
#tbl_menu2_menu label {
	width: 32%;
	margin-right: 1%;
}
/* /popup */

/* --------------
 menu3
-------------- */
#menu3_search2 {
	margin-top:20px;
}

.clmBtn {
	text-align: center;
}
.clmBtn .btnS {
	font-size: 80%;
}

/* ---------- list */
#menu3_search3 .tblTpA {
	margin-top: 0.3em;
}
#menu3_search3 .tblTpA td input[type="text"] {
	width:90%;
}
#menu3_search3 .tblTpA td.alignC {
	padding: 20px !important;
}

/* --------------
 mymenu
-------------- */
/* #mymenu .caption {
	padding: 3px 5px 1px;
	background: #CFF;
}
#mymenu .caption input {
	margin-right: 2px;
}

#mymenu .tblTpA td img {
	margin-bottom: 3px;
} */

/* --------------
 mymenu upd
-------------- */
#mymenu_upd .tblTpA td.td_center {
	padding: 20px;
}
#mymenu_upd .tblTpA input[type="text"] {
	width: 90%;
}

/* ------------ dialog */
#mymenu_upd_pict {
	display:none;
	position:absolute;
	top:20%;
	left:10%;
	z-index:1000;
	width:80%;
	padding:20px;
	background:#fff;
	border:5px solid #eee;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-align:center;
}

#mymenu_upd_pict .tblTpA td {
	text-align: left;
}
#mymenu_upd_pict .tblTpA td li {
	width: 120px;
}
.stuff_title {
	text-align:left;
	font-weight:bold;
}
.ul_pict li {
	min-width: 30px;/* fallback */
	display: inline-table;
	margin: 2px 3px;
	font-size: 80%;
	margin-bottom: 6px;
	letter-spacing: -0.05em;
}

.ul_stuff li {
	float:left;
	margin-right: 15px;
	text-align: center;
}

#tbl_mymenu_stuff label {
	width: 19%;
	margin-right: 1%;
}

#tbl_mymenu_detail label {
	width: 15%;
	margin-right: 0.6%;
}

.txtSelect {
	margin: 10px 0;
	font-size: 110%;
}

/* /dialog */


/* --------------
 open
-------------- */
.pgOpen .ulSide {
	margin-top: 20px;
}
.pgOpen .ulSide label {
	margin-left: 40px;
}


/* --------------
 shop
-------------- */
#shop_upd_main .tblTpA td.td_center {
	padding: 20px;
}
#shop_upd_main .tblTpA td label {
	margin-right: 12px;
	margin-bottom: 3px;
	display: inline-block;
}
#shop_upd_main .tblTpA input[type="checkbox"] {
	margin-right: 3px;
}

/* #shop_upd_main .tblTpA div {
	width: 500px;
	margin: 5px auto !important;
}
#shop_upd_main .tblTpA .tdMap {
	text-align: center;
} */

.langList span {
	margin-right: 15px;
	display: inline-block;
}

#startinf {
	width: 70%;
	margin: 0 15% 30px;
	text-align: left;
}

#map img {
	max-width: inherit !important;
}

/* --------------
 common
-------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

/* box */
.boxBorder {
	margin-top: 15px;
	padding-bottom: 15px;
	border-radius: 3px;
	border: 1px solid #CCC;
}

/* list */
.ulSide {
	margin-bottom: 15px;
}
.ulSide li {
	float:left;
}
.pgDesign .ulSide li {
	width: 20%;
	min-height: 105px;
	margin: 5px 0;
	text-align: center;
}
.pgLanguage .ulSide {
	margin-top: 10px;
	margin-left: 10px;
}
.pgLanguage .ulSide li {
	width: 19.5%;
	margin: 10px 0 20px 0.5%;
}

.design_select {
	background: url("/img/icSelect.png");
}
.design_select img {
	box-shadow: 0 0 5px #555;
}

.ulSide li img {
	width: 50px;
	border: 1px solid #EEE;
}
.ulSide li input {
	font-size: 80%;
}

/* list */
.ulLang li {
	float: left;
	width: 40%;
	margin: 10px 0 5px 3%;
}
.ulLang li input {
	font-size: 80%;
}

/* table */
.tblTpA {
	width:100%;
	border:#d5d4d0 solid 2px;
	margin:0.8em auto;
}
.tblTpA th {
	min-width: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	border-right: 1px solid #d5d4d0;
	border-bottom: 1px solid #d5d4d0;
	background: #EEE;
}
.tblTpA td {
	padding: 1em 0.4em;
	line-height: 120%;
	border-right: 1px solid #d5d4d0;
	border-bottom: 1px solid #d5d4d0;
}
.tblTpA .td_center input.btnS {
	font-size: 80%;
}
.tblTpA input[type="text"] {
	margin-bottom: 3px;
}

.tblTpA .hissu1 {
	padding: 0.2em 3px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	border-radius: 3px;
	background: #C33;
	/* display:inline-block; */
}

/* .tblTpA .td_center input {
	font-size: 80%;
} */
.td_center {
	vertical-align: middle;
	text-align: center !important;
}
.tdSubmit {
	padding: 30px 0 !important;
	text-align: center !important;
}

.tdSubmit input[type="submit"],
.tdSubmit input[name="search"],
.fs13 {
	font-size: 130%;
}

/* .thA {
	color: #C00;
} */

/* tbody */
/* .tblTpA tbody {
	width: 100%;
}
.tblTpA tbody tr {
	width: 50%;
	float: left;
}
.tblTpA tbody td {
	width: 80% !important;
	border-right: none;
}
.tblTpA tbody .td_center {
	width: 20%;
	padding: 0.4em 0;
	border-right: #d5d4d0 solid 1px;
} */
/* /tbody */


.tblTpB {
	width: 100%;
	border: 3px solid #AAA;
}
.tblTpB td {
	padding: 20px 10px;
	line-height: 120%;
}
.tblTpB td b {
	color: #ff6860;
}

.tblTpB input[type="text"] {
	padding: 4px 10px;
	font-size: 105%;
}

.tblTpC {
	width: 100%;
	background: #EEE;
	border: 1px solid #d6d6d6;
}
.tblTpC th, .tblTpC td {
	padding: 10px 15px;
	border-bottom: 1px solid #d6d6d6;
}
.tblTpC th {
	width: 25%;
	font-size: 90%;
}
.tblTpC td {
	border-left: 1px solid #d6d6d6;
}
.tblTpC td label {
	margin-right: 15px;
	display: inline-block;
}