/* bodyの設定 */
body {
padding: 0px;
margin: 0px 0px 0px 0px;
text-align: center;
background:#53BBF2 url(../img/bg_sora.gif) repeat-x;
}
/* リンクカラー設定 */
a {text-decoration: underline;}
a:link {color: #3333CC;}
a:visited {color: #3333CC;}
a:active {color: #3333CC;}
a:hover {color: #CCCCCC;}
/* 見出し用タグの設定 */
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
/* 写真の設定 :*/
img {
margin:10px;
}
img.emoji {
margin:0px;
}
/* ブログ全体のサイズなどの設定 */
#container {
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 800px;
border-right: 5px solid #000099; /* ブログ全体のボーダー設定 */
border-bottom: 5px solid #000099;
background:#FFFFFF;
text-align: left;
line-height: 140%;
}
/* バナー部分の固定リンク */
#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: 214px;
/* border: 1px dotted #666666; */
/* background-color: #FF9900; */
background:url(../img/banner_sora.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: #FFFFFF;
text-decoration: none;
}
/* バナー部分のタイトルのサイズなど */
#banner h1 {
padding:40px 10px 0px 0px;
text-align: right;
color: #FFFFFF;
font-size: xx-large;
font-weight: bold;
line-height:30px;
}
/* バナー部分のサブタイトル設定 */
#banner h2 {
padding: 0px 10px 0px 0px;
text-align: right;
color: #FFFFFF;
font-size: small;
}
/* コンテンツブロック部分の枠設定 */
.content {
margin-left: auto;
margin-right: auto;
padding: 0px 5px 0px 5px;
border: none;
/*background-color: #FFFFFF; */
color: #000000;
}
/* コンテンツヘッダー設定 */
.contentheader {
margin-top:0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
height: 0px;
/* background:url(../img/contentheader.gif) repeat left center; */
color: #000000;
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: #000000;
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: 70px;
/*background:url(../img/contentsfooter.jpg) no-repeat right ;*/
color: #000000;
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-right: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
background: url(../img/contentheader.gif) no-repeat left top;
color: #000000;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
}
/* エントリヘッダー設定 */
.entryheader {
margin-bottom: 5px;
padding: 10px 0px 0px 20px;
border-bottom: 0px solid #939393; /* サイドバータイトルの下線 */
/* background:url(../img/contentheader.gif) repeat left center;サイドバータイトルの背景 */
color: #000000;
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;
}
/* エントリセパレータ設定 */
.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: #000000;
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:0px 0px 15px 20px;
color: #cc0000;
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: #000000;
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 #330000;
border-right: 0px solid #330000; /* サイドバーのボーダー設定 */
background:url(../img/sora_r.gif) no-repeat top;
}
#right .freearea {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #330000;
border-right: 0px solid #330000; /* サイドバーのボーダー設定 */
background:url(../img/sora_r.gif) no-repeat top;
}
/* サイドバーとフリーエリアの枠設定（左） */
#left .sidebar {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #FFCC66;
border-right: 0px solid #FFCC66; /* サイドバーのボーダー設定 */
background:url(../img/sora_l.gif) no-repeat top;
}
#left .freearea {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #FFCC66;
border-right: 0px solid #FFCC66; /* サイドバーのボーダー設定 */
background:url(../img/sora_l.gif) no-repeat top;
}
/* サイドバータイトルとフリーエリアタイトル設定 (右)*/
#right .sidebar h2 {
padding: 3px 50px 3px 3px ;
border-bottom: 0px dotted #999999; /* サイドバータイトルの下線 */
background:url(../img/niji_r.gif) no-repeat right ;/* サイドバータイトルの背景 */
color: #cc0000;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: right;
font-weight: bold;
letter-spacing: .1em;
}
#right .freetitle {
padding: 3px 50px 3px 3px ;
border-bottom: 0px dotted #999999; /* サイドバータイトルの下線 */
background:url(../img/niji_r.gif) no-repeat right ;/* サイドバータイトルの背景 */
color: #cc0000;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: right;
font-weight: bold;
letter-spacing: .1em;
}
/* サイドバータイトルとフリーエリアタイトル設定（左） */
#left .sidebar h2 {
padding: 3px 0px 3px 50px ;
border-bottom: 0px dotted #999999; /* サイドバータイトルの下線 */
background:url(../img/niji_l.gif) no-repeat left ;/* サイドバータイトルの背景 */
color: #cc0000;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
letter-spacing: .1em;
}
#left .freetitle {
padding: 3px 0px 3px 50px ;
border-bottom: 0px dotted #999999; /* サイドバータイトルの下線 */
background:url(../img/niji_l.gif) no-repeat left ;/* サイドバータイトルの背景 */
color: #cc0000;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
letter-spacing: .1em;
}
/* サイドバー小項目の配置 */
.sidebar ul {
margin: 0px;
margin-bottom: 10px;
padding-left: 5px;
}
/* サイドバー小項目の設定（右） */
#right .sidebar li {
margin-top: 10px;
color: #000000;
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;
}
/* サイドバー小項目の設定（左） */
#left .sidebar li {
margin-top: 10px;
color: #000000;
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: #000000;
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: 60px;
/* border: 1px dotted #666666; */
/* background-color: #FFFFFF; */
/* background:url(../img/footer.jpg) no-repeat center center; */
color: #000000;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
text-align: left;
}
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;
/**/
}