@charset "UTF-8";
/* CSS Document */
.clearfix {zoom:1;}
.clearfix:after { content: ""; display: block; clear: both;}
* { margin: 0; padding: 0;}
body { margin: 0; padding: 0;}
h1,h2,h3,h4,h5 { margin: 0; padding:0; font-weight:normal; font-size: 100%;}
ol,ul,li { margin: 0; padding: 0; list-style: none;}
dl,dt,dd,p { margin: 0; padding: 0;}
img { border: 0;}
/* ===== 共通 ===== */
body {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif;;
color: #333;
background-color: #FFF;
}
a {
color: #333;
text-decoration: underline;
}
a:hover {
color: #999;
text-decoration: underline;
}
/* ===== ページ全体 ===== */
#container {
width: 800px;
margin: 0 auto;
padding-top: 60px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 200px;
}
/* ===== ヘッダー ===== */
#header {
width: 800px;
height: 100px;
padding-bottom: 20px;
}
/* サイトタイトル */
#hgroup {
float: left;
}
#hgroup h1 {
font-family: 'Averia Serif Libre', cursive;
text-transform: uppercase;/*小文字もすべて大文字にする*/
font-size: 52px;
font-weight: normal;
line-height: 100%;
}
#hgroup h1 a {
text-decoration: none;
}
#hgroup h2 {
font-size: 12px;
font-weight: normal;
letter-spacing: 0.2em;
}
/* メニュー */
#nav {
float: right;
padding-top: 16px;
}
#nav ul {
margin: 0 auto;
}
#nav ul li {
float: left;
font-size: 12px;
text-transform: uppercase;/*小文字もすべて大文字にする*/
letter-spacing: 0.1em;
margin-right: 20px;
padding-top: 2px;
padding-bottom: 2px;
}
#nav ul li:last-child {
margin-right: 0px;
}
#nav a {
text-decoration: none;
}
/* ===== メインコンテンツ ===== */
#content {
font-size: 12px;
line-height: 160%;
border-top-color: #333;
border-top-style: solid;
border-top-width: 1px
}
#content h1 {
letter-spacing: 0.1em;
text-transform: uppercase;/*小文字もすべて大文字にする*/
font-weight: bold;
padding-bottom: 5px;
}
#content h2 {
letter-spacing: 0.1em;
font-weight: normal;
font-size: 10px;
color: #999;
padding-bottom: 3px;
}
#content h3 {
font-weight: normal;
font-size: 10px;
color: #666;
}
.section {
border-bottom-color: #333;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-top: 40px;
padding-bottom: 40px;
}
.fltleft {
float: left;
width: 50%;
}
.fltright {
float: right;
width: 50%;
}
/* gallery */
#gallery ul li {
float: left;
width: 390px;
border-bottom-color: #333;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: 10px;
margin-bottom: 30px;
padding-bottom: 20px;
letter-spacing: 0.1em;
}
#gallery ul li.nb {
border: 0;
margin-bottom: 0px;
padding-bottom: 0px;
}
#gallery ul li {
margin-right: 20px;
}
#gallery ul li:nth-child(even) {
margin-right: 0px;
}
/* memo */
#memo dd {
padding-bottom: 10px;
}
#memo dd.nt{
padding-bottom: 0px;
}
#memo dt {
letter-spacing: 0.1em;
font-weight: normal;
font-size: 10px;
color: #999;
padding-bottom: 3px;
}
/* links */
#links ul {
padding-bottom: 10px;
}
#links ul.nt {
padding-bottom: 0px;
}
#links ul.banner {
padding-bottom: 0px;
}
#links .banner li {
float: left;
padding-right: 10px;
}
/* ===== フッター ===== */
#footer {
padding-top: 10px;
text-align: center;
}
#footer p {
font-size: 10px;
letter-spacing: 0.1em;
}
.pagetop {
text-align: center;
padding-top: 20px;
}
/* ===== 画像表示 ===== */
html, body { height: 100%; }
.overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
z-index: 999;
background: rgba(0,0,0,0.5);
}
.overlay a {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.overlay img {
background: #ffffff;
padding: 10px;
}
.overlay:target {
display: table;
}