body {background-color:#FFFFFF; font-family:'Arial''Helvetica''sans-serif''Verdana'; text-align: center} .box {width:980px; margin-left:auto; margin-right:auto; padding-left:22px; padding-right:22px; text-align:left} a:hover img { text-decoration:none; border: none; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity = 50); } /* === ヘッダー部分のスタイル === */ header{ position: fixed !important; position: absolute; top: 0; right: 3px; width: 100%; margin: 0 auto; padding: 0 auto; z-index: 10; /*ヘッダーバー部分の重なり順*/ } header section#header{ width: 980px; margin: 0 auto} .head {width: 100%; padding: 60px 0px 0px 0px; margin: 0px} .head1 {width: 130px; text-align: left; margin:0; padding: 0px} .head2 {width: 255px; text-align: left; padding: 0px; font-size: 12px; color: #B4B4B4} .head2 a {color: #708090; text-decoration: none} .head3 {width: 210px; text-align: center; padding: 0px; position: absolute; top: 0px} .head4 {text-align: right; padding: 0px; font-size: 15px; font-weight: none; text-decoration: none} .head4 a {color: #B4B4B4; text-decoration: none; letter-spacing: 1px} .head4 a:hover {color: #000000; border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #8FBC8F} /* === コンテンツ部分のスタイル === */ .contents {width:980px; padding: 0px; margin-top: 110px; /*上部に110pxのスペースを指定*/ z-index: 1; /*コンテンツ部分の重なり順*/} .main {width:980px} .main h2 {font-size:20px; color:#505050; text-align: left; margin-top: 7px; padding-bottom: 0px; margin-bottom: 0px} .main h3 {font-size:18px; font-weight: 100; color:#505050; text-align: left; margin-top: 7px; padding-bottom: 0px; margin-bottom: 0px} .main p {font-size:12px; color:#555555; text-align: left; margin-top: 7px; line-height: 160%} .main b {font-size: 12px; color: #505050; text-align: left; font-weight: 700} .main a {color:#708090; text-decoration:none} .main a:hover {color:#000000; text-decoration: underline} /* === タイル部分のスタイル === */ #container{ position:relative; width:980px; margin:0px; padding:0px; z-index: 2; /*タイル部分の重なり順*/ } .grid{ width:320px; min-height:100px; padding:0 10px 20px 8px; margin:0; background:#fff; float:left; } .grid p{ font-size:12px; color:#B4B4B4; } .grid strong { border-bottom:1px solid #ccc; margin:0; display:block; padding:0 0 3px; margin:10px 0 0 0; font-size:13px; color:#707070; } .grid .meta{ text-align:right; color:#B4B4B4; font-size:11px; font-style: italic; } .grid .imgholder img{ max-width:310px; background:#ccc; display:block; } @media screen and (max-width : 1024px) { body{ overflow:auto; } } @media screen and (max-width : 900px) { #backlinks{ float:none; clear:both; } #backlinks a{ display:inline-block; padding-right:0px; } } /* === フッター部分のスタイル === */ footer{position: absolute; float: left; clear: both; padding: 0; margin: 0; z-index: 15; /*コンテンツ部分の重なり順*/} .sns {text-align:center; width:80px; border-top:3px solid #707070} .copyright {width:900px; text-align: left; border-top:1px solid #ccc; padding-top:20px} .copyright p {text-align:right; font-size: 10px; color: #707070}