/* bodyの設定 */
html {height: 100%;}
body {
padding: 0px;
margin: 0px 0px 0px 0px;
text-align: center;
/* background-color: #FFFFFF; */
background: url(http://www.kanazawa-marathon.jp/blog/bg.jpg) repeat-y top center #FFFFFF;
height: 100%;
}
/* リンクカラー設定 */
a {text-decoration: underline;}
a:link {color: #000099;}
a:visited {color: #000099;}
a:active {color: #000099;}
a:hover {color: #CCCCCC;}
/* 見出し用タグの設定 */
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
/* 写真の設定 :*/
img {
margin:10px;
}
/* ブログ全体のサイズなどの設定 */
#container {
margin-right: auto;
margin-left: auto;
padding: 0px;
margin-bottom: 0px;
width: 800px;
background-color: #FFFFFF;
/* background:url(../img/bg02.jpg) repeat-y center center; */
text-align: left;
line-height: 140%;
height: 100%;
}
/* バナー部分の固定リンク */
#bannerholdlink {
text-align: right;
height: 40px;
}
#bannerholdlink img {
margin: 20px 10px 2px 2px;
padding: 0px 0px 0px 0px;
border-width: 0px;
}
/* バナー部分の枠設定 */
#banner {
margin: 0px;
height: 168px;
/* border: 1px dotted #666666; */
/* background-color: #FF9900; */
background:url(http://www.kanazawa-marathon.jp/blog/header.jpg) no-repeat center center;
color: #000000
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
text-align: center;
}
/* バナー部分のタイトルの色と装飾 */
#banner a {
color: #333366;
text-decoration: none;
}
/* バナー部分のタイトルのサイズなど */
#banner h1 {
padding:110px 10px 0px 0px;
text-align: right;
color: #333366;
font-size: large;
font-weight: bold;
line-height:30px;
}
/* バナー部分のサブタイトル設定 */
#banner h2 {
padding: 0px 10px 0px 0px;
text-align: right;
color: #333366;
font-size: small;
}
/* コンテンツブロック部分の枠設定 */
.content {
margin-left: none;
margin-right: auto;
padding: 0px 5px 0px 5px;
border: none;
/*background-color: #FFFFFF; */
color: #333333;
}
/* コンテンツヘッダー設定 */
.contentheader {
margin-top:0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
height: 0px;
/* background:url(../img/contentheader.gif) repeat left center; */
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
}
/* コンテンツセパレーター設定 */
.contentseparater{
margin-top: 15px;
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
height: 0px;
/* background:url(../img/contentseparater.gif) repeat left center; */
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
}
/* ページ中央部分のフッター設定 */
.contentfooter{
margin-top: 10px;
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
height: 0px;
/*background:url(../img/contentfooter.gif) repeat left center; */
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
}
/* エントリブロックの設定 */
.entry {
margin-bottom : 10px;
padding: 5px 10px 5px 10px;
border: none;
background-color: #E4F3FF;
background:#FFFDF4 url(../img/contentheader.gif) no-repeat left top;
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
}
/* エントリヘッダー設定 */
.entryheader {
margin-bottom: 10px;
padding: 0px 0px 0px 10px;
border-bottom: 0px solid #939393; /* サイドバータイトルの下線 */
/* background:url(../img/contentheader.gif) repeat left center; サイドバータイトルの背景 */
color: #FFFFFF;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
}
.entryheader + h3{
color:#996600 !important;
}
/* エントリセパレータ設定 */
.entryseparater{
margin-top: 0px;
margin-bottom: 15px;
padding: 0px 0px 0px 0px;
height: 15px;
border-bottom: 1px dashed #999999;
}
/* エントリフッターフッター */
.entryfooter{
margin-top: 0px;
margin-bottom: 15px;
padding: 0px 0px 0px 0px;
height: 0px;
/* border-bottom: 0px solid #999999; */
/* background:url(../img/contentfooter.gif) repeat left center; サイドバータイトルの背景 */
}
/* エントリ本文の設定タグ */
.entry p {
margin-bottom: 10px;
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
font-weight: normal;
text-align: left;
line-height: 150%;
}
/* エントリ本文の設定引用タグ*/
.entry blockquote {
line-height: 150%;
}
/* エントリ本文の設定
タグ */
.entry li {
line-height: 150%;
}
/* エントリ日付設定 */
.entry h2 {
margin-bottom: 10px;
color: #333366;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: 12p;
font-weight: bold;
text-align: left;
}
/* エントリタイトル設定 */
.entry h3 {
margin-bottom: 10px;
color: #fff;/*996600*/
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: medium;
font-weight: bold;
text-align: left;
}
/* エントリ情報設定 */
.entry p.posted {
margin-bottom: 0px;
color: #333366;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
font-weight: bold;
text-align: right;
line-height: normal;
}
/* サイドバーとフリーエリアの枠設定(右) */
#right .sidebar {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #666666;
border-right: 0px solid #666666; /* サイドバーのボーダー設定 */
background-color: #FFFFFF;
}
#right .freearea {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #666666;
border-right: 0px solid #666666; /* サイドバーのボーダー設定 */
background-color: #FFFFFF;
}
/* サイドバーとフリーエリアの枠設定（左） */
#left .sidebar {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #666666;
border-right: 0px solid #666666; /* サイドバーのボーダー設定 */
background-color: #FFFFFF;
}
#left .freearea {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #666666;
border-right: 0px solid #666666; /* サイドバーのボーダー設定 */
background-color: #FFFFFF;
}
/* サイドバータイトルとフリーエリアタイトル設定 */
.sidebar h2 {
padding: 3px;
border-bottom: 1px dotted #999999; /* サイドバータイトルの下線 */
/* background:url(../img/contentfooter.gif) repeat left center; サイドバータイトルの背景 */
color: #333366;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: center;
font-weight: bold;
letter-spacing: .1em;
}
.freetitle{
padding: 3px;
border-bottom: 1px dotted #999999; /* サイドバータイトルの下線 */
/* background:url(../img/contentfooter.gif) repeat left center; サイドバータイトルの背景 */
color: #333366;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: center;
font-weight: bold;
letter-spacing: .1em;
}
/* サイドバー小項目の配置 */
.sidebar ul {
margin: 0px;
margin-bottom: 10px;
padding-left: 5px;
}
/* サイドバー小項目の設定 */
.sidebar li {
margin-top: 10px;
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: left;
line-height: 120%;
list-style-type: none;
}
/* サイドバー内画像の枠 */
.sidebar img {
border: 0px solid #666666;
margin-bottom: 5px;
}
/* サイドバー内リンク設定 */
.link-note {
margin-bottom: 15px;
padding: 3px;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: left;
line-height: 150%;
}
/* プロフィール写真の配置 */
.photo {
margin-bottom: 5px;
text-align: center;
}
/* プロフィール写真の枠 */
.photo img {
border: 0px solid #666666;
}
#powered {
margin-top: 50px;
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: left;
line-height: 150%;
}
/* コメント設定 */
#comment-data {
float: left;
margin-right: 15px;
padding-right: 15px;
width: 180px;
border-right: 1px dashed #999999;
text-align: left;
}
/* ページ最下部フッターの枠設定 */
#footer {
height: 260px;
padding: 0px;
margin : 0px;
/* border: 1px dotted #666666; */
background-color: #FFFFFF;
/* background:url(../img/footer.jpg) no-repeat center center; */
color: #333333;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
text-align: left;
background-image: url(http://www.kanazawa-marathon.jp/blog/footer.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}
textarea[id="comment-text"] {
font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
width: 80%;
}
textarea.comment-text {
font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
}
/*============================================================
ClearFix
============================================================*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: 1%;
display:block;
overflow: hidden;
/**/
}