@charset "UTF-8";

body { margin: 0; padding: 0; background: #4169E1; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; font-size: 80%; line-height: 1.5; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; padding: 0; }
a { outline: none; }
a:link { color: #; text-decoration: none; }
a:visited { color: #; text-decoration: none; }
a:hover { color: #; text-decoration: underline; }
.clear { /zoom: 1; }
.clear:after { content: ''; display: block; clear: both; height: 0; }

/* --------------------
Global
-------------------- */
div#globalHeader { background: #fff; }
div.globalHeader { margin: 0 auto; width: 980px; height: 120px; position: relative; }
div.globalHeader a.logo { width: 209px; height: 50px; background: #eee; display: block; position: absolute; top: 40px; left: 40px; background: url(../images/logo.png) 0 center no-repeat; }
div.globalHeader div.info { padding: 10px 20px; width: 640px; background: #f4f4f4; border-radius: 4px; position: absolute; top: 20px; right: 0; }
div.globalHeader dl { margin: 0; padding: 0; }
div.globalHeader dt { margin: 0; padding: 0 20px 0 0; width: 89px; height: 60px; border-right: solid 1px #ccc; text-align: center; float: left; }
div.globalHeader dt strong { margin: 10px 0 0 0; font-size: 110%; display: block; }
div.globalHeader dt a { font-size: 95%; }
div.globalHeader dd { margin: 0; padding: 10px 0 10px 20px; width: 510px; height: 40px; float: left; overflow: auto; }
div#globalNavigation { background: #4169E1; }
div.globalNavigation { margin: 0 auto; width: 980px; }
div.globalNavigation ul { margin: 0; padding: 0; list-style: none; }
div.globalNavigation li { width: 180px; float: left; }
div.globalNavigation li:last-child { float: right; }
div.globalNavigation a { padding: 10px; color: #fff; text-align: center; display: block; }
div.globalNavigation a:hover { background: #1d3fa7; text-decoration: none; }
div#container { padding: 36px 0 40px 0; background: #fff; }
div.container { margin: 0 auto; width: 980px; background: #fff; }
div#globalFooter { padding: 40px 0 60px 0; background: #4169e1; }
div.globalFooter { margin: 0 auto; width: 980px; color: #fff; font-size: 90%; text-align: center; }

/* --------------------
List
-------------------- */
dl.action { margin: 5px 0; padding: 0 5px; height: 30px; line-height: 30px; }
dl.action dt { margin: 0; padding: 0; float: left; }
dl.action dt form { display: inline; }
dl.action dt button { line-height: 1.6; }
dl.action dd { margin: 0; padding: 0; font-size: 90%; float: right; }
dl.action dd a.first { letter-spacing: -3px; }
dl.action dd a.last { letter-spacing: -3px; }
dl.action dd a.previous { margin: 0 0 0 0.5em; }
dl.action dd a.next { margin: 0 0.5em 0 0; }
dl.action dd span.current { margin: 0 0.5em; }
table#list { width: 100%; border-collapse: collapse; }
table#list th { padding: 10px 15px; background: #4169e1; border: solid 1px #6e8eef; border-width: 0 1px; color: #fff; font-weight: 400; }
table#list th:first-child { border-left: solid 1px #4169e1; }
table#list th:last-child { border-right: solid 1px #4169e1; }
table#list td { padding: 10px 15px; border: solid 1px #ccc; }
table#list td a.public { padding: 0 0 0 18px; background: url(../images/iconPublic.png) 0 center no-repeat; background-size: 12px; }
table#list td a.private { padding: 0 0 0 18px; background: url(../images/iconPrivate.png) 0 center no-repeat; background-size: 12px; }
table#list td a.page { display: none; }
table#list td a.page img { vertical-align: auto; }
table#list td.title { width: 100%; }
table#list td.centre { font-size: 90%; text-align: center; }
table#list td.nowrap { white-space: nowrap; }
table#list td.date { line-height: 1.3; }

/* --------------------
Regist & Edit
-------------------- */
table#regist { border-collapse: collapse; }
table#regist th { padding: 10px 35px; background: #4169e1; border: solid 1px #6e8eef; color: #fff; font-weight: 400; white-space: nowrap; }
table#regist th.sub { background: #444; color: #eee; }
table#regist th span.required { margin: 0 0 0 0.1em; color: #f00; font-size: 90%; font-weight: 400; }
table#regist th span.note { color: #ccc; font-size: 90%; font-weight: 400; text-align: left; line-height: 1.3; display: block; }
table#regist td { padding: 10px 15px; width: 100%; border: solid 1px #ddd; }
table#regist td input.text { margin: 0; padding: 5px; font-size: 100%; box-sizing: border-box; }
table#regist td input.w10 { width: 10%; }
table#regist td input.w20 { width: 20%; }
table#regist td input.w30 { width: 30%; }
table#regist td input.w40 { width: 40%; }
table#regist td input.w50 { width: 50%; }
table#regist td input.w60 { width: 60%; }
table#regist td input.w70 { width: 70%; }
table#regist td input.w80 { width: 80%; }
table#regist td input.w90 { width: 90%; }
table#regist td input.w100 { width: 100%; }
table#regist td textarea { margin: 0; padding: 5px; width: 100%; height: 15em; font-size: 100%; box-sizing: border-box; }
table#regist td label { margin: 0 2em 0 0; }
table#regist td label input { margin: 0 0.3em 0 0; }
table#regist td label.error { margin: 3px 0 0 0; padding: 5px 10px; background: #f00; color: #fff; display: block; }
table#regist td span.note { margin: 0.5em 0 0 0; color: #666; font-size: 90%; display: block; }
table#regist td img { margin: 0 0 10px 0; display: block; }
div#footnote { margin: 20px 0; padding: 20px; background: #efefef; font-size: 90%; }
div#footnote p { margin: 0 0 1em 0; padding: 0; }
div#footnote ul, ol { margin: 0 0 1em 0; padding: 0 0 0 20px; }
div#footnote li { margin: 0 0 0.5em 0; }
div#pageNavigation { margin: 20px 0; text-align: center; }
div#pageNavigation button { padding: 5px 20px; line-height: 2; }
p#message { margin: 0 0 20px 0; padding: 10px 20px; background: #ffc; border: solid 1px #eae4b5; border-radius: 5px; }

/* --------------------
Login
-------------------- */
body#login { background: #B0C4DE; }
div#loginForm { margin: 0 auto; width: 980px; }
div#loginForm form { margin: 200px auto; padding: 20px; width: 360px; background: #fff; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0 0 10px #000; }
div#loginForm img { margin: 0 0 10px 0; }
div#loginForm dl { margin: 10px auto; padding: 0; width: 80%; display: table; }
div#loginForm dt { margin: 0; padding: 0 20px 0 0; width: 80px; text-align: right; display: table-cell; white-space: nowrap; }
div#loginForm dd { margin: 0; padding: 0; display: table-cell; }
div#loginForm input { margin: 0; padding: 5px; width: 100%; font-size: 100%; box-sizing: border-box; }
div#loginForm button { margin: 15px auto 0 auto; padding: 5px; width: 100px; display: block; }
div#loginForm div#message { margin: 200px auto; padding: 20px; width: 360px; background: #fff; border: solid 1px #ccc; border-radius: 10px; box-shadow: 0 0 10px #000; }
div#loginForm div#message p { margin: 20px 0 30px 0; padding: 0; display: none; }


div#container h1 { margin: 0 0 1em 0; padding: 0 0 0 8px; border-left: solid 5px #f00; font-size: 140%; }