﻿html {font-size:100%; width:100%; height:100%;}
body {margin:0; padding:0; color:#333;  vertical-align:baseline; font:12px/1 Lucida Grande, Tahoma, helvetica, clean, sans-serif; background-color: #f2f2f2;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, th, td, caption { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, select, input, textarea, table {font-size:1em;}
hr { display:none;}
img, fieldset, iframe { border:0; }
select, input, textarea { color:#666; vertical-align:middle; font-size:14px;}

caption, legend { display:none; }
button, label { cursor:pointer; }
label {margin:0;}
img {vertical-align:middle;}
/*a, a:link, a:visited { color:#666; text-decoration:none; }
a:hover { color:#666; text-decoration:underline; }*/
a, a:link, a:visited {text-decoration:none;}
table { clear:both; width:100%; color:#666; table-layout:auto; font-size:14px; border-spacing:0; border-collapse:collapse; word-wrap:break-word; }
img { vertical-align:middle; }


/* popup common */
.modal{display:none; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%; background:url(/images/bg_tran_black80.png) repeat;}
.layer_popup{position:fixed; top:-1000em; left:-1000em; z-index:100; background:#fff;}
.layer_popup .popup_header{height:50px; padding:0 40px; background:#222933; border-bottom:4px solid #2789e9;}
.layer_popup .popup_header h2{line-height:46px; color:#fff; font-size:26px; font-family:roboto_bo,arial,sans-serif; margin-top:0px;}
.layer_popup .popup_content{padding:32px 40px 0 40px;}
.layer_popup .popup_close{position:absolute; top:5px; right:5px; z-index:10;}
.layer_popup .popup_close a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(/images/popup_close.gif) no-repeat; background-position:0 0;}
.layer_popup .popup_close a:hover{background-position:0 100%;}
.layer_popup .search_top{padding-bottom:20px;}
.layer_popup table.type1 tbody td > p{padding:3px 0;}
.layer_popup .center_btns{padding:30px 0 0 0;}

/* modal 99 */
.modal99{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 8999; width: 100%; height: 100%; opacity: .50; }
.modal100{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; opacity: .50; }
.layer_popup99{display: none; z-index:9000; background:#fff; margin: 0; background: white; position:fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); max-height:95%; max-width:95%; overflow:auto; }
.layer_popup99 .popup_header99{height:40px; padding:0 20px; background:#222933; border-bottom:4px solid #2789e9;}
.layer_popup99 .popup_header99 h2{line-height:46px; color:#fff; font-size:20px; font-family:roboto_bo,arial,sans-serif;}
.layer_popup99 .popup_content99{padding:7px 20px 7px 20px;}
.layer_popup99 .popup_close99{position:absolute; top:14px; right:14px; z-index:8998; margin:0;}
.layer_popup99 .popup_close99 a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(/images/popup_close.gif) no-repeat; background-position:0 0;}
.layer_popup99 .popup_close99 a:hover{background-position:0 100%;}

/* info_box */
.info_box{display:none; /*margin-left:20px; box-shadow:0px 10px 10px 10px rgba(0,0,0,0.1);*/ background:lightgray;}
.info_box strong {display:block; height:25px; padding:0 20px 15px 20px; background:#222933; border-bottom:4px solid #2789e9; line-height:46px;}
.info_box strong:before{content:"."; display:block; position:absolute; top:0; left:-16px; z-index:10; width:16px; height:12px; text-indent:-1000em; overflow:hidden; background:url(/images/arrow_info_popup.png) no-repeat 0 0;}
.info_box strong .bigtitle {color:#fff; font-size:18px; font-family:roboto_bo,arial,sans-serif;}
.info_box div {margin:10px 10px;}

body table.hsync td.col2 {vertical-align:top; padding: 10px;}
body table.hsync td.col3 {vertical-align:top; padding-right: 10px;}
body table.hsync td div.fixedB {position:fixed; bottom:0;}
body table.hsync td div.fixedT {position:fixed; top:0;}
.form-control { display:inline-block; font-size: inherit;}
.contents {margin-top: 10px;background: white;padding: 10px;border-radius: 20px;}