/* 最小化できませんでした。最小化されていないコンテンツを返します。
(12764,1): run-time error CSS1019: Unexpected token, found '}'
(13372,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(13373,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! jQuery UI - v1.12.1 - 2018-08-05
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/********* 共通 ************/

/* レイアウト */
* {
    margin: 0;
    padding: 0;
    font-family: 'Meiryo UI', "ＭＳ Ｐゴシック",'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

a img:hover {
    cursor: pointer;
}

select:hover {
    cursor: pointer;
    border: 1px solid royalblue;
}

html {
    overflow-y: scroll;
}

body {
}

.wrapper {
    width: 890px;
    margin: 0 auto;
}

@media print {
    /* 旅程表印刷対応 */
    /* これがないと、小さい文字で印刷されてしまう。 */
    .wrapper {
        width: 100%;
    }
}

.wrapper-window {
    width: 600px;
    /* margin: 0 auto; */
}

.wrapper-window-small {
    width: 500px;
    /* margin: 0 auto; */
}

.wrapper-print {
    width: 700px;
    margin: 0 auto;
}

.wrapper-left {
}

header {
}

.contents {
	padding: 10px;
}

footer {
}

/* タグ初期スタイル */
input,
select,
textarea {
    font-family: 'Meiryo UI', "ＭＳ Ｐゴシック",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    border: 1px solid #A4A4A4;
    padding: 2px 1px;
}

ul {
    list-style: none;
}

a {
	color: black;
	text-decoration: none;
}

table {
    border-collapse: collapse;
}

    table caption {
        text-align: left;
        padding: 2px;
        font-size: 13px;
        border: 1px solid gray;
        border-bottom: none;
    }

    table th,
    table td {
        border: 1px solid gray;
        font-size: 13px;
        padding: 2px;
    }

    table th {
        font-weight: normal;
    }

    table td {
        white-space: nowrap;
    }

    /*
        table td input,
        table td select {
            width: 100%;
        }
    */

/********* テーブル系 ************/
.input-table {
}

    .input-table td {
        /* padding: 1px 7px 1px 3px; */
        padding: 2px;
    }

.display-table {
}

    .display-table td {
        padding: 2px;
    }

/********* 入力系 ************/
/* 国籍 */
.country-code {
    width: 20px
}

/* 生年月日	 */
.birthday-date {
    width: 67px;
}

/* 年齢 */
.age {
    width: 20px;
}

/* PPTナンバー */
.passport-number {
    width: 87px;
}

/* PPT発給国	*/
.passport-country {
    width: 20px;
}

/* PPT有効期限	 */
.passport-limit {
    width: 75px;
}

/* マイレージカード */
.mirage-card {
    width: 75px;
}

/********* リンク系 ************/
.link-red:hover {
    color: crimson;
    text-decoration: underline;
}

.link-black:hover {
    color: black;
    text-decoration: underline;
}

.link-text {
    color: royalblue;
}

/********* フォント系 ************/

.small-text {
    font-size: 10px;
}

.large-text {
    font-size: large;
}

.font-white {
    color: white;
}

.font-gray {
    color: gray;
}

.font-silver {
    color: silver;
}

.font-black {
    color: black;
}

.font-red {
    color: crimson;
}

.font-green {
    color: green;
}

.font-orangered{
    color: orangered;
}

.font-strong-red {
    color: crimson;
    font-weight: bold;
}

/* 画面の説明 */
.description-text {
    font-size: 13px;
    padding-bottom: 10px;
}

    .description-text p {
        padding: 2px 0;
    }

/* 強調 */
.emphasis-text {
    font-weight: bold;
}

/********* コントロール ************/
.input-date {
    width: 80px;
    float: left;
}

.input-city-airport {
    width: 50px;
    float: left;
}

.input-time {
    width: 50px;
    float: left;
}

.input-alert {
    background-color: pink;
}

.icon-help img {
    width: 21px;
    height: 21px;
    float: left;
}

.js-input-transform-uppercase {
	text-transform: uppercase;
}

.js-input-transform-lowercase {
    text-transform: lowercase;
}

.js-input-ime-disabled {
    ime-mode: disabled;
}

/********* ページタイトルバー ************/
.pagetitle {
    background: url(./Images/page_titlebar_01.png)no-repeat;
    height: 32px;
    font-size: 13px;
    font-weight: normal;
    color: white;
    padding: 4px 0px 0px 25px;
}

.window-title {
    color: white;
    border: 1px solid gray;
    background-color: #5166CC;
    font-size: 13px;
    margin: 20px 0 5px 0;
    padding: 2px;
}

/********* ヘッダー ************/
.wrap-main-menu {
    background: url(./Images/header_01.jpg)no-repeat;
    height: 90px;
}

	.wrap-main-menu ul {
		width: 640px;
		float: left;
		margin-top: 8px;
	}

    .wrap-main-menu li {
        float: left;
        margin-right: 5px;
        margin-top: 5px;
    }

    .wrap-main-menu li a {
        display: block;
        text-decoration: none;
        height: 20px;
        width: 75px;
    }

    .wrap-main-menu a:hover {
        background-position: 0 -20px;
    }

    .wrap-main-menu .top {
        float: left;
        width: 140px;
        height: 70px;
    }

    .wrap-main-menu .link-img {
        float: left;
        position: relative;
        top: 15px;
    }

	.wrap-main-menu .wrap-ad-icon {
		display: table;
		height: 80%;
	}

		.wrap-main-menu .wrap-ad-icon a {
			display: table-cell;
			vertical-align: middle;
		}

.fukubukuro {
    background: url(./Images/header_btn_fukubukuro.gif)no-repeat;
}

.farelingual {
	background: url(./Images/header_btn_farelingual.gif)no-repeat;
}

.hotel {
	background: url(./Images/header_btn_hotel.gif)no-repeat;
}

.dantai {
    background: url(./Images/header_btn_dantai.gif)no-repeat;
}

.direct {
    background: url(./Images/header_btn_direct.gif)no-repeat;
}

.help {
    background: url(./Images/header_btn_help.gif)no-repeat;
}

.off {
    background: url(./Images/header_btn_off.gif)no-repeat;
}

.coupon {
	background: url(./Images/header_btn_coupon.gif)no-repeat;
}

.wrap-main-menu .off:hover {
    background-position: 0;
}

.plan {
    background: url(./Images/header_btn_plan.gif)no-repeat;
}

.schedule {
    background: url(./Images/header_btn_schedule.gif)no-repeat;
}

.setup {
    background: url(./Images/header_btn_setup.gif)no-repeat;
}

.tariff {
    background: url(./Images/header_btn_tariff.gif)no-repeat;
}

.textmenu{
	overflow: visible;
	color: #396984;
	font-size: 10pt;
}

.listfare {
	background: url(./Images/header_btn_listfare.gif)no-repeat;
}

.listpnr {
    background: url(./Images/header_btn_listpnr.gif)no-repeat;
}

.listfare {
    background: url(./Images/header_btn_listfare.gif)no-repeat;
}

.listqbox {
    background: url(./Images/header_btn_listqbox.gif)no-repeat;
}

.listhotel {
	background: url(./Images/header_btn_listhotel.gif)no-repeat;
}

.listtax {
    background: url(./Images/header_btn_listtax.gif)no-repeat;
}

.logout {
    background: url(./Images/header_btn_logout.gif)no-repeat;
}

.wrap-sub-menu {
}

    .wrap-sub-menu ul {
        margin: 0px 10px;
    }

    .wrap-sub-menu li {
        margin: 0px 4px;
    }

    .wrap-sub-menu a {
    }

.wrap-common-info {
	overflow: auto;
	margin: 10px 30px auto 20px;
	font-size: 12px;
}

.wrap-breadcrumbslist {
	float: left;
	color: orange;
	font-weight: bold;
}

	.wrap-breadcrumbslist a {
		color: orange;
		font-weight: bold;
	}

.wrap-loginuser {
	float: right;
	color: midnightblue;
}

/********* テーブルデザイン ************/
/* 入力テーブル1 */
.input-table.type-1 {
	width: 100%;
	box-sizing: border-box;
}

    .input-table.type-1 th {
        background-color: #F2F2F2;
        text-align: left;
        padding: 2px;
    }

/* 入力テーブル2 */
.wrap-input-frame {
    display: inline-flex;
}

.wrap-head-body {
    width: 450px;
    float: left;
}

.wrap-input-frame .head,
.wrap-input-frame .body {
}

.wrap-input-frame .head {
    color: white;
    background-color: darkcyan;
    font-weight: bold;
    padding: 2px;
}

.wrap-input-frame .body {
    background-color: #E6E6E6;
    font-size: 13px;
    padding: 10px;
}

.wrap-input-frame .description {
    width: 407px;
    padding: 25px 5px 0px 5px;
    font-size: 13px;
    background-color: #F2F2F2;
    float: left;
}

    .wrap-input-frame .description span {
        display: block;
        padding-left:1em;
        text-indent:-1em;
    }

.wrap-input-frame select:disabled {
    background-color: #E6E6E6; 
}

.wrap-input-frame input:disabled {
    background-color: #E6E6E6; 
}

/* 入力テーブル3 */
.input-table.type-3 {
    width: 200px;
}

    .input-table.type-3 th {
        text-align: center;
        width: 30%;
        background-color: beige;
        padding: 2px 5px;
    }

/* 表示テーブル1 */
.display-table.type-1 {
}

    .display-table.type-1 caption {
        color: white;
        background-color: #5166CC;
    }

    .display-table.type-1 th {
        font-weight: bold;
        background-color: beige;
        padding: 2px;
    }

        .display-table.type-1 th:hover {
            cursor: pointer;
            background-color: orange;
        }

/* 表示テーブル2 */
.display-table.type-2 {
}

    .display-table.type-2 caption {
        color: white;
        background-color: darkcyan;
    }

    .display-table.type-2 th {
        background-color: #F2F2F2;
        padding: 2px;
    }

        .display-table.type-2 th:hover {
            cursor: pointer;
            background-color: orange;
        }

/* 表示テーブル3 */
.display-table.type-3 {
    width: 100%;
    overflow: scroll;
}

    .display-table.type-3 th {
        /* padding: 0px 3px; */
        padding: 2px;
        background-color: #F2F2F2;
        text-align: center;
    }

        .display-table.type-3 th:hover {
            background-color: gold;
            cursor: pointer;
        }

		.display-table.type-3 th.no-sort:hover {
			background-color: #F2F2F2;
			cursor: default;
		}

.display-table.type-3 th.front {
	width: 10px;
}

        .display-table.type-3 th .mark-sort {
            font-size: 5px;
        }

    .display-table.type-3 tbody tr {
        cursor: pointer;
    }

        .display-table.type-3 tbody tr:hover,
        .display-table.type-3 tbody tr.selected:hover {
            background-color: #0c0c73;
            color: white;
        }

        .display-table.type-3 tbody tr.selected {
            background-color: gold;
        }

    .display-table.type-3 tbody td:first-child {
        text-align: center;
    }

/* ページャ */
.pager {
    font-size: 12px;
    display: inline-block;
}

    .pager .current {
        margin-left: 2px;
    }

    .pager .all {
        margin-right: 2px;
    }

    .pager .prev,
    .pager .next {
        color: #d0d9e9;
    }

    .pager input {
        border: none;
        font-size: 12px;
        text-align: center;
        width: 20px;
    }

    .pager img:hover {
        background-color: navy;
        cursor: pointer;
    }

.back-top {
    font-size: 12px;
    display: inline-block;
    color: dodgerblue;
    text-decoration: underline;
    margin-left: 50px;
}


/********* 地域選択オプション ************/
.wrap-region-option {
}

.wrap-search-fare-code {
    float: right;
    position: relative;
}

    .wrap-search-fare-code input {
        position: absolute;
        top: 7px;
        right: 200px;
    }

    .wrap-search-fare-code .search {
        position: absolute;
        top: 5px;
        right: 150px;
    }

/* 地図から選択 */
.header-region-option {
    background: url(./Images/hbar_tariff_sub_01.gif) no-repeat;
    background-size: cover;
}

.wrap-button-option-display-type {
    float: left;
}

    .wrap-button-option-display-type ul {
        margin-left: 200px;
        line-height: 20px;
    }

    .wrap-button-option-display-type li {
        display: inline-block;
        float: left;
    }

        .wrap-button-option-display-type li a {
            color: black;
            font-weight: bold;
            font-size: 10px;
            padding: 2px 15px;
            background-color: #fafaff;
            filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#fafaff',EndColorStr='#bfbfbf');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaff', endColorstr='#bfbfbf', GradientType=0)";
            background: -ms-linear-gradient(top, #fafaff, #bfbfbf);
            background: -moz-linear-gradient(top, #fafaff, #bfbfbf);
            background: -webkit-linear-gradient(top, #fafaff, #bfbfbf);
        }

            .wrap-button-option-display-type li a.selected {
                background-color: #fafaff;
                filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#bfbfbf',EndColorStr='#fafaff');
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#fafaff', GradientType=0)";
                background: -ms-linear-gradient(top, #bfbfbf, #fafaff);
                background: -moz-linear-gradient(top, #bfbfbf, #fafaff);
                background: -webkit-linear-gradient(top, #bfbfbf, #fafaff);
            }

.wrap-period {
    float: right;
    margin-right: 5px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

    .wrap-period a {
        color: #d7dfee;
    }

.body-region-option {
    background-color: #CFD7CF;
    height: 135px;
}

.wrap-region-option-image {
    float: left;
}

    .wrap-region-option-image .map-description {
        margin-bottom: 35px;
        margin-left: 10px;
    }

	.wrap-region-option-image .map {
		margin-left: 65px;
		margin-right: 16px;
		margin-top: 5px;
	}

.wrap-input-option {
    float: left;
    border: 3px solid white;
    background-color: gainsboro;
    padding: 14px 10px;
    margin-top: 10px;
    margin-left: 10px;
}

    .wrap-input-option ul {
        width: 305px;
    }

        .wrap-input-option ul li {
            display: inline-block;
            float: left;
        }

            .wrap-input-option ul li.type-ticket-seat {
                width: 225px;
                margin-right: 5px;
            }

            .wrap-input-option ul li.departure {
                width: 75px;
            }

            .wrap-input-option ul li.carrier {
                width: 200px;
            }


            .wrap-input-option ul li span {
                display: block;
                font-weight: bold;
                font-size: 10px;
            }

            .wrap-input-option ul li select {
                width: 100%;
            }

/* テキスト形式 */
.wrap-region-selector {
	float: left;
	margin-left: 30px;
	margin-top: 25px;
}

    .wrap-region-selector ul {
        width: 465px;
    }

        .wrap-region-selector ul li {
            box-shadow: 2px 2px 2px -1px gray;
            display: inline-block;
            background-color: white;
            width: 150px;
            font-size: 12px;
            text-align: center;
            padding: 3px 0px;
            margin-bottom: 3px;
        }

            .wrap-region-selector ul li:hover {
                box-shadow: 2px 2px 2px -1px gray inset;
            }

/********* エラーレポート ************/

.error-report {
    width: 80%;
    max-width: 80%;
}

    .error-report th,
    .error-report td {
        border: 1px solid crimson;
        padding: 2px 4px;
        white-space:normal;
    }

    .error-report th {
        text-align: left;
        background-color: crimson;
        color: white;
        font-weight: bold;
    }

    .error-report td {
    }

    .error-report td.error-box {
        padding-left: 8px;
    }

    .error-abstract {
        display: block;
    }

pre.error-contents {
    display: block;
    padding: 0 0 0 10px;
    margin: 5px 0;
}

.error-report td .back {
    text-align: center;
    padding: 2px;
}

    .error-report td .back button {
        width: 120px;
        border: 1px solid black;
        padding: 2px;
        background-color: #f2f2f2;
        box-shadow: 1px 1px black;
    }

.error-report-list {
    padding: 5px 20px;
    list-style: disc;
}

/********* お問い合わせ ************/

.list-info {
    background-color: whitesmoke;
    font-size: 13px;
    height: max-content;
    padding: 5px 60px 5px 5px;
    /* padding: 5px; */
    width: max-content;
    white-space: pre-wrap;
}

/********* フッター ************/
.wrap-footer {
	padding: 3px 0px 3px 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8e9bcf;
}

.wrap-footer-menu {
	border-bottom: 1px solid gray;
	padding: 5px 0px;
}

    .wrap-footer-menu ul {
        margin: 0px 10px;
    }

    .wrap-footer-menu li {
        margin: 0px 4px;
    }

    .wrap-footer-menu a {
    }

.copyright {
    font-style: italic;
    font-size: 12px;
    color: gray;
    text-align: right;
}

.copyright-debug {
	cursor: pointer;
}

.address-client-server {
	font-size: 12px;
	color: gray;
	text-align: right;
}

.debug-info {
	margin: 30px 10px 20px 10px;
	text-align: center;
	font-size: 10pt;
}

	.debug-info table {
		display: inline-block;
	}

.debug-info-off {
	display: none;
}

.debug-info-title {
	background-color: #F2F2F2;
}

/********* ローディング ************/
.loading {
	display: none;
}

.loadingDialog {
    background-color: #dedfde;
}

.img-loading{
    width: 16px;
    height: 16px;
    margin: 0 5px;
}
/********* jQuery UI ************/
/* ダイアログ */
.noTitleDialog .ui-dialog-titlebar {
    display: none;
}

.ui-widget.ui-widget-content {
    border: 2px solid cornflowerblue;
}

/* カレンダー */
.ui-widget.ui-widget-content {
    border: none;
}

.ui-widget-header {
    border: none;
    background: none;
}

    .ui-widget-header .ui-datepicker-title,
    .ui-widget-header .ui-datepicker-title span {
        font-family: 'Meiryo UI', Arial, 'Meiryo', 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
        font-size: 17px;
    }

    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: none;
        background: none;
        text-align: center;
    }

.ui-datepicker th span,
.ui-datepicker td a,
.ui-datepicker td span {
    padding: 0;
    font-family: 'Meiryo UI', Arial, 'Meiryo', 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    font-size: 17px;
}

.ui-datepicker td a,
.ui-datepicker td span {
    padding-top: 7px;
    height: 30px;
}

.ui-widget-content .ui-state-default:hover {
    background-color: #cccccc
}

table.ui-datepicker-calendar thead tr th:first-child {
    color: #ff0000;
}

table.ui-datepicker-calendar thead tr th:last-child {
    color: #0000ff;
}

.ui-widget-content table.ui-datepicker-calendar tbody tr td:first-child .ui-state-default {
    color: #ff0000;
}

.ui-widget-content table.ui-datepicker-calendar tbody tr td:last-child .ui-state-default {
    color: #0000ff;
}

.ui-widget-content table.ui-datepicker-calendar tbody tr td.holiday .ui-state-default {
    color: #ff0000;
}

/********* ユーティリティ ************/

/* 横並びリンクリスト */
.list-link {
}

    .list-link li {
        font-size: 12px;
        float: left;
    }

    .list-link a {
        color: black;
        border-bottom: 1px solid black;
    }

        .list-link a:hover {
            color: red;
        }

/* 横並びボタンリスト */
.list-button {
}

    .list-button li {
        float: left;
        margin: 2px;
    }

/* floatされた要素下の巻き込みを解除 */
.clear {
    clear: both;
}
/* floatによって高さが失われたブロック要素の高さを取り戻します */
.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

/* 等幅フォント用スタイル */

.monospaced-font,
.monospaced-font td,
.monospaced-font th,
.monospaced-font label,
.monospaced-font option,
.monospaced-font span,
.monospaced-font textarea {
    font-family: 'Meiryo UI', "ＭＳ ゴシック",sans-serif;
}


/* 非表示用 */
.hide {
    display: none;
}

/* 警告表示 */

.positive {
    color: green;
}

.negative {
    color: crimson;
}

a img:hover {
    cursor: pointer;
}

.nowrap {
    white-space: nowrap;
}
.normal {
    white-space: normal;
}

/*金額*/
.price {
    text-align: right;
}

/*人数*/
.paxnum {
    text-align: right;
}

/* -----------------------
    PNR一覧　予約確認画面 
 ------------------------*/
.wrap-main {
    float: left;
    width: 720px;
}

.wrap-side {
    float: right;
    width: 140px;
}

.reservation-confirm {
}

    .reservation-confirm.display-table.type-2 {
        margin: 12px 0 12px 0;
        /* table-layout: fixed; */
        width: 100%;
    }


        .reservation-confirm.display-table.type-2 th {
            /* word-break: keep-all; */
        }

            .reservation-confirm.display-table.type-2 th:hover {
                cursor: default;
                background-color: #F2F2F2;
            }

    .reservation-confirm .wordbreak {
        word-wrap: break-word;
        white-space: pre-wrap;
    }


/* PNR遷移 */
.wrap-pnr-select {
    float: right;
}

    .wrap-pnr-select input {
        border: none;
        width: 50px;
    }

/* PNRヘッダー　ステータスアイコン */
.stauts-icon {
    font-size: 13px;
    padding: 5px;
}

.stauts-final {
    background-color: limegreen;
    border: 1px outset white;
    padding: 1px 6px;
    margin: 0 2px;
    text-align: center;
    width: 70px;
}

.stauts-cancel {
    background-color: darkorange;
    border: 1px outset white;
    padding: 1px 6px;
    text-align: center;
    width: 70px;
}

.stauts-cancel-void-success {
    background-color: magenta;
    border: 1px outset white;
    padding: 1px 6px;
    text-align: center;
    width: 70px;
}

.stauts-cancel-void-fail {
    background-color: crimson;
    border: 1px outset white;
    padding: 1px 6px;
    text-align: center;
    width: 70px;
}

.stauts-ticketing {
    background-color: royalblue;
    border: 1px outset white;
    padding: 1px 6px;
    text-align: center;
    width: 70px;
}

.reservation-confirm.display-table.type-2.pnr-header-info {
}

.pnr-header-info caption {
    min-height: 10px;
}

.pnr-header-info th {
    text-align: right;
    width: 100px;
}

.display-table.type-2.pnr-header-info th:hover {
    cursor: default;
    background-color: #F2F2F2;
}

.pnr-header-info td {
    white-space: normal;
}

    .pnr-header-info td:nth-of-type(1) {
        width: 400px;
    }


.hotel-refno-block .btn-relation {
	display: inline-block;
	padding: 0.3em 0.7em;
	margin: 0px 1px 2px 1px;
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
	vertical-align: middle;
	color: white;
	width: 120px;
	border-radius: 0.4em;
	background-color: #2b3f95;
}

.hotel-refno-block .btn-release {
	display: inline-block;
	padding: 0.3em 0.7em;
	margin: 0px 1px 2px 1px;
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
	vertical-align: middle;
	color: white;
	width: 120px;
	border-radius: 0.4em;
	background-color: #ff5151;
}

.hotel-refno-block .btn-setdiscount {
	display: inline-block;
	padding: 0.3em 0.7em;
	margin: 0px 1px 2px 1px;
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
	vertical-align: middle;
	color: white;
	width: 120px;
	background-color: #2b3f95;
	border-bottom: solid 4px #6977af;
	border-radius: 3px;
}

.hotel-refno-block .disnable-button {
	color: gray;
	background-color: #9A9A9A;
	border-bottom: solid 4px #606060;
	border-radius: 3px;
}

.information-block .btn-name-update {
	display: inline-block;
	padding: 0.3em 0.7em;
	margin: 0px 1px 2px 1px;
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
	vertical-align: middle;
	color: white;
	width: 70px;
	border-radius: 0.4em;
	background-color: #2b3f95;
}

/* 楽天用PNR通知ボタン */
.wrap-notify-button {
    float: right;
    padding: 12px;
}

/* ファイナルリミットお知らせ */
.reservation-confirm.display-table.type-2.final-limit-table {
}

    .reservation-confirm.display-table.type-2.final-limit-table th {
        text-align: left
    }

    .reservation-confirm.display-table.type-2.final-limit-table td {
        white-space: normal;
    }

/* E-TKTできるのにP-TKT発券した場合に追加課金される警告 */
.reservation-confirm.display-table.type-2.etkt-caution-table {
}

    .reservation-confirm.display-table.type-2.etkt-caution-table th {
        text-align: left
    }

    .reservation-confirm.display-table.type-2.etkt-caution-table td {
        white-space: normal;
    }

/* カウンター情報 */
.reservation-confirm.display-table.type-2.counter-info-table {
}

    .reservation-confirm.display-table.type-2.counter-info-table th {
        text-align: left
    }

/* 航空券の発券に関して */
.reservation-confirm.display-table.type-2.ticketing-info-table {
}

    .reservation-confirm.display-table.type-2.ticketing-info-table th {
        text-align: left
    }

    .reservation-confirm.display-table.type-2.ticketing-info-table td {
        white-space: normal;
    }

/* 搭乗者リスト */
.reservation-confirm.display-table.type-2.passenger-table {
    table-layout: auto;
    text-align: center;
}

.passenger-table th {
    height: 30px;
}

.display-table.type-2.passenger-table th:hover {
    cursor: default;
    background-color: #f2f2f2;
}

.display-table.type-2.passenger-table .pax-name {
    text-align: left;
}

/* .passenger-table input {
    width: 30px;
} */

/* .passenger-table select {
    width: 40px;
} */

/* 旅程・予約状況 */
.reservation-confirm.display-table.type-2.reservation-table {
    table-layout: auto;
    text-align: center;
}

.reservation-table th {
    height: 10px;
}

.display-table.type-2.reservation-table th:hover {
    cursor: default;
    background-color: #f2f2f2;
}

.display-table.type-2.reservation-table .ca-flightno {
    padding: 0 5px;
}

.row-flight-info {
    text-align: left;
}

.col-flight-info {
    border-left: hidden;
}

/* 料金表示 */
.reservation-confirm.display-table.type-2.price-table {
    table-layout: auto;
}

    .reservation-confirm.display-table.type-2.price-table td:not([class="person-type"]) {
        text-align: right;
    }
    .reservation-confirm.display-table.type-2.price-table td.discription-message {
        padding-left: 40px;
        text-align: left;
    }

/* 料金種別	 */
.price-type {
    width: 70px;
}

/* 人数 */
.person-num {
    width: 18px;
}

/* 仕入価格 */
.stocking-cost {
    width: 70px;
}

/* 航空券代金	 */
.tkt-cost {
    width: 15px;
}

/* 燃油ｻｰﾁｬｰｼﾞ・ 航空保険料	 */
.fuel-surcharge {
    width: 100px;
}

/* 外国 諸税 */
.abroad-tax {
    width: 5px;
}

/* 空港施設 使用料 */
.airport-cost {
    width: 69px;
}

/* 手配 手数料 */
.arrange-fee {
    width: 43px;
}

/* 追加航空 券代金 */
.add-tkt-cost {
    width: 69px;
}

/* 追加航空券 外国諸税 */
.add-tkt-tax {
    width: 82px;
}

/* 変更 取消料 */
.change-cost {
    width: 43px;
}

/* 払戻し 手数料 */
.repayment-tax {
    width: 56px;
}

/* 仕入れ 小計 */
.stocking-sum {
    width: 56px;
}

/* 利益	 */
.gain {
    width: 56px;
}

/* 販売 小計 */
.sale-sum {
    width: 80px;
}

.sum-cost {
    display: inline;
    font-weight: 600;
    margin-left: 4px;
}

/* 料金種別TD */
.person-type {
    text-align: center;
}

.cost-type {
    font-size: 13px;
    text-align: right;
    margin-top: -10px;
    margin-right: 10px;
}

    .cost-type input {
        margin-right: 4px;
        margin-left: 4px;
    }

/* 座席指定ランディング(AXESPAN/APPOLO) */
.progress-seatmap-connection {
    font-size: 14px;
    padding-left: 10px;
}
/* 座席指定利用方法のお知らせ */
.reservation-confirm.display-table.type-2.seat-info-table {
}

    .reservation-confirm.display-table.type-2.seat-info-table th {
        text-align: left
    }

.reservation-confirm.display-table.type-2.etkt-printing-table {
}

    .reservation-confirm.display-table.type-2.etkt-printing-table th {
        text-align: left
    }

/* 旅行会社からのリクエスト・メッセージ */
.reservation-confirm.display-table.type-2.request-message-table {
}

.request-message-table tr:not(:last-child) {
    border-bottom: hidden;
}

.request-message-table td {
    white-space: normal;
}

/* 旅行会社様のメモ */
.reservation-confirm.display-table.type-2.company-memo-table {
}

    .reservation-confirm.display-table.type-2.company-memo-table td {
        white-space: normal;
    }

/* 右のカラム */

/* コールセンター情報 */
.reservation-confirm.display-table.type-2.infomation-table {
    width: 140px;
}

    .reservation-confirm.display-table.type-2.infomation-table th {
        padding: 8px;
    }

    .reservation-confirm.display-table.type-2.infomation-table td {
        white-space: normal;
    }

.business-time {
    border-top: hidden;
}

/* サイドのボタン */
.wrap-button-area {
}

    .wrap-button-area img {
        margin: 0 0 -4px 0;
    }

.main-button-area {
}

.main-button {
    margin: 0 0 10px 0;
}

.skyglobe-icon {
    text-align: right;
}

.admin-icon {
    text-align: right;
    padding-top: 10px;
}

.agenda-icon {
    text-align: right;
    padding-top: 10px;
}

    .agenda-icon span {
        font-size: 13px
    }

/* デバッグ情報 */
.wrap-debug-info {
    float: right;
    /* padding-right: 20px; */
}

.reservation-confirm.display-table.type-2.debug-info-table {
    /* height: 220px;
    width: 200px; */
    table-layout: auto;
}

    .reservation-confirm.display-table.type-2.debug-info-table th {
        text-align: left;
    }

.debug-info-sub-title {
    color: gray;
}

/* テーブルオプション */
.col-clear {
    border-top: hidden;
    height: 20px;
}

.col-alert {
    color: crimson;
    text-align: left;
}

.col-alert-small {
    color: crimson;
    text-align: left;
    font-size: 12px;
}

/* テキストオプション */
.message-none-text {
    color: silver;
}

.alert-text {
    color: crimson;
}

/*-------------------- 
  プラン検索　検索画面 
----------------------*/

.wrap-fare-search-form {
	margin-bottom: 20px;
}

.wrap-fare-search {
	float: right;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #F2F2F2;
	height: 23px;
	margin-right: 30px;
}

    .wrap-fare-search span {
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        float: left;
        font-size: 14px;
        padding: 5px;
    }

    .wrap-fare-search input {
        float: left;
        width: 110px;
        margin: 2px 2px;
    }

    .wrap-fare-search img {
        border-right: 1px solid gray;
        border-left: 1px solid gray;
    }

/* 他画面からの商品表示 */
.fare-name {
    float: left;
    display: inline-flex;
}

.fare-code {
    text-align: right;
}

/* １．搭乗者数/検索方法 */
.wrap-search-conditions {
    margin: 10px 0 10px 0;
}

.low-fair-search {
    float: right;
    margin-right: 10px;
}

/* ２．スケジュール入力 */
.wrap-search-input {
    margin: 10px 0 10px 0;
}

.wrap-schedule-title span {
    width: 90px;
    display: inline-block;
}

.wrap-schedule-title {
}

    .wrap-schedule-title span:nth-child(1) {
        width: 124px;
    }

    .wrap-schedule-title span:nth-child(2) {
        width: 86px;
    }

    .wrap-schedule-title span:nth-child(3) {
        width: 85px;
    }

.wrap-schedule-input {
    height: 200px;
}

    .wrap-schedule-input input {
        margin: 1px;
    }

.wrap-input-date {
    float: left;
    margin-right: 17px;
    width: 110px;
}

.wrap-input-airport {
    float: left;
    width: 90px;
}

.wrap-input-time {
    float: left;
    width: 90px;
}


/* ３．検索オプション */
.wrap-ticket-select {
}

    .wrap-ticket-select select {
        margin-bottom: 7px;
        width: 370px;
    }

.wrap-company-select {
}

    .wrap-company-select select {
        margin-bottom: 7px;
        width: 370px;
        float: left;
    }

.wrap-mileagecard-select {
}

    .wrap-mileagecard-select select {
        margin-bottom: 7px;
        width: 370px;
    }

        .wrap-mileagecard-select select:disabled {
            background-color: #E6E6E6;
        }

.wrap-search-select {
}

    .wrap-search-select span {
        width: 138px;
        display: inline-block;
    }

    .wrap-search-select select {
        width: 135px;
        margin: 1px;
    }

        .wrap-search-select select:disabled {
            background-color: #E6E6E6;
        }

.wrap-search-button {
    margin: 20px;
}

.search-option.description {
    position: relative;
    z-index: -1;
}

    .search-option.description span {
        margin-bottom: 20px;
    }

/*-----------------
  プラン検索　検索中 
-------------------*/
.search-time-status {
    float: right;
    padding-right: 35px;
}

.wrap-searching-status {
    float: left;
    font-size: 13px;
    width: 380px;
}

.wrap-skyrep-icon,
.wrap-stop-button {
    text-align: center;
    margin-top: 10px;
}

.wrap-skyrep-icon {
    padding: 10px;
}

.wrap-progress-bar {
    background-color: navy;
    /* background-color: orange; */
    color: white;
    font-size: 11px;
    text-align: right;
    margin: 0 25px 0 25px;
}

.wrap-searching-conditions {
    margin-top: 10px;
    padding: 0px 0px 5px 40px;
}

.wrap-searching-baner {
    border-top: 1px solid black;
    border-left: 1px solid black;
    float: right;
    font-size: 13px;
    min-height: 350px;
    margin: 0 30px 0px 0px;
    padding: 15px;
    width: 430px;
}

.wrap-baner-text {
}

.baner-text {
    font-weight: bold;
}

    .baner-text a {
        color: navy;
        text-decoration: underline;
    }

/*-----------------------
  プラン検索　検索結果画面
------------------------*/

.wrap-plansearch-result {
    font-size: 13px;
}

.plansearch-result {
}

    .plansearch-result.display-table.type-2 th:hover {
        cursor: default;
        background-color: #F2F2F2;
    }

.wrap-cost-type {
    background-color: whitesmoke;
    height: 30px;
    padding: 5px;
    width: 98%;
}

.cost-type-area {
    border: 1px solid silver;
    height: 26px;
    padding: 2px 2px 1px 2px;
    width: 218px;
}

    .cost-type-area select {
        margin-left: 1px;
        width: 126px;
    }

.cost-type-text {
    border: 1px solid silver;
    background-color: #FFFF99;
    padding: 3px;
}

.wrap-button-print {
    float: right;
}

.plan-alert-text {
    margin-top: 12px;
    padding-left: 45px;
}

    .plan-alert-text p:first-child {
        text-indent: -45px;
    }

/* 強調表示された商品のスタイル */
.fare-name-green {
    color: green;
    font-weight: bold;
}

/* SR-3000からのプラン検索結果表示 */
.wrap-fare-title {
    font-size: 13px;
    padding: 10px 0 10px 0;
    width: 860px;
}

.title-border-top {
    border-top: 2px solid gray;
    margin-top: 15px;
    width: 100%;
}

.fare-title {
    display: inline-flex;
    padding: 20px 0;
    width: 100%;
}

.plan-fare-title {
    display: table;
    width: 100%;
    min-height: 32px;
}

.plan-fare-icon {
    display: table-cell;
    width: 25px;
}

.plan-fare-title img {
    display: table-cell;
    padding: 2px;
    vertical-align: middle;
}

.plan-fare-name {
    display: table-cell;
    padding: 2px;
    vertical-align: middle;
}

    .plan-fare-name p {
        /* display:inline-block;
        vertical-align:middle; */
    }

.title-border-bottom {
    border-top: 1px solid silver;
    margin-bottom: 15px;
    width: 100%;
}

.plan-fare-cxlchargelimit {
	text-align:right;
}

.display-table.type-2.plan-list-table {
    width: 100%;
    margin-bottom: 5px;
}

    .display-table.type-2.plan-list-table td {
        text-align: center;
    }

        .display-table.type-2.plan-list-table td:nth-of-type(13),
        .display-table.type-2.plan-list-table td:nth-of-type(15) {
            text-align: right;
        }

.display-table.type-2.plan-price-table {
    width: 100%;
}

    .display-table.type-2.plan-price-table th {
        word-break: keep-all;
    }

    /* 行の先頭にRowSpanがあるのでchild(x)は使えない */
    .display-table-type-2-plan-price-table-center {
        text-align: center;
    }

    .display-table.type-2.plan-price-table a {
        color: royalblue;
        text-decoration: underline;
    }

.wrap-button-option {
    float: right;
    margin-right: 60px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* SR-2010から商品指定でプラン検索した結果表示 */
.fare-number {
    float: right;
}

.fare-type-icon {
    margin-top: 13px;
    float: left;
}

.error-code-text {
    padding-bottom: 15px;
}

.wrap-button-mail {
    margin: 20px 0 20px 0;
}

.error-fare-message {
    list-style: disc;
    padding: 15px;
}

    .error-fare-message p:first-child {
        font-weight: bold;
    }

    .error-fare-message li {
        margin: 10px 0;
    }

.total-price-cell {
    border-right: none;
    font-weight: bold;
}
.other-total-price-cell {
    border-left: none;
    width: 205px;
}
.accordion-fees-toggle {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: underline;
    color: royalblue;
}

.balloonParent {
    position: relative; /* 指定した分だけ相対的に移動 */
    cursor: pointer; /* カーソルをポインターで表示 */
}

.price-detail-inner-table-td {
    border: none;
    padding: 0px !important;
}

.balloon1 {
    display: none; /* 要素を非表示 */
}

.balloon table {
    min-width: 160px;
}

.balloon {
    position: absolute; /* 親要素を基準 */
    display: inline; /* 要素をインラインとして表示 */
    padding: 2px; /* テキストの前後の余白 */
    background-color: #e0edff; /* 背景色（透明度） */
    left: 15%; /* 表示位置 */
    top: 100%; /* 表示位置 */
    margin-top: 12px; /* 表示位置 */
    font-size: 100%; /* 文字サイズ */
    z-index: 100;
    border: solid 1px #000;
}

    .balloon:before {
        content: "";
        position: absolute;
        top: -21px;
        left: 2%;
        border: 10px solid transparent;
        border-bottom: 13px solid #e0edff;
        z-index: 2;
    }

    .balloon:after {
        border-bottom: 12px solid #000; /* 吹き出し口の高さ・色 */
        border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
        border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
        top: -12px; /* 吹き出し口の位置調整 */
        left: 2%; /* 吹き出し口の横位置 */
        content: ""; /* コンテンツの挿入 */
        position: absolute; /* 親要素を基準 */
    }

/*----------------
 商品検索     
------------------*/

.wrap-button-traveltype {
    margin: -10px 0px 10px -10px;
}

    .wrap-button-traveltype img {
        margin-right: -5px;
    }

.wrap-location-label {
}

    .wrap-location-label span {
        margin-right: 105px;
    }

.wrap-schedule-input.fare {
    height: 90px;
}

    .wrap-schedule-input.fare input {
        text-align: center;
    }

.wrap-input-airport.fare {
    /* float: left; */
    margin-right: 30px;
    width: 154px;
}

.wrap-input-airport.fare input {
    width: 98px;
}

.wrap-date-label {
    padding-top: 10px;
}

    .wrap-date-label span {
        margin-right: 49px;
    }

.wrap-input-date.fare {
    /* float: left; */
    margin-right: 17px;
    width: 166px;
}

    .wrap-input-date.fare input {
        width: 98px;
    }

/* 周遊選択時 */
.input-city-airport.tour {
    width: 30px;
}

.wrap-input-airport.tour {
    width: auto;
}

.wrap-input-airport.tour .input-city-airport {
    width: 40px;
}

.search-conditions.description.fare {
}

    .search-conditions.description.fare span {
        padding-right: 113px;
    }

.schedule-input.description.fare {
}

    .schedule-input.description.fare span {
        padding-right: 113px;
    }

.search-option.description.fare {
}

    .search-option.description.fare span {
        padding-right: 113px;
    }

/*----------------------
  商品検索 - 検索結果一覧
------------------------*/
.wrap-listfare-search-result {
    font-size: 13px;
}

.wrap-listfare-search-result-button {
    float: right;
    width: 340px;
}

.wrap-listfare-alert {
    float: left;
    width: 490px;
}

.wrap-listfare-search-info-area {
    font-size: 11px;
    margin-bottom: 10px;
}

.wrap-listfare-search-conditions {
    float: left;
    width: 170px;
    height: 140px;
    border: solid 1px silver;
    margin-right: 5px;
}

    .wrap-listfare-search-conditions dl {
        width: 100%;
        padding: 5px;
        line-height: 1.5;
    }

        .wrap-listfare-search-conditions dd {
            float: left;
            clear: left;
            padding-right: 2px;
            text-align: right;
            width: 45px;
        }

        .wrap-listfare-search-conditions dt {
            float: left;
            width: 115px;
        }

.wrap-listfare-search-cost-info {
    float: left;
    height: 140px;
    border: solid 1px silver;
    margin-right: 5px;
}

.cost-info-list,
.cost-not-info-list {
    float: left;
    padding: 10px 1px;
}

    .cost-info-list ul,
    .cost-not-info-list ul {
        line-height: 1.8;
        padding-top: 3px;
    }

    .cost-info-list li::before {
        content: "〇 ";
    }

    .cost-not-info-list li::before {
        content: "✖ ";
    }

.wrap-icon-sample {
    float: left;
    height: 140px;
    border: solid 1px silver;
}

.wrap-change-week-cost {
    background-color: whitesmoke;
    margin: 10px 0 10px 0;
}

.wrap-change-week {
    float: left;
    padding-top: 6px;
}

    .wrap-change-week a {
    }

        .wrap-change-week a:hover {
            text-decoration: underline;
            cursor: pointer;
        }

.wrap-change-cost-type {
    float: right;
}

.wrap-listfare-count {
    color: navy;
    text-align: center;
}

.listfare-fare-number {
}

    .listfare-fare-number span,
    .listfare-fare-number a {
        color: silver;
    }

        .listfare-fare-number a:hover {
            color: crimson;
            cursor: pointer;
            text-decoration: underline;
        }

.wrap-listfare-data-list {
	overflow: visible;
	/*height: 600px;*/
	width: 890px;
}

.wrap-search-title .selected {
    background-color: beige;
}

.company-code-name {
    float: left;
    margin-top: 20px;
    width: 150px;
}

.listfare-info-table {
    padding: 20px 0 20px 0;
    width: 640px;
    float: right;
    margin-left: 20px;
    margin-top: 12px;
    border: none;
}

    .listfare-info-table td {
        border: none;
        white-space: normal;
    }

    .listfare-info-table a {
    }

        .listfare-info-table a:hover {
            text-decoration: underline;
        }

.fare-name-check {
    width: 80px;
}

.listfare-info-table .fare-status-icon {
    text-align: right;
    white-space: nowrap;
}

.company-icon {
    float: left;
    min-height: 1px;
    width: 130px;
}

.wrap-person-type {
    float: left;
    text-decoration: underline;
    padding-top: 20px;
}

.listfare-cost-table {
    float: left;
    width: 95px;
    text-align: center;
    margin-left: 5px;
}

    .listfare-cost-table:hover {
        border-top: solid 1px orange;
        border-left: solid 1px orange;
        border-right: solid 1px orange;
        border-bottom: solid 1px orange;
        cursor: pointer;
    }

    .listfare-cost-table th,
    .listfare-cost-table td {
        border: none;
        padding: 1px;
    }

    .listfare-cost-table th {
        color: silver;
    }

    .listfare-cost-table td {
        white-space: normal;
    }

.today-table {
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
}

.listfare-cost-table .weekday-cell {
    color: black;
    background-color: whitesmoke;
}

.listfare-cost-table .saturday-cell {
    color: black;
    background-color: lightcyan;
}

.listfare-cost-table .sunday-cell {
    color: black;
    background-color: mistyrose;
}

/*-----------------
  商品検索 - 詳細
-------------------*/

.wrap-listfare-detail-cost-info {
    float: left;
    width: 335px;
}

.listfare-detail-cost {
    font-size: 11px;
    margin-bottom: 10px;
}

.cost-info-list-title {
    font-weight: bold;
}

.alert-icon {
    float: left;
    height: 120px;
}

.wrap-tariff-confirmation .wrap-tariff-regulation {
    float: left;
}


/*----------------
  商品検索　ログ
 ----------------*/
.log-title {
    border-bottom: 1px solid gray;
    padding: 5px 0;
    margin-bottom: 25px;
}

.log-close {
    border-top: 1px solid gray;
    padding: 5px 0;
    margin: 5px 0;
    text-align: center;
}

    .log-close button {
        padding: 2px 5px;
    }


/*----------------
  エアータリフ検索 
 ----------------*/

.area-status {
    margin-left: 1em;
}

.wrap-fare-list-display {
	overflow: visible;
	/*height: 490px;*/
}

.fare-list-display-hide {
    width: 0px;
    border: 0px none;
}

.fare-list-display-hide-title {
    background: cornflowerblue;
    width: 0px;
    border: 0px none;
}

.fare-list-display-title {
    background: cornflowerblue;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wrap-fare-list-frame {
    border: #bababa 1px solid;
    display: inline-flex;
    margin: 1px;
}

.tariff-title {
    border-right: #bababa 1px solid;
    font-size: 13px;
    float: left;
    padding: 2px;
    width: 106px;
}

    .tariff-title div {
        padding-left: 1em;
        text-indent: -1em;
    }

.fare-name-list {
    font-size: 13px;
    float: right;
}

    .fare-name-list ul {
        width: 715px;
    }

    .fare-name-list li {
        display: inline-block;
        padding: 4px 2px;
        width: 350px;
    }

        /* リストの項目が一つの場合、改行されない */
        .fare-name-list li:only-of-type {
            width: 700px;
        }

    .fare-name-list a {
    }

        .fare-name-list a:hover {
            border-bottom: 1px solid black;
            color: black;
        }

/*----------------
  エアータリフ画面 
 ----------------*/

.wrap-tariff-confirmation {
    font-size: 13px;
}

.wrap-tariff-info {
    font-size: 13px;
}

.wrap-info-link-area {
    float: left;
    font-size: 12px;
    padding: 2px;
}

    .wrap-info-link-area a {
        color: black;
        text-decoration: underline;
    }

.wrap-plan-direct-close-button {
    float: right;
}

.wrap-year-change {
    background-color: #FFCC66;
    text-align: right;
    padding: 2px;
}

    .wrap-year-change a {
    }

        .wrap-year-change a:hover {
            background-color: green;
        }

.wrap-cost-revise-type {
    float: left;
}

    .wrap-cost-revise-type span {
        background-color: #F2F2F2;
        padding: 2px;
    }

.wrap-revise-display-type span {
    padding-right: 34px;
}

.wrap-fare-type-icon {
    float: right;
}

.wrap-tariff-info .wrap-tariff-cost {
    float: left;
    width: 400px;
}

.tariff-cost-table {
    border: 1px solid silver;
    width: 100%;
}

    .tariff-cost-table th {
        background-color: #FFFF99
    }

    .tariff-cost-table td {
        text-align: right;
        white-space: normal;
    }

        .tariff-cost-table td:first-child {
            text-align: center;
            white-space: nowrap;
        }

.cell-highlight-red {
    color: crimson;
    text-decoration: underline;
}

.tariff-revise-table {
    border: 1px solid silver;
    margin-top: 3px;
    width: 100%;
}

    .tariff-revise-table th {
        background-color: #FFFF99
    }

    .tariff-revise-table tr {
        height: 17px;
    }

    .tariff-revise-table td {
        text-align: right;
    }

        .tariff-revise-table td:first-child {
            text-align: center;
        }

        .tariff-revise-table td:nth-child(2) {
            text-align: left;
        }


.wrap-tariff-info .wrap-tariff-regulation {
    float: right;
    width: 460px;
}

.tariff-regulation-table {
    border: 1px solid silver;
    width: 100%;
}

    .tariff-regulation-table th {
        background-color: #FFFF99
    }

    .tariff-regulation-table td {
        white-space: normal;
    }

    .tariff-regulation-table p::before {
        content: "・";
    }

    .tariff-regulation-table td:first-child {
        padding-left: 1em;
        text-indent: -1em;
        width: 150px;
    }

        .tariff-regulation-table td:first-child::before {
            content: url(./Images/dot_tri_rt_03.gif)
        }

    .tariff-regulation-table td:nth-child(2) {
        width: 330px;
    }

/*----------------------- 
 エアータリフ　国内適用都市 
-------------------------*/

.wrap-alert-area {
    color: crimson;
    font-size: 14px;
}

.wrap-alert-list {
    padding-left: 25px;
    margin-bottom: 10px;
}

.alert-list {
    list-style: disc;
}

.wrap-departure-city {
    float: left;
    width: 240px;
}

.wrap-arrival-city {
    float: left;
    width: 240px;
}

.city-cost-table {
    width: 90%;
    margin-left: 5px;
}

    .city-cost-table caption {
        text-align: center;
    }

    .city-cost-table th {
        text-align: left;
        white-space: nowrap;
    }

    .city-cost-table td {
        white-space: normal;
    }

    .city-cost-table td {
        white-space: normal;
    }

        .city-cost-table td:nth-child(3) {
            text-align: right;
        }

/*---------------------------
  エアータリフ 行先適用都市一覧 
 ---------------------------*/

.wrap-abroad-city {
    padding-left: 10px;
}

.abroad-city {
    width: 400px;
}

/*-------------------
  エアータリフ（印刷） 
 --------------------*/
.wrap-tariff-print {
    font-size: 13px;
}

.wrap-account-name {
    float: left;
}

.wrap-print-date {
    float: right;
}

.tariff-fare-title-table {
    width: 100%;
}

    .tariff-fare-title-table th {
        background-color: #5166CC;
    }

.tariff-fare-title {
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    text-align: left;
    width: 520px;
    border-right-color: #5166CC;
}

.fare-number-code {
    float: right;
    text-align: right;
}

.company-info {
    float: left;
}

.agent-id {
    float: right;
}

.wrap-company-agent-info {
    background-color: beige;
    border: solid 1px gray;
}

.wrap-cost-list-type {
    background-color: gainsboro;
    padding: 2px;
    border: 1px solid gray;
    font-size: 12px;
    margin: 10px 0 10px 0;
    text-align: center;
    width: 100px;
}

.tariff-cost-table.cost-print-type {
    width: auto;
}

.cost-print-type th {
    background-color: beige;
}

.revise-print-type {
    width: 305px;
}

    .revise-print-type th {
        background-color: lightsteelblue;
    }

.wrap-print-layout {
    display: inline-flex;
}

.tariff-regulation-table.regulation-print-type {
    width: auto;
    margin-left: 5px;
}

.regulation-print-type th {
    background-color: beige;
}

.regulation-print-type td {
    font-size: 11px;
}

.cell-highlight-blue {
    color: blue;
}

.wrap-regulation-alert {
    padding-left: 15px;
    margin-top: 15px;
    width: 375px;
}

.regulation-alert-text {
    padding-left: 1em;
}

.alert-text-blue {
    color: blue;
}

/*-------------------------
  エアータリフ お問い合わせ
---------------------------*/
.wrap-info-window {
    font-size: 13px;
}

.inquiry-info-title {
    border-bottom: 1px solid gray;
    margin: 10px 0 10px 0;
    padding: 0 0 30px 0;
}

.wrap-info-window ul {
    background-color: white;
    margin: 30px 0;
}

/*-----------------
  エアータリフ　別表
------------------*/
.document-data-table {
    margin-top: 20px;
    width: 600px;
}

    .document-data-table td {
        height: 15px;
    }

        .document-data-table td:hover {
            background-color: orange;
        }

        .document-data-table td:empty:hover {
            background-color: white;
        }

.wrap-adobe-link-area {
    margin-top: 10px;
}

.adobe-baner-link-list {
    border: solid 1px gray;
    display: inline-flex;
    border-collapse: collapse;
    height: 39px;
}

.adobe-baner-link {
    border-right: solid 1px gray;
    padding: 3px;
}


/*-------------
  ポータル画面
---------------*/
.wrap-top-background {
	background: url("./Images/top_bg_left_03.gif");
	background-repeat: no-repeat;
	margin: auto auto -10px -10px;
}

.wrap-toppage-content {
	margin-bottom: 10px;
}

/* コンテンツ（左） */
.wrap-content-left {
	float: left;
	font-size: 13px;
	padding: 20px 0px 0px 0px;
	margin-left: 10px;
	width: 225px;
}

.wrap-login {
    width: 190px;
}

    .wrap-login input {
        width: 90px;
        margin-bottom: 4px;
    }

.login-id {
    color: midnightblue;
    margin-right: 7px;
    padding-left: 1em;
}

.login-password {
    color: midnightblue;
    margin-right: 5px;
    padding-left: 1em;
}

.wrap-logout {
    width: 190px;
}

    .wrap-logout p {
        color: midnightblue;
        font-size: 13px;
        padding-left: 1em;
    }

.loginout-button {
    text-align: right;
}

.wrap-search-input-area {
    padding-left: 6px;
}

    .wrap-search-input-area input {
        float: left;
        width: 130px;
        text-align: center;
    }

    .wrap-search-input-area img {
        float: left;
        margin-left: 3px;
        margin-top: -1px;
        height: 21px;
        width: 48px;
    }

.wrap-quick-search-content {
    padding-left: 6px;
}

.wrap-person-type-num {
}

    .wrap-person-type-num span {
        margin-right: 14px;
    }

.wrap-person-type-num-select select {
    width: 40px;
}

.wrap-flight-dete-time {
}

    .wrap-flight-dete-time input,
    .wrap-flight-dete-time select {
        float: left;
        width: 75px;
    }

    .wrap-flight-dete-time select {
        margin-left: 3px;
    }

.calendar-icon {
    float: left;
    height: 16px;
    width: 20px;
}

.wrap-city-airport-select {
    margin-top: 10px;
}

    .wrap-city-airport-select span {
        padding: 2px;
    }

    .wrap-city-airport-select span,
    .wrap-city-airport-select img {
        float: left;
    }

    .wrap-city-airport-select input {
        width: 100px;
        margin-bottom: 5px;
    }

    .wrap-city-airport-select img {
        height: 18px;
        width: 18px;
    }

.wrap-quick-search-menu {
    padding-left: 6px;
}

    .wrap-quick-search-menu div {
        margin-bottom: 3px;
    }

    .wrap-quick-search-menu span {
        display: inline-flex;
        width: 55px;
    }

.quick-search-menu {
    width: 116px;
}

.quick-search-button {
    padding-left: 25px;
}

/* 真ん中のカラム */
.wrap-content-center {
	float: left;
	font-size: 13px;
	width: 420px;
}

.wrap-revise-content {
    border: solid 1px whitesmoke;
    width: 448px;
    font-size: 13px;
}

.revise-map {
    float: left;
    height: 45px;
    width: 90px;
}

.wrap-fukubukuro-content {
    border: solid 1px whitesmoke;
    width: 448px;
    font-size: 13px;
}

/* 右のカラム */
.wrap-content-right {
	float: right;
	font-size: 13px;
	width: 185px;
}

.wrap-maintenance-content {
	font-size: 13px;
	width: 210px;
}

.wrap-maintenance-content-detail {
	margin: 0px 20px 0px 0px;
	padding: 5px 5px 0px 0px;
}

.wrap-qbox-info-area {
	font-size: 13px;
	padding-left: 6px;
}

.qbox-info-row {
	margin: 5px 0px 0px 0px;
}

.qbox-info-title {
	float: left;
	width: 110px;
}

.qbox-num {
	text-align: right;
}

    .qbox-num span {
        color: crimson;
        font-weight: bold;
    }

.wrap-new-info-list {
}

    .wrap-new-info-list div {
        font-size: 13px;
        padding-left: 6px;
    }

.ad-banner-left {
	margin: 10px auto auto auto;
}

.ad-banner-right {
	margin: 10px auto auto auto;
}

.ad-banner-crosstrust {
	margin: 80px auto auto 80px;
}

.toppage-content-link:hover {
	text-decoration: underline;
}

.toppage-content-list {
	overflow: hidden;
	padding: 0px 0px 0px 30px;
}

	.toppage-content-list li {
		line-height: 1.18em;
	}


.toppage-content-list-default {
	margin: 0px 0px 0px -20px;
}

.toppage-content-list-index {
	list-style-type: decimal;
	margin: 0px;
}

.wrap-toppage-content-normal {
}

.wrap-toppage-content-new {
}

	.wrap-toppage-content-new a {
		color: orangered;
	}

.wrap-toppage-content-maintenance {
	color: crimson;
	font-weight: bold;
}

	.wrap-toppage-content-maintenance a {
		color: crimson;
	}

/*-------------
  ログイン画面
---------------*/
.wrap-agent-logincontent {
	margin: 10px 0px 10px 20px;
	font-size: 13px;
}

.wrap-agent-logincontent-message{
	line-height: 20px;
}

.wrap-agent-logincontent-message-alert {
	color: crimson;
}

.wrap-agent-logincontent-input {
	line-height: 22px;
	margin: 10px 0px 0px 0px;
}

	.wrap-agent-logincontent-input table {
		padding: 2px;
		border: 1px solid gray;
		border-collapse: collapse;
	}

.agent-logincontent-input-header {
    color: white;
    background-color: darkcyan;
}

.agent-logincontent-input-coltitle {
	background-color: #F2F2F2;
}

.agent-logincontent-input-colinput input {
    font-family: 'Meiryo UI', sans-serif;
}

.wrap-agent-logincontent-link {
	margin: 25px 0px 0px 0px;
}

.wrap-agent-logincontent-button {
	margin: 20px 0px 0px 50px;
}

	.wrap-agent-logincontent-button input {
		color: white;
		background-color: cornflowerblue;
		border: #bababa 1px outset;
		height: 18px;
		width: 100px;
	}

/*--------------
  ダイレクト予約 
----------------*/
.wrap-terminal-button {
	float: right;
	margin-top: -6px;
	margin-bottom: 10px;
}

.direct-fare-search {
    margin: 0;
}

.schedule-input-list {
    display: inline-flex;
}

    .schedule-input-list li {
        padding-right: 20px;
    }

    .schedule-input-list span {
        display: block;
    }

    .schedule-input-list select {
        width: 150px;
    }

    .schedule-input-list input {
        width: 80px;
    }

.wrap-fare-select-option {
    margin-top: 10px;
}

.search-select-list {
    display: inline-flex;
}

    .search-select-list li {
        padding-right: 10px;
    }

    .search-select-list span {
        display: block;
    }

    .search-select-list select {
        width: 135px
    }

/* 選択している商品名 */
.fare-code-selecting {
    padding-left: 1em;
}

/* 往路と復路のレギュレーションテーブル */
.wrap-route-regulation {
    height: 120px;
    overflow: auto;
    width: 600px;
    margin: 20px 0 20px 0;
}

.route-regulation-table {
    border-color: #bababa;
    width: 520px;
}

.route-regulation-teble td {
    border-color: #bababa;
    white-space: normal;
}

    .route-regulation-teble td:first-child {
        padding-left: 1em;
        text-indent: -1em;
        width: 133px;
    }

/*------------------------------------*/

.wrap-input-frame-title {
    color: white;
    background-color: darkcyan;
    font-weight: bold;
    padding: 2px;
    height: 20px;
    width: auto;
}

    .wrap-input-frame-title span {
        vertical-align: middle;
    }

/* 4．区間ごとのスケジュール・空席照会の結果 */
.area-schedule {
}

    .area-schedule img {
        float: right;
        /* margin-top: 2px; */
    }

.wrap-free-seat-option {
    margin-top: 10px;
    padding-left: 20px;
}

.wrap-free-seat-result {
    font-size: 13px;
}

.free-seat-result-table {
    text-align: center;
}

    .free-seat-result-table th {
        background-color: #F2F2F2;
        border: 1px solid white;
        word-break: keep-all;
        width: 25px;
    }

        .free-seat-result-table th:last-child {
            text-align: left;
            width: 360px;
        }

    .free-seat-result-table td {
        border: none;
    }

        .free-seat-result-table td:last-child {
            text-align: left;
        }

    .free-seat-result-table .hover-row:hover {
        background-color: #FFFF99;
        cursor: pointer;
    }

    .free-seat-result-table input {
        margin-top: 5px;
    }

.row-disable {
    color: silver;
}

.border-arrow {
    background-image: url(./Images/1px_gray.gif);
    background-position: center;
    background-repeat: repeat-x;
}

    .border-arrow:hover {
        background-color: white;
        cursor: pointer;
    }

    .border-arrow img {
        float: right;
        margin-right: -9px;
    }

/* ホバー時に出る線 */
.border-bottom {
    background-image: url(./Images/1px_gray.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    text-align: left;
    font-weight: bold;
}

    .border-bottom:hover {
        background-color: white;
    }

.insert-sector-guide-invisible {
    display: none;
}

.insert-sector-guide-visible {
    display: normal;
}

.segment-alert-block {
    font-size: 13px;
    background-color: firebrick;
    color: white;
    width: 404px;
    padding: 10px 20px 20px 10px;
    height: 30px;
    margin-top: 9px;
    border: 2px solid white;
}

    .segment-alert-block p:nth-child(2) {
        padding-left: 49px;
        padding-top: 5px;
    }

.free-seat-result-alert {
    font-size: 13px;
    margin: 10px 0 5px 0;
}

.direct-schedule-table {
    width: 700px;
}

    .direct-schedule-table th {
        background-color: darkcyan;
        color: white;
        text-align: left;
        padding: 2px 2px 2px 10px;
    }

    .direct-schedule-table td {
        height: 20px;
        padding-left: 20px;
    }

    .direct-schedule-table select {
        width: 60px;
    }

/* 5．料金計算結果 */
.price-sum-result {
    margin: 20px 0 10px 0;
}

    .price-sum-result select {
        float: right;
        /* margin-top: 1px; */
    }

.display-table.type-2.plan-price-table.old-price {
}

.display-table.type-2.plan-price-table caption.old-price {
    color: white;
    background-color: midnightblue;
}

.display-table.type-2.plan-price-table.new-price {
}

.display-table.type-2.plan-price-table caption.new-price {
    color: white;
    background-color: orange;
}

.wrap-price-result-error {
    border: 1px solid gray;
    border-top: none;
    color: orangered;
    font-size: 13px;
}

.price-result-error-title {
    border-bottom: 1px solid gray;
    padding: 2px;
}

.price-result-error-box {
    width: 862px;
    display: inline-flex;
    padding: 3px;
}

.price-result-error-section {
    border: 1px solid gray;
    padding: 3px;
}

.price-result-error-content {
    border: 1px solid gray;
    padding: 3px;
    margin-left: 2px;
    width: fit-content;
    white-space: pre-wrap;
}

/* 6.クーポン */
.wrap-coupon-content {
	width: 870px;
	background-color: #f2f2f2;
	margin-bottom: 10px;
}

	.wrap-coupon-content .btn-coupon {
		vertical-align: middle;
		width: 94px;
	}


/* 6．搭乗者名の入力 */
.passenger-info-input-table {
}

    .passenger-info-input-table td {
        padding: 1px;
        text-align: center;
    }

    .passenger-info-input-table input {
    }

.wrap-passenger-info-input {
    margin-bottom: 20px;
    width: 870px;
}

.col-name {
    width: 160px;
}

.col-title {
    width: 60px;
}

.col-birthday {
    width: 70px;
}

.col-age {
    width: 25px;
}

.col-country {
    width: 20px;
}

.col-ppt-number {
    width: 90px;
}

.col-ppt-country {
    width: 20px;
}

.col-ppt-limitdate {
    width: 75px;
}

.col-mileage-card {
}

    .col-mileage-card select {
        width: 45px;
    }

    .col-mileage-card input {
        width: 90px;
    }

.skyglobe-search-button {
    width: 40px;
}

.passenger-info-message {
    color: crimson;
    background-color: #f2f2f2;
    padding: 2px;
    font-size: 13px;
}

/* CTC */
.wrap-ctc-input {
    margin-bottom: 20px;
    width: 870px;
}

/* ７．各種リクエスト */
.wrap-request-content {
    background-color: #f2f2f2;
    height: 190px;
    width: 870px;
}

.wrap-request-select {
    float: left;
    width: 599px;
    background-color: #f2f2f2;
    font-size: 13px;
    height: 175px;
}

    .wrap-request-select div:first-child {
        height: 44px;
        /* vertical-align: middle; */
        align-items: center;
        display: flex;
    }

    .wrap-request-select div {
        border: 1px solid gray;
        padding: 3px;
    }

    .wrap-request-select select {
        width: 520px;
    }

.wrap-request-customer-number {
    float: left;
}

.customer-number-table {
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: #f2f2f2;
    height: 168px;
    width: 270px;
}

    .customer-number-table tr:nth-child(2) {
        height: 23px;
    }

    .customer-number-table tr:nth-child(n + 3) {
        text-align: center;
    }

    .customer-number-table td {
        border: none;
    }

.customer-number-col {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

    .customer-number-col td {
        border-right: 1px solid gray;
    }

/* ８．その他・SkyRepへのリクエスト、コメント入力
    ９．旅行会社様のメモ */
.wrap-free-format {
    width: 870px;
    background-color: #f2f2f2;
    height: 79px;
}

    .wrap-free-format textarea {
        height: 73px;
        overflow-y: scroll;
        resize: none;
    }

.wrap-customer-info-input {
    margin-top: 20px;
    width: 621px;
}

.customer-info-input-table {
}

.col-customer-name {
}

    .col-customer-name input {
        float: left;
    }

    .col-customer-name img {
        float: left;
        margin-left: 2px;
    }

.col-input-date {
    width: 65px;
}

.col-input-time {
    width: 44px;
}

/*-------------------------
  ダイレクト予約  空席照会
---------------------------*/

.border-gold {
    border-top: 10px solid gold;
}

.wrap-flight-schedule-info {
    margin-bottom: 10px;
}

.flight-schedule-info-table {
    width: 870px;
}

    .flight-schedule-info-table th {
        background-color: #F2F2F2;
        text-align: left;
    }

    .flight-schedule-info-table td {
        text-align: center;
    }

.flight-date {
    padding: 0 20px 0 20px;
    width: 100px;
}

    .flight-date input {
        float: left;
        width: 80px;
    }

    .flight-date img {
        float: left;
        padding-top: 1px;
    }

.flight-area {
    width: 100px;
}

.flight-company {
    width: 30px;
}

.flight-fare {
    width: 100px;
}

.wrap-control-button {
    float: right;
}

.close-button {
    height: 24px;
    width: 109px;
}

.wrap-page-number {
    font-size: 13px;
    float: left;
}

.wrap-free-seat-status {
    width: 870px;
}

.free-seat-status-table .type1 {
    text-align: center;
    width: 870px;
}

.free-seat-status-table tr {
}

    .free-seat-status-table tr:last-child {
        border-bottom: 1px solid gray;
    }

.free-seat-status-table th {
    background-color: #F2F2F2;
    border: 1px solid gray;
    word-break: keep-all;
}

.free-seat-status-table td {
    border: none;
    font-size: 12px;
    height: 25px;
    min-width: 30px;
    max-width: 300px;
    white-space: normal;
    vertical-align: top;
}

.free-seat {
    color: gray;
    text-align: left;
}

/* 強調表示 */
.entry-seat-red {
    color: crimson;
    font-weight: bold;
}

.entry-seat-blue {
    color: royalblue;
    font-weight: bold;
}

    .entry-seat-red:hover,
    .entry-seat-blue:hover {
        background-color: gold;
        cursor: pointer;
    }

.entry-seat-selecting {
    background-color: gold;
}

.entry-seat-selected {
    background-color: lightgreen;
}

.entry-seat-unselected {
    background-color: transparent;
}

.wrap-search-result-message {
    font-size: 13px;
    float: right;
    text-align: right;
}

/* プログレスバー　スタイル廃止 */
/* .wrap-loading-block {
    height: 4px;
    width: 290px;
    margin-bottom: 5px;
    padding-top: 5px;
}

.loading-block {
    background-color: black;
    height: 4px;
    width: 25px;
} */

.flight-max-vacancy-mask {
    color: white;
}

.flight-booking-class {
    color: gray;
}

.flight-booking-class-HK {
    color: darkslateblue;
    font-weight: bold;
}

.flight-booking-class-HL {
    color: darkorange;
    font-weight: bold;
}

.flight-booking-class-CL {
    color: firebrick;
    font-weight: bold;
}

    .flight-booking-class-HK:hover,
    .flight-booking-class-HL:hover,
    .flight-booking-class-CL:hover {
        background-color: gold;
        cursor: pointer;
    }

.flight-booking-priority-booking-class {
    background-color: yellow;
}

/*-----------------------------
  ダイレクト予約  セグメント挿入
-------------------------------*/
.getavailex-segment-table {
    width: 100%;
}

    .getavailex-segment-table th {
    }

        .getavailex-segment-table th:last-child {
            text-align: left;
        }

.display-table.type-2.getavailex-segment-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.getavailex-segment-table td {
    text-align: center;
    white-space: normal;
}

.segment-insert-option {
    width: 650px;
}

    .segment-insert-option.description {
        width: 210px;
    }

        .segment-insert-option.description span {
            padding-bottom: 5px;
            display: block;
            padding-left: 18px;
            text-indent: -18px;
        }

            .segment-insert-option.description span::before {
                content: "※ ";
            }

.reservation-type {
}

    .reservation-type span {
        margin-right: 30px;
    }

.wrap-seat-conditions-title {
    display: inline-flex;
}

    .wrap-seat-conditions-title li {
        width: 90px;
    }

.wrap-seat-conditions-input {
    display: inline-flex;
}

    .wrap-seat-conditions-input input {
        width: 60px;
    }

    .wrap-seat-conditions-input select {
        width: 65px;
    }

    .wrap-seat-conditions-input li {
        width: 90px;
    }

.wrap-fare-search-block {
    float: left;
    width: 440px;
}

    .wrap-fare-search-block select {
        float: left;
    }

.wrap-wts-ticketing {
    float: right;
    width: 110px;
}

/*-----------------------------
  ダイレクト予約  セグメント削除
-------------------------------*/
.description-text-border {
    border-bottom: 2px solid #c1c5ca;
    padding: 5px 0 5px 0;
}

.free-seat-status-table.type2 {
    text-align: center;
    margin-bottom: 30px;
    width: 870px;
}

    .free-seat-status-table.type2 tr {
    }

        .free-seat-status-table.type2 tr:last-child {
            border-bottom: 1px solid gray;
        }

        .free-seat-status-table.type2 tr:hover {
            background-color: #FFFF99;
            cursor: auto;
        }

    .free-seat-status-table.type2 th {
        background-color: beige;
        border: 1px solid gray;
        /* height: 60px; */
        word-break: keep-all;
        padding: 2px;
    }

    .free-seat-status-table.type2 td {
        border: none;
        height: auto;
        min-width: 30px;
    }

    .free-seat-status-table.type2 img {
        margin-top: 6px;
    }


.entry-seat-black {
    color: black;
}

/*------------------------
  ダイレクト予約  料金編集
--------------------------*/
.wrap-price-edit {
    margin-bottom: 10px;
}

.price-edit-table {
    width: max-content;
    min-width: 100%;
}

    .price-edit-table th {
        background-color: #f2f2f2;
        padding: 2px;
        /* word-break: keep-all; */
    }

    .price-edit-table td {
        text-align: right;
        padding: 2px 1px 2px 0px;
    }

    .price-edit-table input {
        text-align: right;
        width: 60px;
    }

        .price-edit-table input:read-only {
            border: none;
        }

.price-edit-table-head {
    font-weight: bold;
    text-align: left;
}

/* IEでread-onlyセレクタが効かないためクラス付与
    　　read-only時にinputの枠線非表示　*/
.readonly-input {
    border: none;
    pointer-events: none;
}

.fuel-message {
    padding-left: 70px;
}

/*-----------------------------
  ダイレクト予約  航空券代金明細
-------------------------------*/

.wrap-price-detail {
    font-size: 13px;
}

.price-detail-pager {
    margin: 10px 0 20px 0;
}

.price-detail-farename {
    margin: 0 0 20px 0;
}

.price-detail-table {
    width: 100%;
}

    .price-detail-table th {
        text-align: left;
    }

.display-table.type-2.price-detail-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.price-detail-table td:not(.detail-head) {
    text-align: right;
}

.price-detail-table td:first-child:not(.detail-head) {
    text-align: left;
}

.detail-head {
    text-align: center;
}

.wrap-price-detail-buttton {
    padding: 20px;
}

/*---------------
  エラー障害報告
-----------------*/
.wrap-error-description {
    border: 1px solid gray;
    font-size: 13px;
    margin-top: -6px;
    box-sizing: border-box;
}

.error-description {
    background-color: beige;
    border-right: 1px solid gray;
    float: left;
    box-sizing: border-box;
    padding: 2px
}

.error-type {
    padding: 2px;
}

.wrap-agent-info {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.wrap-agent-name {
    border: 1px solid gray;
    width: 309px;
}

.agent-name {
    background-color: beige;
    border-right: 1px solid gray;
    float: left;
    text-align: center;
    height: 21px;
    width: 100px;
}

.agent-name-input {
    float: left;
    padding-top: 1px;
    padding-left: 2px;
}

    .agent-name-input input {
        height: 9px;
        vertical-align: middle;
        width: 200px;
    }

.agent-bunch-button {
    float: left;
    height: 22px;
}

.wrap-agent-email {
    border: 1px solid gray;
    width: 309px;
}

.agent-email {
    background-color: beige;
    border-right: 1px solid gray;
    float: left;
    text-align: center;
    height: 21px;
    width: 100px;
}

.agent-email-input {
    float: left;
    padding-top: 1px;
    padding-left: 2px;
}

    .agent-email-input input {
        height: 9px;
        vertical-align: middle;
        width: 200px;
    }

.wrap-alert-title {
    padding-left: 90px;
    margin-bottom: 10px;
}

    .wrap-alert-title p {
        color: red;
        font-weight: bold;
        font-size: 13px;
    }

        .wrap-alert-title p:nth-child(n+2) {
            padding-left: 1em;
        }

.wrap-info-list {
    border: 1px solid gray;
    height: max-content;
    margin: 0 auto;
    width: max-content;
}


.wrap-send-close-button {
    padding-left: 210px;
    margin-top: 20px;
}

    .wrap-send-close-button input {
        background-color: cornflowerblue;
        color: white;
        height: 18px;
        width: 80px;
    }


/*-------------------
  ターミナル
----------------------*/
.wrap-command-description {
    float: left;
}

    .wrap-command-description img {
        float: left;
    }

    .wrap-command-description span {
        float: left;
        padding-left: 5px;
    }

.wrap-command-close-button {
    float: right;
}

.wrap-command-result {
    color: #00ff00;
    font-size: 13px;
    width: 100%;
    height: 71vh;
    overflow: auto;
    background-color: black;
}

.wrap-command-input-area {
    font-size: 13px;
    margin-top: 5px;
    width: 1000px;
}

    .wrap-command-input-area input[type="text"] {
        width: 537px;
    }

    .wrap-command-input-area input[type="button"] {
        color: white;
        background-color: #336699;
        border: none;
        box-shadow: 1px 1px grey;
        height: 22px;
        width: 50px;
    }

    .wrap-command-input-area input:active {
        border: 1px solid black;
    }

.wrap-command-menu-button {
    margin-top: 15px;
}

    .wrap-command-menu-button input {
        border: 1px solid #006699;
        background-color: white;
        box-shadow: 0 0 1px #006699;
        color: black;
        font-size: 9px;
        font-family: 'Meiryo UI', Century;
        height: 16px;
        vertical-align: middle;
        width: 100px;
    }

        .wrap-command-menu-button input:active {
            border: 2px solid black;
        }

/*-------------------------
  SkyGlobe顧客検索
---------------------------*/
.wrap-passenger-search-conditions {
}

.passenger-search-conditions-table {
    width: 600px;
}

.display-table.type-1.passenger-search-conditions-table {
}

    .display-table.type-1.passenger-search-conditions-table th {
        font-weight: 100;
    }

        .display-table.type-1.passenger-search-conditions-table th:hover {
            background-color: beige;
        }

    .display-table.type-1.passenger-search-conditions-table input {
        width: 250px;
    }

        .display-table.type-1.passenger-search-conditions-table input[type="text"]:hover {
            outline: #006699;
        }

.wrap-passenger-search-result {
}

.passenger-search-result-table {
    width: 700px;
}

.display-table.type-1.passenger-search-result-table {
}

    .display-table.type-1.passenger-search-result-table tr {
    }

        .display-table.type-1.passenger-search-result-table tr:hover {
            background-color: orange;
        }

    .display-table.type-1.passenger-search-result-table th {
        font-weight: 100;
    }

        .display-table.type-1.passenger-search-result-table th:hover {
            background-color: beige;
        }

    .display-table.type-1.passenger-search-result-table td:nth-child(n+4) {
        text-align: center;
    }

/* 認証エラー */
.wrap-certification-error {
    width: 600px;
}

.certification-error-title {
    color: navy;
    font-size: 13px;
    text-align: center;
}

.display-table.type-1.certification-error-table {
}

    .display-table.type-1.certification-error-table th {
        text-align: left;
    }

        .display-table.type-1.certification-error-table th:hover {
            background-color: beige;
        }

    .display-table.type-1.certification-error-table p:nth-child(2) {
        font-weight: 100;
    }

/*-------------------------------
  旅程表・見積書 - 印刷設定画面
---------------------------------*/

.wrap-main-config {
    float: left;
    font-size: 13px;
    width: 550px;
}

    .wrap-main-config table {
        margin: 0 0 5px 20px;
    }

    .wrap-main-config textarea {
        overflow-y: scroll;
        resize: none;
    }

.contents-title {
    background-color: darkcyan;
    color: white;
    padding: 3px;
    margin-bottom: 4px;
}

.wrap-mail-agent-info {
}

.display-table.type-2.agent-info-config-table {
    width: 500px;
}

    .display-table.type-2.agent-info-config-table th {
        width: 145px;
    }

        .display-table.type-2.agent-info-config-table th:hover {
            background-color: #f2f2f2;
            cursor: auto;
        }

    .display-table.type-2.agent-info-config-table td {
        padding: 1px 5px 1px 3px;
    }

.agent-company {
    width: 340px;
}

.agent-name-address {
}

    .agent-name-address input {
        float: left;
        width: 240px;
    }

    .agent-name-address img {
        float: left;
    }

.agent-tel-fax {
    width: 200px;
}

.display-table.type-2.addressed-config-table {
    width: 510px;
}

    .display-table.type-2.addressed-config-table th {
        width: 145px;
    }

        .display-table.type-2.addressed-config-table th:hover {
            background-color: #f2f2f2;
            cursor: auto;
        }

    .display-table.type-2.addressed-config-table td {
        padding: 1px 5px 1px 1px;
    }

    .display-table.type-2.addressed-config-table input {
        width: 235px;
    }

    .display-table.type-2.addressed-config-table select {
        width: 91px;
    }

    .display-table.type-2.addressed-config-table img {
        vertical-align: bottom;
    }

.layout-box {
    border: 1px solid gray;
    line-height: 2;
    margin-bottom: 7px;
    margin-left: 20px;
    width: 315px;
}

.layout-box-title {
    background-color: #F2F2F2;
    border-right: 1px solid gray;
    width: 145px;
    float: left;
    text-align: center;
    padding: 2px;
}

.layout-box-contents {
    float: left;
    padding-top: 2px;
    padding-left: 2px;
}

    .layout-box-contents select {
        /* vertical-align: middle;
        height: 22px; */
    }

.layout-box-button {
    float: left;
    padding-left: 2px;
    padding-top: 1px;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    width: 110px;
    height: 29px;
}

    .layout-box-button img {
        height: 24px;
        width: 106px;
        padding-top: 2px;
    }

.wrap-fare-edit-display {
    margin: 10px 0 15px 20px;
}

.input-table.type-3.fare-edit-table {
    width: 510px;
}

    .input-table.type-3.fare-edit-table th {
        width: 70px;
    }

.fare-name-input {
    width: 100%;
    box-sizing: border-box;
}

.fare-type-input {
    width: 287px;
}

.wrap-sale-price-box {
    margin: 20px 0 20px 0;
}

.layout-box-title.price-edit-button {
    height: 22px;
    padding-top: 5px;
}

.layout-box-contents.price-edit-button {
    padding-top: 5px;
}

.passenger-select {
    margin-left: 20px;
}

    .passenger-select .alert-text {
        margin-left: 20px;
    }

.display-table.type-3.passenger-select-table {
    width: auto;
    margin-bottom: 20px;
}

    .display-table.type-3.passenger-select-table td {
        padding: 7px;
        text-align: center;
    }

        .display-table.type-3.passenger-select-table td:nth-child(3) {
            text-align: left;
            width: 250px;
        }

    .display-table.type-3.passenger-select-table tr.selected {
        background-color: #ffffbb;
        cursor: pointer;
    }

.wrap-reservation-alert {
    margin-left: 20px;
    width: 430px;
    padding-left: 1em;
    text-indent: -1em;
}

.price-edit-button-box {
    float: left;
}

.add-hotel-info {
    margin-left: 20px;
}

.hotel-info-table {
}

    .hotel-info-table tr:hover {
        background-color: #ffffbb;
        cursor: pointer;
    }

    .hotel-info-table td:first-child {
        border-right: none;
        background-color: lightgoldenrodyellow;
        text-align: center;
        vertical-align: top;
        padding-top: 5px;
        width: 100px;
    }

    .hotel-info-table td:last-child {
        border-left: none;
    }

    .hotel-info-table .display-table.type-2 {
        margin: 0;
    }

        .hotel-info-table .display-table.type-2 th {
            padding: 5px 2px;
            width: 130px;
        }

            .hotel-info-table .display-table.type-2 th:hover {
                background-color: #f2f2f2;
            }

.add-hotel-button {
    padding: 15px 50px;
}

.wrap-textarea-alert {
    margin-left: 40px;
}

    .wrap-textarea-alert textarea {
        overflow-y: scroll;
        resize: none;
        margin-bottom: 7px;
    }

		.wrap-textarea-alert textarea.memo {
			width: 100%;
		}

.wrap-guidance-table {
    margin: 10px 0 15px 20px;
    width: 510px;
}

.guidance-table {
}

.input-table.type-3.guidance-table th {
    width: 70px;
}

.guidance-table div {
    display: inline-flex;
}

.guidance-table img {
    margin-right: 15px;
}

.guidance-table .name {
    width: 80%;
}

.wrap-mail-send-config {
    border: 1px solid lightgray;
    float: right;
    font-size: 13px;
    padding: 5px;
    width: 300px;
}

.mail-send-config-table {
    width: 100%;
}

    .mail-send-config-table th {
        text-align: left;
    }

.display-table.type-2.mail-send-config-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.mail-send-config-table td {
    padding: 2px 7px 2px 3px;
    white-space: normal;
}

.mail-subject-input {
    width: 100%;
}

.mail-info-input {
    width: 200px;
}

.html-type-alert {
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 10px;
}

.wrap-mail-send-config-button {
    margin-top: 10px;
    text-align: center;
}

/*-------------------------------
  印刷設定画面　料金詳細設定
---------------------------------*/

.wrap-error-area {
    font-size: 13px;
}

.wrap-price-edit-detail .wrap-error-area {
    padding-left: 50px;
}

.wrap-schedule-display-select {
    margin: 5px 0 20px 0;
}

.schedule-display-select-table {
    width: 680px;
}

    .schedule-display-select-table caption {
        margin-bottom: 5px;
    }

    .schedule-display-select-table td {
        padding: 4px;
        border: 0;
    }

.wrap-price-edit-detail {
    margin: 5px 0 20px 0;
}

.price-edit-detail-table {
}

    .price-edit-detail-table caption {
        margin-bottom: 12px;
    }

.display-table.type-2.price-edit-detail-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.price-edit-detail-table td {
    text-align: right;
    padding: 2px;
}

.price-edit-detail-table input {
    text-align: right;
    width: 50px;
}

.display-table.type-2.additional-edit-detail-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.add-price-input {
    text-align: center;
    width: 170px;
}

.person-count-input {
    text-align: right;
    width: 30px;
}

.person-sum-input {
    text-align: right;
    width: 90px;
}

.wrap-price-detail-edit-button {
    margin-top: 20px;
}

/*------------------------------ 
 印刷設定画面-見積書（印刷） 
--------------------------------*/

.wrap-main-caption {
    text-align: center;
}

.print-estimate-title {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px solid silver;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.print-date {
    font-size: 13px;
    text-align: right;
    padding-right: 40px;
}

.print-layout {
    font-size: 13px;
    text-align: left;
    margin-bottom: 20px;
    padding-left: 50px;
}

.travel-schedule-table {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    /* width: 850px; */
    width: 98%;
}

    .travel-schedule-table th {
        white-space: nowrap;
    }

    .travel-schedule-table td {
        white-space: normal;
    }

.departure-city {
    width: 150px;
}

.airline-status-code-table {
    margin: 20px auto 20px auto;
    width: 60%;
}

    .airline-status-code-table th {
        font-weight: bold;
        text-align: left;
    }

    .airline-status-code-table td {
        white-space: normal;
    }

.price-print-table {
    margin: 20px auto;
    width: 95%;
}

    .price-print-table td {
        text-align: right;
    }

        .price-print-table td:first-child {
            text-align: center;
        }

        .price-print-table td:only-child {
            text-align: left;
            padding-left: 100px;
        }

        .price-print-table tr.space th,
        .price-print-table tr.space td { 
            border: none;
            height: 7px;
        }

.wrap-fare-info {
    font-size: 13px;
    margin-bottom: 20px;
    padding-left: 50px;
}

.print-layout .fare-info {
}

    .print-layout .fare-info dt {
        float: left;
        clear: left;
        width: 40px;
    }

    .print-layout .fare-info dd {
        float: left;
        margin-left: 5px;
    }

.wrap-etc-info {
    font-size: 13px;
    padding-left: 10px;
}

	.wrap-etc-info .info-table {
		width: 98%;
		text-align: left;
	}

		.wrap-etc-info .info-table .alert {
			vertical-align: top;
			width: 50%;
			white-space: pre-wrap;
			padding: 3px;
			min-height: 65px;
		}

		.wrap-etc-info .info-table .staff {
			vertical-align: top;
		}

			.wrap-etc-info .info-table .staff table {
				width: 100%;
				border: none;
			}

			.wrap-etc-info .info-table .staff td {
				border: none;
			}

			.wrap-etc-info .info-table .staff .title {
				width: 60px;
				text-align: right;
			}

			.wrap-etc-info .info-table .staff .detail {
				padding-left: 5px;
			}

.info-text-area {
    width: 800px;
    min-height: 70px;
    padding-left: 40px;
    white-space: pre-wrap;
}

.info-mail-text-area {
	width: auto;
	min-height: 70px;
	padding-left: 40px;
	white-space: pre-wrap;
}

.wrap-print-alert-area {
    border: 1px solid gray;
    min-width: 320px;
}

    .wrap-print-alert-area .alert {
        width: 50%;
        border-right: 1px solid gray;
        white-space: pre-wrap;
        padding: 3px;
        display: table-cell;
        min-height: 65px;
    }

    .wrap-print-alert-area .info {
        display: table-cell;
        padding: 3px;
    }

        .wrap-print-alert-area .info dl {
            min-width: 375px;
        }

        .wrap-print-alert-area .info dt {
            float: left;
            clear: left;
            width: 50px;
            text-align: right;
        }

        .wrap-print-alert-area .info dd {
            float: left;
            margin-left: 5px;
        }


.wrap-print-agent-info {
    border: 1px solid gray;
    border-left: none;
    float: left;
    min-height: 110px;
    width: 40%;
}

    .wrap-print-agent-info ul {
        padding: 5px;
    }

    .wrap-print-agent-info li:nth-child(n+2) {
        padding-left: 45px;
    }

.print-schedule-info {
    margin: 10px 0;
}

    .print-schedule-info dt {
        float: left;
        text-align: right;
        width: 80px;
        margin: 0 10px 0 -20px;
        clear: left;
    }

    .print-schedule-info dd {
        float: left;
    }

.print-schedule-info-english {

}

    .print-schedule-info-english dt {
        float: left;
        text-align: right;
        width: 130px;
        margin: 0 10px 0 -20px;
        clear: left;
    }

.print-hotel {
    padding: 0 50px 10px;
    font-size: 13px;
}

    .print-hotel .caption {
        border: 1px solid gray;
        padding: 2px;
        display: table-cell;
    }

    .print-hotel dl {
        margin-bottom: 10px;
    }

    .print-hotel dt {
        float: left;
        clear: left;
        margin-right: 5px;
        padding: 2px 1px;
    }

    .print-hotel dd {
        float: left;
    }

/*------------------------------------------------- 
  印刷設定画面-見積書 旅程表・見積書 メール送信確認 
---------------------------------------------------*/
.wrap-description-area {
    float: left;
}

.wrap-mail-button-area {
    float: right;
}

.wrap-mail-header {
    font-size: 13px;
    border: 2px solid silver;
    padding: 5px;
    width: 680px;
}

.mail-label {
    float: left;
    text-align: right;
}

    .mail-label ul {
        font-weight: bold;
    }

.mail-address {
    float: left;
    font-size: 13px;
}

    .mail-address li {
        height: 1em;
    }

.wrap-mail-text-type {
    font-size: 13px;
    margin-top: 1px;
}

    .wrap-mail-text-type textarea {
        resize: none;
    }

.wrap-mail-html-type {
    border: 2px solid silver;
    font-size: 11px;
    margin-top: 10px;
    padding-bottom: 40px;
    width: 690px;
}

/* メール送信確認 */
.wrap-mail-confirm-header {
    border: 2px solid silver;
    font-size: 13px;
    float: left;
    padding: 5px;
    width: max-content;
}

/* メール送信完了 */
.completion-text {
    color: green;
    margin: 20px 0 20px 0;
    font-size: 13px;
}

/* 非同期処理ダイアログ */
.wrap-loading {
    background-color: gainsboro;
    width: 300px;
    height: 100px;
    font-size: 13px;
    padding: 15px;
}

    .wrap-loading img {
        float: left;
    }

    .wrap-loading span {
        float: left;
    }


/*------------------------------------------------- 
  PNR一覧 予約確認　ファイナル
---------------------------------------------------*/
.wrap-final-info {
    float: left;
    width: 680px;
}

    .wrap-final-info table {
        width: 100%;
    }

/* .wrap-final-info table th {
        font-size: 12px;
    }

    .wrap-final-info table td {
        font-size: 12px;
    } */

.wrap-final-button {
    font-size: 13px;
    float: left;
    text-align: center;
    margin-left: 10px;
}

.final-user-name-box {
    border: 1px solid gray;
    margin-bottom: 7px;
    width: 178px;
}

.final-user-name-section {
    background-color: #F2F2F2;
    border-right: 1px solid gray;
    float: left;
    text-align: center;
    height: 15px;
    /* padding-top: 5px; */
    font-size: 12px;
    padding: 4px;
}

.final-user-name-input {
    float: left;
    padding: 2px;
}

    .final-user-name-input input {
        width: 73px;
    }

.wrap-ticket-type-select {
    font-size: 13px;
    margin: 10px 0 10px 0;
    width: 680px;
}

.ticket-type-web {
    float: left;
}

.ticket-type-select-alert {
    float: right;
    width: 575px;
    padding: 5px;
}

    .ticket-type-select-alert p:first-child {
        text-indent: -1em;
    }

.wrap-send-mail-info {
    font-size: 13px;
    margin: 10px 0 10px 0;
    width: 680px;
}

.send-mail-info-section {
    padding-left: 45px;
}

.send-mail-address-input {
    padding-left: 85px;
}

    .send-mail-address-input input {
        float: left;
        width: 200px;
    }

    .send-mail-address-input img {
        float: left;
        margin-left: 2px;
    }

.send-mail-info-description {
    padding-left: 65px;
}

.wrap-ticketing-info {
    font-size: 13px;
    margin: 10px 0 10px 0;
    width: 680px;
}

.section-block {
    display: inline-block;
    height: 15px;
    background-color: black;
    width: 15px;
}

.ticketing-date {
    font-size: 18px;
    font-weight: bold;
}

.ticketing-info-description {
    width: 420px;
}

.wrap-final-passenger-table {
    border-top: 1px dashed silver;
    width: 100%;
}

    .wrap-final-passenger-table table {
        margin: 20px 0 20px 0;
        width: 100%;
    }

.wrap-final-reservation-table {
    border-bottom: 1px solid silver;
    width: 100%;
}

    .wrap-final-reservation-table table {
        margin: 20px 0 20px 0;
        width: 100%;
    }

.ticketing-info-lcc-ektk {
    background-color: midnightblue;
    color:white;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: 0.9em;
}
.ticketing-info-lcc-pdf {
    font-weight: bold;
    color: crimson;
}

/*------------------------------------------------- 
  PNR一覧 予約確認　FareBasis編集
---------------------------------------------------*/
.wrap-pnr-info {
    float: left;
    width: 680px;
}

.wrap-receive-input {
    font-size: 12px;
    float: left;
    text-align: center;
    margin-left: 1px;
}

.receive-input-box {
    border: 1px solid gray;
    margin: 10px 0 7px 0;
    width: 184px;
}

.receive-input-caption {
    background-color: darkcyan;
    color: white;
    padding: 2px;
}

.receive-input-section {
    background-color: #F2F2F2;
    border-right: 1px solid gray;
    float: left;
    text-align: center;
    height: 19px;
    font-size: 12px;
    padding: 4px 4px 0 4px;
}

.receive-input {
    float: left;
    padding-top: 2px;
    padding-left: 2px;
}

    .receive-input input {
        width: 108px;
    }

.wrap-edit-farebasis-content {
    width: 680px;
}

    .wrap-edit-farebasis-content table {
        margin-top: 10px;
    }

.farebasis-table.passenger-table {
    width: 100%;
}

    .farebasis-table.passenger-table td {
        text-align: center;
    }

.farebasis-table.reservation-table {
    width: 100%;
}

.farebasis-table.reservation-table {
    text-align: center;
}

    .farebasis-table.reservation-table input {
        width: 100px;
    }

.wrap-new-farebasis-regulation {
    display: none;
}

.wrap-get-minirule-button {
    float: right;
    font-size: 13px;
    margin: 10px 0 10px 0;
}

.cancel-fee-select {
    float: left;
    padding-top: 6px;
}

.get-minirule-button {
    float: left;
}

.farebasis-regulation-table {
    border: 1px solid silver;
    width: 100%;
}

    .farebasis-regulation-table th {
        color: white;
        background-color: darkcyan;
        text-align: left;
        padding: 2px;
    }

    .farebasis-regulation-table td {
        white-space: normal;
    }

    .farebasis-regulation-table p::before {
        content: "・";
    }

    .farebasis-regulation-table td:first-child {
        padding-left: 1em;
        text-indent: -1em;
        width: 150px;
    }

        .farebasis-regulation-table td:first-child::before {
            content: url(./Images/dot_tri_rt_03.gif)
        }

    .farebasis-regulation-table td:nth-child(2) {
        width: 500px;
    }

.farebasis-remarks-table {
    width: 100%;
}

.lfs-remarks {
    display: none;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow: auto;
}

/*------------------------------------------------- 
  PNR一覧 予約確認　E-TKT
---------------------------------------------------*/
.wrap-etkt-text-area {
    width: 100%;
}

    .wrap-etkt-text-area pre {
        font-size: 14px;
        margin: 20px 0px;
    }

    .wrap-etkt-text-area .etk-border {
        page-break-before: always;
    }
/*------------------------------------------------- 
  PNR一覧 予約確認　ヒストリー
---------------------------------------------------*/
.wrap-pnr-history {
    margin: 10px 0 10px 0;
    width: 620px;
}

.pnr-history-table {
    width: 100%;
}

    .pnr-history-table th {
        text-align: left;
    }

.display-table.type-2.pnr-history-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.pnr-history-table td {
    text-align: center;
}

    .pnr-history-table td:nth-child(3) {
        text-align: left;
    }

.pnr-history-table .local {
    background-color: mistyrose;
}

/*------------------------------------------------- 
  PNR一覧 予約確認　キャンセル
---------------------------------------------------*/
.cancel-alert-message {
    color: crimson;
    font-size: 13px;
    text-align: right;
    margin-bottom: 20px;
    width: 170px;
}

.wrap-cancel-name-input {
    float: right;
    margin-top: 12px;
}

.return-select-table {
    width: 165px;
}

.display-table.type-2.return-select-table th {
    font-size: 11px;
}

    .display-table.type-2.return-select-table th:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

.return-select-table td {
    text-align: right;
}

.cancel-name-input-table {
    margin-bottom: 10px;
    width: 150px;
    float: right;
}

.wrap-cancel-button {
    text-align: right;
}

.wrap-cancel-table {
    width: 680px;
}

.cancel-table {
    margin: 20px 0 20px 0;
    width: 100%;
}

    .cancel-table.passenger-table {
    }

        .cancel-table.passenger-table td {
            text-align: center;
        }

    .cancel-table.reservation-table {
    }

        .cancel-table.reservation-table td {
            text-align: center;
        }

    .cancel-table.price-table {
    }

        .cancel-table.price-table th {
        }

            .cancel-table.price-table th:hover {
                background-color: #f2f2f2;
                cursor: auto;
            }

        .cancel-table.price-table td {
            text-align: right;
        }

/*------------------------------------------------- 
  PNR一覧 予約確認　PNR詳細
---------------------------------------------------*/
.pnr-detail-table {
    margin: 20px 0 20px 0;
    white-space: nowrap;
}

.display-table.type-2.pnr-detail-table th {
}

    .display-table.type-2.pnr-detail-table th:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

/* 上のボタン群 */
.pnr-detail-button-list {
    display: inline-flex;
    margin-bottom: 20px;
}

    .pnr-detail-button-list li {
        border: 1px solid gray;
        border-right: none;
        padding: 2px;
        width: 100px;
    }

        .pnr-detail-button-list li:last-child {
            border: 1px solid gray;
            padding: 2px;
        }

    .pnr-detail-button-list input {
        background-color: white;
        width: inherit;
    }

        .pnr-detail-button-list input:active {
            border: 1px solid black;
            box-shadow: 1px 1px grey inset;
            outline: black;
        }

.norecords-message {
    padding: 20px;
}

/*------------------------------------------------- 
  PNR一覧 - 検索条件入力
---------------------------------------------------*/
.input-table.type-1.pnr-search-conditions-table {
    margin-top: 10px;
    width: 720px;
}

.pnr-search-conditions-table td {
    text-align: center;
    width: 100px;
}

.pnr-search-conditions-table input {
    text-align: center;
}

.ref-number-input {
    width: 90px;
}

.carrier-air-input {
    width: 80px;
}

.pnr-list-option-button {
}

.wrap-pnr-list-container {
    overflow: auto;
    height: 535px;
    padding-top: 20px;
    width: 945px;
    /* overflow: auto;
    height: 76vh;
    padding-top: 20px;
    width: 100vmax; */
}

.wrap-pnr-list {
    overflow: auto;
    width: 890px;
    height: 510px;
}

.pnr-list-table {
    width: 890px;
}

    .pnr-list-table tr {
        text-align: center;
    }

    .pnr-list-table th {
        white-space: nowrap;
    }

.display-table.type-3.pnr-list-table th:first-child:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.display-table.type-3.pnr-list-table th.no-sort:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.pnr-list-table td {
    white-space: nowrap;
}

    .pnr-list-table td:nth-child(n+2) {
        min-width: 40px;
    }

    /* 該当するPNRが０件のときのTDホバー指定 */
    .pnr-list-table td:only-child:hover {
        background-color: white;
        color: black;
        cursor: auto;
    }

.pnr-list-table .customer-name {
    text-align: left;
    /* white-space: normal; */
}

.pnr-list-table .person-count {
    text-align: right;
}

.pnr-list-table .staff-name {
    text-align: left;
}

.pnr-list-table .ticket-limit {
    text-align: left;
}

.pnr-list-table .office-name {
    text-align: left;
    /* white-space: normal; */
}

.pnr-list-table .agent-memo {
    /* white-space: normal; */
}

.pnr-list-searching {
    font-size: 13px;
    padding: 30px 30px 150px;
}

.display-table.type-3.pnr-list-table .hover-off:hover {
    background-color: white;
    cursor: auto;
}

.display-table.type-3 .col-prewrap {
    white-space: pre-wrap;
}

/*------------------------------------------------- 
  ホテルPNR一覧 - 検索条件入力
---------------------------------------------------*/
.input-table.type-1.hotel-pnr-search-conditions-table {
	margin-top: 10px;
	width: 400px;
}

	.hotel-pnr-search-conditions-table td {
		text-align: center;
	}

	.hotel-pnr-search-conditions-table input {
		text-align: center;
	}

.wrap-hotel-pnr-list {
	overflow: auto;
	width: 890px;
	height: 510px;
}

.hotel-pnr-list-table {
	width: 890px;
}

	.hotel-pnr-list-table tr {
		text-align: center;
	}

	.hotel-pnr-list-table th {
		white-space: nowrap;
	}

/* 該当するPNRが０件のときのTDホバー指定 */
	.hotel-pnr-list-table td:only-child:hover {
		background-color: white;
		color: black;
		cursor: auto;
	}

	.hotel-pnr-list-table .limit-icon {
		min-width: 10px;
	}
	.hotel-pnr-list-table .checkin-date {
		min-width: 100px;
	}
	.hotel-pnr-list-table .refno {
		min-width: 60px;
	}
	.hotel-pnr-list-table .hotel-name {
		min-width: 100px;
		text-align: left;
	}
	.hotel-pnr-list-table .guest-name {
		min-width: 100px;
		text-align: left;
	}
	.hotel-pnr-list-table .room-count {
		min-width: 40px;
		text-align: right;
	}
	.hotel-pnr-list-table .agt-charge-sub {
		min-width: 70px;
		text-align: left;
	}
	.hotel-pnr-list-table .pnr-status {
		min-width: 80px;
	}
	.hotel-pnr-list-table .final-limit {
		min-width: 80px;
	}
	.hotel-pnr-list-table .office {
		min-width: 100px;
		text-align: left;
	}
	.hotel-pnr-list-table .requested-datetime {
		min-width: 80px;
	}
	.hotel-pnr-list-table .agent-memo {
		min-width: 60px;
		text-align: left;
	}
	.hotel-pnr-list-table .air-pnrid {
		min-width: 60px;
		text-align: left;
	}

/*------------------------------------------------- 
  ホテルPNR一覧 - 予約詳細
---------------------------------------------------*/
.wrap-hotel-reserve-detail {
	display: flex;
	flex-wrap: wrap;
}

.wrap-hotel-reserve-detail-info {
	width: 82%;
	margin-right: 15px;
}

.hotel-info {
	margin-bottom: 10px;
	width: 100%;
}

	.hotel-info .view-price-type {
		font-size: 13px;
		text-align: right;
		margin-top: 5px;
		margin-right: 10px;
	}

.information-block {
	width: 100%;
}

	.information-block .btn-relation {
		display: inline-block;
		padding: 0.3em 0.7em;
		margin: 0px 1px 2px 1px;
		text-decoration: none;
		text-align: center;
		font-size: 0.8em;
		vertical-align: middle;
		color: white;
		width: 120px;
		border-radius: 0.4em;
		background-color: #2b3f95;
	}

	.information-block .btn-release {
		display: inline-block;
		padding: 0.3em 0.7em;
		margin: 0px 1px 2px 1px;
		text-decoration: none;
		text-align: center;
		font-size: 0.8em;
		vertical-align: middle;
		color: white;
		width: 120px;
		border-radius: 0.4em;
		background-color: #ff5151;
	}

    .information-block caption {
        min-height: 10px;
        color: white;
        background-color: darkcyan;
        text-align: left;
        border: 1px solid gray;
        border-bottom: none;
    }

	.information-block th {
		text-align: right;
		width: 100px;
		padding: 2px;
		background-color: #F2F2F2;
	}

	.information-block td {
		white-space: normal;
		padding: 2px;
	}

	.information-block.guest-info th {
		text-align: center;
	}

	.information-block.guest-info td.room-no {
		text-align: center;
		width: 10%;
	}

	.information-block.guest-info td.name {
		width: 70%;
	}

	.information-block.guest-info td.salutation {
		text-align: center;
		width: 20%;
	}

	.information-block.price-info th.room-count {
		text-align: center;
		width: 5%;
	}

	.information-block.price-info th.common-price {
		text-align: center;
		width: 15%;
	}

	.information-block.price-info th.total-price {
		text-align: center;
		width: 20%;
	}

	.information-block.price-info td.room-count {
		text-align: center;
	}

	.information-block.price-info td.common-price {
		text-align: right;
	}

	.information-block.price-info td.total-price {
		text-align: right;
	}

	.information-block.price-info-edit th {
		text-align: center;
	}

		.information-block.price-info-edit th.total-tax {
			font-size: 0.8em;
		}

	.information-block.price-info-edit td {
		text-align: right;
	}

		.information-block.price-info-edit td.room-count {
			text-align: center;
		}

	.information-block.price-info-edit td.input {
		text-align: center;
	}

	.information-block.price-info-edit input {
		width: 96%;
		text-align: right;
	}

	.information-block.remarks-edit td.textarea {
		text-align: center;
	}

	.information-block.remarks-edit textarea {
		width: 99.5%;
	}



.wrap-hotel-reserve-detail-buttons {
	width: 15%;
	text-align: right;
	margin: 12px 0 12px 0;
}

	.wrap-hotel-reserve-detail-buttons li {
		margin-bottom: 5px;
		margin-right: 10px;
	}

	.wrap-hotel-reserve-detail-buttons button {
		width: 100%;
	}

	.wrap-hotel-reserve-detail-buttons .rcvd-info {
		margin-bottom:10px;
	}

/*------------------------------------------------- 
   コードヘルプ 共通
---------------------------------------------------*/
.code-help {
	display: none;
}

/*------------------------------------------------- 
  担当者名補完機能 コードヘルプ
---------------------------------------------------*/
.wrap-staff-help-info {
    float: left;
    width: 700px;
    height: 250px;
    overflow: scroll;
}

.staff-help-info-table {
}

.display-table.type-3.staff-help-info-table tbody tr.selected {
    background-color: #0c0c73;
    color: white;
}

.display-table.type-3.staff-help-info-table th {
    text-align: left;
    color: black;
}

    .display-table.type-3.staff-help-info-table th:hover {
        background-color: #0c0c73;
        color: white;
    }

.wrap-code-help-button {
    float: right;
}

    .wrap-code-help-button ul {
    }

    .wrap-code-help-button li {
        margin-bottom: 10px;
    }


/*------------------------------------------------- 
 PNR編集　担当者名入力
---------------------------------------------------*/
.staff-help-input-table {
    margin: 10px 0 20px 0;
}

    .staff-help-input-table th {
    }

.display-table.type-2.staff-help-input-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.staff-help-input-table input {
    float: left;
    padding-top: 4px;
}

.staff-help-input-table img {
    float: left;
}

/*------------------------------------------------- 
 PNR編集
---------------------------------------------------*/
.wrap-rcvd-input {
    float: right;
    margin-top: 12px;
    text-align: center;
}

.rcvd-input-table {
    margin-bottom: 15px;
}

    .rcvd-input-table caption {
        text-align: right;
    }

    .rcvd-input-table th {
        font-size: 11px;
    }

.display-table.type-2.rcvd-input-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.rcvd-input-table input {
    width: 96px;
}

.wrap-pnr-edit {
    width: 680px;
}

    .wrap-pnr-edit table th {
        font-size: 11px;
    }

    .wrap-pnr-edit table textarea {
        overflow-y: scroll;
        resize: none;
    }

        .wrap-pnr-edit table textarea.input-agent-free-memo {
            overflow-y: scroll;
            resize: none;
            white-space: pre-wrap
        }


/*------------------------------------------------- 
 国籍コードヘルプ
---------------------------------------------------*/
/* 例外としてスタイル付与 */
.code-help.js-dialog-country-help {
    background-color: lightgray;
}

.wrap-country-help {
    font-size: 13px;
    width: 360px;
}

.wrap-country-help-input div:nth-child(2) {
    margin-top: -1px;
}

.country-help-select-list {
    display: inline-flex;
    border: 1px solid #000;
    box-shadow: 1px 1px white;
    height: 27px;
    width: 330px;
}

    .country-help-select-list li:first-child {
        border-right: 1px solid #000;
        padding: 2px;
        width: 30px;
        text-align: center;
        font-weight: bold;
        padding-top: 7px;
    }

    .country-help-select-list li {
        padding: 2px
    }

    .country-help-select-list select {
        width: 290px;
    }

.wrap-country-help-contorole {
    float: right;
    margin-top: 12px;
}

.wrap-country-help-button {
    float: left;
    border: 1px solid black;
    box-shadow: 1px 1px white;
    padding: 1px;
    margin-top: 1px;
    margin-right: 5px;
}

    .wrap-country-help-button button {
        height: 22px;
        width: 80px;
    }

        .wrap-country-help-button button:first-child {
            margin-right: -3px;
        }

.wrap-country-help-search {
    float: left;
}

.country-help-search-list {
    display: inline-flex;
    border: 1px solid #000;
    box-shadow: 1px 1px white;
    height: 27px;
}

    .country-help-search-list li:first-child {
        border-right: 1px solid #000;
        padding: 2px;
        width: 30px;
        text-align: center;
        padding-top: 7px;
    }

    .country-help-search-list li {
        padding: 3px;
    }

    .country-help-search-list input {
        width: 80px;
    }

/*------------------------------------------------- 
 お客様名補完機能 コードヘルプ
---------------------------------------------------*/
.wrap-customer-help-info {
    float: left;
    width: 700px;
    height: 250px;
    overflow: scroll;
}

.customer-help-info-table {
}

.display-table.type-3.customer-help-info-table tbody tr.selected {
    background-color: #0c0c73;
    color: white;
}

.display-table.type-3.customer-help-info-table th {
    text-align: left;
    color: black;
}

    .display-table.type-3.customer-help-info-table th:hover {
        background-color: #0c0c73;
        color: white;
    }

/*------------------------------------------------- 
 都市・空港 コードヘルプ
---------------------------------------------------*/
.wrap-airport-control {
    float: left;
}

.airport-select-table {
    width: 400px;
}

    .airport-select-table th {
        width: 100px;
    }

.display-table.type-2.airport-select-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.airport-select-table select {
    width: 289px;
}

.wrap-airport-button {
    padding-left: 30px;
    margin-top: 10px;
}

.wrap-airport-search {
    float: right;
    font-size: 13px;
    border: 1px dotted gray;
    padding: 10px;
    margin-right: 40px;
}

.airport-search-table {
}

    .airport-search-table th {
        width: 100px;
    }

.display-table.type-2.airport-search-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.airport-search-table input {
    width: 120px;
}

.airport-search-table button {
    box-shadow: 1px 1px grey;
    background-color: #efefef;
    border: none;
    width: 45px;
}

.airport-search-description {
    color: gray;
    font-size: 11px;
}

    .airport-search-description div {
        margin-top: 20px;
    }

/*------------------------------------------------- 
　約定書
---------------------------------------------------*/
.wrap-agreement-description {
    font-size: 13px;
    padding-left: 25px;
    margin-bottom: 10px;
    width: 665px;
}

.wrap-agreement-contents {
    width: 820px;
    margin: 0 auto;
}

.wrap-agreement-container {
    font-size: 13px;
    overflow: auto;
    height: 260px;
    border-top: 1px solid gray;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-left: 2px solid gray;
    padding: 10px 5px 10px 5px;
}

.agreement-print {
    float: right;
    font-size: 13px;
    margin: 10px 0 10px 0;
}

    .agreement-print a {
        text-decoration: underline;
        color: royalblue;
    }

        .agreement-print a:hover {
            cursor: pointer;
        }

.agreement-info-table {
    width: 500px;
    margin-bottom: 10px;
}

    .agreement-info-table th {
        text-align: left;
        width: 65px;
    }

.display-table.type-2.agreement-info-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.agreement-info-table input {
    width: 93%;
}

    .agreement-info-table input:first-child {
        float: left;
    }

.agreement-info-table img {
    float: left;
    padding-left: 2px;
}

/*------------------------------------------------- 
　約定書 福袋1
---------------------------------------------------*/
.agreements-title {
    border-bottom: 1px solid gray;
    font-size: 13px;
    padding-bottom: 10px;
}

.agreements-fukubukuro-list {
    font-size: 13px;
}

    .agreements-fukubukuro-list li {
        padding-top: 20px;
        padding-left: 1em;
        text-indent: -1em;
    }

        .agreements-fukubukuro-list li:nth-child(4) {
            padding-bottom: 20px;
        }

    .agreements-fukubukuro-list p {
        padding-left: 40px;
        text-indent: -1em;
    }
/* 
.agreements-list li::before {
    content: "●";
    font-size: 10px;
} */

/*------------------------------------------------- 
　約定書 ツアー1、ツアー2
---------------------------------------------------*/
.wrap-agreements {
    font-size: 13px;
}

    .wrap-agreements p {
        margin: 10px 0 5px 0;
    }

.agreements-list {
    list-style: disc;
    padding-left: 45px;
}

    .agreements-list li {
    }

        .agreements-list li:last-child {
            padding-bottom: 20px;
        }

    .agreements-list p {
        margin: 0;
    }

.agreements-list-layout {
    padding-top: 10px;
}

/*------------------------------------------------- 
　時間ヘルプ
---------------------------------------------------*/
.wrapper-timehelp {
    font-size: 13px;
    width: 600px;
}

.wrap-timehelp-grid {
    border: 1px dotted gray;
    font-size: 13px;
    width: fit-content;
    padding: 10px;
    margin-bottom: 20px;
}

.timehelp-button {
    box-shadow: 1px 1px grey;
    background-color: #efefef;
    border: none;
    width: 80px;
}

.timehelp-table {
    margin-bottom: 20px;
    width: 333px;
}

    .timehelp-table th {
        width: 80px;
    }

        .timehelp-table th:hover {
            background-color: #f2f2f2;
            cursor: auto;
        }

    .timehelp-table span {
        margin-right: 10px;
    }

/* 例外としてスタイル付与 */
.code-help.js-dialog-multica-help {
    background-color: lightgray;
}

.wrap-multica-help {
    font-size: 13px;
    width: 400px;
}

.multica-help-title {
    text-align: center;
    border: 1px solid black;
    border-bottom: none;
    box-shadow: inset 1px 1px white;
    font-weight: bold;
    padding: 2px;
}

.multica-help-select {
    padding: 5px;
    border: 1px solid black;
    box-shadow: inset 1px 1px white;
    text-align: left;
}

    .multica-help-select select {
        width: 95%;
        height: 130px;
    }

.multica-help-list {
    display: inline-flex;
    border: 1px solid black;
    margin-top: 20px;
    width: 100%;
}

    .multica-help-list li {
        padding: 2px;
        box-shadow: inset 1px 1px white;
    }

        .multica-help-list li:first-child {
            border-right: 1px solid black;
            width: 130px;
            align-items: center;
            display: flex;
        }

.wrap-multica-help-button {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}

/*------------------------------------------------- 
    PNR集計
---------------------------------------------------*/
.wrap-pnrcount-totalization {
    float: left;
    margin-right: 3px;
    width: 576px;
}

.pnrcount-totalization-table {
    width: 100%;
    margin-bottom: -1px;
}

    .pnrcount-totalization-table div {
        padding: 5px;
    }

        .pnrcount-totalization-table div:nth-child(2) {
            border-top: 1px solid gray;
            border-bottom: 1px solid gray;
        }

        .pnrcount-totalization-table div:last-child {
            border-bottom: none;
        }

    .pnrcount-totalization-table th {
        width: 54px;
    }

.display-table.type-1.pnrcount-totalization-table th:hover {
    background-color: beige;
}

.pnrcount-totalization-table td {
    font-size: 11px;
}

.pnrcount-totalization-table input[type="text"] {
    width: 100px;
}

.pnrcount-table-caption {
    font-size: 13px;
    font-weight: bold;
}

.wrap-pnrcount-setting {
    float: left;
    width: 290px;
}

.pnrcount-setting-table {
    height: 31px;
    margin-bottom: -1px;
    width: 100%;
}

    .pnrcount-setting-table div {
        padding: 5px 0 5px 0;
    }

        .pnrcount-setting-table div:nth-child(2) {
            border-top: 1px solid gray;
            border-bottom: 1px solid gray;
        }

    .pnrcount-setting-table th {
        width: 60px;
    }

.display-table.type-1.pnrcount-setting-table th:hover {
    background-color: beige;
}

.pnrcount-setting-table td {
    font-size: 11px;
    padding-left: 5px;
}

.pnrcount-table-layout {
}

    .pnrcount-table-layout span {
        display: inline-block;
        width: 49px;
    }

        .pnrcount-table-layout span:nth-of-type(3) {
            padding-right: 23px;
        }

.pnrcount-table-layout-hotel {
}

	.pnrcount-table-layout-hotel span {
		display: inline-block;
		width: 55px;
	}

	.pnrcount-table-layout-hotel span.long {
		display: inline-block;
		width: 72px;
	}
.pnrcount-button {
    padding-top: 5px;
}

    .pnrcount-button button {
        padding: 2px;
        width: 80px;
    }

.asitra-caption {
    float: left;
    font-size: 13px;
    padding-top: 10px;
}

.asitra-contents {
    float: left;
    font-size: 13px;
    margin-bottom: 20px;
    padding-left: 5px;
}

.border-blue {
    border-bottom: 2px solid blue;
    margin: 10px 0 20px 0;
}

.wrap-pnrcount-info {
    display: inline-block;
}

.pnrcount-info-table {
}

    .pnrcount-info-table tr:hover {
        background-color: orange;
        cursor: pointer;
    }

.display-table.type-1.pnrcount-info-table th {
    font-weight: normal;
    white-space: normal;
}

    .display-table.type-1.pnrcount-info-table th:hover {
        background-color: beige;
        cursor: default;
    }

.pnrcount-info-table td {
    white-space: normal;
}

.display-table.type-1.pnrcount-info-table .hover-off:hover {
    background-color: white;
    cursor: auto;
}

.pnrcount-row {
    word-break: keep-all;
}

.pnrcount-col {
    text-align: right;
}

/* PNR集計サブ */
.pnrcount-sub-title {
    font-size: 13px;
    color: white;
    background-color: MIDNIGHTBLUE;
    text-align: center;
    width: 150px;
    font-weight: bold;
    border-style: none;
    padding: 8px 3px 8px 3px;
}

.display-table.type-1.pnrcount-info-table.sub th:hover {
    background-color: orange;
    cursor: pointer;
}

/*------------------------------------------------- 
    PNR詳細検索
---------------------------------------------------*/
.wrap-pnrdetail-search-input {
    width: 295px;
}

.pnrdetail-search-input-table {
    width: 100%;
    float: left;
}

    .pnrdetail-search-input-table th {
        width: 60px;
    }

.display-table.type-2.pnrdetail-search-input-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.pnrdetail-search-input-table input {
    width: 100%;
    box-sizing: border-box;
}

.pnrdetail-search-input-table tr:last-child input {
    width: 40px;
}

.wrap-pnrdetail-search-conditions {
    float: right;
}

.pnrdetail-search-button {
    margin-bottom: 10px;
}

.pnrdetail-search-conditions-table {
    margin-left: 7px;
    width: 125px;
}

    .pnrdetail-search-conditions-table div {
        padding: 2px 0 2px 0;
    }

    .pnrdetail-search-conditions-table caption {
        text-align: center;
    }

    .pnrdetail-search-conditions-table td {
        padding: 5px;
    }

/*------------------------------------------------- 
    PNR詳細検索結果
---------------------------------------------------*/
.wrap-pnrdetail-search-result {
    font-size: 13px;
    padding-left: 20px;
}

.pnrdetail-search-result-title {
    padding: 20px 0 20px 0;
}

.pnrdetail-search-result-conditions {
    margin-bottom: 20px;
}

    .pnrdetail-search-result-conditions li {
        padding: 2px 0 2px 0;
    }

.pnrdetail-search-result-success {
    padding-bottom: 20px;
}

.search-success-text {
    color: green;
}

/*------------------------------------------------- 
    SkyRep メール予約申し込み
---------------------------------------------------*/
.mailrsv-conditions-table {
    width: 670px;
}

    .mailrsv-conditions-table th {
        text-align: left;
        width: 130px;
    }

.display-table.type-2.mailrsv-conditions-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.mailrsv-conditions-table-select {
    width: 100%;
}

/* 商品名 */
.mailrsv-fare-name {
    color: firebrick;
    border-top: 3px double gray;
    border-bottom: 1px solid gray;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 0 7px 0;
    margin-top: 10px;
}

.mailrsv-caption {
    color: firebrick;
    font-size: 13px;
    padding: 20px 20px 20px 0;
    text-indent: -1em;
}

.wrap-mailrsv-section {
    padding-left: 35px;
}

/* １．スケジュールの入力 */
.mailrsv-schedule-input-table {
    width: 430px;
}

.display-table.type-2.mailrsv-schedule-input-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

/* ２．ご搭乗者名の入力 */
.mailrsv-passenger-input-table {
    width: 950px;
}

    .mailrsv-passenger-input-table th {
        text-align: left;
    }

.display-table.type-2.mailrsv-passenger-input-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.mailrsv-passenger-input-table td {
}

    .mailrsv-passenger-input-table td:first-child {
        text-align: center;
    }

    .mailrsv-passenger-input-table td:nth-child(6) {
        text-align: center;
    }

.mailrsv-passenger-input-table .age {
    width: 25px;
}

.mailrsv-passenger-input-table .country-code {
    width: 25px;
}

.mailrsv-passenger-input-table .col-title {
    width: 40px;
}

/* ３．ご希望・ご連絡事項 */
.mailrsv-message-box {
    overflow-y: scroll;
    resize: none;
}

/* ４．ご担当者名の入力 */
.wrap-mailrsv-agent {
    margin-bottom: 30px;
}

    .wrap-mailrsv-agent img {
        float: left;
        padding-left: 2px;
    }

.mailrsv-agent-table {
    float: left;
    width: 340px;
}

    .mailrsv-agent-table th {
        text-align: left;
        width: 87px;
    }

.display-table.type-2.mailrsv-agent-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.mailrsv-agent-table tr:first-child input {
    width: 100px;
}

.mailrsv-agent-table tr:nth-child(2) input {
    width: 180px;
}

.mailrsv-agent-table tr:last-child input {
    width: 238px;
}

/* メール予約　送信確認 */
.mailrsv-conditions-table.confirm {
    margin-bottom: 10px;
    width: auto;
}

    .mailrsv-conditions-table.confirm th {
        text-align: left;
        width: auto;
    }

/* １．スケジュールの入力 */
.mailrsv-schedule-input-table.confirm {
    width: 430px;
}

    .mailrsv-schedule-input-table.confirm th {
        text-align: left;
        padding: 5px 2px 5px 2px;
    }

    .mailrsv-schedule-input-table.confirm td {
        text-align: center;
        padding: 5px 2px 5px 2px;
    }

.mailrsv-fare-name.confirm {
    margin-bottom: 20px;
}

.mailrsv-passenger-confirm-table {
}

    .mailrsv-passenger-confirm-table th {
    }

.display-table.type-2.mailrsv-passenger-confirm-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.mailrsv-passenger-confirm-table td {
    text-align: center;
}

/* ３．ご希望・ご連絡事項 */
.mailrsv-message-box-list {
    font-size: 13px;
}

/* ４．ご担当者名の入力 */
.mailrsv-agent-table.confirm {
    float: left;
    width: auto;
}

    .mailrsv-agent-table.confirm th {
        padding: 5px 3px;
    }

/* メール予約　送信完了 */
.wrap-mailrsv-section.send {
    margin-bottom: 70px;
}

/*------------------------------------------------- 
    空席チェック
---------------------------------------------------*/
.wrap-check-availability {
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    max-width: 500px;
    min-width: 200px;
}

.check-availability-searching {
    padding: 5px 0 15px 0;
    text-align: center;
    font-size: 13px;
    min-width: 200px;
}

.wrap-check-availability-title {
    border: 1px solid gray;
    text-align: center;
    padding: 2px;
    margin-bottom: 10px;
    font-size: 13px;
    min-width: 200px;
}

.check-availability-title-contents {
    width: 180px;
    display: inline-block;
}

    .check-availability-title-contents div {
        float: left;
        width: 105px;
        text-align: left;
    }

        .check-availability-title-contents div:nth-child(2n-1) {
            width: 70px;
        }

.asitra-title {
    text-align: left;
    margin: 0 auto;
    width: 180px;
}

.check-availability-border {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    width: 220px;
    display: inline-block;
    margin: 5px 0 -6px 0;
    padding: 5px 0 5px 40px;
}

.check-availability-failed {
    border-top: 1px solid silver;
    width: 260px;
    display: inline-block;
    margin: 5px 0 5px 0;
}

    .check-availability-failed li {
        border-bottom: 1px solid silver;
        color: silver;
        padding: 5px 0 5px 0px;
    }

.list-search-type {
    padding-left: 10em;
}

.check-availability-layout {
    padding: 20px 0 20px 0;
    font-weight: bold;
}

.wrap-check-availability-table {
    display: inline-block;
    margin-bottom: 10px;
}

    .wrap-check-availability-table table {
    }

        .wrap-check-availability-table table td {
            padding: 2px;
            white-space: normal;
        }

        .wrap-check-availability-table table th {
            background-color: #f2f2f2;
            padding: 2px;
        }

.wrap-check-availability-alert {
    display: inline-flex;
    padding: 10px;
}

.check-availability-alert-caption {
    color: orange;
    font-weight: bold;
    float: left;
    min-width: 4em;
    text-align: left;
}

.check-availability-alert-contents {
    float: left;
    text-align: left;
    padding-left: 3px;
}

.check-availability-button {
    display: inline-block;
    margin-top: 10px;
}

/* 文字色 */
.font-orengered {
    color: orangered;
}

.font-royalblue {
    color: royalblue;
}

.font-green {
    color: green;
}

.font-orange {
    color: orange;
}

.font-silver {
    color: silver;
}

/*------------------------------------------------- 
    オプション設定
---------------------------------------------------*/
.wrap-agent-option-section {
    position: relative;
    margin: 0px 10px 15px 10px;
    padding: 0px;
    width: 250px;
    float: left;
    border: 1px dashed whitesmoke;
}

    /* 未ログイン時 */
    .wrap-agent-option-section.no-authority {
        width: 500px;
    }

.agent-option-caption {
    position: relative;
    font-size: 13px;
    width: 100%;
    margin: 0px;
    padding: 2px;
    line-height: 1.2em;
    background-color: whitesmoke;
    border-bottom: 1px solid gray;
}

    .agent-option-caption a {
        color: darkblue;
    }

        .agent-option-caption a:hover {
            text-decoration: underline;
        }

        .agent-option-caption a::before {
            content: url(./Images/dot_tri_rt_01.gif);
        }

.agent-option-description {
    position: relative;
    height: 50px;
    margin: 0px 0px 0px 10px;
    padding: 2px;
    color: gray;
    line-height: 1.4em;
    font-size: 10pt;
    border: 0px solid blue;
}

/*------------------------------------------------- 
    AB-ROAD設定
---------------------------------------------------*/
.agent-abroad-list {
    font-size: 13px;
    background-color: #ededff;
    width: 640px;
    margin-left: 130px;
}

    .agent-abroad-list li {
        padding: 2px;
    }

        .agent-abroad-list li::before {
            content: url(./Images/dot_01.gif);
        }

    .agent-abroad-list div {
        display: inline-block;
    }

    .agent-abroad-list li div:first-child {
        padding-left: 1em;
        width: 200px;
    }

    .agent-abroad-list li div:last-child {
        width: 400px;
    }

    .agent-abroad-list li a {
        color: #990000;
        text-decoration: underline;
    }

/*------------------------------------------------- 
    AB-ROAD　基本設定
---------------------------------------------------*/
.wrap-abroad-baseinfo-input {
    font-size: 13px;
}

.abroad-baseinfo-input-table {
    width: 100%;
}

    .abroad-baseinfo-input-table button {
        float: right;
        padding: 1px;
        width: 125px;
    }

    .abroad-baseinfo-input-table input {
        font-size: 11px;
    }

    .abroad-baseinfo-input-table tr:first-child input {
        width: 180px;
    }

    .abroad-baseinfo-input-table tr:first-child input {
        width: 180px;
    }

    .abroad-baseinfo-input-table tr:nth-child(2) input {
        width: 100%;
        box-sizing: border-box;
    }

    .abroad-baseinfo-input-table tr:last-child input {
        width: 2em;
    }

    .abroad-baseinfo-input-table th {
        text-align: left;
        width: 155px;
    }

.display-table.type-2.abroad-baseinfo-input-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.abroad-baseinfo-info-table {
    width: 100%;
}

    .abroad-baseinfo-info-table tr:first-child td {
        color: white;
        background-color: darkcyan;
        border-right-color: white;
    }

        .abroad-baseinfo-info-table tr:first-child td:last-child {
            border-right-color: gray;
        }

        .abroad-baseinfo-info-table tr:first-child td:nth-child(n+2) {
            text-align: center;
        }

    .abroad-baseinfo-info-table th {
        width: 152px;
        text-align: left;
    }

.display-table.type-2.abroad-baseinfo-info-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.abroad-baseinfo-info-table td {
    white-space: normal;
}

.abroad-baseinfo-info-table textarea {
    overflow-y: scroll;
    resize: none;
}

.wrap-abroad-baseinfo-button {
    text-align: center;
    padding: 20px;
}

    .wrap-abroad-baseinfo-button input {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        width: 45px;
    }

/*------------------------------------------------- 
    AB-ROAD Q&A設定
---------------------------------------------------*/
.wrap-faqsetting-button {
    float: right;
    margin-bottom: 3px;
}

    .wrap-faqsetting-button input {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 3px 20px;
    }

.faqsetting-edit-table {
    width: 100%;
    margin-bottom: 60px;
}

.display-table.type-2.faqsetting-edit-table th {
    background-color: #f2f2f2;
    cursor: pointer;
    white-space: nowrap;
}

.faqsetting-edit-table input {
}

.faqsetting-edit-table td:nth-child(2) input {
    width: 620px;
}

.faqsetting-edit-table td:nth-child(4) input {
    width: 80px;
}

.faqsetting-edit-table textarea {
    overflow-y: scroll;
    resize: none;
}

.faqsetting-alert {
    color: red;
    font-size: 13px;
}

.faqsetting-info-container-header {
    font-size: 13px;
}

    .faqsetting-info-container-header span {
        display: inline-block;
        background-color: #f2f2f2;
        border: 1px solid gray;
        padding: 3px;
        margin-right: -5px;
        min-width: 37px;
    }

        .faqsetting-info-container-header span:first-child {
            width: 158px;
        }

        .faqsetting-info-container-header span:nth-child(2) {
            width: 610px;
        }

.wrap-faqsetting-info-container {
    width: 890px;
    height: 350px;
    overflow: auto;
}

.faqsetting-info-table {
    width: 100%;
}

    .faqsetting-info-table tr {
    }

        .faqsetting-info-table tr:hover {
            background-color: lemonchiffon;
            cursor: pointer;
        }

        .faqsetting-info-table tr.selected {
            background-color: orange;
            cursor: pointer;
        }

    .faqsetting-info-table td {
        min-width: 40px;
        text-align: left;
        white-space: normal;
    }

        .faqsetting-info-table td:first-child {
            width: 160px;
        }

/*------------------------------------------------- 
    AB-ROAD商品設定
---------------------------------------------------*/
.fareinfo-farelist.description-text {
    float: left;
}

.wrap-fareinfo-farelist {
    font-size: 13px;
}

    .wrap-fareinfo-farelist button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 3px 20px;
        width: 100%;
    }

.indus-button {
    float: right;
}

.wrap-fareinfo-farelist-conditions {
    float: left;
}

.fareinfo-farelist-conditions-table {
}

.display-table.type-2.fareinfo-farelist-conditions-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.fareinfo-farelist-conditions-table div {
    padding: 5px;
}

.fareinfo-farelist-conditions-table button {
    float: right;
    padding: 2px;
    width: 50px;
}

.fareinfo-farelist-conditions-table ul {
    display: inline-flex;
}

.fareinfo-farelist-conditions-table li {
    margin-right: 3px;
    width: 100px;
}

.ca-input {
    width: 30px;
}

.fareinfo-input {
    width: 80px;
}

.fare-add-button {
    float: right;
    margin-bottom: 10px;
}

.fareinfo-farelist-alert {
    float: right;
    width: 390px;
    border: 1px solid red;
    padding: 1px;
    color: red;
    margin-left: 3px;
}

.wrap-fareinfo-farelist-option {
    border-top: 1px solid gray;
    padding-top: 10px;
}

.fareinfo-farelist-description {
    float: left;
}

    .fareinfo-farelist-description li {
        padding-bottom: 10px;
    }

.fare-change-button {
    float: left;
    padding-top: 20px;
}

.fareinfo-count {
    float: right;
    padding-top: 17px;
}

.wrap-fareinfo-farelist-container {
    overflow-y: scroll;
    height: 450px;
    /* width: 100%; */
    border: 1px solid gray;
    padding: 2px;
    width: 890px;
}

.fareinfo-farelist-table {
    width: 100%;
}

    .fareinfo-farelist-table table {
        width: 100%;
    }

    .fareinfo-farelist-table button {
        padding: 2px;
        width: 90px;
    }

.display-table.type-2.fareinfo-farelist-table table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.fareinfo-farelist-table th:first-child:hover,
.fareinfo-farelist-table th:last-child:hover,
.fareinfo-farelist-table th:nth-child(8):hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.display-table.type-2.fareinfo-farelist-table th {
    word-break: keep-all;
}

.fareinfo-farelist-table table th,
.fareinfo-farelist-table table:first-child td {
    text-align: left;
}

.fareinfo-farelist-table th:nth-child(4) {
    min-width: 80px;
}

.fareinfo-farelist-table th:nth-child(8) {
    min-width: 312px;
}

.fareinfo-farelist-table th:last-child {
    min-width: 96px;
}

.fareinfo-farelist-table div {
    padding: 3px;
}

.fareinfo-farelist-table td {
    white-space: normal;
}

    .fareinfo-farelist-table td:nth-child(2) {
        text-align: center;
    }

.fareinfo-farelist-table table th:nth-child(4) {
    min-width: 13px;
}

.col-fare-code {
    float: left;
}

.col-fare-number {
    float: right;
}

.col-slash {
    text-align: right;
}

.col-border {
    border-top: 1px solid gray;
}

.wrap-zone-detail {
    position: absolute;
    top: 330px;
    left: 330px;
    background-color: ivory;
    font-size: 13px;
    width: 270px;
    height: 170px;
    border: 1px solid gray;
}

    .wrap-zone-detail .head {
        background-color: #50738A;
        height: 15px;
        font-weight: bold;
        text-align: right;
        padding: 1px;
        z-index: 99;
        position: relative;
    }

    .wrap-zone-detail .button {
        color: white;
        display: inline-block;
        border: 1px solid white;
    }

        .wrap-zone-detail .button a {
            color: white;
        }

    .wrap-zone-detail .container {
        padding: 2px;
        overflow: auto;
        height: 149px;
    }

    .wrap-zone-detail .content {
        margin-bottom: 25px;
        word-break: break-word;
        word-wrap: break-word;
        font-family: 'Meiryo UI', monospace;
    }

        .wrap-zone-detail .content span {
            font-size: 12px;
            padding: 0 2px;
        }

/*------------------------------------------------- 
    AB-ROAD商品詳細設定
---------------------------------------------------*/
.wrap-ab-road-link {
    text-align: right;
    font-size: 13px;
    margin: 2px 0 2px 0;
}

    .wrap-ab-road-link a {
        text-decoration: underline;
        color: royalblue;
    }

.wrap-fareinfo-faredetail {
    font-size: 13px;
    margin-left: 60px;
    width: 750px;
}

.fareinfo-faredetail-table textarea {
    overflow-y: scroll;
    resize: none;
}

.fareinfo-faredetail-table input:disabled {
    background-color: #f2f2f2;
}

.fareinfo-faredetail-table {
    width: 100%;
}

    .fareinfo-faredetail-table th {
        text-align: left;
        width: 150px;
    }

.display-table.type-2.fareinfo-faredetail-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.fareinfo-faredetail-table td {
    white-space: normal;
}

.display-table.type-2.fareinfo-faredetail-table tr:first-child span:nth-of-type(3) {
    padding-left: 1em;
}

.fareinfo-faredetail-table table {
    width: 100%;
}

.display-table.type-2.fareinfo-faredetail-table table th, td {
    padding: 5px;
}

.display-table.type-2.fareinfo-faredetail-table table th {
    width: 113px;
}

.display-table.type-2.fareinfo-faredetail-table table td:first-child {
    width: 120px;
}
/* 期間 */
.travel-day {
}

    .travel-day input {
        width: 30px;
    }

/* 都市数 */
.city-count {
}

    .city-count input {
        width: 30px;
    }

/* 国内出発地 */
.internal-departure {
    /* padding-right: 100px; */
}

    .internal-departure input {
        width: 35px
    }

/* 航空券紹介・利用条件など */
.airtkt-introduction {
    width: 420px;
}

.end-day {
}

    .end-day input {
        width: 40px;
    }

.wrap-fareinfo-faredetail-button {
    padding-left: 300px;
}

    .wrap-fareinfo-faredetail-button button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 2px;
    }

/*------------------------------------------------- 
    AB-ROAD設定確認
---------------------------------------------------*/
.wrap-fareinfo-confirm {
    width: 100%;
}

.fareinfo-confirm-textarea {
    white-space: pre-wrap;
}

.fareinfo-faredetail-table.confirm {
    width: auto;
}

.wrap-fareinfo-confirm-button {
    border: none;
    text-align: center;
}

    .wrap-fareinfo-confirm-button button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 2px 7px;
    }

/*------------------------------------------------- 
    AB-ROAD設定完了
---------------------------------------------------*/
.fareinfo-finish-message {
    font-size: 13px;
}

.fareinfo-finish-alert {
    border: none;
}

/*------------------------------------------------- 
    AB-ROAD エアータリフ
---------------------------------------------------*/
.fareselect-button {
    position: absolute;
    right: 200px;
    width: 50px;
    top: 7px;
    box-shadow: 1px 1px grey;
    background-color: #efefef;
    border: none;
    padding: 2px 7px;
}

.wrap-search-fare-code .fareselect-input {
    position: absolute;
    top: 7px;
    right: 50px;
}

.wrap-search-fare-code .search.fareselect-search {
    position: absolute;
    top: 5px;
    right: 0px;
}

.farelist-change-button {
    margin-top: 30px;
}

.wrap-input-option .fareselect-select {
    width: 250px;
}

/*------------------------------------------------- 
    AB-ROAD商品区分選択
---------------------------------------------------*/
.wrap-farelist-farezone {
    width: 500px;
}

    .wrap-farelist-farezone button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 2px 13px;
    }

.farezone-table {
    float: left;
}

    .farezone-table th {
    }

.display-table.type-2.farezone-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.farezone-table td {
    text-align: center;
}

.farezone-table-button {
    float: right;
    padding-top: 38px;
}

.farezone-info-table {
    margin-top: 5px;
    width: 100%;
}

    .farezone-info-table th {
        width: 100px;
        text-align: left;
    }

.display-table.type-2.farezone-info-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.farezone-info-table td {
    white-space: normal;
}

.farezone-info-table .layout-right {
    float: right;
}

.farezone-border-section {
    border-bottom: 1px solid gray;
    padding: 5px 0;
    margin: 4px;
}
    .farezone-border-section td {
        border: none;
    }

    .farezone-border-section td:nth-child(2) {
        width: 105px;
    }

    .farezone-border-section span {
        display: block;
    }


.fareinfo-farezone-message {
    font-size: 13px;
}

    .fareinfo-farezone-message li {
        padding: 2px 0;
    }

.farelist-farezone-button {
    text-align: center;
}

    .farelist-farezone-button ul {
        display: inline-block;
    }

/*------------------------------------------------- 
    AB-ROAD実績集計
---------------------------------------------------*/
.wrap-list-farelist {
    margin: 0 auto;
    width: 700px;
}


.list-farelist-button {
    float: right;
    margin-bottom: 20px;
}

    .list-farelist-button button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 2px;
    }

.list-farelist-table {
    width: 100%
}

    .list-farelist-table th {
        text-align: left;
    }

.display-table.type-2.list-farelist-table th:nth-child(2):hover,
.display-table.type-2.list-farelist-table th:nth-child(3):hover,
.display-table.type-2.list-farelist-table th:nth-child(4):hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.wrap-list-farelist .message {
    text-align: center;
    font-size: 13px;
}

/*------------------------------------------------- 
    AB-ROAD実績集計
---------------------------------------------------*/
.wrap-agentcomment-comment {
    font-size: 13px;
}

.agentcomment-comment-alert {
    margin: 20px 0;
}

.agentcomment-display {
    border: 1px solid gray;
    display: table-cell;
    padding: 2px;
}

.agentcomment-table {
    margin: 25px 0 10px 0;
}

    .agentcomment-table th {
        text-align: left;
    }

.display-table.type-2.agentcomment-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.agentcomment-table textarea {
    overflow-y: scroll;
    resize: none;
}

.agentcomment-table td {
    white-space: normal;
}

/*------------------------------------------------- 
    販促ツール印刷
---------------------------------------------------*/
.agent-print-table {
    width: 100%;
}

    .agent-print-table thead,
    .agent-print-table tbody {
        display: block;
    }

    .agent-print-table thead {
        width: 98%;
    }

    .agent-print-table tbody {
        overflow-y: scroll;
        height: 200px;
    }

    .agent-print-table th {
        text-align: left;
    }

.display-table.type-2.agent-print-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.agent-print-table th:first-child,
.agent-print-table td:first-child {
    width: 140px;
}

.agent-print-table th:nth-child(2),
.agent-print-table td:nth-child(2) {
    width: 60px;
}

.agent-print-table th:nth-child(3),
.agent-print-table td:nth-child(3) {
    width: 300px;
}

.agent-print-table th:last-child,
.agent-print-table td:last-child {
    width: 300px;
}

.agent-print-table td {
    text-align: center;
    height: 13px;
    white-space: normal;
}

    .agent-print-table td:nth-child(n+3) {
        text-align: left;
    }

    .agent-print-table td[colspan="4"] {
        text-align: left;
        width: 815px;
    }

.agent-print-link {
    margin: 10px 0;
}

    .agent-print-link a {
        text-decoration: underline;
    }

.agent-print-message {
    margin: 10px 0;
}


.agent-setup-table {
    /* width: 100%; */
}

    .agent-setup-table th {
        text-align: left;
    }

.display-table.type-2.agent-setup-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.agent-setup-table tr:first-child th {
    background-color: darkcyan;
    color: white;
}

.display-table.type-2.agent-setup-table tr:first-child th:hover {
    background-color: darkcyan;
    cursor: auto;
}

.agent-setup-table div {
    padding: 5px 2px;
}

.agent-setup-table input[type="text"] {
    width: 30px;
}

.agent-setup-table select {
    width: 100%;
}

.agent-setup-button {
    margin-top: 60px;
}

/*------------------------------------------------- 
    SR-Joker設定
---------------------------------------------------*/
.agent-skyjoker-list {
    font-size: 13px;
    background-color: #ededff;
    width: 570px;
    margin-left: 130px;
}

    .agent-skyjoker-list li {
        padding: 5px 2px 5px 0px;
        vertical-align: middle;
        display: table;
    }

    .agent-skyjoker-list a {
        color: #990000;
        text-decoration: underline;
    }

        .agent-skyjoker-list a::before {
            content: url(./Images/dot_01.gif);
            margin-right: 1em;
        }

    .agent-skyjoker-list .caption,
    .agent-skyjoker-list .description {
        display: table-cell;
    }

    .agent-skyjoker-list .caption {
        vertical-align: middle;
        padding-left: 1em;
        width: 200px;
    }

    .agent-skyjoker-list .description {
        width: 340px;
    }

/*------------------------------------------------- 
    SRJoker基本情報条件設定
---------------------------------------------------*/
.skyjoker-setbasis-table {
    width: 100%;
}

.display-table.type-1.skyjoker-setbasis-table th {
    font-weight: 100;
}

    .display-table.type-1.skyjoker-setbasis-table th:hover {
        background-color: beige;
        cursor: auto;
    }

.skyjoker-setbasis-table textarea {
    overflow-y: scroll;
    resize: none;
}

.skyjoker-setbasis-table .mini {
    width: 30px;
}

.skyjoker-setbasis-table .small {
    width: 200px;
}

.skyjoker-setbasis-table .middle {
    width: 300px;
}

.skyjoker-setbasis-table .large {
    width: 400px;
}

.skyjoker-setbasis-regulation-table {
    margin-top: 15px
}

.display-table.type-1.skyjoker-setbasis-regulation-table th {
    font-weight: 100;
}

    .display-table.type-1.skyjoker-setbasis-regulation-table th:hover {
        background-color: beige;
        cursor: auto;
    }

.skyjoker-setbasis-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .skyjoker-setbasis-button button {
        padding: 2px 5px;
    }

.skyjoker-availfare-title {
    text-align: center;
}

.wrap-skyjoker-availfare {
    overflow: hidden;
    height: 370px;
    padding: 0 0px 24px 50px;
    width: 560px;
    margin: 0 auto;
}

/*------------------------------------------------- 
    SRJokerエアータリフ
---------------------------------------------------*/
.wrap-skyjoker-availfare-tariff {
    margin-bottom: 20px;
}

    .wrap-skyjoker-availfare-tariff button {
        background-color: white;
        border: #bababa 1px inset;
        padding: 2px 5px;
    }

    .wrap-skyjoker-availfare-tariff textarea {
        overflow-y: scroll;
        resize: none;
    }

    .wrap-skyjoker-availfare-tariff .small {
        width: 70px;
    }

    .wrap-skyjoker-availfare-tariff .middle {
        width: 100px;
    }

    .wrap-skyjoker-availfare-tariff .large {
        width: 510px;
    }

    .wrap-skyjoker-availfare-tariff .layout {
        padding: 5px 0;
    }

    .wrap-skyjoker-availfare-tariff .border {
        border-bottom: 1px solid gray;
        padding: 10px 0;
    }

/*------------------------------------------------- 
    SkyRep接続全解除 アカウントロック解除
---------------------------------------------------*/
.wrap-agent-util {
    font-size: 13px;
}

.agent-util-title {
    color: firebrick;
    font-weight: bold;
    font-size: 14px;
    border-top: 3px double darkgray;
    border-bottom: 1px solid gainsboro;
    padding: 7px 0;
}

.agent-util-table {
}

    .agent-util-table th {
        text-align: left;
        width: 100px;
    }

.display-table.type-2.agent-util-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.agent-util-table td {
    width: 120px;
}

.agent-util-table input {
    width: 80px;
}

.agent-util-description {
    padding: 10px 30px;
}

.agent-util-button {
    margin: 10px 0;
}


/*------------------------------------------------- 
    AGT都合販売価格
---------------------------------------------------*/
.agent-profit-page-nav {
    font-size: 14px;
    text-align: center;
}

    .agent-profit-page-nav a {
        width: 60px;
        display: table-cell;
        padding: 15px 0;
        color: royalblue;
    }

    .agent-profit-page-nav .list-button {
        display: inline-block;
    }

.agent-profit-button {
    margin: 0 auto;
    width: max-content;
}

/*------------------------------------------------- 
    料金再計算
---------------------------------------------------*/
.wrap-recalc-table {
    width: 680px;
}

    .wrap-recalc-table table {
        margin: 20px 0 20px 0;
        width: 100%;
    }

.recalc-input-table {
    margin-bottom: 10px;
    width: 180px;
    float: right;
}

    .recalc-input-table caption {
        text-align: right;
    }

.display-table.type-2.recalc-input-table th {
    background-color: #f2f2f2;
    cursor: auto;
}

.recalc-input-table input {
    width: 101px;
}

.wrap-recalc-name-input {
    float: right;
    margin-top: 12px;
}

.wrap-recalc-button {
    text-align: center;
}

    .wrap-recalc-button div {
        margin-bottom: 10px;
    }

.wrap-recalc-table .recalc-delivery-table {
    width: 350px;
}

.wrap-recalc-table .input-table.type-1 th {
    text-align: center;
}

.wrap-recalc-table .input-table.type-1 td input {
    text-align: right;
}

.wrap-recalc-table .reservation-table td {
    text-align: center;
}

.wrap-recalc-alert {
    font-size: 13px;
    color: crimson;
    margin-top: 10px;
}

    .wrap-recalc-alert span {
        padding: 2px;
        color: orangered;
    }

.text-invisi {
    color: black;
    border: white 1px solid;
    font-size: 10pt;
}

.text_flat {
}

.text-hidden {
    color: white;
    border: white 1px solid;
    font-size: 10pt;
}

#farequoteLayer {
    position: absolute;
    overflow: auto;
    visibility: hidden;
}

    #farequoteLayer table {
        border: 2px solid white;
        background-color: mistyrose;
        color: #CC3300;
    }

        #farequoteLayer table td {
            border-color: white;
            padding: 10px 5px;
        }

            #farequoteLayer table td:first-child {
                border-right: 1px solid mistyrose;
                vertical-align: top;
            }


/*------------------------------------------------- 
    最新福袋情報 一覧、リバイズ・メンテナンス一覧
---------------------------------------------------*/
.inform-list {
    font-size: 13px;
    margin-bottom: 10px;
}

	/* 福袋 */
    .inform-list .fukubukuro-title {
        border-top: 3px double darkgray;
        border-bottom: 1px solid gainsboro;
        color: crimson;
        padding: 3px;
        margin-top: 15px;
    }

	/* リバイズ・メンテナンス */
	.inform-list .revise-title {
		border-top: 3px double darkgray;
		border-bottom: 1px solid gainsboro;
		color: crimson;
		font-weight: bold;
		padding: 5px;
		margin-top: 15px;
	}

    .inform-list .layout {
        padding-left: 20px;
    }

		/* リバイズ・メンテナンス */
		.inform-list .layout.revise-layout {
			padding: 20px 20px 10px 60px;
		}

		.inform-list .layout li {
			line-height:2em;
		}

	.inform-list a {
		color: black;
		text-decoration:none;
	}

        .inform-list a:hover {
            cursor: pointer;
            text-decoration: underline;
        }

    .inform-list img {
        vertical-align: sub;
    }

.reservation-confirm.display-table.type-2.debug-info-table {
	width: 190px;
}

/*------------------------------------------------- 
    お知らせ、リバイズ、メンテナンス一覧
---------------------------------------------------*/
.wrap-change-date {
    font-size: 13px;
    margin-top: 15px;
}

/*------------------------------------------------- 
    トップページ - SkyRep ログイン
---------------------------------------------------*/

.wrap-agent-login {
    font-size: 13px;
    padding-left: 20px;
    width: 340px;
}

.login-input-table {
    margin-top: 20px;
    width: 360px;
}

    .login-input-table caption {
        padding: 6px 2px;
    }

    .login-input-table th {
        padding: 7px 2px;
        width: 26px;
    }

.display-table.type-2.login-input-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.login-input-table input {
    width: 320px;
}

.wrap-agent-login-button {
    padding: 25px 0;
    text-align: center;
}

    .wrap-agent-login-button button {
        box-shadow: 1px 1px grey;
        background-color: cornflowerblue;
        border: none;
        color: white;
        padding: 3px 20px;
        margin: 0 2px;
        width: 110px;
    }

.wrap-agent-login .status {
    color: green;
    margin-bottom: 25px;
}

.wrap-agent-login .link {
}

    .wrap-agent-login .link a {
        color: purple;
        text-decoration: underline;
    }

/*------------------------------------------------- 
    詳細情報
---------------------------------------------------*/
.wrap-inform-detail {
    font-size: 13px;
	width: 630px;
}

	.wrap-inform-detail .title {
		padding: 20px 0px 20px 0px;
		white-space: pre-wrap;
	}

	.wrap-inform-detail .alert {
		color: crimson;
	}

	.wrap-inform-detail .content {
		padding: 0px 0px 20px 30px;
		line-height: 20px;
		white-space: pre-wrap;
	}

	.wrap-inform-detail .date {
		text-align: right;
		color: gray;
	}

	.wrap-inform-detail .button {
		text-align: center;
	}

/*------------------------------------------------- 
    Agent共通
---------------------------------------------------*/
.agent-hide {
    display: none;
}


/*------------------------------------------------- 
    Free-Bird PNR一覧 - 検索条件入力
---------------------------------------------------*/
.listpnr-b2c-input-table {
}

    .listpnr-b2c-input-table th {
        white-space: nowrap;
    }

    .listpnr-b2c-input-table input {
        text-align: center;
    }


.pnr-list-b2c-button {
    margin: 5px 0 15px 0;
    width: 980px;
}

    .pnr-list-b2c-button .img-button {
        float: left;
    }

    .pnr-list-b2c-button .button {
        width: 352px;
    }
    .pnr-list-b2c-button .button.rak {
        float: left;
    }

        .pnr-list-b2c-button .button button {
            background-color: white;
            border: #bababa 1px inset;
            padding: 2px 15px;
            margin: 1px 0;
        }

    .pnr-list-b2c-button table {
        width: 605px;
    }

        .pnr-list-b2c-button table label {
            float: right;
        }

        .pnr-list-b2c-button table th {
            white-space: nowrap;
        }

    .pnr-list-b2c-button .display-table.type-2 th:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

    .pnr-list-b2c-button table td {
        text-align: center;
    }

.listpnr-b2c-result-container {
    overflow: auto;
    width: 100%;
    height: auto;
    margin-top: 3px;
}

.listpnr-b2c-result-table {
}

    .listpnr-b2c-result-table th {
        white-space: nowrap;
    }

.display-table.type-3.listpnr-b2c-result-table th:first-child:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.listpnr-b2c-result-table td {
    text-align: center;
}

.display-table.type-3.listpnr-b2c-result-table td:only-child {
    text-align: left;
}

.listpnr-b2c-result-table td:only-child:hover {
    background-color: #fff;
    color: #000;
    cursor: auto;
}

.display-table.type-3.listpnr-b2c-result-table .hover-off:hover {
    background-color: #fff;
    cursor: auto;
}

.listpnr-b2c-result-table .left {
    text-align: left;
}

.listpnr-b2c-result-table .right {
    text-align: right;
}

/*------------------------------------------------- 
    Free-Bird 予約確認
---------------------------------------------------*/
.pay-status-table {
}

    .pay-status-table th {
        text-align: left;
    }

    .pay-status-table td {
        text-align: center;
    }

.pay-price-table {
}

    .pay-price-table th {
        text-align: left;
    }

    .pay-price-table td {
        text-align: center;
    }

.customer-tkt-table {
}

    .customer-tkt-table th {
        text-align: left;
    }

    .customer-tkt-table td {
        text-align: center;
    }

.customer-mail-table {
}

    .customer-mail-table th {
        text-align: left;
    }

    .customer-mail-table td {
        text-align: center;
    }

.member-info-table {
}

    .member-info-table th {
        text-align: left;
    }

.reservation-confirm.display-table.type-2.etc-info-tabel {
    margin-top: -12px;
    width: 200px;
}

.etc-info-tabel th {
    text-align: left;
    width: 100px;
}

.etc-info-tabel td {
    text-align: center;
}
.differentprice-zero {
    color: green;
    font-weight: bold;
}
.differentprice-else {
    color: orangered;
    font-weight: bold;
}

.no-show {
    color: orangered;
    font-size: 7px;
}
.hotel-reserve-status th {
    width: 120px;
    text-align: left;
}
/*------------------------------------------------- 
    Free-Bird PNR編集
---------------------------------------------------*/
.wrap-b2c-edit {
}

    .wrap-b2c-edit .small {
        width: 30px;
    }

    .wrap-b2c-edit .middle {
        width: 100px;
    }

    .wrap-b2c-edit .large {
        width: 350px;
    }

    .wrap-b2c-edit button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 2px 15px;
    }

    .wrap-b2c-edit .hotel-rsv-table {
    }

        .wrap-b2c-edit .hotel-rsv-table th {
            text-align: left;
        }

    .wrap-b2c-edit .pay-price-table td:last-child {
        text-align: right;
    }

    .wrap-b2c-edit .customer-tkt-table div {
        padding: 1px;
    }

    .wrap-b2c-edit .tkt-adress-table th {
        text-align: left;
    }

    .wrap-b2c-edit .tkt-adress-table div {
        padding: 1px;
    }

/*------------------------------------------------- 
    バリューコマース　仮確定処理
---------------------------------------------------*/
.inform-list .title.vcbuy {
    color: firebrick;
    font-weight: bold;
    padding: 5px;
}

.inform-list .layout.vcbuy {
    padding: 15px 20px;
}

/*------------------------------------------------- 
    カード情報確認
---------------------------------------------------*/
.wrap-cardinfo {
}

    .wrap-cardinfo .link {
        color: royalblue;
        text-decoration: underline;
    }

        .wrap-cardinfo .link:hover {
            cursor: auto;
        }

    .wrap-cardinfo .layout {
        padding-left: 200px;
        margin-bottom: 25px;
    }

    .wrap-cardinfo table {
        margin: 10px 0;
    }

        .wrap-cardinfo table th {
            text-align: left;
        }

    .wrap-cardinfo .display-table.type-2 th:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

.wrap-cardinfo .card-input-table {
    width: 240px;
}

    .wrap-cardinfo .card-input-table input {
        float: left;
        margin-right: 4px;
        padding: 4px;
    }


.wrap-cardinfo .card-input-table caption {
    color: white;
    background-color: darkcyan;
}

.wrap-cardinfo .card-input-table tr:first-child td input {
    float: left;
}

.wrap-cardinfo .card-input-table tr:first-child td img {
    float: left;
}

    .wrap-cardinfo .card-input-table input[type="button"],
    .wrap-cardinfo .card-input-table input[type="submit"] {
        padding: 2px 13px;
        background-color: #f2f2f2;
        border: none;
        box-shadow: 1px 1px grey;
    }

/*------------------------------------------------- 
    航空券送付のご案内
---------------------------------------------------*/
.wrap-sending-printinfo {
    font-size: 13px;
    text-align: center;
    width: 680px;
    margin: 0 auto;
    line-height: 1.4;
    letter-spacing: 0.2px;
}

    .wrap-sending-printinfo div {
        margin: 10px 0;
        padding-left: 1em;
        text-indent: -1em;
    }

    .wrap-sending-printinfo div.section {
        margin-top: 18px;
    }

    .wrap-sending-printinfo p {
        margin: 5px 0;
        padding-left: 1em;
        text-indent: -1em;
    }

    .wrap-sending-printinfo table {
        margin: 0 auto;
        width: 100%;
    }

        .wrap-sending-printinfo table th {
            font-size: 11px;
        }

    .wrap-sending-printinfo .display-table.type-2 th:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

    .wrap-sending-printinfo .layout-right {
        text-align: right;
    }

    .wrap-sending-printinfo .layout-left {
        text-align: left;
    }

    .wrap-sending-printinfo .description {
        border: 1px solid silver;
        width: 500px;
        margin: 15px auto;
    }

    .wrap-sending-printinfo .border {
        margin-top: 20px;
        border-top: 1px solid silver;
    }

    .wrap-sending-printinfo .pre {
        white-space: pre-wrap;
        padding: 5px 20px;
    }

    .wrap-sending-printinfo .regulation-table {
        width: 95%;
    }

.sending-printinfo-info {
    margin: 0px;
}

    .sending-printinfo-info div {
        margin: 3px 0;
    }

    .sending-printinfo-info .title {
        float: left;
        font-family: 'Meiryo UI', "ＭＳ ゴシック",sans-serif;
    }

    .sending-printinfo-info .content {
        float: left;
        text-align: center;
        width: 85%;
    }

.sending-printinfo-error {
    text-align: center;
    font-size: 13px;
    line-height: 1.4;
}

/*------------------------------------------------- 
    freebird  メール送信
---------------------------------------------------*/
.wrap-sendmail {
    font-size: 13px;
}

    .wrap-sendmail .display-table.type-2 th:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

.wrap-sendmail-form {
    float: left;
    width: 650px;
}

.sendmail-form-table {
    width: 100%;
}

    .sendmail-form-table caption {
        font-weight: bold;
    }

    .sendmail-form-table th {
        text-align: left;
        width: 100px;
    }

    .sendmail-form-table td {
        white-space:normal;
    }
    .sendmail-form-table input {
        width: 60%;
    }

    .sendmail-form-table tr:first-child input {
        box-sizing: border-box;
        width: 100%;
    }

    .sendmail-form-table textarea {
        overflow-y: scroll;
        resize: none;
    }

.wrap-sendmail-button {
    float: right;
    text-align: center;
    width: 180px;
}

    .wrap-sendmail-button table {
        width: 100%;
        margin-bottom: 15px;
    }

        .wrap-sendmail-button table caption {
            text-align: center;
        }

        .wrap-sendmail-button table th {
            width: 70px;
        }

        .wrap-sendmail-button table input {
            width: 100%;
            box-sizing: border-box;
        }
.wrap-send-mail {
    width: 610px;
    float: right;
}
/*------------------------------------------------- 
    freebird  メール送信結果
---------------------------------------------------*/
.sendmail-result {
    font-size: 13px;
}

    .sendmail-result span {
        display: table-cell;
        width: 30px;
    }

        .sendmail-result span:last-child {
            width: auto;
        }

.list-send-result {
    margin-top: 20px;
}
    .list-send-result span {
        font-size: 12px;
    }
    .list-send-result th {
        width: 60px;
        text-align: center;
        background-color: #dddddd;
        font-weight: bold;
    }
    .list-send-result td { 
        text-align: center;
    }
/*------------------------------------------------- 
    freebird  テンプレートメール管理
---------------------------------------------------*/
.mail-template-description {
    font-weight: bold;
    font-size: 13px;
    padding: 10px 0;
}

.wrap-sendmail.template {
    padding: 15px;
}

.mail-template-select {
    padding: 3px;
    margin-bottom: 15px;
}

    .mail-template-select select {
        width: 530px;
    }

.wrap-sendmail-form.template {
    width: 679px;
}

    .wrap-sendmail-form.template tr:nth-child(2) input {
        width: 70px;
    }

    .wrap-sendmail-form.template tr:nth-child(8) input {
        box-sizing: border-box;
        width: 100%;
    }

.wrap-sendmail-form.templateex {
    width: 680px;
    float: none;
}

.wrap-sendmail-button.templateex {
    width: 100%;
    float: none;
    margin-top: 15px;
}
    .wrap-sendmail-button.templateex li {
        display: inline-block;
        float: left;
    }

.wrap-sendmail-button.template {
    width: 160px;
}

    .wrap-sendmail-button.template table {
    }

        .wrap-sendmail-button.template table caption {
            text-align: left;
        }

        .wrap-sendmail-button.template table th {
            font-size: 10px;
        }

        .wrap-sendmail-button.template table input {
            width: 100px;
        }

.template-keyword-table {
    margin-top: 20px;
}

    .template-keyword-table p {
        padding: 3px 0;
    }

    .template-keyword-table select {
        width: 310px;
    }

    .template-keyword-table button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 3px 0;
        width: 40px;
    }

.mailsend-positive {
    padding: 15px 0;
}

.mailsend-error {
    width: 650px;
    margin: 0 auto;
}

    .mailsend-error .title {
        text-align: center;
        padding: 20px;
    }

    .mailsend-error .caption {
        font-weight: bold;
        padding: 10px 0;
    }

    .mailsend-error ul {
        padding: 5px;
    }

    .mailsend-error li {
        padding: 2px 0;
    }

.form-send-mail {
    padding: 20px;
}
    .form-send-mail .mail-text {
        margin-top: 20px;
    }
    .form-send-mail .description {
        font-weight: bold;
        margin-bottom: 15px;
    }
    .form-send-mail .border {
        margin-top: 5px;
    }
.address-attention {
    font-size: 12px;
}
/*------------------------------------------------- 
   SkyRep管理用ページ オプション設定
---------------------------------------------------*/
.wrap-master-menu {
    font-size: 13px;
}

    .wrap-master-menu .head {
        width: 380px;
    }

    .wrap-master-menu .title {
        background-color: midnightblue;
        font-weight: bold;
        width: 120px;
        padding: 3px 25px;
        float: left;
    }

        .wrap-master-menu .title a {
            color: white;
        }

            .wrap-master-menu .title a:hover {
                background-color: orange;
            }

    .wrap-master-menu .description {
        font-weight: bold;
        text-decoration: underline;
        float: left;
        margin-left: 10px;
        padding-top: 4px;
    }

    .wrap-master-menu .menu {
        margin: 30px auto;
        width: 400px;
        background-color: #ededff;
        text-align: center;
    }

    .wrap-master-menu .caption {
        color: white;
        background-color: midnightblue;
        padding: 2px 2px 2px 20px;
        font-weight: bold;
        text-align: left;
    }

    .wrap-master-menu .menu ul {
        text-align: left;
        display: inline-block;
        margin: 0 auto;
    }

    .wrap-master-menu .menu li {
        padding: 2px;
    }

        .wrap-master-menu .menu li::before {
            content: url(./Images/dot_01.gif);
            position: relative;
            top: -2px;
        }

        .wrap-master-menu .menu li a {
            color: blue;
            text-decoration: underline;
        }

            .wrap-master-menu .menu li a:hover {
                background-color: orange;
                cursor: pointer;
            }


.wrap-master-crimson {
    color: crimson
}

.wrap-master-red {
    color: red
}
.wrap-master-gray {
    color: gray
}
.wrap-master-silver {
    color: silver
}

/*------------------------------------------------- 
   SkyRep管理用ページ エージェント使用状況
---------------------------------------------------*/
.wrap-agent-summary {
    font-size: 13px;
}

    .wrap-agent-summary .title {
        border: 1px solid gray;
        color: white;
        background-color: #5166CC;
        padding: 3px;
        display: table-cell;
        font-weight: bold;
    }

    .wrap-agent-summary .controll {
        padding: 30px 0;
        min-width: 255px;
        max-width: 650px;
    }

    .wrap-agent-summary .input-table {
        float: left;
        width: auto;
    }

        .wrap-agent-summary .input-table th {
            font-weight: 100;
            white-space: normal;
            padding: 6px;
            text-align: center;
        }

    .wrap-agent-summary .display-table.type-1.input-table th:hover {
        background-color: beige;
        cursor: auto;
    }

    .wrap-agent-summary .input-table input[type="text"] {
        width: 100px;
    }

    .wrap-agent-summary .controll button {
        float: right;
        padding: 2px 10px;
        margin-top: 28px;
    }

    .wrap-agent-summary .border {
        border-top: 2px solid blue;
        padding: 15px 0;
    }

    .wrap-agent-summary .info-table {
        min-width: 550px;
    }

        .wrap-agent-summary .info-table caption {
            white-space: nowrap;
        }

        .wrap-agent-summary .info-table tr.selected {
            background-color: orange;
            cursor: pointer;
        }

        .wrap-agent-summary .info-table tr:last-child {
            font-weight: bold;
        }

        .wrap-agent-summary .info-table th {
            white-space: nowrap;
        }

        .wrap-agent-summary .info-table td:nth-child(n+3) {
            text-align: right;
        }

        .wrap-agent-summary .info-table td:only-child {
            font-weight: 100;
        }

    .wrap-agent-summary .display-table.type-1 .hover-off:hover {
        background-color: beige;
        cursor: auto;
    }


.wrap-agent-summary-setup {
    font-size: 13px;
}

    .wrap-agent-summary-setup .description {
        font-weight: bold;
        text-align: center;
        padding-bottom: 10px;
        width: 890px;
    }

    .wrap-agent-summary-setup .control {
    }

        .wrap-agent-summary-setup .control li {
            display: inline-flex;
            margin-right: 50px;
            vertical-align: middle;
        }

            .wrap-agent-summary-setup .control li img {
                margin-right: 20px;
            }

    .wrap-agent-summary-setup .container {
        height: 550px;
        overflow-y: auto;
    }

    .wrap-agent-summary-setup .display-table.type-1 th {
        font-weight: 100;
    }

        .wrap-agent-summary-setup .display-table.type-1 th:hover {
            background-color: beige;
        }

.wrap-agent-summary .description {
    margin-top: 25px;
}

.wrap-agent-summary .link-block {
    float: right;
    width: 120px;
    padding: 0 10px;
    text-align: center;
    background-color: gainsboro;
    margin: 25px 0 0 20px;
}

    .wrap-agent-summary .link-block:hover {
        background-color: orange;
    }

.wrap-agent-summary .agent-accessinfo-table {
}

    .wrap-agent-summary .agent-accessinfo-table th {
        font-weight: 100;
        white-space: nowrap;
    }

    .wrap-agent-summary .agent-accessinfo-table td {
    }

        .wrap-agent-summary .agent-accessinfo-table td:first-child,
        .wrap-agent-summary .agent-accessinfo-table td:last-child {
            text-align: right;
        }

        .wrap-agent-summary .agent-accessinfo-table td:only-child {
            text-align: left;
        }


/*------------------------------------------------- 
   SkyRep管理用ページ  Cursessionsmry
---------------------------------------------------*/
.wrap-agent-summary .master-cursessionsmry-table {
}

    .wrap-agent-summary .master-cursessionsmry-table th {
        font-weight: 100;
        white-space: nowrap;
    }

    .wrap-agent-summary .master-cursessionsmry-table th:hover {
        font-weight: 100;
        white-space: nowrap;
        background-color: beige;
        cursor: auto;
    }

    .wrap-agent-summary .master-cursessionsmry-table td {
    }

        .wrap-agent-summary .master-cursessionsmry-table td:first-child,
        .wrap-agent-summary .master-cursessionsmry-table td:last-child {
            text-align: right;
        }

        .wrap-agent-summary .master-cursessionsmry-table td:only-child {
            text-align: right;
        }


/*------------------------------------------------- 
   SkyRep管理用ページ エージェント別ページビュー
---------------------------------------------------*/
.wrap-agent-summary .head {
}

    .wrap-agent-summary .head div {
        float: left;
    }

.wrap-agent-summary .company-name {
    padding: 4px;
}

.wrap-agent-summary .button {
    padding: 2px 3px;
    margin-bottom: 5px;
}

.wrap-agent-summary-detail {
    margin-top: -25px;
}

    .wrap-agent-summary-detail .layout {
        width: 640px;
    }

    .wrap-agent-summary-detail .list-title {
        margin: 20px 0;
    }

    .wrap-agent-summary-detail .info-table {
        float: left;
        margin-top: 10px;
        position: absolute;
    }

    .wrap-agent-summary-detail .display-table.type-1 th {
        font-weight: 100;
    }

        .wrap-agent-summary-detail .display-table.type-1 th:hover {
            background-color: beige;
            cursor: auto;
        }

    .wrap-agent-summary-detail .display-table.type-1 td {
        text-align: center;
    }

.wrap-graph {
    float: left;
    margin-left: 600px;
}

    .wrap-graph .graph {
        margin-bottom: 30px;
    }

    .wrap-graph input[type="button"] {
        padding: 2px 10px;
        margin: 10px 0;
    }

.graph-type {
    float: left;
    line-height: 2;
    border: 1px solid gray;
    margin: 10px 0;
    width: 300px;
}

    .graph-type .graph-title {
        float: left;
        color: white;
        background-color: #5166CC;
        padding: 0 2px;
        font-weight: bold;
        text-align: left;
        width: 100px;
        border-right: 1px solid gray;
    }

    .graph-type .type {
        float: left;
    }

    .graph-type input {
        margin: 1px 0px 1px 10px;
    }

    .graph-type span {
        padding-right: 2px;
    }

.graph-area {
}



.wrap-cursessionsmry {
    font-size: 13px;
}

    .wrap-cursessionsmry .title {
        border: 1px solid gray;
        color: white;
        background-color: #5166CC;
        padding: 3px;
        display: table-cell;
    }

    .wrap-cursessionsmry .agent-type {
        text-decoration: underline;
        margin-top: 15px;
    }

    .wrap-cursessionsmry .display-table.type-1 {
    }

        .wrap-cursessionsmry .display-table.type-1 th {
            font-weight: 100;
            text-align: center;
        }

            .wrap-cursessionsmry .display-table.type-1 th:hover {
                background-color: beige;
                cursor: auto;
            }

        .wrap-cursessionsmry .display-table.type-1 td:only-child {
            text-align: right;
        }

/*------------------------------------------------- 
   非公開PNR 検索
---------------------------------------------------*/
.wrap-navipnr-search {
    font-size: 13px;
}

    .wrap-navipnr-search .option-1 {
        margin: 5px 0;
    }

        .wrap-navipnr-search .option-1 th {
            text-align: center;
        }

        .wrap-navipnr-search .option-1 input,
        .wrap-navipnr-search .option-1 select {
            box-sizing: border-box;
            width: 100%;
        }

    .wrap-navipnr-search .option-2 {
        margin: 5px 0;
        width: 440px;
    }

        .wrap-navipnr-search .option-2 th {
            text-align: center;
        }

        .wrap-navipnr-search .option-2 input:first-child {
            width: 240px;
        }

        .wrap-navipnr-search .option-2 td:nth-child(2) input {
            width: 100px;
        }

        .wrap-navipnr-search .option-2 select {
            width: 120px;
        }

    .wrap-navipnr-search button {
        width: 100px;
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        margin: 10px 5px;
    }


.qbox-option {
}

    .qbox-option div {
        float: left;
    }

    .qbox-option .input-table.type-1 {
        width: 437px;
        margin: 0 5px;
    }

.wrap-navipnr-search .display-table.type-2.result {
}

    .wrap-navipnr-search .display-table.type-2.result th {
        white-space: nowrap;
    }

        .wrap-navipnr-search .display-table.type-2.result th:hover {
            background-color: gold;
            cursor: pointer;
        }

.wrap-navipnr-search .result td {
    text-align: center;
}

    .wrap-navipnr-search .result td.flight1,
    .wrap-navipnr-search .result td.flight2,
    .wrap-navipnr-search .result td.passenger,
    .wrap-navipnr-search .result td.email,
    .wrap-navipnr-search .result td.companyname,
    .wrap-navipnr-search .result td.officename {
        text-align: left;
    }

.wrap-navipnr-search .message {
    margin: 15px 0;
}

/*------------------------------------------------- 
   AB-ROAD管理者ログイン画面
---------------------------------------------------*/
.wrap-abroad-admin {
    font-size: 13px;
    text-align: center;
}

    .wrap-abroad-admin .login {
        margin: 0 auto;
        width: 210px;
        padding: 6px;
        border-right: 6px solid #A4A4A4;
        border-bottom: 6px solid #A4A4A4;
        border-left: 6px solid #f2f2f2;
        border-top: 6px solid #f2f2f2;
    }

        .wrap-abroad-admin .login span {
            width: 60px;
            display: inline-block;
            margin: 6px 0;
        }

    .wrap-abroad-admin button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        margin: 10px 5px;
        font-size: 12px;
        padding: 3px 9px;
    }

/*------------------------------------------------- 
   ご担当者名一括設定
---------------------------------------------------*/
.wrap-prepared-ntmlist {
    overflow-y: hidden;
    height: 370px;
    padding: 0 0px 24px 50px;
}

.description-text .icon {
    position: relative;
    top: 6px;
}

/*------------------------------------------------- 
   お客様名一括設定
---------------------------------------------------*/
.wrap-agent-customer {
    overflow-y: hidden;
    height: 370px;
    padding: 0 0px 24px 50px;
}

/*------------------------------------------------- 
   AB-ROAD管理画面　号マスター管理
---------------------------------------------------*/
.wrap-abroad-goumaster {
    text-align: right;
    width: 700px;
}

    .wrap-abroad-goumaster .input-table.type-1 {
        margin: 5px 0;
    }

        .wrap-abroad-goumaster .input-table.type-1 input {
            width: 75px;
        }

    .wrap-abroad-goumaster button {
        width: 50px;
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 3px;
    }

/*------------------------------------------------- 
   AB-ROAD管理画面　旅行会社情報管理
---------------------------------------------------*/
.wrap-abroad-agtsel {
}

    .wrap-abroad-agtsel button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 3px 7px;
    }

    .wrap-abroad-agtsel .control {
        width: 200px;
    }

    .wrap-abroad-agtsel .input-table.type-1 {
    }

        .wrap-abroad-agtsel .input-table.type-1 caption {
            background-color: darkcyan;
            color: white;
        }

        .wrap-abroad-agtsel .input-table.type-1 th {
            white-space: nowrap;
        }

        .wrap-abroad-agtsel .input-table.type-1 input {
            width: 120px;
        }

    .wrap-abroad-agtsel .border {
        border-top: 1px solid gray;
    }

    .wrap-abroad-agtsel .result-container {
        overflow-y: scroll;
        height: 500px;
        margin-top: 10px;
    }

    .wrap-abroad-agtsel .display-table.type-2 {
    }

        .wrap-abroad-agtsel .display-table.type-2 th {
            text-align: left;
        }

            .wrap-abroad-agtsel .display-table.type-2 th:first-child:hover {
                background-color: #f2f2f2;
                cursor: auto;
            }

.abroad-agtsel-button {
    text-align: center;
    padding: 20px 0 10px 0;
}


/*------------------------------------------------- 
   AB-ROAD管理画面　旅行会社情報登録
---------------------------------------------------*/
.wrap-abroad-agent {
    width: 650px;
}

.abroad-agent-input-table th {
    width: 110px;
}

.wrap-abroad-agent caption,
.abroad-agent-input-table .caption {
    background-color: darkcyan;
    color: white;
}

.abroad-agent-input-table ol {
    padding-left: 20px;
}

.abroad-agent-input-table li {
    float: left;
    margin: 2px 25px 2px 0px;
}

    .abroad-agent-input-table li:nth-child(2n) {
        margin: 2px 0px 2px 0px;
    }

    .abroad-agent-input-table li input {
        width: 238px;
    }

.wrap-abroad-agent textarea {
    resize: none;
    overflow-y: scroll;
}

.wrap-abroad-agent .small {
    width: 70px;
}

.wrap-abroad-agent .middle {
    width: 100px;
}

.wrap-abroad-agent .max {
    width: 100%;
    box-sizing: border-box;
}

.wrap-abroad-agent .layout {
    margin: 10px 0;
}

    .wrap-abroad-agent .layout table:first-child {
        float: left;
        width: 320px;
        height: 115px;
    }

        .wrap-abroad-agent .layout table:first-child th {
            text-align: center;
            width: 45px;
        }

    .wrap-abroad-agent .layout table:nth-child(2) {
        float: left;
        width: 149px;
        margin: 0 5px;
    }

    .wrap-abroad-agent .layout table input {
        width: 65px;
    }

.abroad-agent-button {
    text-align: center;
}

    .abroad-agent-button button {
        box-shadow: 1px 1px grey;
        background-color: #efefef;
        border: none;
        padding: 3px 7px;
    }

/*------------------------------------------------- 
    システムエラー
---------------------------------------------------*/
.wrap-err {
    font-size: 13px;
    width: 700px;
    margin: 0 auto;
}

    .wrap-err .caption {
        text-align: center;
        color: navy;
        padding: 10px;
    }

    .wrap-err ul {
        padding: 10px 0;
    }

    .wrap-err li {
        font-weight: bold;
    }

/*------------------------------------------------- 
    スケジュール照会
---------------------------------------------------*/
.wrap-schedule {
    font-size: 13px;
}

    .wrap-schedule .input-table.type-1 {
        margin-bottom: 10px;
    }

        .wrap-schedule .input-table.type-1 caption {
            background-color: darkcyan;
            color: white;
        }

            .wrap-schedule .input-table.type-1 caption span {
                vertical-align: middle;
            }

            .wrap-schedule .input-table.type-1 caption img {
                float: right;
            }

        .wrap-schedule .input-table.type-1 th,
        .wrap-schedule .input-table.type-1 td {
            text-align: center;
        }

    .wrap-schedule .conditions .input-ca {
        width: 60px;
    }

    .wrap-schedule .result {
        padding: 10px;
        border: 1px solid black;
        overflow: auto;
        height: 632px;
    }

        .wrap-schedule .result.empty {
            height: 332px;
        }

        .wrap-schedule .result table {
            width: 90%;
            border-bottom: 1px solid silver;
        }

            .wrap-schedule .result table th {
                background-color: #f2f2f2;
            }

            .wrap-schedule .result table caption,
            .wrap-schedule .result table tr,
            .wrap-schedule .result table th,
            .wrap-schedule .result table td {
                border: none;
            }

.nonstop-result-table .no,
.nonstop-result-table .week,
.nonstop-result-table .dep,
.nonstop-result-table .arv,
.nonstop-result-table .date,
.nonstop-result-table .equip,
.nonstop-result-table .conx {
    text-align: center;
}

.nonstop-result-table .week {
}

    .nonstop-result-table .week span {
        display: inline-flex;
        width: 7px;
    }

.nonstop-result-table .ca,
.wrap-schedule .result .transfer-result-table .ca {
    text-align: left;
}

.wrap-schedule .result .transfer-result-table td {
    border-bottom: 1px solid silver;
    text-align: center;
}

.wrap-schedule .result .transfer-result-table tr td[rowspan="2"] ~ td {
    border-bottom: hidden;
}

.wrap-schedule .result .pages {
    text-align: right;
    width: 90%;
}

.wrap-schedule .control {
    text-align: center;
}

    .wrap-schedule .control ul {
        display: inline-block;
    }

/*------------------------------------------------- 
    管理者ページ
---------------------------------------------------*/
.master-frame-list {
    /* font-size: 13px;
    width: 180px;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    height: 100%; */
    font-size: 13px;
    width: 330px;
    margin: 0 auto;
}

    .master-frame-list li {
        padding: 2px;
        text-align: center;
    }

    .master-frame-list .caption {
        background-color: steelblue;
        text-align: center;
        padding: 2px;
        color: white;
    }

        .master-frame-list .caption a {
            color: white;
            display: inline-block;
            width: 100%;
        }

    .master-frame-list .content::before {
        content: url(./Images/dot_01.gif);
        position: relative;
        float: left;
        margin-left: 5px;
    }

    .master-frame-list .content a {
    }

        .master-frame-list .content a:hover {
            color: orangered;
            text-decoration: underline;
        }

.wrap-master-contents {
    font-size: 13px;
    /* padding-bottom: 400px; */
}

    .wrap-master-contents .title {
        margin-bottom: 20px;
    }

    .wrap-master-contents .main {
        display: table-cell;
        border-right: none;
        padding: 2px;
        background: #5166CC;
        color: white;
        border: 1px solid gray;
    }

    .wrap-master-contents .sub {
        display: table-cell;
        padding: 2px;
        border: 1px solid gray;
    }


/*------------------------------------------------- 
    全接続一覧
---------------------------------------------------*/
.wrap-cursession {
}

    .wrap-cursession .table-title {
        text-decoration: underline;
        margin-bottom: 2px;
    }

    .wrap-cursession table {
        margin-bottom: 40px;
    }

    .wrap-cursession .col-right {
        text-align: right;
    }

    .wrap-cursession table .col-left {
        text-align: left;
    }

.normal-session-table {
}

    .normal-session-table tr.selected {
        background-color: beige;
        cursor: pointer;
    }

    .normal-session-table tr:hover {
        background-color: orange;
        cursor: pointer;
    }

    .normal-session-table td[colspan="20"]:hover {
        background-color: white;
        cursor: auto;
    }

.all-session-table th,
.engine-session-table th {
    background-color: beige;
}

.all-session-table {
}

    .all-session-table tr.selected {
        background-color: beige;
        cursor: pointer;
    }

    .all-session-table tr:hover {
        background-color: orange;
        cursor: pointer;
    }

    .all-session-table td[colspan="20"]:hover {
        background-color: white;
        cursor: auto;
    }

    .all-session-table th:hover {
        cursor: auto;
    }

/*------------------------------------------------- 
    Free-Birdの全接続一覧
---------------------------------------------------*/
.wrap-cursession-freebird {
}

    .wrap-cursession-freebird .table-title {
        text-decoration: underline;
        margin-bottom: 2px;
    }

    .wrap-cursession-freebird table {
        margin-bottom: 40px;
    }

        .wrap-cursession-freebird table th {
            background-color: beige;
        }

    .wrap-cursession-freebird .col-right {
        text-align: right;
    }

    .wrap-cursession-freebird table .col-left {
        text-align: left;
    }

    .wrap-cursession-freebird table tr.js-table-currentrow {
        background-color: lemonchiffon;
    }


.wrap-sesstion-list {
}

    .wrap-sesstion-list .input-table {
    }

        .wrap-sesstion-list .input-table th {
            background-color: white;
        }

        .wrap-sesstion-list .input-table input {
            text-align: center;
            width: 100px;
        }

    .wrap-sesstion-list table {
        margin-bottom: 20px;
    }

        .wrap-sesstion-list table th {
            background-color: beige;
        }

        .wrap-sesstion-list table .strong th {
            font-weight: bold;
            background-color: white;
        }

    .wrap-sesstion-list .border {
        border-top: 2px solid blue;
        margin: 20px 0;
    }

.wrap-connectionlist {
    font-size: 15px;
}

    .wrap-connectionlist .border {
        border-top: 2px solid silver;
        margin: 10px 0;
    }

    .wrap-connectionlist button {
        padding: 1px 10px;
        font-size: 13px;
    }

    .wrap-connectionlist .description {
        float: left
    }

    .wrap-connectionlist .control {
        float: right;
    }

        .wrap-connectionlist .control input {
            width: 25px;
        }

    .wrap-connectionlist table.active-table {
        box-shadow: 1px 1px silver;
        border: 1px solid #f2f2f2;
        border-collapse: unset;
    }

        .wrap-connectionlist table.active-table tr.selected {
            background-color: orange;
        }

        .wrap-connectionlist table.active-table td,
        .wrap-connectionlist table.active-table th {
            border: 1px solid #f2f2f2;
            box-shadow: inset 1px 1px silver;
            font-size: 15px;
        }

        .wrap-connectionlist table.active-table th {
            font-weight: bold;
        }

        .wrap-connectionlist table.active-table td {
            white-space: normal;
        }

    .wrap-connectionlist .option {
        padding: 5px 0 20px 0;
    }

        .wrap-connectionlist .option input {
            width: 100px;
        }

/*------------------------------------------------- 
    集計
---------------------------------------------------*/
.wrap-sesstion-cnt {
}

    .wrap-sesstion-cnt .layout {
        float: left;
        margin-bottom: 5px;
    }

.wrap-master-contents .wrap-sesstion-cnt .title button {
    float: left;
    margin-left: 10px;
    padding: 1px 10px;
}

.wrap-master-contents .wrap-sesstion-cnt .main {
    width: 100px;
}

.wrap-master-contents .wrap-sesstion-cnt .sub {
    padding: 0 10px;
}

.wrap-sesstion-cnt table {
}

    .wrap-sesstion-cnt table th {
        background-color: beige;
    }

.wrap-sesstion-cnt .border {
    border-top: 1px solid gray;
    margin: 20px 0 30px 0;
}

.graph-table-area {
}

    .graph-table-area table {
        float: left;
        margin: 0 1px;
    }

        .graph-table-area table td {
            padding: 2px 20px;
            height: 20px;
        }

        .graph-table-area table input[type="text"] {
            width: 35px;
        }

        .graph-table-area table button {
            padding: 1px 5px;
        }

/*------------------------------------------------- 
    エージェント契約数
---------------------------------------------------*/
.wrap-agent-ids {
}

    .wrap-agent-ids .control {
        display: inline-flex;
        margin-bottom: 20px;
    }

        .wrap-agent-ids .control input {
            margin-left: 10px;
        }

            .wrap-agent-ids .control input[type="text"] {
                text-align: center;
                width: 80px;
            }

            .wrap-agent-ids .control input[type="checkbox"] {
                margin-left: 100px;
            }

        .wrap-agent-ids .control img {
            margin: 0 5px;
        }

        .wrap-agent-ids .control button {
            margin: 0 5px;
            padding: 1px 3px;
        }


    .wrap-agent-ids .table-layout {
        margin: 20px 0;
    }


    .wrap-agent-ids table {
    }

        .wrap-agent-ids table th {
            background-color: beige;
        }

        .wrap-agent-ids table th,
        .wrap-agent-ids table td {
            padding: 2px 5px;
        }

    .wrap-agent-ids .border {
        border-top: 1px solid black;
        margin: 10px 0;
    }

/*------------------------------------------------- 
    エージェントリスト
---------------------------------------------------*/
.wrap-agentlist {
    min-width: 800px;
}

    .wrap-agentlist button {
        padding: 1px 5px;
    }

    .wrap-agentlist table {
        box-shadow: 1px 1px silver;
        border: 1px solid #f2f2f2;
        border-collapse: unset;
        width: 100%;
    }

        .wrap-agentlist table td,
        .wrap-agentlist table th {
            border: 1px solid #f2f2f2;
            box-shadow: inset 1px 1px silver;
        }

        .wrap-agentlist table th {
            font-weight: bold;
        }

        .wrap-agentlist table td {
            white-space: normal;
        }

    .wrap-agentlist .agentlist-list {
        float: left;
    }

    .wrap-agentlist .caption h2 {
        float: left;
        width: 200px;
    }

    .wrap-agentlist .caption select {
        float: left;
        margin-left: 10px;
    }

    .wrap-agentlist .border {
        border-top: 1px solid gray;
        margin: 10px 0;
    }

    .wrap-agentlist .result {
    }

        .wrap-agentlist .result table tr.selected {
            background-color: orange;
        }

        .wrap-agentlist .result table th:first-child {
            width: 40px;
        }

        .wrap-agentlist .result table th:nth-child(2) {
            width: 60px;
        }

        .wrap-agentlist .result table td:first-child {
            text-align: center;
        }

        .wrap-agentlist .result table td:nth-child(2) {
            text-align: right;
        }

        .wrap-agentlist .result .content {
            margin-bottom: 15px;
        }

    .wrap-agentlist .agentlist-detail {
        float: left;
        margin-left: 10px;
    }

        .wrap-agentlist .agentlist-detail .control {
            text-align: right;
        }

        .wrap-agentlist .agentlist-detail .layout {
            text-align: center;
            margin-top: 10px;
        }

/*------------------------------------------------- 
    エージェント　本店/支店
---------------------------------------------------*/
.wrap-agentinfo {
    margin-bottom: 40px;
}

    .wrap-agentinfo button {
        background-color: white;
        color: gray;
        padding: 1px 2px;
        border: #bababa 1px outset;
    }

    .wrap-agentinfo .border {
        border-top: 2px solid blue;
        margin: 10px 0 25px 0;
    }

    .wrap-agentinfo input[type="text"] {
        text-align: center;
    }

    .wrap-agentinfo .display-table.type-1 th {
        font-weight: 100;
        white-space: nowrap;
    }

        .wrap-agentinfo .display-table.type-1 th:hover {
            background-color: beige;
            cursor: auto;
        }

    .wrap-agentinfo .match {
        background-color: lavender;
        color: green;
    }

    .wrap-agentinfo table .col-right {
        text-align: right;
    }

    .wrap-agentinfo .conditions-table {
    }

        .wrap-agentinfo .conditions-table input[type="text"] {
            width: 80px;
        }

.sub-office-table {
    margin: 15px;
}

.sub-office-search-table {
    margin-top: 80px;
}

    .sub-office-search-table td {
        border: none;
    }

    .sub-office-search-table input {
        width: 200px;
    }

.sub-office-list-table {
}

    .sub-office-list-table tr.selected {
        background-color: lemonchiffon;
        cursor: pointer;
    }

.wrap-agentinfo .menu-layer {
    background-color: #f2f2f2;
    width: 160px;
    padding: 3px 15px;
    box-shadow: 1px 1px black;
    border: 1px solid gray;
    position: absolute;
    font-size: 14px;
    text-align: center;
}

    .wrap-agentinfo .menu-layer:hover {
        background-color: #1077dc;
        color: white;
        box-shadow: inset 1px 1px white;
    }

/*------------------------------------------------- 
    エージェント使用詳細詳細
---------------------------------------------------*/
.wrap-agent-access-detail {
    margin-bottom: 40px;
}

    .wrap-agent-access-detail .main {
        font-weight: bold;
    }

    .wrap-agent-access-detail .date-input {
        margin-bottom: 20px;
    }

.agent-access-detail-list {
}

    .agent-access-detail-list table {
    }

        .agent-access-detail-list table th {
            white-space: nowrap;
        }

        .agent-access-detail-list table td {
            text-align: right;
        }

            .agent-access-detail-list table td:first-child,
            .agent-access-detail-list table td:nth-child(2) {
                text-align: left;
            }

        .agent-access-detail-list table tr.selected {
            background-color: orange;
            cursor: pointer;
        }

        .agent-access-detail-list table tr.js-table-currentrow {
            background-color: orange;
            cursor: pointer;
        }

/*------------------------------------------------- 
    広告・バナー統計
---------------------------------------------------*/
.wrap-ad-stat {
}

    .wrap-ad-stat .caption {
        background: #5166CC;
        color: white;
    }

    .wrap-ad-stat .input-table.type-3.conditions-table {
        margin-bottom: 20px;
    }

        .wrap-ad-stat .input-table.type-3.conditions-table th {
            white-space: nowrap;
        }

        .wrap-ad-stat .input-table.type-3.conditions-table button {
            width: 80px;
            border: #bababa 1px outset;
            background-color: cornflowerblue;
            color: white;
            padding: 1px 0;
        }

    .wrap-ad-stat .input-table.type-3.graph-table {
        margin-bottom: 20px;
    }

        .wrap-ad-stat .input-table.type-3.graph-table td {
            text-align: center;
        }

    .wrap-ad-stat .input-table.type-3.result-table {
        margin-bottom: 20px;
        width: auto;
    }

        .wrap-ad-stat .input-table.type-3.result-table th {
            width: auto;
        }

        .wrap-ad-stat .input-table.type-3.result-table td {
            white-space: normal;
        }

            .wrap-ad-stat .input-table.type-3.result-table td:nth-child(2) {
                text-align: right;
            }

/*------------------------------------------------- 
    FareLingual検索
---------------------------------------------------*/
.wrap-farelingual-search {
    font-size: 13px;
}

    .wrap-farelingual-search .description-text {
        float: left;
    }

    .wrap-farelingual-search .link {
        color: royalblue;
        text-decoration: underline;
        float: right;
    }

    .wrap-farelingual-search .alert-area {
        margin-bottom: 5px;
        width: 430px;
    }

    .wrap-farelingual-search .conditions-table {
        float: left;
        width: 300px;
    }

        .wrap-farelingual-search .conditions-table th {
            text-align: center;
        }

    .wrap-farelingual-search .list-button {
        float: right;
    }


/*------------------------------------------------- 
    FareLingual検索結果
---------------------------------------------------*/
.wrap-farelingual-result {
    font-size: 13px;
}

.wrap-farelingual-condition {
    height: 110px;
}

.wrap-farelingual-result .conditions-table {
    width: 430px;
}

    .wrap-farelingual-result .conditions-table th {
        width: 100px;
    }

        .wrap-farelingual-result .conditions-table th:hover {
            background-color: #f2f2f2;
            cursor: auto;
        }

    .wrap-farelingual-result .conditions-table td {
        white-space: normal
    }

.wrap-farelingual-result .result-container {
    margin: 20px auto 0 auto;
    width: 100%;
    height: auto;
}

    .wrap-farelingual-result .result-container iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

    .wrap-farelingual-result .result-container iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.wrap-farelingual-result .result-title {
    padding: 6px 0;
    background-color: #f2f2f2;
    text-align: center;
    border: 1px solid #738a9c;
    margin: 10px 0;
    font-size: 15px;
}

.wrap-farelingual-result .result-table {
    width: 100%;
}

    .wrap-farelingual-result .result-table th,
    .wrap-farelingual-result .result-table td {
        border: 1px solid #738a9c;
        font-size: 15px;
    }

    .wrap-farelingual-result .result-table th {
        background-color: #daeef3;
        text-align: left;
        width: 220px;
    }

    .wrap-farelingual-result .result-table td {
        padding: 3px 5px;
    }

.wrap-farelingual-result .result-list {
}

    .wrap-farelingual-result .result-list li {
        height: 15px;
    }

    .wrap-farelingual-result .result-list a {
        color: royalblue;
        padding-left: 15px;
    }

/*------------------------------------------------- 
    「全旅SkyRep」について
---------------------------------------------------*/
.wrap-zenryo {
    font-size: 15px;
    padding: 0 10px;
    border-bottom: 1px solid silver;
}

    .wrap-zenryo .description-text p {
        padding: 5px 0;
        font-size: 15px;
        text-indent: 10px;
    }

    .wrap-zenryo .alert-area p {
        padding-left: 1em;
        text-indent: -1em;
        padding: 20px 0px 0 15px;
    }

        .wrap-zenryo .alert-area p:nth-child(2) {
            text-indent: 15px;
            padding: 0px;
        }

    .wrap-zenryo .regist {
        margin: 30px 0;
        text-align: center;
    }

        .wrap-zenryo .regist a {
            width: 180px;
            background-color: gainsboro;
            border: 2px outset white;
            padding: 2px 45px;
            box-shadow: 1px 1px black;
        }

/*------------------------------------------------- 
    全旅SkyRep利用申込書
---------------------------------------------------*/
.wrap-zenryo-regist {
    font-size: 13px;
}

    .wrap-zenryo-regist input[type="text"] {
        border: 1px solid gray;
    }

    .wrap-zenryo-regist .head {
        width: 1000px;
    }

    .wrap-zenryo-regist .border {
        float: left;
        height: 50px;
        border-bottom: 2px solid darkblue;
        width: 850px;
    }

    .wrap-zenryo-regist img {
        float: right;
    }

    .wrap-zenryo-regist .content {
        border-top: 6px solid orange;
        border-bottom: 6px solid orange;
        margin: 10px 0;
        padding: 10px 0;
        width: 1000px;
    }

    .wrap-zenryo-regist .section {
    }

        .wrap-zenryo-regist .section p {
            margin-bottom: 20px;
        }

        .wrap-zenryo-regist .section .layout {
            text-align: right;
        }

    .wrap-zenryo-regist .input-table {
    }

        .wrap-zenryo-regist .input-table td {
            text-align: center;
        }

        .wrap-zenryo-regist .input-table .small {
            width: 30px;
        }

        .wrap-zenryo-regist .input-table .middle {
            width: 100px;
        }

        .wrap-zenryo-regist .input-table .large {
            width: 300px;
        }

    .wrap-zenryo-regist .confirm-table {
        width: 100%;
    }

        .wrap-zenryo-regist .confirm-table td {
            text-align: left;
        }

            .wrap-zenryo-regist .confirm-table td:first-child {
                text-align: center;
            }

    .wrap-zenryo-regist .input-area {
        margin: 20px 30px;
    }

        .wrap-zenryo-regist .input-area div {
            margin: 3px 0;
        }

        .wrap-zenryo-regist .input-area .middle {
            width: 180px;
        }

        .wrap-zenryo-regist .input-area .large {
            width: 250px;
        }

        .wrap-zenryo-regist .input-area .morelarge {
            width: 400px;
        }

        .wrap-zenryo-regist .input-area .layout {
            display: inline-block;
            width: 159px;
        }

        .wrap-zenryo-regist .input-area .caption {
            margin-right: 5px;
        }

        .wrap-zenryo-regist .input-area .address {
            float: left;
            width: 300px;
        }

            .wrap-zenryo-regist .input-area .address .caption {
                display: inline-block;
                width: 42px;
            }

        .wrap-zenryo-regist .input-area .info {
            float: left;
            width: 300px;
        }

            .wrap-zenryo-regist .input-area .info .caption {
                display: inline-block;
                width: 125px;
            }

    .wrap-zenryo-regist .regist {
        text-align: center;
        width: 1000px;
    }

        .wrap-zenryo-regist .regist button {
            width: 200px;
            background-color: gainsboro;
            border: 2px outset white;
            padding: 4px;
            box-shadow: 1px 1px black;
        }

    .wrap-zenryo-regist .result-success {
        font-size: 15px;
        color: green;
        font-weight: bold;
    }

    .wrap-zenryo-regist .result-error {
        font-size: 15px;
        color: crimson;
        font-weight: bold;
    }

/*------------------------------------------------- 
    SkyRepトレーニング
---------------------------------------------------*/
.wrap-training {
    font-size: 13px;
}

    .wrap-training a {
        color: royalblue;
        text-decoration: underline;
    }

    .wrap-training .title {
        color: firebrick;
        border-top: 3px double darkgray;
        border-bottom: 1px solid gainsboro;
        padding: 5px 0;
        font-weight: bold;
        margin-top: 15px;
    }

    .wrap-training .caption {
        color: firebrick;
        padding: 25px 15px;
    }

    .wrap-training .content {
        padding: 0 30px;
    }

        .wrap-training .content ol {
            padding-left: 20px;
        }

        .wrap-training .content ul {
        }

        .wrap-training .content li:empty {
            height: 15px;
        }

        .wrap-training .content .description {
            padding: 20px 0;
        }

    .wrap-training .layout {
        float: left;
        width: 315px;
    }

    .wrap-training .layout-image {
        float: left;
        margin-top: 30px;
        text-align: right;
    }

    .wrap-training .content table {
        border: 1px solid gray;
        margin-bottom: 15px;
        width: 387px;
    }

        .wrap-training .content table .name {
        }

            .wrap-training .content table .name input {
                float: left;
            }

            .wrap-training .content table .name img {
                float: left;
            }

        .wrap-training .content table textarea {
            overflow-y: scroll;
            resize: none;
        }

        .wrap-training .content table input[type="text"] {
            width: 180px;
        }

        .wrap-training .content table input.max {
            box-sizing: border-box;
            width: 100%;
        }

        .wrap-training .content table td.none {
            border: none;
        }

/* 送信完了 */
.wrap-training-result {
    font-size: 13px;
    padding: 5px 25px;
}

    .wrap-training-result img {
        margin: 15px 0;
    }

/*------------------------------------------------- 
    団体見積依頼
---------------------------------------------------*/
.wrap-dantai {
    font-size: 13px;
}

    .wrap-dantai .date {
        text-align: right;
    }

    .wrap-dantai .input-table {
        margin-bottom: 20px;
        width: 90%;
    }

        .wrap-dantai .input-table .inner-table {
            width: 100%;
        }

    .wrap-dantai table caption {
        background-color: darkcyan;
        color: white;
    }


    /* １．渡航先、航空会社等 */
    .wrap-dantai .dantai-table {
    }

        .wrap-dantai .dantai-table input.small {
            width: 40px;
        }

        .wrap-dantai .dantai-table input.large {
            width: 210px;
        }

        .wrap-dantai .dantai-table span {
            line-height: 1.5;
        }

        .wrap-dantai .dantai-table a {
            margin: 2px;
        }

        .wrap-dantai input {
            margin: 1px;
        }

    /* ２．ご希望の旅程  */
    .wrap-dantai .schedule-table {
    }

        .wrap-dantai .schedule-table th,
        .wrap-dantai .schedule-table td {
            text-align: center;
        }

        .wrap-dantai .schedule-table .table-title {
            border-top: 1px solid silver;
            text-align: left;
        }

        .wrap-dantai .schedule-table .table-description {
            text-align: left;
        }

        .wrap-dantai .schedule-table button {
            box-shadow: 1px 1px grey;
            background-color: #efefef;
            border: none;
            padding: 2px 20px;
        }

            .wrap-dantai .schedule-table button:hover {
                background-color: navy;
                color: white;
                cursor: pointer;
            }

    .wrap-dantai .schedule-table .inner-table {
        width: 100%;
        border: 2px solid #ffffff;
    }

        .wrap-dantai .schedule-table td.segment-col {
            padding: 0;
        }

.code-help-input {
    display: inline-block;
}

.add-segment {
    border-bottom: 1px solid gainsboro;
}

/* ３．その他 */
.wrap-dantai .memo-table {
}

    .wrap-dantai .memo-table .caption {
        background-color: darkcyan;
        color: white;
    }

    .wrap-dantai .memo-table textarea {
        overflow-y: scroll;
        resize: none;
    }

/* ４．ご担当者名　 */
.agent-name-table {
}

    .agent-name-table input.small {
        width: 200px;
    }

    .agent-name-table input.middle {
        width: 290px;
    }

    .agent-name-table input.large {
        width: 400px;
    }

    .agent-name-table .rcvd-help {
    }

        .agent-name-table .rcvd-help input {
            float: left;
        }

        .agent-name-table .rcvd-help img {
            float: left;
            padding-left: 5px;
        }

/* 団体見積依頼　入力内容のご確認 */
.wrap-dantai-check {
    padding: 15px;
    font-size: 13px;
}

    .wrap-dantai-check .date {
        text-align: right;
    }

    .wrap-dantai-check .display-table.type-2 {
        margin-bottom: 20px;
    }

        .wrap-dantai-check .display-table.type-2 th:hover {
            background-color: #f2f2f2;
            cursor: auto;
        }

    /* １．渡航先、航空会社等 */
    .wrap-dantai-check .dantai-table {
    }

        .wrap-dantai-check .dantai-table th {
            text-align: left;
            padding-right: 30px;
        }

    /* ２．ご希望の旅程 */
    .wrap-dantai-check .schedule-table {
    }

        .wrap-dantai-check .schedule-table th {
            padding: 2px 30px;
        }

            .wrap-dantai-check .schedule-table th:first-child {
                padding: 2px 10px;
            }

        .wrap-dantai-check .schedule-table td {
            text-align: center;
        }

            .wrap-dantai-check .schedule-table td.table-title {
                text-align: left;
            }

    /* ３．その他 */
    .wrap-dantai-check .memo-table {
    }

        .wrap-dantai-check .memo-table th {
            min-width: 300px;
            text-align: left;
        }

        .wrap-dantai-check .memo-table td {
            white-space: normal;
            min-height: 13px;
        }

    /* ４．ご担当者名  */
    .wrap-dantai-check .agent-name-table {
    }

        .wrap-dantai-check .agent-name-table th {
            text-align: left;
            padding-right: 30px;
        }

/* 団体見積依頼 - 送信完了   */
.wrap-dantai-send {
    padding: 0 25px;
}

/*------------------------------------------------- 
    持込発券依頼
---------------------------------------------------*/
.wrap-bring {
    font-size: 13px;
    width: 100%;
}
    .wrap-bring .description-text {
        line-height: 1.2em;
        padding-bottom: 0px;
    }

    .wrap-bring .description {
        line-height: 1.3em;
    }

        .wrap-bring .description p {
            padding: 1px 0;
            padding-left: 1em;
            text-indent: -1em;
        }

            .wrap-bring .description p:not(:first-child) {
                padding-left: 2em;
            }

    .wrap-bring .pnr-remarks {
        color: red;
        font-weight: bold;
    }

    .wrap-bring .date {
        text-align: right;
        margin-bottom: 3px;
    }

    .wrap-bring .manual-link {
        font-size: 11px;
        text-decoration: underline;
        color: royalblue;
    }

    .wrap-bring table {
        margin-bottom: 20px;
    }

        .wrap-bring table caption {
            background-color: darkcyan;
            color: white;
        }

    .wrap-bring .bring-table {
    }

        .wrap-bring .bring-table td {
            white-space: normal;
        }

        .wrap-bring .bring-table textarea {
            box-sizing: border-box;
            overflow-y: scroll;
            resize: none;
            width: 100%;
        }

        .wrap-bring .bring-table ul {
            width: 400px;
        }

        .wrap-bring .bring-table li {
            padding-left: 0.5em;
            text-indent: -0.5em;
        }

        .wrap-bring .bring-table input.day {
            width: 100px;
        }

        .wrap-bring .bring-table input.time {
            width: 60px
        }

        .wrap-bring .bring-table input.large {
            width: 200px
        }

/*------------------------------------------------- 
    持込発券依頼  入力内容のご確認
---------------------------------------------------*/
.wrap-bring-check {
    padding: 15px;
    font-size: 13px;
    width: 80%;
    line-height: 1.3em;
}

    .wrap-bring-check .description ul {
        margin-bottom: 25px;
    }

    .wrap-bring-check .description li {
        padding: 2px 0;
    }

        .wrap-bring-check .description li:first-child {
            width: 360px;
        }

        .wrap-bring-check .description li:last-child {
            width: 280px;
        }

    .wrap-bring-check .description-text {
        padding-bottom: 0px;
    }

    .wrap-bring-check .date {
        text-align: right;
        margin-top: 20px;
    }

    .wrap-bring-check .display-table.type-2 {
        margin-bottom: 20px;
        width: 100%;
    }

        .wrap-bring-check .display-table.type-2 th {
            height: 20px;
            width: 135px;
        }

            .wrap-bring-check .display-table.type-2 th:hover {
                background-color: #f2f2f2;
                cursor: auto;
            }

    /* １．ご依頼内容 */
    .wrap-bring-check .bring-table {
    }

        .wrap-bring-check .bring-table th {
            text-align: left;
            padding-right: 30px;
        }

    /* ２．ご担当者情報  */
    .wrap-bring-check .agent-name-table {
    }

        .wrap-bring-check .agent-name-table th {
            text-align: left;
            padding-right: 30px;
        }

/* .wrap-bring-send {
    padding: 0 25px;
} */

/*------------------------------------------------- 
    お問い合わせ
---------------------------------------------------*/
.wrap-question {
}

    .wrap-question textarea {
        overflow-y: scroll;
        resize: none;
    }

        .wrap-question textarea:hover {
            border-color: royalblue;
        }

    .wrap-question .agent-name-table {
        margin-bottom: 10px;
        width: auto;
    }

.wrap-question-send {
    padding: 0 15px;
}

    .wrap-question-send table {
        margin-bottom: 15px;
    }

        .wrap-question-send table th {
            height: 20px;
            text-align: left;
        }

    .wrap-question-send .display-table.type-2 th:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

    .wrap-question-send td {
        height: 20px;
    }


    .wrap-question-send .question-table {
        width: 590px;
    }

        .wrap-question-send .question-table td {
            white-space: normal;
        }

    .wrap-question-send .agent-name-table td {
        text-align: center;
    }




/*------------------------------------------------- 
    QBox一覧
---------------------------------------------------*/
.initial {
    background-color: #F2F2F2;
}

.small-font {
    font-size: 8pt;
}

.qbox-list-result {
    display: none;
}

.qbox-list-conditions-table {
    font-size: 8pt;
    margin-bottom: 40px;
}

    .qbox-list-conditions-table td {
        text-align: center;
    }

        .qbox-list-conditions-table td:hover {
            background-color: navy;
            color: white;
            cursor: pointer;
        }

        .qbox-list-conditions-table td.selected {
            background-color: gold;
        }

            .qbox-list-conditions-table td.selected:hover {
                background-color: navy;
            }

.qbox-list-sort {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 5px;
}

    .qbox-list-sort .sort {
        display: inline-block;
        margin-left: 5px;
    }

    .qbox-list-sort input[type="button"] {
        color: black;
        background-color: white;
        width: 60px;
        border: 1px outset white;
    }

.wrap-qbox-list-container {
    overflow: auto;
    height: 535px;
    padding-top: 20px;
    width: 945px;
}

.wrap-qbox-list {
    overflow: auto;
    width: 890px;
    /* height: 510px; */
}

.qbox-list-table {
}

    .qbox-list-table tr {
        text-align: center;
    }

    .qbox-list-table th {
        white-space: nowrap;
    }

.display-table.type-3.qbox-list-table th:hover {
    background-color: navy;
    cursor: pointer;
    color: white;
}

.display-table.type-3.qbox-list-table th.hover-off:hover {
    background-color: #f2f2f2;
    cursor: auto;
    color: black;
}

.display-table.type-3.qbox-list-table tr.hover-off:hover {
    background-color: white;
    cursor: auto;
}

.qbox-list-table td {
}

    /* 該当するqboxが０件のときのTDホバー指定 */
    .qbox-list-table td:only-child:hover {
        background-color: white;
        color: black;
        cursor: auto;
    }

.qbox-list-searching {
    font-size: 13px;
    padding: 30px 30px 150px;
}

.display-table.type-3 .qbox-list-table .col-prewrap {
    white-space: pre-wrap;
}

.qbox-list-table .customer-name {
    text-align: left;
    /* white-space: normal; */
}

.qbox-list-table .person-count {
    text-align: right;
}

.qbox-list-table .staff-name {
    text-align: left;
}

.qbox-list-table .ticket-limit {
    text-align: left;
}

.qbox-list-table .office-name {
    text-align: left;
    /* white-space: normal; */
}

/*------------------------------------------------- 
    QBox一覧 メール一括送信リスト
---------------------------------------------------*/
.wrap-listqbox-slimemaillist {
    font-size: 13px;
}

    .wrap-listqbox-slimemaillist .listqbox-sort-table {
        width: auto;
    }

        .wrap-listqbox-slimemaillist .listqbox-sort-table input[type="text"] {
            float: left;
        }

        .wrap-listqbox-slimemaillist .listqbox-sort-table img {
            float: left;
            margin-left: 5px;
        }

    .wrap-listqbox-slimemaillist .pager-table {
        margin: 15px 0;
        width: auto;
    }

        .wrap-listqbox-slimemaillist .pager-table input {
            text-align: center;
            border: none;
        }

    .wrap-listqbox-slimemaillist .alert-text {
        margin: 15px 0;
    }

    .wrap-listqbox-slimemaillist .qbox-list-table {
    }

    .wrap-listqbox-slimemaillist .display-table.type-3.qbox-list-table th:hover {
        background-color: orange;
        color: black;
    }

    .wrap-listqbox-slimemaillist .display-table.type-3.qbox-list-table th.hover-off:hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

.sending-process {
    display: none;
    width: 300px;
    padding: 5px;
    background-color: gainsboro;
}

    .sending-process .status {
        font-weight: bold;
    }

    .sending-process table td,
    .sending-process table th {
        box-shadow: inset 1px 1px white;
    }

.send-target {
    color: black;
}

.send-untarget {
    color: gray;
}

/*------------------------------------------------- 
    QBox一覧 発券リミット・ファーミングメール送信
---------------------------------------------------*/
.wrap-pnr-sendmail-1 {
    font-size: 13px;
}

    .wrap-pnr-sendmail-1 .display-table.type-2 {
        margin-top: 15px;
    }

        .wrap-pnr-sendmail-1 .display-table.type-2 th {
            text-align: left;
        }

            .wrap-pnr-sendmail-1 .display-table.type-2 th:hover {
                background-color: #f2f2f2;
                cursor: auto;
            }

    .wrap-pnr-sendmail-1 dl {
        margin: 10px 5px;
    }

    .wrap-pnr-sendmail-1 dt {
        font-weight: bold;
    }

    .wrap-pnr-sendmail-1 dd {
        margin: 15px 50px;
    }

        .wrap-pnr-sendmail-1 dd div {
            float: left;
            padding: 2px;
        }

        .wrap-pnr-sendmail-1 dd .user-name-section {
            width: 60px;
        }

    .wrap-pnr-sendmail-1 .list-button {
        margin-top: 30px;
    }

.wrap-pnr-sendmail-2 {
    font-size: 13px;
    width: 600px;
}

    .wrap-pnr-sendmail-2 dl {
    }

    .wrap-pnr-sendmail-2 dt,
    .wrap-pnr-sendmail-2 dd {
        float: left;
        padding: 0 2px;
    }

    .wrap-pnr-sendmail-2 dt {
        width: 50px;
    }

    .wrap-pnr-sendmail-2 .preview {
        margin: 40px 20px;
    }

    .wrap-pnr-sendmail-2 .control {
        text-align: center;
    }

    .wrap-pnr-sendmail-2 .list-button {
        display: inline-block;
    }

.wrap-pnr-sendmail-3 {
    font-size: 13px;
}

    .wrap-pnr-sendmail-3 .send-success {
        padding: 20px;
        text-align: center;
    }

        .wrap-pnr-sendmail-3 .send-success .success {
            color: green;
            font-weight: bold;
            margin-top: 20px;
        }

    .wrap-pnr-sendmail-3 .send-error {
        padding: 20px;
        text-align: center;
    }

        .wrap-pnr-sendmail-3 .send-error ul {
            display: inline-block;
            margin-bottom: 20px;
        }

        .wrap-pnr-sendmail-3 .send-error li {
            text-align: left;
        }

        .wrap-pnr-sendmail-3 .send-error .error {
            color: red;
            font-weight: bold;
        }

/*------------------------------------------------- 
    ご意見・ご要望
---------------------------------------------------*/
.wrap-demand {
    font-size: 13px;
    width: 602px;
}

    .wrap-demand .title {
        color: crimson;
        padding: 10px;
    }

        .wrap-demand .title ul {
        }

        .wrap-demand .title li {
            padding: 2px 0;
        }

    .wrap-demand .content {
    }

        .wrap-demand .content ul {
            padding: 5px 30px;
        }

        .wrap-demand .content li {
            padding: 2px 0;
        }


    .wrap-demand .agent-name-table {
        margin-left: 30px;
    }

    .wrap-demand textarea {
        overflow-y: scroll;
        resize: none;
        box-sizing: border-box;
        width: 100%;
    }

    .wrap-demand .list-button {
        padding: 15px 30px;
    }

/*------------------------------------------------- 
    航空会社リンク
---------------------------------------------------*/
.wrap-link-ca {
    margin: 0 auto;
    width: 90%;
}

    .wrap-link-ca .display-table.type-2 {
        width: 100%;
        margin-bottom: 40px;
    }

        .wrap-link-ca .display-table.type-2 caption {
            padding: 5px;
        }

        .wrap-link-ca .display-table.type-2 th {
        }

            .wrap-link-ca .display-table.type-2 th:hover {
                background-color: #f2f2f2;
                cursor: auto;
            }

            .wrap-link-ca .display-table.type-2 td {
                white-space: normal;
            }

            .wrap-link-ca .display-table.type-2 th:first-child,
            .wrap-link-ca .display-table.type-2 td:first-child {
                text-align: center;
                width: 20%;
            }

            .wrap-link-ca .display-table.type-2 th:nth-child(2),
            .wrap-link-ca .display-table.type-2 td:nth-child(2) {
                width: 16%;
            }

            .wrap-link-ca .display-table.type-2 th:nth-child(3),
            .wrap-link-ca .display-table.type-2 td:nth-child(3) {
                text-align: center;
                width: 6%;
            }

            .wrap-link-ca .display-table.type-2 th:nth-child(4),
            .wrap-link-ca .display-table.type-2 td:nth-child(4) {
                text-align: center;
                width: 14%;
            }

            .wrap-link-ca .display-table.type-2 th:last-child,
            .wrap-link-ca .display-table.type-2 td:last-child {
                width: 44%;
            }

        .wrap-link-ca .display-table.type-2 a {
            color: #000066;
            text-decoration: underline;
        }

/*------------------------------------------------- 
    Q&A
---------------------------------------------------*/
.wrap-faq {
    font-size: 13px;
    margin: 0 auto;
    width: 95%;
}

    .wrap-faq .input-table.type-1 {
        width: auto;
    }

.question-list {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin: 15px 0;
}

    .question-list li {
        padding: 5px 0;
    }

        .question-list li::before {
            content: url(./Images/dot_tri_rt_02.gif);
        }

    .question-list a {
    }

        .question-list a:hover {
            text-decoration: underline;
        }

.faq-list {
    border-top: 1px solid gray;
    margin-top: 70px;
}

    .faq-list .title {
        font-weight: bold;
    }

        .faq-list .title::before {
            content: url(./Images/icon_faq_q.gif);
            position: relative;
            top: 5px;
        }

    .faq-list .answer {
    }

        .faq-list .answer::before {
            content: url(./Images/icon_faq_a.gif);
            position: relative;
            top: 20px;
        }

        .faq-list .answer li {
            padding: 2px 30px;
            white-space: pre-wrap;
        }

.quit-link {
    border-bottom: 1px solid gray;
    text-align: right;
    padding: 15px 0 5px 0;
}

    .quit-link a {
        padding-bottom: 2px;
    }

        .quit-link a:hover {
            text-decoration: underline;
        }

/*------------------------------------------------- 
    SkyRep プライバシーポリシー
---------------------------------------------------*/
.wrap-policy-privacy {
    width: 70%;
    border: 1px solid silver;
    font-size: 13px;
    padding: 10px;
    margin: 0 10px;
    line-height: 1.5;
}

.policy-privacy {
}

    .policy-privacy .title {
        font-weight: bold;
    }

    .policy-privacy .policy-list {
        padding: 20px 0px 20px 20px;
    }

/*------------------------------------------------- 
    各国TAX徴収額一覧表 
---------------------------------------------------*/
.wrap-air-tax {
    font-size: 13px;
}

    .wrap-air-tax .control {
    }

        .wrap-air-tax .control .description-text {
            float: left;
        }

        .wrap-air-tax .control img {
            float: right;
            margin-left: 20px;
        }

        .wrap-air-tax .control select {
            float: right;
            position: relative;
            top: 5px;
        }

    .wrap-air-tax .description {
        margin: 20px;
    }

.air-tax-table {
    width: 100%;
}

    .air-tax-table th {
        white-space: nowrap;
    }

.display-table.type-2.air-tax-table th:hover {
    background-color: #f2f2f2;
    cursor: auto;
}

.air-tax-table td {
    text-align: center;
    white-space: normal;
}

    .air-tax-table td:nth-last-child(3) {
        font-weight: bold;
    }

    .air-tax-table td:last-child {
        text-align: left;
    }

.wrap-air-tax .alert-list {
    list-style: none;
}

    .wrap-air-tax .alert-list li {
        margin: 10px 0;
    }

/*------------------------------------------------- 
    運営会社のご案内
---------------------------------------------------*/
.wrap-company-guidance {
    font-size: 13px;
    margin-bottom: 50px;
    width: 92%;
}

    .wrap-company-guidance a {
        color: royalblue;
    }

        .wrap-company-guidance a:hover {
            text-decoration: underline;
        }

    .wrap-company-guidance .section {
        margin-bottom: 10px;
        border-left: 4px solid silver;
        border-top: 1px solid silver;
        padding: 8px;
    }

    .wrap-company-guidance .title {
        margin-right: 50px;
        float: left;
        width: 80px;
    }

    .wrap-company-guidance .content {
        float: left;
        width: 640px;
    }

        .wrap-company-guidance .content dt {
            float: left;
            margin-right: 15px;
            width: 130px;
        }

        .wrap-company-guidance .content dd {
            float: left;
            margin-bottom: 10px;
            width: 490px;
        }

/*------------------------------------------------- 
    お客様推奨環境
---------------------------------------------------*/
.wrap-environment {
    font-size: 13px;
}

    .wrap-environment a {
        color: royalblue;
        text-decoration: underline;
    }

        .wrap-environment a:hover {
            color: crimson;
        }

    .wrap-environment .content {
        padding: 15px;
    }

        .wrap-environment .content .environment-list {
        }

            .wrap-environment .content .environment-list li {
                padding: 2px 0;
                min-height: 10px;
            }

.spec-list {
    list-style: disc;
    padding: 20px 40px;
}

    .spec-list li {
        width: 300px;
    }

    .spec-list p {
        padding-top: 5px;
    }

    .spec-list p:last-child {
        padding-left: 70px;
    }

/*------------------------------------------------- 
    Windows XP Service Pack 2 設定方法
---------------------------------------------------*/
.wrap-environment-winxpsp2 {
    font-size: 13px;
}

    .wrap-environment-winxpsp2 .description-text {
        margin-bottom: 20px;
    }

    .wrap-environment-winxpsp2 .content {
        padding: 15px;
    }

    .wrap-environment-winxpsp2 .section {
        color: firebrick;
        padding: 10px 0;
    }

    .wrap-environment-winxpsp2 img {
        margin: 7px;
        border: 1px solid black;
    }

        .wrap-environment-winxpsp2 img:last-child {
            border: none;
        }

/*------------------------------------------------- 
    お客様推奨環境 - 環境自動チェック
---------------------------------------------------*/
.wrap-environment-check {
    font-size: 13px;
}

    .wrap-environment-check a {
        color: royalblue;
        text-decoration: underline;
    }

        .wrap-environment-check a:hover {
            color: crimson;
        }


    .wrap-environment-check .content {
        padding: 15px;
    }

    .wrap-environment-check table {
        text-align: left;
        width: 70%;
    }

    .wrap-environment-check .display-table.type-2 th {
        padding: 6px;
        width: 100px;
        text-align: left;
    }

        .wrap-environment-check .display-table.type-2 th:hover {
            background-color: #f2f2f2;
            cursor: auto;
        }

    .wrap-environment-check .display-table.type-2 tr:first-child td {
        background-color: darkcyan;
        color: white;
        padding: 6px;
    }

    .wrap-environment-check .display-table.type-2 td img {
        float: left;
        margin-right: 5px;
    }

        .wrap-environment-check .display-table.type-2 td img + span {
            float: left;
            padding: 4px;
        }

/*------------------------------------------------- 
    お客様推奨環境 - ブラウザ設定方法
---------------------------------------------------*/
.wrap-environment-setup {
    font-size: 13px;
}

    .wrap-environment-setup a {
        color: royalblue;
        text-decoration: underline;
    }

        .wrap-environment-setup a:hover {
            color: crimson;
        }

    .wrap-environment-setup .head {
        padding: 10px 30px;
        margin-bottom: 400px;
    }

        .wrap-environment-setup .head .link-list {
        }

            .wrap-environment-setup .head .link-list li {
                margin-bottom: 15px;
            }

    .wrap-environment-setup .content {
        padding: 15px;
    }

        .wrap-environment-setup .content img {
            border: 1px solid black;
            margin: 5px;
        }

    .wrap-environment-setup .section {
        color: firebrick;
        padding: 15px 0;
    }

    .wrap-environment-setup .content .list-button {
        margin-bottom: 100px;
    }

        .wrap-environment-setup .content .list-button img {
            border: none;
        }

/*------------------------------------------------- 
    会員登録 - 登録手順のご説明
---------------------------------------------------*/
.wrap-regist {
    font-size: 13px;
}

    .wrap-regist .description-text {
        float: left;
    }

    .wrap-regist .regist {
        float: right;
    }


    .wrap-regist .agent-util-title {
    }

        .wrap-regist .agent-util-title div:first-child {
            float: left;
        }

        .wrap-regist .agent-util-title div:last-child {
            float: right;
        }

    .wrap-regist .content {
        padding: 15px;
    }

        .wrap-regist .content .section {
            color: firebrick;
        }

        .wrap-regist .content ul {
            padding: 15px;
        }

        .wrap-regist .content li {
            padding: 2px 0;
        }

        .wrap-regist .content img {
            padding: 0 0 20px 20px;
        }

    .wrap-regist .caption {
        background-color: darkcyan;
        color: white;
        padding: 6px 2px;
    }

    .wrap-regist .border {
        border-bottom: 5px solid gray;
    }

    .wrap-regist .access {
        width: 600px;
    }

    .wrap-regist a {
        color: royalblue;
        text-decoration: underline;
    }

        .wrap-regist a:hover {
            color: crimson;
        }

/*------------------------------------------------- 
    コールセンター/営業時間
---------------------------------------------------*/
.wrap-callcenter {
    font-size: 13px;
}

    .wrap-callcenter .content {
        padding: 15px;
    }

        .wrap-callcenter .content .section {
            color: firebrick;
        }

        .wrap-callcenter .content .layout {
            margin: 15px;
        }

        .wrap-callcenter .content ul {
        }

        .wrap-callcenter .content li {
            padding: 2px 0;
        }


        .wrap-callcenter .content table {
        }

            .wrap-callcenter .content table td {
                padding: 6px 2px;
            }

/*------------------------------------------------- 
    SkyRep セキュリティポリシー ※準備中
---------------------------------------------------*/
.wrap-comingsoon {
    color: gray;
    font-size: 13px;
    border: 1px solid silver;
    width: 70%;
    padding: 10px;
    height: 250px;
}

/*------------------------------------------------- 
    ご利用マニュアル
---------------------------------------------------*/
.wrap-help {
    font-size: 13px;
}

    .wrap-help .caption {
        background-color: orange;
        color: white;
        padding: 6px 2px;
    }

    .wrap-help .content {
        line-height: 2;
        margin-left: 20px;
    }

        .wrap-help .content a {
            color: royalblue;
            text-decoration: underline;
        }

}


/*
    管理者ページ
*/
.master-text-red {
    color: red
}

.master-text-silver {
    color: silver;
}

.master-text-gray {
    color: gray;
}

/*------------------------------------------------- 
    トラブルシューティング
---------------------------------------------------*/
.wrap-troubleshooting {
    font-size: 13px;
}

    .wrap-troubleshooting a {
        color: royalblue;
        text-decoration: underline;
    }

        .wrap-troubleshooting a:hover {
            color: crimson;
        }

    .wrap-troubleshooting .head .link-list {
    }

        .wrap-troubleshooting .head .link-list li {
            margin-bottom: 15px;
        }

    .wrap-troubleshooting .content {
        padding: 15px;
    }

        .wrap-troubleshooting .content img {
            padding: 15px 0;
        }

    .wrap-troubleshooting .section {
    }

        .wrap-troubleshooting .section ul {
        }

        .wrap-troubleshooting .section li {
            padding: 2px 0;
            height: 12px;
        }

.disc-list {
    list-style: disc;
    padding: 10px 30px;
}

    .disc-list li {
        padding: 2px 0;
    }

/*------------------------------------------------- 
    販売取扱要綱
---------------------------------------------------*/
.wrap-useguidance-default {
    font-size: 13px;
}

    .wrap-useguidance-default .content {
        padding: 15px;
    }

        .wrap-useguidance-default .content .section {
            color: firebrick;
        }

    /* .wrap-useguidance-default .content .layout {
        margin: 15px;
    } */

    .wrap-useguidance-default ul {
        margin: 15px;
    }

        .wrap-useguidance-default ul li {
            padding: 2px 0;
            height: 12px;
        }

    .wrap-useguidance-default dl {
        margin: 15px;
    }

        .wrap-useguidance-default dl dt {
            float: left;
            width: 430px;
            padding: 2px 0;
        }

        .wrap-useguidance-default dl dd {
            float: left;
        }

/*------------------------------------------------- 
    プレスリリース
---------------------------------------------------*/
.wrap-press {
    font-size: 13px;
}

    .wrap-press .description-text {
        float: left;
    }

    .wrap-press .button {
        float: right;
    }

.wrap-press-item {
}

    .wrap-press-item li {
        border: 1px solid #8ab7bf;
        width: 370px;
        border-left: 25px solid #8ab7bf;
        padding: 10px 4px;
        height: 100px;
        float: left;
        margin: 0 20px 20px 0;
    }

    .wrap-press-item li:hover {
        background-color: lemonchiffon;
        cursor: pointer;
    }

    .wrap-press-item .title {
        padding: 10px 0 2px;
        color: #990000;
        font-weight: bold;
    }

    .wrap-press-item .content {
    }

        .wrap-press-item .content span {
            white-space: pre;
        }
        
    .wrap-press-item .number {
        text-align: right;
        margin-top: 7px;
        color: gray;
    }

/*------------------------------------------------- 
    プレスリリース詳細
---------------------------------------------------*/
.wrap-press-detail {
    font-size: 13px;
    margin-bottom: 30px;
}

    .wrap-press-detail a {
        color: royalblue;
        text-decoration: underline;
    }

    .wrap-press-detail .title {
        border-top: 3px double darkgray;
        border-bottom: 1px solid gainsboro;
        padding: 1px 0;
        line-height: 1.8;
        font-weight: bold;
        color: firebrick;
        margin-top: 10px;
        white-space: pre-line;
    }

    .wrap-press-detail .section {
        width: 70%;
        padding: 10px 0px 15px 20px;
    }

    .wrap-press-detail .content {
        white-space: pre-line;
        line-height: 1.5;
    }

    .wrap-press-detail .list-button {
        float: right;
        margin-top: 15px;
    }

/*------------------------------------------------- 
    (旧)ホテル情報
---------------------------------------------------*/
.wrap-hotel-infomaition {
    font-size: 13px;
}

    .wrap-hotel-infomaition .layout {
        display: inline-flex;
    }

        .wrap-hotel-infomaition .layout span {
            margin: 4px 5px;
        }

    .wrap-hotel-infomaition .input-table.type-1 {
        width: 50%;
        margin-bottom: 20px;
    }

        .wrap-hotel-infomaition .input-table.type-1 th {
            width: 100px;
        }

        .wrap-hotel-infomaition .input-table.type-1 td {
        }

    .wrap-hotel-infomaition input.small {
        width: 100px;
    }

    .wrap-hotel-infomaition input.middle {
        width: 200px;
    }

        .wrap-hotel-infomaition input.large {
            width: 100%;
            box-sizing: border-box;
        }

/*------------------------------------------------- 
    Zumataホテル
---------------------------------------------------*/
.display-none {
    display: none;
}

/*ホテル全般*/
.wrap-hotel * {
    font-family: Meiryo, 'Meiryo UI', Arial;
    /*font-family: Meiryo, 'Meiryo UI', Arial !important;*/
}

    .wrap-hotel input::-ms-clear {
        visibility: hidden;
    }

    .wrap-hotel *:focus {
        outline: none;
    }

    .wrap-hotel img {
        vertical-align: middle;
    }

    .wrap-hotel .blue-text {
        color: #150080;
    }

    .wrap-hotel .red-text {
        color: red;
    }

    .wrap-hotel .bold-text {
        font-weight: bold;
    }

    .wrap-hotel .small-text {
        font-size: 0.8em;
    }

    .excellent-text {
        color: #009966;
    }

    .fair-text {
        color: orange;
    }

    .poor-text {
        color: hotpink;
    }

	.unrated-text {
		color: #800080;
	}

    .excellent-background {
        background-color: #009966;
    }

    .fair-background {
        background-color: orange;
    }

    .poor-background {
        background-color: hotpink;
    }

	.unrated-background {
		background-color: #800080;
	}

    .star-text {
        color: #ffd200;
    }

    /* ホテル検索フォーム */
    .hotel-search-conditions {
        display: flex;
        width: 100%;
        margin-bottom: 15px;
    }

        .wrap-hotel-search-conditions .hotel-search-item {
            padding-left: 5px;
        }

            .hotel-search-item .item-input {
                padding: 0 8px;
                border: 2px solid #668ad8; /* 枠線 */
                height: 2.5em; /* 高さ */
                border-radius: 0.8em; /* 角丸 */
            }

            .hotel-search-item .item-input-keyword {
                width: 267px;
            }

            .hotel-search-item .item-input-calender {
                width: 230px;
            }

            .hotel-search-item .item-input-guestroom {
                width: 180px;
            }

    .btn-hotel-search-img {
        margin: 2px 0 0 0;
        height: 2.0em;
    }

    /*サジェスト*/
    ul.hotel-auto-suggest {
        box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
        padding: 2px 2px;
    }

        ul.hotel-auto-suggest .suggest-item {
            display: flex;
        }

            .suggest-item.ui-state-active {
                border: 1px solid #f2f6fc;
                background-color: #f2f6fc;
                font-weight: normal;
                color: black;
            }

            .suggest-item .item-icon-none {
                flex-basis: 15%;
            }

            .suggest-item .item-icon-region {
                flex-basis: 15%;
                background-image: url(../Content/Images/icon_autosuggest_region.gif);
                background-size: 1em;
                background-repeat: no-repeat;
                background-position: center;
            }

            .suggest-item .item-icon-hotel {
                flex-basis: 15%;
                background-image: url(../Content/Images/icon_autosuggest_hotel.gif);
                background-size: 1em;
                background-repeat: no-repeat;
                background-position: center;
            }

            .suggest-item .item-content {
                flex-basis: 85%;
                font-family: Meiryo, 'Meiryo UI', Arial;
                font-weight: normal;
            }

    /*カレンダー*/
    .search-calendar {
        z-index: 10;
    }

        button.ui-datepicker-close {
            margin-top: 10px;
            margin-bottom: 10px;
            display: none;
        }

        .selected-period .ui-state-default {
            background: #6495ed;
            color: #FFFFFF;
        }

        .hover-period .ui-state-default {
            background: #88aef2;
            color: #FFFFFF;
        }

    /*宿泊者ダイアログ*/
    .guestroom-dialog {
        margin-top: 5px;
        background: #ffffff;
        border: 2px solid #6495ed;
        position: absolute;
        width: 100%;
        height: auto;
        width: 310px;
        z-index: 1000;
    }

        .guestroom-dialog .room {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
        }

        .guestroom-dialog .room-no {
            padding-top: 5px;
            padding-bottom: 5px;
            color: #778899;
            font-weight: bold;
        }

            .guestroom-dialog .room-no a {
                margin-left: 5px;
                font-size: 0.6em;
                font-weight: normal;
                color: #4169e1;
            }

        .guestroom-dialog .guest {
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .guestroom-dialog .guest .count-button {
                display: inline-block;
                padding: 0.5em 1em;
                text-decoration: none;
                background: #ffffff; /*ボタン色*/
                color: #668ad8;
                border: solid 1px #668ad8;
            }

                .guestroom-dialog .guest .count-button :active {
                    background-color: #cee1ff; /*ボタン色*/
                }

            .guestroom-dialog .guest .wrap-display-count {
                display: inline-block;
                width: 2em;
                text-align: center;
            }

        .guestroom-dialog .children-age {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }

        .guestroom-dialog .child-age {
            width: 45%;
            padding: 5px;
        }

            .guestroom-dialog .child-age .child-title {
                font-size: 0.8em;
            }

            .guestroom-dialog .child-age .age {
                width: 100%;
            }

        .guestroom-dialog .caution {
            font-size: 0.8em;
            text-indent: -1.6em;
            padding-left: 2em;
            color: crimson;
            text-decoration: underline;
        }
          .guestroom-dialog .caution img {
              vertical-align: middle;
            }

        .guestroom-dialog .endline {
            border-bottom: 1px solid #778899;
            margin-top: 5px;
        }

        .guestroom-dialog .add-room {
            margin-top: 10px;
            margin-left: 5px;
            font-size: 0.8em;
        }

            .guestroom-dialog .add-room a {
                color: #4169e1;
            }

        .guestroom-dialog .close-dialog {
            background: #cacaca;
            text-align: right;
            height: 1.2em;
            font-size: 0.8em;
            margin-top: 5px;
            padding-top: 0.2em;
            padding-right: 5px;
        }

    /*ボタン*/
    .btn-square {
        text-align: center;
        height: 56px;
    }

        .btn-square .btn-square-shadow {
            display: inline-block;
            padding: 0.5em 0;
            margin: 0 1px 2px 1px;
            text-decoration: none;
            text-align: center;
            background: #668ad8; /*ボタン色*/
            color: #FFF;
            border-bottom: solid 4px #627295;
            border-radius: 3px;
            width: 98%;
        }

            .btn-square .btn-square-shadow:active {
                /*ボタンを押したとき*/
                -webkit-transform: translateY(4px);
                transform: translateY(4px); /*下に動く*/
                box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
                border-bottom: none;
            }

            .btn-square .btn-square-shadow.btn-disabled {
                pointer-events: none; /* aタグのリンクを無効にする */
                cursor: default; /* マウスオーバー時のカーソルをdefaultに固定 */
                background: #517dce; /*ボタン色*/
                color: gainsboro;
            }

                .btn-square .btn-square-shadow.btn-disabled:active {
                }

		.btn-square-select-room,
		.btn-square-select-set-discount {
			width: 100px;
			margin-left: auto;
			margin-bottom: auto;
			padding-top: 8px;
			height: 44px;
		}

    /*ホテルバナー*/
    .wrap-hotel-search-banner {
        text-align: center;
    }

    /*ローディング*/
    .wrap-search-loading {
        padding: 0;
        width: 100%;
    }

    .wrap-search-loading .search-loading {
        width: 32px;
        height: 32px;
        margin: 10px auto;
        border: 4px #ddd solid;
        border-top: 4px #2e93e6 solid;
        border-radius: 50%;
        animation: loading-anime 1s infinite linear;
    }

        .wrap-search-loading .search-loading-small {
            width: 16px;
            height: 16px;
            margin: 10px auto;
            border: 4px #ddd solid;
            border-top: 4px #2e93e6 solid;
            border-radius: 50%;
            animation: loading-anime 1s infinite linear;
        }

    @keyframes loading-anime {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    /*ホテルソート*/
    .wrap-hotel .hotel-sort {
        border: solid 1px #1e50a2;
    }

        .wrap-hotel .sort-condition {
            display: flex;
            font-size: 0.7em;
            height: 1.9em;
        }

            .wrap-hotel .sort-condition li {
                text-align: center;
                width: 35%;
                border: none;
                padding-top: 3px;
            }

                .wrap-hotel .sort-condition li a {
                    text-decoration: none;
                }

            .wrap-hotel .sort-condition .sort-selected {
                background-color: #cee1ff;
            }

            .wrap-hotel .sort-condition .sort-direction-space {
                margin-right: 1em;
            }

			.wrap-hotel .sort-condition li a {
				display: block;
			}

    /*ホテル検索結果件数*/
    .wrap-hotel .wrap-hotel-result-count {
        text-align: center;
        padding: 8px 0;
    }

    .wrap-hotel .container {
        width: 100%;
        padding: 0;
        display: flex;
    }

        /*ホテルフィルター*/
        .wrap-hotel .row-map {
            width: 100%;
        }

        .wrap-hotel .col-filter {
            flex-basis: 25%;
            margin-bottom: 15px;
            padding: 0 8px;
            font-size: 0.9em;
            padding: 4px;
        }

        .wrap-hotel .filter-content {
            margin-bottom: 16px;
        }

            .wrap-hotel .filter-content input{
                margin-bottom: 10px;
                max-width: 200px;
            }

			.wrap-hotel .filter-content .display-match-count {
				display: flex;
				justify-content: space-between;
			}

			.wrap-hotel .filter-content span.match-count {
				margin-right: 10px;
			}

			.wrap-hotel .filter-content div.match-count {
				float:right;
				margin-right: 10px;
			}

            .wrap-hotel .wrap-slider {
                padding: 10px 8px;
            }

            .wrap-hotel .slider {
                padding-left: 8px;
                width: 90%;
            }

                .wrap-hotel .slider .ui-slider-handle {
                    width: 16px;
                    height: 16px;
                    border: 2px solid #0094f0;
                    background-color: #fff;
                    border-radius: 50%;
                }

                .wrap-hotel .slider .ui-slider-range {
                    background-color: #0094f0;
                }

                .wrap-hotel .ui-slider-horizontal {
                    height: 6px;
                    border-style: none;
                    background-color: #e4e7ed;
                }

                    .wrap-hotel .ui-slider-horizontal .ui-slider-handle {
                        top: -.5em;
                        margin-left: -.6em;
                    }

        .wrap-hotel .filter-charge-text {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .wrap-hotel .filter-charge-text input{
                height: 0.9em;
                width: 6em;
                font-size: 0.8em;
            }

            .wrap-hotel .filter-charge-text .filter-charge-min {
                flex-basis: 50%;
            }

            .wrap-hotel .filter-charge-text .filter-charge-max {
                flex-basis: 50%;
            }

        .wrap-hotel .accordion-menu dl dd {
            display: none;
        }


    /*ホテル結果*/
    .wrap-hotel .container .col-list {
        flex-basis: 75%;
    }

    .wrap-hotel .hotel-list .hotel-info {
        width: 99%;
        display: flex;
        border: solid 2px #1e50a2;
        padding: 2px;
        margin-bottom: 8px;
    }

        .wrap-hotel a.hotel-info-address:link {
            color: #0000EE;
            text-decoration: underline;
        }

        .wrap-hotel a.hotel-info-address:visited {
            color: #551A8B;
            text-decoration: underline;
        }

        .wrap-hotel a.hotel-info-address:hover {
        }

        .wrap-hotel a.hotel-info-address:active {
            color: #FF0000;
            text-decoration: underline;
        }

		/*
			1:hotel
			3:resort
		*/
		.wrap-hotel .hotel-info .hotelcategory-1,
		.wrap-hotel .hotel-info .hotelcategory-3 {
			color: #203764;
		}

		/*
			7:condo
			23:condominiumresort
			16:apartment
			22:aparthotel
		*/
		.wrap-hotel .hotel-info .hotelcategory-7,
		.wrap-hotel .hotel-info .hotelcategory-23,
		.wrap-hotel .hotel-info .hotelcategory-16,
		.wrap-hotel .hotel-info .hotelcategory-22 {
			color: #375623;
		}

		/*
			25:Raid
		*/
		.wrap-hotel .hotel-info .hotelcategory-25 {
			color: #7030a0;
		}

		/*
			14:Villa
			15:Lodge
			10:Chalet
			11:Cottage
		*/
		.wrap-hotel .hotel-info .hotelcategory-14,
		.wrap-hotel .hotel-info .hotelcategory-15,
		.wrap-hotel .hotel-info .hotelcategory-10,
		.wrap-hotel .hotel-info .hotelcategory-11{
			color: #833c0c;
		}

		/*
			20:ryokan
		*/
		.wrap-hotel .hotel-info .hotelcategory-20 {
			color: #806000;
		}

        .wrap-hotel .hotel-info .col-hotel-thumbnail {
            flex-basis: 30%
        }
            
            .wrap-hotel .hotel-info .hotel-info-thumbnail {
                width: 188px;
                height: 226px;
            }

            .wrap-hotel .hotel-info .hotel-info-thumbnail img{
                object-fit: cover;
                font-family: 'object-fit: cover;';
            }

            .wrap-hotel .hotel-info .thumbnail-none {
                background-color: lightgray;
            }

            .wrap-hotel .hotel-info .thumbnail-main-only {
                width: 100%;
                height: 226px;
            }

            .wrap-hotel .hotel-info .thumbnail-main-sub1 {
                width: 100%;
                height: 180px;
            }

            .wrap-hotel .hotel-info .thumbnail-main-sub2 {
                width: 100%;
                height: 134px;
            }

            .wrap-hotel .hotel-info .wrap-thumbnail-sub {
                width: 100%;
                height: 90px;
                margin-top: 2px;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-content: space-between;
            }

                .wrap-hotel .hotel-info .thumbnail-sub-item {
                    margin-right: 2px;
                }

                .wrap-hotel .hotel-info .thumbnail-sub-item:nth-child(5n) {
                    margin-right: 0;
                }
                
                .wrap-hotel .hotel-info .thumbnail-sub {
                    width: 36px;
                    height: 44px;
                }

                .wrap-hotel .hotel-info .hotel-relative {
                    position: relative;
                }

                .wrap-hotel .hotel-info .wrap-btn-show-all-thumbnail {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 36px;
                    height: 44px;
                    line-height: 0.5em;
                    background-color: black;
                    opacity: 0.7;
                }
                
                .wrap-hotel .hotel-info .btn-show-all-thumbnail {
                    display: inline-block;
                    padding: 10px 3px;
                    font-size: 0.5em;
                    font-weight: bold;
                    text-align: center; 
                    color: white;
                    line-height: 1em;
                }

        .wrap-hotel .hotel-info .col-hotel-content {
            flex-basis: 70%;
            padding: 2px 4px;
        }

            .wrap-hotel .hotel-info .row-hotel-name {
                min-height: 2.6em;
            }

				.wrap-hotel .hotel-info .row-hotel-name .close {
					float: right;
					font-size: 20px;
					font-weight: bold;
					line-height: 1;
					color: #454545;
					background: #f6f6f6;
					border: 1px solid #c5c5c5;
					border-radius: 3px;
					height: 1.1em;
					width: 1.1em;
				}

            .wrap-hotel .hotel-info .wrap-hotel-info-original-name {
                min-height: 1.5em;
                margin-top: -0.5em;
            }

        .wrap-hotel .hotel-info .row-hotel-info-detail {
            width: 100%;
            padding: 0;
            display: flex;
        }

            .wrap-hotel .hotel-info .row-hotel-info-detail .col-hotel-detail-left {
                flex-basis: 42%
            }

            .wrap-hotel .hotel-info .row-hotel-info-detail .col-hotel-detail-right {
                min-height: 6.8em;
                flex-basis: 58%
            }

        .wrap-hotel .hotel-info-trustyou-rating .hotel-info-trustyou-rating-number {
            display: inline-block;
            width:2em; 
            height:1.5em; 
            text-align:center;
            margin-right: 4px;
        }

            .wrap-hotel .hotel-info-trustyou-rating .hotel-info-trustyou-rating-number span {
                color: #FFFFFF;
                font-weight: bold;
            }

        .wrap-hotel .hotel-info-food-type .breakfast {
            display: inline-block;
            background-image: url(../Content/Images/icon_breakfast.png);
            background-size: 1.5em;
            background-repeat: no-repeat;
            background-position: center;
            width: 1.5em;
            height: 1.5em;
        }

         .wrap-hotel .hotel-info-food-type span {
            font-weight: bold;
            padding-left: 0.5em;
        }

        .wrap-hotel .hotel-info .row-charge {
            width: 100%;
            padding: 0;
            display: flex;
        }

            .wrap-hotel .hotel-info .row-charge .charge-description {
                flex-basis: 52%;
            }

            .wrap-hotel .hotel-info .row-charge .charge-value {
                flex-basis: 48%;
            }

                .wrap-hotel .hotel-info .row-charge .charge-value {
                    text-align: right;
                }

            .wrap-hotel .hotel-info .wrap-annotation-gross-charge {
                margin-top: -6px;
                text-align: right;
            }

    .wrap-hotel .wrap-hotel-view-count {
        display: flex;
        justify-content: flex-end;
        vertical-align: middle;
    }

    .wrap-hotel ul.pagination {
        margin: 0 0 10px;
	    padding: 10px 10px 5px;
	    background: #FFFFFF;
	    text-align: center;
    }

        .wrap-hotel ul.pagination li {
            display: inline;
            margin: 0 2px;
            padding: 0;
        }

            .wrap-hotel ul.pagination li span
            .wrap-hotel ul.pagination li a {
                display: inline-block;
                margin-bottom: 5px;
                padding: 1px 8px;
                background: #fff;
                color: #0000EE; 
                vertical-align: middle;
            }

            .wrap-hotel ul.pagination li a:link {
                color: #0000EE;
            }

            .wrap-hotel ul.pagination li a:visited {
                color: #0000EE;
            }

            .wrap-hotel ul.pagination li a:hover {
                background: #eeeff7;
                border-color: #00f;
            }

            .wrap-hotel ul.pagination li a:active {
                color: #0000EE;
            }

            .wrap-hotel ul.pagination li a.select-page {
                color: black;
                text-decoration: underline;
            }

    .wrap-hotel .wrap-thumbnail-modal {
        position: absolute;
        top: 0;
        left: 0;
    }

        .wrap-hotel .thumbnail-modal {
            display: inline-block;
            z-index: 999;
            max-height: 350px;
            max-width: 350px;
            position: relative;
            top: auto;
            left: auto;
        }

			.wrap-hotel .thumbnail-modal img {
				border: solid 2px #FFFFFF;
				max-height: 350px;
				max-width: 350px;
			}

    .wrap-map-modal {
        border: solid 4px #1e50a2;
        z-index: 3;
        position: relative;
    }

        .wrap-map-modal .custom-map {
            width: 100%;
            height: 100%;
        }

        .map-custom-dialog * {
            font-family: Meiryo, 'Meiryo UI', Arial;
        }

            .map-custom-dialog .ui-dialog-titlebar {
                color: black;
                background: white;
                border: none;
            }

            .custom-map .custom-map-label {
                color: #fff;
                text-align: center;
            }

            .custom-map .custom-map-label-selected {
                color: #005aeb;
                text-align: center;
            }

        .hotel-info.map-hotel-info {
            width: 510px;
            display: flex;
            background-color: white;
            border: solid 2px #1e50a2;
            position: absolute;
            bottom: 15px;
            left: 100px;
            font-size:0.7em;
        }

            .hotel-info.map-hotel-info .col-hotel-thumbnail {
                flex-basis: 38%
            }

                .hotel-info.map-hotel-info .hotel-info-thumbnail {
                   width: 188px;
                   height: 180px;
               }

               .hotel-info.map-hotel-info .thumbnail-main-only {
                   width: 100%;
                   height: 180px;
               }

               .hotel-info.map-hotel-info .thumbnail-main-sub1 {
                   width: 100%;
                   height: 144px;
               }

               .hotel-info.map-hotel-info .thumbnail-main-sub2 {
                   width: 100%;
                   height: 107px;
               }

               .hotel-info.map-hotel-info .wrap-thumbnail-sub {
                   width: 100%;
                   height: 72px;
                   margin-top: 2px;
                   display: flex;
                   flex-wrap: wrap;
                   justify-content: flex-start;
                   align-content: space-between;
               }

                   .hotel-info.map-hotel-info .thumbnail-sub {
                       width: 36px;
                       height: 35px;
                   }

                   .hotel-info.map-hotel-info .wrap-btn-show-all-thumbnail {
                       position: absolute;
                       top: 0;
                       left: 0;
                       width: 36px;
                       height: 35px;
                       line-height: 0.5em;
                       background-color: black;
                       opacity: 0.7;
                   }

                   .hotel-info.map-hotel-info .btn-show-all-thumbnail {
                       display: inline-block;
                       padding: 7px 3px;
                       font-size: 0.5em;
                       font-weight: bold;
                       text-align: center;
                       color: white;
                       line-height: 1.8em;
                   }

            .hotel-info.map-hotel-info .col-hotel-content {
                flex-basis: 62%;
                padding: 2px 4px;
            }



 /*------------------------------------------------- 
    サーバ再起動
---------------------------------------------------*/
                .wrap-rebootserver{
    font-size: 16px;
}

.wrap-rebootserver table {
}

    .wrap-rebootserver .error-message-area {
        margin: 3px 0;
        text-align: center;
    }

    .wrap-rebootserver .login-area {
        width: 90%;
        margin: 10px auto;
        text-align: center;
    }

        .wrap-rebootserver .login-area table {
            border-right: 6px solid #A4A4A4;
            border-bottom: 6px solid #A4A4A4;
            border-left: 6px solid #f2f2f2;
            border-top: 6px solid #f2f2f2;
            margin: 0 auto;
        }

            .wrap-rebootserver .login-area table td,
            .wrap-rebootserver .login-area table th {
                border: 2px solid white;
                box-shadow: inset 1px 1px silver;
                font-size: 16px;
                padding: 4px;
            }

    .wrap-rebootserver .botton-area{
        margin: 5px 0;
    }

        .wrap-rebootserver .botton-area input {
            padding: 3px 6px;
        }

    .wrap-rebootserver .list-title {
        margin: 5px 0;
    }

    .wrap-server-list {
        display: inline-block;
    }

    .server-list {
        border-right: 1px solid silver;
        border-bottom: 1px solid silver;
        border-collapse: unset;
    }

    .wrap-rebootserver .server-list td,
    .wrap-rebootserver .server-list th {
        font-size: 16px;
        border: 1px solid white;
        box-shadow: inset 1px 1px silver;
    }

    .wrap-rebootserver .server-list th {
        background-color: aquamarine;
        text-align: left;
    }

        .wrap-rebootserver .server-list tr:nth-child(2n+1) {
            background-color: lightcyan;
        }

        .wrap-rebootserver .server-list button {
            padding: 1px 5px;
            
        }

    .wrap-rebootserver .reflesh-info {
        margin: 5px 0;
        text-align: right;
        width: inherit;
    }

    .wrap-rebootserver .reflesh-info button {
        width: 150px;
        padding: 3px;
    }

/*------------------------------------------------- 
    旅行関連リンク
---------------------------------------------------*/
.wrap-travel-link {
    font-size: 13px;
    margin-bottom: 40px;
}

.travel-link-list {
    padding: 10px;
    width: 500px;
}

    .travel-link-list li {
        padding: 3px;
    }

        .travel-link-list li a {
            white-space: pre-line;
            display: inline-block;
        }

            .travel-link-list li a:hover {
                color: dodgerblue;
                text-decoration: underline;
            }

    .travel-link-list .level1 {
        border-top: 1px solid gray;
        background-color: #f2f2f2;
        margin-top: 40px;
    }

        .travel-link-list .level1:first-child {
            margin-top: 0px;
        }

    .travel-link-list .level2 {
        margin-left: 50px;
    }

        .travel-link-list .level2::before {
            content: url(./Images/dot_tri_rt_01.gif)
        }

    .travel-link-list .level3 {
        margin-left: 100px;
    }

        .travel-link-list .level3::before {
            content: url(./Images/dot_tri_rt_03.gif)
        }

/*------------------------------------------------- 
    Web発券済PNR処理状況一覧 
---------------------------------------------------*/
.wrap-b2c-autoticketing {
    font-size: 13px;
}

    .wrap-b2c-autoticketing .control {
        margin-bottom: 60px;
    }

        .wrap-b2c-autoticketing .control .input-table.type-1 {
            margin-bottom: 2px;
        }

            .wrap-b2c-autoticketing .control .input-table.type-1 th {
                white-space: nowrap;
            }

                .wrap-b2c-autoticketing .control .input-table.type-1 th.customer-name {
                    width: 190px;
                }

            .wrap-b2c-autoticketing .control .input-table.type-1 td {
                text-align: center;
            }

                .wrap-b2c-autoticketing .control .input-table.type-1 td.navi {
                    text-align: left;
                }

            .wrap-b2c-autoticketing .control .input-table.type-1 input {
                width: 100%;
                box-sizing: border-box;
                text-align: center;
                font-size: 11px;
            }

                .wrap-b2c-autoticketing .control .input-table.type-1 input.date {
                    width: 70px;
                }

    .wrap-b2c-autoticketing .result {
        overflow: auto;
        height: 310px;
    }

    .wrap-b2c-autoticketing .pnr-list-table {
    }

        .wrap-b2c-autoticketing .pnr-list-table tr {
            text-align: center;
        }

    .wrap-b2c-autoticketing .display-table.type-3.pnr-list-table tr:first-child:hover {
        color: black;
    }

    .wrap-b2c-autoticketing .pnr-list-table th {
        white-space: nowrap;
    }

    /* .wrap-b2c-autoticketing .display-table.type-3.pnr-list-table th:first-child:hover {
    background-color: #f2f2f2;
    cursor: auto;
} */

    .wrap-b2c-autoticketing .pnr-list-table td {
        white-space: nowrap;
    }

        /* 該当するPNRが０件のときのTDホバー指定 */
        .wrap-b2c-autoticketing .pnr-list-table td:only-child:hover {
            background-color: white;
            color: black;
            cursor: auto;
        }

    .wrap-b2c-autoticketing .pnr-list-table .customer-name {
        text-align: left;
        /* white-space: normal; */
    }

    .wrap-b2c-autoticketing .pnr-list-table .person-count {
        text-align: right;
    }

    .wrap-b2c-autoticketing .pnr-list-table .staff-name {
        text-align: left;
    }

    .wrap-b2c-autoticketing .pnr-list-table .ticket-limit {
        text-align: left;
    }

    .wrap-b2c-autoticketing .pnr-list-table .office-name {
        text-align: left;
        /* white-space: normal; */
    }

    .wrap-b2c-autoticketing .pnr-list-table .agent-memo {
        /* white-space: normal; */
    }

    .wrap-b2c-autoticketing .display-table.type-3.pnr-list-table .hover-off:hover {
        background-color: white;
        cursor: auto;
    }

/*------------------------------------------------- 
    SkyRep利用規約
---------------------------------------------------*/
.wrap-rule {
    font-size: 13px;
    width: 600px;
    border: 1px solid silver;
    padding: 10px;
}

    .wrap-rule .title {
        font-size: 18px;
        border-bottom: 1px solid gray;
        text-align: center;
        width: 160px;
        margin: 0 auto;
    }

    .wrap-rule .section {
        text-align: center;
        margin: 100px;
    }

    .wrap-rule .caption {
        margin: 20px 0;
    }

    .wrap-rule p {
        padding: 10px 0 20px 0;
        line-height: 1.8;
    }

    .wrap-rule table {
    }

        .wrap-rule table tr {
        }

            .wrap-rule table tr:first-child,
            .wrap-rule table tr:first-child th {
                text-align: center;
            }

        .wrap-rule table th {
            width: 157px;
            text-align: left;
            padding: 4px 2px;
        }

        .wrap-rule table td {
            white-space: normal;
            width: 464px;
            padding: 4px 2px;
        }
/*------------------------------------------------- 
    楽天管理 
---------------------------------------------------*/
.wrap-b2c-rakuten {
    font-size: 13px;
}

.wrap-b2c-rakuten .control {
    margin-bottom: 90px;
}

.wrap-b2c-rakuten .control .input-table.type-1 {
    margin-bottom: 2px;
}

.wrap-b2c-rakuten .control .input-table.type-1 th {
    white-space: nowrap;
}

.wrap-b2c-rakuten .control .input-table.type-1 th.customer-name {
    width: 190px;
}

.wrap-b2c-rakuten .control .input-table.type-1 td {
    text-align: left;
}

    .wrap-b2c-rakuten .control .input-table.type-1 input {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-size: 11px;
    }

    .wrap-b2c-rakuten .control .input-table.type-1 input.date {
        width: 70px;
    }

.wrap-b2c-rakuten .list-button input[type="button"] {
    background-color: white;
    border: #bababa 1px inset;
    padding: 3px 15px;
    font-size: 11px;
    margin: 3px;
}

.wrap-b2c-rakuten .result {
    overflow: auto;
    height: 380px;
    margin-top: 2px;
}

.wrap-b2c-rakuten .pager button {
    box-shadow: 1px 1px grey;
    background-color: #efefef;
    border: none;
    padding: 2px 10px;
}

.wrap-b2c-rakuten .pnr-list-table {
}

    .wrap-b2c-rakuten .pnr-list-table tr {
        text-align: center;
    }

    .wrap-b2c-rakuten .display-table.type-3.pnr-list-table tr:first-child:hover {
        color: black;
    }

    .wrap-b2c-rakuten .pnr-list-table th {
        white-space: nowrap;
    }

    .wrap-b2c-rakuten .display-table.type-3.pnr-list-table th:nth-child(7):hover {
        background-color: gold;
        cursor: pointer;
    }

    .wrap-b2c-rakuten .display-table.type-3.pnr-list-table th:nth-child(9):hover {
        background-color: #f2f2f2;
        cursor: auto;
    }

/* .wrap-b2c-rakuten .display-table.type-3.pnr-list-table th:first-child:hover {
    background-color: #f2f2f2;
    cursor: auto;
} */

.wrap-b2c-rakuten .pnr-list-table td {
    white-space: nowrap;
}

    /* 該当するPNRが０件のときのTDホバー指定 */
    .wrap-b2c-rakuten  .pnr-list-table td:only-child:hover {
        background-color: white;
        color: black;
        cursor: auto;
    }

.wrap-b2c-rakuten  .pnr-list-table .name {
    text-align: left;
    white-space: normal;
}

.wrap-b2c-rakuten .pnr-list-table .right {
    text-align: right;
}

.wrap-b2c-rakuten .pnr-list-table .left {
    text-align: left;
}

.wrap-b2c-rakuten .pnr-list-table .agent-memo {
    /* white-space: normal; */
}

.wrap-b2c-rakuten .display-table.type-3.pnr-list-table .hover-off:hover {
    background-color: white;
    cursor: auto;
}

/**
    サイトマップ
*/

.wrap-sitemap * {
    border-spacing: 0;
}

.wrap-sitemap a {
    text-decoration: none;
    color: navy;
}

    .wrap-sitemap a:hover {
        text-decoration: underline;
        color: navy;
    }
   

.wrap-sitemap table {
    position: relative;
    border: 1px solid silver !important;
}

.wrap-sitemap table th {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.wrap-sitemap table td {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.wrap-sitemap table td span{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}

.wrap-sitemap .wrap-sitemap-imgs {
    font-size: 0pt;
    display: inline-block;
}

.wrap-sitemap table td * {
    font-size: 10pt;
    vertical-align: middle;
}

.list-button.rak {
    float: left;
}
.batch-alert  {
    padding: 0px 10px;
}
.pnr-list-b2c-button button.output-csv {
    margin-top: 5px;
}

/*------------------------------------------------- 
    国内航空券予約
---------------------------------------------------*/
.wrap-domestic {
    font-size: 13px;
}

    .wrap-domestic .date {
        text-align: right;
    }

    .wrap-domestic input.small {
        width: 40px;
    }

    .wrap-domestic input.normal {
        width: 100px;
    }

    .wrap-domestic input.large {
        width: 210px;
    }

    .wrap-domestic .input-table {
        margin-bottom: 20px;
        width: 90%;
    }

        .wrap-domestic .input-table .inner-table {
            width: 100%;
        }

    .wrap-domestic table caption {
        background-color: darkcyan;
        color: white;
    }


    /* １．渡航先、航空会社等 */
    .wrap-domestic .domestic-table {
    }

        .wrap-domestic .domestic-table span {
            line-height: 1.5;
        }

        .wrap-domestic .domestic-table a {
            margin: 2px;
        }

        .wrap-domestic .domestic-table th {
            width: 120px;
        }

    .wrap-domestic input {
        margin: 1px;
    }

    /* ２．ご希望の旅程  */
    .wrap-domestic .schedule-table {
    }

        .wrap-domestic .schedule-table th,
        .wrap-domestic .schedule-table td {
            text-align: center;
        }

        .wrap-domestic .schedule-table .table-title {
            border-top: 1px solid silver;
            text-align: left;
        }

        .wrap-domestic .schedule-table .table-description {
            text-align: left;
        }

        .wrap-domestic .schedule-table button {
            box-shadow: 1px 1px grey;
            background-color: #efefef;
            border: none;
            padding: 2px 20px;
        }

            .wrap-domestic .schedule-table button:hover {
                background-color: navy;
                color: white;
                cursor: pointer;
            }

        .wrap-domestic .schedule-table .inner-table {
            width: 100%;
            border: 2px solid #ffffff;
        }

        .wrap-domestic .schedule-table td.segment-col {
            padding: 0;
        }

        .wrap-domestic .pax-table th,
        .wrap-domestic .pax-table td {
            text-align: center;
        }

/* ３．その他 */
.wrap-domestic .memo-table {
}

    .wrap-domestic .memo-table .caption {
        background-color: darkcyan;
        color: white;
    }

    .wrap-domestic .memo-table textarea {
        overflow-y: scroll;
        resize: none;
    }

/* ４．ご担当者名　 */
    .agent-name-table input.small {
        width: 200px;
    }

    .agent-name-table input.middle {
        width: 290px;
    }

    .agent-name-table input.large {
        width: 400px;
    }

    .agent-name-table .rcvd-help {
    }

        .agent-name-table .rcvd-help input {
            float: left;
        }

        .agent-name-table .rcvd-help img {
            float: left;
            padding-left: 5px;
        }

/* 国内航空券予約　入力内容のご確認 */
.wrap-domestic-check {
    padding: 15px;
    font-size: 13px;
}

    .wrap-domestic-check .date {
        text-align: right;
    }

    .wrap-domestic-check .display-table.type-2 {
        margin-bottom: 20px;
    }

        .wrap-domestic-check .display-table.type-2 th:hover {
            background-color: #f2f2f2;
            cursor: auto;
        }

    /* １．SkyRepホテル予約、２．券種 */
    .wrap-domestic-check .domestic-table {
        min-width: 20%;
    }

        .wrap-domestic-check .domestic-table th {
            text-align: left;
            width: 80px;
        }

    /* ３．スケジュール */
    .wrap-domestic-check .schedule-table {
    }

        .wrap-domestic-check .schedule-table th {
            padding: 2px 30px;
        }

            .wrap-domestic-check .schedule-table th:first-child {
                padding: 2px 10px;
            }

        .wrap-domestic-check .schedule-table td {
            text-align: center;
        }

            .wrap-domestic-check .schedule-table td.table-title {
                text-align: left;
            }

    /* ４．搭乗者 */
    .wrap-domestic-check .passenger-table th, .wrap-domestic-check .passenger-table td {
        min-width: 100px;
        text-align: center; 
    }

    /* ５．要望 */
    .wrap-domestic-check .memo-table {
        width: 80%;
    }

        .wrap-domestic-check .memo-table th {
            min-width: 300px;
            text-align: left;
        }

        .wrap-domestic-check .memo-table td {
            white-space: normal;
            min-height: 13px;
        }

    /* ６．ご担当者名  */
    .wrap-domestic-check .agent-name-table {
    }

        .wrap-domestic-check .agent-name-table th {
            text-align: left;
            padding-right: 30px;
        }

/* 国内航空券予約 - 送信完了   */
.wrap-domestic-send {
    padding: 0 25px;
}
/* Common */
article,
aside,
footer,
header,
nav,
section {
	display: block;
}

.mt_15 {
    margin-top: 15px !important;
}

.ml_5 {
    margin-left: 5px !important;
}

header,
footer {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-color: #fff;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 87.5%;
	font-weight: normal;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	color: #000;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	border-collapse: collapse;
}

	header *,
	footer * {
		font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 14px;
	}


.common-content {
	position: relative;
	box-sizing: content-box;
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
	max-width: 890px;
}

.txt-login {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 87.5%;
	font-weight: normal;
	line-height: 1.5;
	color: #000;
	letter-spacing: normal;
	margin: 10px 0;
	text-align: right;
}

/* Header */
.header-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-ms-flex-align: strech;
	align-items: strech;
	font-size: 14px;
	font-size: 1rem;
}

	.header-wrap dl {
		margin-right: 5px;
	}

		.header-wrap dl:last-child {
			margin-right: 0;
		}

.header-menu-01 {
	background: #E0F1F9;
	padding: 10px 20px;
}

	.header-menu-01 dt {
		text-align: center;
		padding-top: 3px;
		padding-bottom: 12px;
		border-bottom: 1px dashed #00A0E6;
	}

	.header-menu-01 dd {
		margin-top: 12px;
	}

.header-link-01 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

	.header-link-01.type-01 {
		width: 370px;
	}

	.header-link-01 a {
		color: #00A0E6;
		font-weight: bold;
	}

		.header-link-01 a:hover {
			text-decoration: none;
			opacity: .5;
		}

.header-link-02 {
	width: 210px;
	overflow: hidden;
}

	.header-link-02 li {
		float: left;
		width: 104px;
		margin-bottom: 1px;
	}

		.header-link-02 li:nth-child(odd) {
			margin-right: 1px;
		}

		.header-link-02 li a {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-align: center;
			align-items: center;
			background: #B4B4B4;
			color: #FFF;
			height: 45px;
			font-weight: bold;
		}

			.header-link-02 li a:hover {
				color: #00A0E6;
				text-decoration: none;
			}

.mt_header {
	margin-top: 15px !important;
}


/* Footer */
footer {
	padding-top: 100px;
}

	footer .footer-link-area {
		background: #C4ECFE;
		padding: 25px 0 5px;
	}

	footer .footer-copyright {
		background: #00A0E6;
		color: #FFF;
		font-size: 12px;
		font-size: 0.8571428571rem;
		text-align: center;
		padding: 5px 0;
	}

		footer .footer-copyright.server-info {
			text-align: right;
		}

.list-link-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: flex-start;
	align-items: flex-start;
}

	.list-link-footer li {
		border-right: 1px solid #666666;
		display: block;
		padding-right: 15px;
		margin: 0 15px 15px 0;
	}

		.list-link-footer li a {
			display: inline-block;
			color: #333333;
		}

			.list-link-footer li a:hover {
				color: #00A0E6;
			}

.copyright-debug {
	cursor: pointer;
}

.debug-info {
	margin: 30px 10px 20px 10px;
	text-align: center;
	font-size: 10pt;
}

	.debug-info table {
		display: inline-block;
		border-collapse: collapse;
		width: auto;
	}

		.debug-info table caption {
			text-align: left;
			padding: 2px;
			font-size: 13px;
			border: 1px solid gray;
			border-bottom: none;
		}

		.debug-info table th,
		.debug-info table td {
			border: 1px solid gray;
			font-size: 13px;
			padding: 2px;
		}

		.debug-info table th {
			font-weight: normal;
		}

		.debug-info table td {
			white-space: nowrap;
		}

.debug-info-off {
	display: none;
}

.debug-info-title {
	background-color: #F2F2F2;
}