@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; } inserted by FC2 system