@charset "utf-8";
/* ====================================
ブラウザのオリジナルスタイルをリセット
======================================= */
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;
}
body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 14px;
}
/* ====================================
要素
======================================= */
ul, ol {
margin-left: 1em;
}
a, a:link {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* ====================================
カスタマイズ
======================================= */
html {
color: #000;
background: #a0a0a0;
}
a, a:link {
color: #338996;
}
#header, .footer {
background: #303030;
}
#header, #header h1 a {
color: #fff;
}
.main-contents, .sub-contents {
background: #f1f1f1;
}
.main-contents {
float: left;
}
.sub-contents {
float: right;
}
/* ====================================
左メニューにする場合は43-48行目を削除してここのコメントアウトを外す
.main-contents {
float: right;
}
.sub-contents {
float: left;
}
======================================= */
/* ====================================
レイアウトボックス
======================================= */
#header {
margin-bottom: 30px;
padding: 20px 30px;
position: relative;
}
#header h1 {
font-size: 24px;
}
.nav {
position: absolute;
top: 10px;
right: 20px;
}
.nav li {
display: inline;
}
.nav li:first-child {
padding-right: 5px;
border-right: 1px solid;
}
.contents {
margin: 30px auto;
padding: 0 30px;
overflow: auto;
min-width: 970px;
}

.main-contents {
padding: 20px;
width: 77%;
}
.main-contents h2 {
font-size: 16px;
}
.sub-contents {
width: 18%;
}
.sub-contents .folder-menu li {
list-style: none;
}
.folder-menu a {
display: block;
}

.footer {
padding: 10px 20px;
}
.copyright {
text-align: right;
}
/* ====================================
サムネイル一覧ページ
======================================= */
.tumbnails li {
margin: 3px;
display: inline;
}
/* ====================================
画像単体ページ
======================================= */
.page-link {
text-align: right;
}
.page-link li, .colorbox-link li {
display: inline;
}
.image {
text-align: center;
}
.image-comment {
margin: 20px;
padding: 20px;
border: 1px solid;
}
.Exif {
margin: 20px;
font-size: 12px;
}
.colorbox-link img {
border-width: 3px 0;
border-style: solid;
border-color: transparent;
}
.active img {
border: 3px solid;
}