#navigate_div{width:1000px;margin:auto;}#navigate{color:#0000ff;position:static;}#navigate_ul{list-style-type:none;margin:0;padding:0;display:table;}#nav_logout,#site_title,.site_menu{border-right:2px solid #ffffff;padding:3px 15px;display:table-cell;font-weight:bold;height:40px;vertical-align:middle;color:#000;}#site_title{font-size:16px;padding-right:50px;}.site_menu{text-align:center;}.site_menu:hover{background-color:#bbbbFF;}.site_menu:last-child{border-right:none;}#nav_logout{width:200px;border-right:none;}#nav_logout a:hover,#nav_logout a:link,#nav_logout a:visited,#site_title a:hover,#site_title a:link,#site_title a:visited,.site_menu a:hover,.site_menu a:link,.site_menu a:visited{color:#000000;text-decoration:none;}#nav_menu_button{display:none;}@media screen and (max-width:770px){#nav_master{display:none}#nav_logout,#site_title,.site_menu{padding:7px;}}@media screen and (max-width:480px){#navigate_div{width:100%;padding:0 7px;}#navigate_ul{display:block;}#site_title{display:block;}#nav_yoyaku{}#nav_logout,#site_title{height:20px;}.site_menu{height:15px;}#nav_logout{float:right;position:absolute;top:0;right:0;}#memu_calender_txt{display:none;}}#pageTab nav ul li{float:left;position:relative;}#pageTab nav{font-family:arial, sans-serif;position:relative;font-size:13px;color:#333;margin:0 auto;}#pageTab nav ul{list-style-type:none;margin:0;}#pageTab nav ul li input{text-align:center;padding:5px 15px;display:block;text-decoration:none;color:#FFF;font-weight:bold;text-shadow:-1px 0 0 #bbb;margin:0 1px;background:#d1dfe8;background:-moz-linear-gradient(top, #d1dfe8 0%, #98c1d3 44%, #8ab9cd 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1dfe8), color-stop(44%,#98c1d3), color-stop(100%,#8ab9cd));background:-webkit-linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);background:-o-linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);background:-ms-linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);background:linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d1dfe8', endColorstr='#8ab9cd',GradientType=0 ); border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #pageTab nav ul li ul { display: none } #pageTab nav ul li:hover ul { display: block; position: absolute; top:76px; left:-1px; padding:0; margin:0; width:auto; border:0; } #pageTab nav ul li:hover ul li input { display:block; background:#FFF; color:#333; text-align: center; border: 1px solid #999; border-top: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-weight:normal; width:120px; } input[readonly], textarea[readonly], select[disabled]{ background-color:#bbdbf3; } .err{ color:#ff0000; font-weight:bold; } .note{ font-size:smaller; } @media screen and (max-width:480px) { div.width_table_wrap{ overflow: auto; width:100%; position:static; box-sizing: border-box; white-space: nowrap; } .width_table_wrap::-webkit-scrollbar{ height: 10px; } .width_table_wrap::-webkit-scrollbar-track{ background: transparent; border:none; } .width_table_wrap::-webkit-scrollbar-thumb{ background: transparent; box-shadow: inset 0 0 8px rgba(255,255,255,0.8); } #pageTab nav ul li { float: left; position: relative; } #pageTab nav { font-family: arial, sans-serif; position: relative; font-size:14px; color:#333; margin: 0px auto; } #pageTab nav ul { list-style-type: none; margin: 0; } #pageTab nav ul li input { text-align: center; display:block; text-decoration:none; color:#FFF; font-weight:bold; margin:0px 1px; width:100%; } #pageTab nav ul li ul { display: none } #pageTab nav ul li input:hover{ display:block; background:#FFF; color:#333; text-align: center; border: 1px solid #999; border-top: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-weight:normal; width:120px; } }