/* 基本レイアウト */
html { margin: 0; padding: 0; }
form { margin: 0 0 0 5px; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
/* 見出し */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
margin: 0;
}
/* リンク色(ページ全体) */
a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }
/* リンク色(サイトタイトル) */
#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }
/* ベース色(ヘッダー・サイド・フッター共通) */
#banner,#footer,.listlabel
{
color:#fff;
background: #666;
}
/* 表示補助 */
.pkg {
position: static;
display: block;
clear: both;
padding: 10px;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* ページレイアウト */
body {
min-width: 780px;
text-align: center; /* center on ie */
margin: 0px auto;
padding: 0;
font-size: 0.8em;
background: #fff;
line-height: 1.5;
color: #333;
}
p { margin: 10px 0; line-height: 1.5; }
#container
{
position: relative;
width: 780px;
margin: 0 auto;
background: url(img/24.jpg) no-repeat top #fff;
text-align: left;
padding: 75px 0 0;
}
#container:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/* ヘッダー(レイアウト) */
#banner {
position: relative;
margin: 0 auto;
width: 780px; /* necessary for ie win */
height: 80px;
border-bottom: 1px solid #999;
}
/* ヘッダー(サイトタイトル) */
#banner h1
{
margin: 0;
color: #fff;
font-size: 22px;
font-weight: bold;
line-height: 1.25;
position:absolute; bottom:46px; left:5px;
}
#banner-navi
{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 1.25;
position:absolute; bottom:50px; right:10px;
}
#banner p
{
width: 770px;
margin: 0;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 1.5;
background: #f5f5f5;
position:absolute; bottom:0px; left:0px;
}
/* ヘッダーその他(変更不要) */
#banner-description { display: none; }
/* メインコンテンツ全体 基本レイアウト*/
#pagebody
{
position: relative;
width: 580px;
text-align: center;
float: left;
}
#main
{
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
text-align: left;
width: 380px;
}
/* メインコンテンツ基本レイアウト(サイドメニュー) */
#left
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
text-align: left;
width: 200px;
}
#left .pkg {
position: static;
display: block;
clear: both;
padding: 5px;
}
#right
{
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
text-align: left;
width: 200px;
}
#right .pkg {
position: static;
display: block;
clear: both;
padding: 5px;
}
/* 記事部分レイアウト */
/* 記事部分見出し */
.ads-header {
font-size: 1em;
font-weight: bold;
letter-spacing: 0;
text-align: left;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.ad-header {
font-size: 0.9em;
margin: 10px 0;
text-align: left;
background: #f5f5f5;
font-weight: normal;
}
.ads {
margin: 10px 0;
}
/* 記事部分コンテンツ */
.entry { line-height: 1.1; margin: 5px 2px 25px; }
.entry2 { line-height: 1.5; margin: 15px 2px; }
.entry p {
margin: 0 0 25px;
letter-spacing: 0;
line-height: 1.1;
}
#bookmarks {margin: 20px 0; }
.both {clear: both;}
.entry-footer,
{
margin: 5px 10px 0 0;
border-top: 1px dotted #dae0e6;
padding: 5px 0;
color: #666;
font-size: 10px;
text-align: right;
}
.bread
{
margin: 5px 0 5px 20px;
text-align: left;
}
.gotop { text-align: right; clear: both;}
.img
{
float: left;
margin-right: 5px;
text-align: center;
}
/* フッター */
#footer
{
position: relative;
margin: 0 auto;
padding: 0;
width: 780px;
height: 60px;
text-align: center;
font-size: 0.8em;
clear: both;
line-height: 60px;
border-top: 1px solid #ccc;
}
/* サイドメニュー内部 */
.listlabel
{
width: auto;
margin: 10px 0 0;
padding: 2px;
font-size: 14px;
text-align: center;
font-weight: bold;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.module-content,.module-content2 {
margin: 0;
font-size: 12px;
padding: 10px;
color:#666;
line-height: 1.5;
border: 1px solid #999;
}
.module-content p {
padding: 0 0 5px;
margin: 0;
}
.module-content2 p {
padding: 0 0 20px;
margin: 0;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
.module-content li
{
display: block;
font-size: 12px;
line-height: 2;
margin: 0;
padding: 0;
}
.center { text-align: center; }
strong {
font-weight:normal;
}
em {
font-style:normal;
}