@charset "utf-8";

/*	Reset	*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, backquote, th, td, caption, button
{ margin: 0; padding: 0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

html { width: 100%; height: 100%; margin: 0; padding: 0; }
html.manager { background: #CDD4DF url("../img/img_managerback1.png"); }
body { width: 100%; height: 100%; }
body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 18px; line-height: 1.5em; color: #000; }
body, div, button, p, li, table, tr, th, td { box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, p, a, input, button, table, tr, caption, td, th, img, svg, object, ul, ol, li { touch-action: manipulation; }

/*	Flex 	*/
.flexcase { display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexcase_justify { justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; }
.flexcase_center { justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; }
.flexcase_left { justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; }
.flexcase_right { justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; }
.flexcase_middle { -webkit-align-items: center; align-items: center; }
.flexcase_top { -webkit-align-items: top; align-items: top; }


.div_contentback { width: 100%; height: 100%; padding-top: 20px; background-repeat: no-repeat; background-size: cover; background-position: top left; background-image: url(../img/back01.jpg); }
.div_content { width: 98%; max-width: 800px; margin: 0 auto 20px; border-radius: 8px; background-color: rgba(255,255,255,0.8); padding: 30px; }
.img_logo { width: 50%; max-width: 400px; display: block; margin: 0 auto 30px; }
.p_intro { margin-bottom: 30px; }
.p_main { font-size: 0.9em; }
.div_footer { width: 100%; text-align: center; font-size: 0.76em; }

ul { margin-left: 30px; margin-bottom: 30px; }
ul li { list-style: disc; margin-bottom: 10px; }
a { color: #567363; text-decoration: underline; }
a:hover { text-decoration: none; }
ul a { color: #EC6D73; }

.tbl_login { width: 100%; }
.tbl_login th { text-align: right; padding: 10px; }
.tbl_login td.td_center { text-align: center; padding: 10px; }
.tbl_login input[type=text], .tbl_login input[type=password] { padding: 5px; font-size: 16px; width: 90%; max-width: 300px; }
.tbl_login input[type=submit], .bt_logout { background: #fff; font-size: 16px; padding: 0 30px; border: 2px solid #9DC9BC; color: #41745A; height: 36px; border-radius: 18px; }

.bt_logout { display: block; margin: 50px auto; }