@charset "utf-8"; /* ----------------------------------------------------------- CSS Information File name: contents.css Author: hira (admin) Style Info: デフォルトの指定以外全部 ----------------------------------------------------------- */ /*clearFix*/ #contents:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; } /*---------------------------------------------------- #navSkip (Navigation Skip) ----------------------------------------------------*/ span#navSkip { position: absolute; top: 0; left: 0; } /*---------------------------------------------------- #page ----------------------------------------------------*/ #page { text-align: left; } /*---------------------------------------------------- #header ----------------------------------------------------*/ #header { background: #000; border-bottom: 10px solid #690; } #header h1 { margin: 0 auto; padding: 10px 0; width: 860px; color: #FFF; letter-spacing: .1em; } /*---------------------------------------------------- #contents ----------------------------------------------------*/ #contents { width: 860px; margin: 0 auto; padding-bottom: 10px; background: #FFF; } #contents .pageTop { clear: both; width: 820px; margin: 0 10px; padding: 10px; text-align: right; background: #666; } #contents .pageTop a { color: #FFF; } /*---------------------------------------------------- #main ----------------------------------------------------*/ #main { float: left; width: 580px; padding: 0 10px; } #main .item { float: left; width: 550px; margin-top: 10px; padding: 10px 10px 0; border: 5px solid #CCC; } #main .item h2 { margin: 20px -10px 10px; padding: 5px 10px; background: #CCC; font-size: 1.1em; } #main .item p { background: #EEE; } /*---------------------------------------------------- #sub ----------------------------------------------------*/ #sub { float: right; width: 240px; padding: 0 10px 10px; background: #EEE; } #sub dl { width: 210px; margin-top: 10px; padding: 0 10px; background: #FFF; border: 5px solid #000; } #sub dl dt { margin: 0 -10px; padding: 5px 10px; font-weight: bold; background: #666; letter-spacing: .1em; color: #FFF; } #sub dl ul { margin-top: -1px; } #sub dl ul li { padding: 5px 10px; border-top: 1px dotted #666; } #sub dl.bad ul li { border-top: 0; border-bottom: 1px dotted #666; } /*---------------------------------------------------- #footer ----------------------------------------------------*/ #footer { padding: 10px 0 20px; background: #000; border-top: 10px solid #690; color: #FFF; } #footer a { color: #FFF; } #footer ul, #footer p { width: 860px; margin: 0 auto; padding: 3px 0; text-align: center; letter-spacing: .1em; } #footer ul li { display: inline; margin-left: 10px; padding-left: 10px; border-left: 5px solid #FFF; } #footer ul li.first { margin-left: 0; padding-left: 0; border-left: 0; }