@charset "utf-8";
/* ====================================
html5 の新要素の display 定義
======================================= */
article, aside, dialog, figure, footer, header, hgroup, nav, section {
margin: 0;
padding: 0;
display: block;
}
/* ====================================
ブラウザのオリジナルスタイルをリセット
======================================= */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, blockquote, q, cite, dl, dt, dd, ul, ol, li, table, td, th, tr, col, colgroup, tbody, thead, tfoot, fieldset, form, label, legend, img, hr {
margin: 0;
padding: 0;
border: 0 none;
font-size: 100%;
text-align: left;
outline: 0 none;
}
/* ====================================
element
======================================= */
html {
background: #a0a0a0;
}
body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 14px;
}
a, a:link {
color: #000;
}
a:hover {
color: #aaa;
}
table {
border-collapse: collapse;
}
/* ====================================
common color
======================================= */
#global-header, .direct-link, .global-footer {
background: #303030;
}
#global-header {
margin-bottom: 20px;
padding: 0;
position: relative;
}
#global-header h1 {
margin-left: .5em;
color: #999;
font-size: 24px;
}
#global-header ul {
position: absolute;
top: 0;
right: .5em;
width: 100%;
text-align: right;
}
#global-header li {
display: inline;
}
#global-header a, #global-header a:link {
color: #999;
}
.contents {
padding: 1em;
}
form.login {
margin: 1em;
}
form.login img {
vertical-align: middle;
}
.config form {
margin: .5em 1em;
padding: .5em;
border: 1px solid;
}
.contents, .main-contents, .utility {
margin: 0 20px 20px;
border: 1px solid #4f4f4f;
color: #222;
background: #f1f1f1;
}
.main-contents {
float: right;
width: 74%;
}
.main-contents > * {
padding: 0 1em;
}
.contents ul, .main-contents ul {
margin-left: 1.5em;
}
.notice {
font-size: 12px;
}

.contents  h2, .main-contents  h2 {
margin: 1em 0 .5em 0;
font-size: 16px;
}
.contents  h3, .main-contents  h3 {
margin: 1em 0 .5em 0;
}
.utility {
margin-right: 0
float: left;
width: 20%;
}
.utility h2, .utility h3 {
padding: 3px 0;
text-align: center;
}
.utility ul {
margin-bottom: .5em;
}

.utility li {
padding-left: .5em;
border-top: 1px dotted #d0d0d0;
list-style: none;
}
.utility li a {
display: block;
text-decoration: none;
}
.global-footer {
padding: 20px 0;
clear: both;
}
.global-footer ul {
text-align: center;
}
.global-footer li {
display: inline;
}
.copyright {
margin-right: 20px;
text-align: right;
}
.layoutbox {
overflow: auto;
}
.layoutbox dl {
margin: 3px;
padding: 3px;
border: 1px solid;
float: left;
}
.layoutbox dd {
text-align: center;
white-space: nowrap;
overflow: hidden;
}
.thumb-nav {
margin: 1em;
text-align: center;
}
.thumb-nav li {
display: inline;
}
.thumb-nav img {
vertical-align: middle;
}
.prev {
margin-right: 6px;
}
.next {
margin-left: 3px;
}
table.upload {
width: 100%;
}
.upload th, .upload td {
padding: 3px;
border:1px solid #aaa;
}