/**************************************
　　oz8-スタイルシート.txt
　　Copyright (C) 2007 oz8.
 **************************************/
/**************************************
　　基本設定 
 **************************************/

/* ------ 全体の基本設定 ------ */

body {
margin: 0px 25px 0px 35px;
padding:0px;
font-size: small;
font-family: Verdana, sans-serif;
color: #222;
background-color::#fff;
text-align:center;
}

/* ------ 全体のリンク色の設定 ------ */

a {color: #333333; text-decoration: underline; }
a:link {color:#333333; text-decoration:underline; }
a:visited {color:#333333; text-decoration:underline; }
a:active {color:#cc0000; text-decoration:underline; }

a:hover {
color:#ff0000;
text-decoration:underline;
background-color:#eee;
position:relative;
top:1px;
}

/* ------ 画像リンクの枠線消去 ------ */

a img{
border-style: none;
}

/* ------ 見出しの設定 ------ */

h1, h2, h3, h4, h5 {
margin:0px;
padding: 0px;
}

/* ------ リストの設定 ------ */

ul {
margin: 0px 0px 0px 5px;
padding: 0px;
list-style: none;
}

/* ------ 引用部分の設定 ------ */

blockquote {
margin: 5px 0px 5px 0px;
padding: 5px 10px 5px 10px;
font-size:12px;
line-height:150%;
color: #333;
border: 1px dotted #999;
}

/**************************************
　　トップの囲み設定
 **************************************/

/* ------ ヘッダー上のコンテナボックス設定 ------ */

#header_container{
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
background-color:#fff;
text-align:center;
width: auto;
}

/* ------ ヘッダータイトルの設定 ------ */

.header_title {
margin: 0px;
padding:3px 20px 0px 20px;
font-size:12px;
font-family: Verdana, sans-serif;
color: #333;
text-align:center;
}


/**************************************
　　全体の囲み設定
 **************************************/

/* ------ 全体の囲みコンテナボックス設定 ------ */

#container{
position: relative;
margin-top: 2px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
border-top: 0px solid #ccc;
border-right: 0px solid #ccc;
border-left: 0px solid #ccc;
border-bottom: 0px solid #ccc;
text-align:left;
width: auto;
}


/**************************************
　　ヘッダーエリアの設定
 **************************************/

/* ------ ヘッダー内の設定 ------ */

#header{
margin: 0px;
padding:0px 0px 0px 0px;
background-color: #fff;
text-align:left;
border: 1px solid #ccc;
}


/* ------ ブログタイトルの設定 ------ */

.blogtitle {
font-size:18px;
font-weight:bolder;
font-family: Verdana, sans-serif;
margin: 0px;
padding:10px 0px 5px 20px;
text-align:left;
text-shadow: 3px 3px 4px #ccc ;
}

/* ------ ブログタイトルのリンク設定 ------ */

.blogtitle a {color: #333;text-decoration: none;}
.blogtitle a:link {color: #333;text-decoration: none;}
.blogtitle a:visited {color: #333;text-decoration: none;}
.blogtitle a:active {color: #cc6633;text-decoration: none;}
.blogtitle a:hover {color:#333; text-decoration: underline;
}

/* ------ ブログの説明文 ------ */

.description {
font-size:12px;
font-weight:normal;
line-height:140%;
color:#333;
margin: 0px 10px 0px 20px;
padding:5px 0px 5px 0px;
}

/**************************************
　　ボックス構造（左・中央・右）
 **************************************/

/* ------ コンテンツボックス ------ */

#contents {
position:relative;
width: 100%;
height:1%;
border: 0px solid #000;
}

/* ------ 中央コンテンツ(3カラム) ------ */

#center {
position:relative;
margin: 10px 200px 0px 200px;
padding: 0px;
}

/* ------ 中央コンテンツ(2カラム) ------ */

#entry_center {
position:relative;
margin: 10px 210px 20px 0px;
padding: 0px;
}

/* ------ 中央コンテンツ(1カラム) ------ */

#main_center {
position:relative;
margin: 10px 210px 20px 0px;
padding: 0px;
border: 0px solid #ccc;
}


/* ------ 左サイドバー ------ */

#left {
position: absolute;
left:1px;
top:10px;
margin: 0px;
padding: 0px;
width:180px;
text-align: left;
border: 0px solid #ccc;
}

/* ------ 右サイドバー ------ */

#right {
position: absolute;
right:1px;
top:10px;
margin: 0px;
padding: 0px;
width:180px;
text-align: left;
border: 0px solid #ccc;

}

/* ------ インナーボックス ------ */

#contents-inner,
#center-inner,
#left-inner,
#right-inner{
position: static;
width: 100%;
border: 0px solid #999;
}

.clear{
clear: both;
}

/**************************************
　　コンテンツエリアの設定
 **************************************/

/* ------ コンテンツナビの設定 ------ */

.content-nav {
font-size: x-small;
color: #666;
margin: 0px 0px 5px 0px;
padding:  10px 2px 10px 2px;
text-align: center;
}

/* ------ パンくずリストの設定 ------ */

.topic-pass {
position: relative;
font-size: x-small;
color: #666;
margin: 0px 0px 5px 0px;
padding:  0px 0px 10px 0px;
text-align: left;
}

/* ------ 記事エントリーエリア ------ */

.entry {
margin: 0;
padding: 0;
text-align:left;
}

.entry-content {
margin: 0;
padding: 0;
text-align:left;
}

/* ------ 日付表示 ------ */

.date-header{
font-size: x-small;
font-family: Verdana, sans-serif;
font-weight: bolder;
color:#333;
padding: 5px 0px 5px 0px;
text-align:right;
}


/* ------ 記事タイトル ------ */

.entry-header{
font-size: small;
line-height:150%;
font-weight: bolder;
font-family: Verdana, sans-serif;
color:#333;
background-color: #fff;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 14px;
border:solid 1px #ccc;
}

/* ------ 記事タイトルのリンク設定 ------ */

.entry-header a:link {
color: #333; text-decoration: none;}
.entry-header a:visited {
color: #333; text-decoration: none;}
.entry-header a:active {
color: #cc0000; text-decoration: none;}
.entry-header a:hover {
color: #ff0000; text-decoration: underline;background-color:#fff;
}

/* ------ 記事本文 ------ */

.entry-body{
font-size: small;
line-height:170%;
color: #333;
margin:0px 0px 0px 0px;
padding:10px 5px 15px 5px;
}

/* ------ 追記リンク ------ */

.entry-more-link{
font-size: small;
font-weight: normal;
padding: 0px 10px 0px 0px;
text-align:right;
}

/* ------ 追記本文 ------ */

.entry-more{
font-size: small;
line-height:170%;
color: #333;
margin:5px 0px 0px 0px;
padding:0px 5px 15px 5px;
}

/* --- 記事のフッタエリア--- */

.entry-footer{ 
font-size: x-small;
color: #666;
text-align:right;
margin-bottom:10px;
padding: 15px 0px 15px 0px;
}

/* --- エントリータグの設定--- */

.entry-tags{ 
font-size: x-small;
color: #666;
padding: 10px 0px 0px 5px;
text-align:right;
}

.entry-tags-header,
.entry-tag{
font-size: x-small;
color: #666;
}


/* ------ 入力フォームの設定 ------ */

input, textarea  {
margin: 2px 0px 2px 0px;
padding: 1px 0px 1px 0px;
}

/* ------ トラックバックエリアの設定 ------ */

#trackbacks{
margin: 0px 0px 2px 0px;
padding:5px 0px 5px 0px;
}

.trackbacks-header{
font-size: small;
background-color: #fff;
padding: 5px 0px 5px 14px;
border:solid 1px #ccc;
}

.trackbacks-info{
font-size:small;
margin: 0px 0px 0px 0px;
padding:2px 0px 2px 10px;
}

.trackback{
font-size:x-small;
line-height:160%;
color:#333;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.trackbacks-content{
font-size:x-small;
line-height:160%;
color:#333;
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

.trackback-footer{
font-size:x-small;
color:#333;
margin: 0px 0px 5px 0px;
padding:5px 0px 5px 0px;
border-bottom:solid 1px #ddd;
}


/* ------ コメントエリアの設定 ------ */

#comments{
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

.comments-header{
font-size: small;
background-color: #fff;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 14px;
border:solid 1px #ccc;
}

.comments-content{
font-size:x-small;
line-height:160%;
color:#333;
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

.comment-footer{
font-size:x-small;
color:#333;
margin: 0px 0px 10px 0px;
padding:5px 0px 5px 0px;
border-bottom:solid 1px #ddd;
}

#comments-open{
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}

.comments-open-header{
font-size: small;
background-color: #fff;
padding: 5px 0px 5px 14px;
border:solid 1px #ccc;
}

#comments-open-data{
margin: 0px 0px 0px 10px;
padding:5px 0px 5px 0px;
font-size: small;
border:solid 0px #ccc;
}

#comment-author,
#comment-email,
#comment-url,
width: 240px;
}

.comment-bake-cookie {
margin: 0px 2px 0px 0px;
}

.comments-open-footer {
margin: 10px 0px 10px 10px;
}

/**************************************
　　サイドバーエリアの設定
 **************************************/

/* ------ サイドバーボックス ------ */

.side {
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 0px;
border:solid 0px #ccc;
/* ボックスに枠線を付ける場合　border:solid 1px #ccc;*/
}

/* ------ サイドバータイトル ------ */

.side-header {
margin:0px;
padding: 3px 5px 3px 5px;
font-size:small;
line-height:150%;
font-weight:bolder;
color:#333;
border-bottom:solid 1px #ccc;
text-align:left;
}

/* ------ サイドバーコンテンツ ------ */

.side-content {
margin:0px;
padding:15px 5px 20px 5px;
font-size:x-small;
line-height:170%;
font-weight:normal;
color:#333;
text-align:left;
}

.side-list {
margin: 0px 0px 0px 10px;
padding: 0px;
list-style: none;
}

.side-list-item {
padding: 1px 0px 1px 0px;
}

/* ------ 最近のエントリー用 ------ */

.new-entry {
margin:0px;
padding:15px 5px 20px 25px;
font-size:small;
line-height:170%;
font-weight:normal;
color:#333;
text-align:left;
}

.new-entry-list {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: square;
}


/**************************************
　　フッタメニューエリアの設定
 **************************************/

/* ------ サイドバーボックス ------ */

.side2 {
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 0px;
width:200px;
border:solid 0px #ccc;
}


/**************************************
　　アーカイブ一覧の設定
 **************************************/

/* ------ アーカイブタイトルの設定 ------ */

.archives-content{
font-size: small;
line-height:180%;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
border:solid 0px #ccc;
}

/**************************************
　　フッターエリアの設定
 **************************************/

/* ------ フッタの設定 ------ */

#footer{
clear: both;
}

.copyright{
font-size: x-small;
font-family: Verdana, sans-serif;
padding:20px 1px 20px 1px;
text-align:center;
}

.page_top {
font-size: x-small;
margin-bottom:20px;
padding:10px 0px 0px 0px;
text-align: right;
}

/**************************************
　　フリーエリアの設定
 **************************************/
 
/* ------ お気に入りに追加 ------ */

.add {
margin:0px 0px 5px 0px;
padding: 0px;
float: right; 
text-align: right;
width: 170px;
}


/* ------ メルマガ登録フォーム ------ */

.mag_form {
position: relative;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
font-size: small;
color: #333;
text-align: left;
border: 0px solid #ccc;
clear: both;
}

/* ------ フリーボックス ------ */

.free_box {
position: relative;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
font-size: small;
line-height:150%;
color: #333;
border: 0px solid #ccc;
text-align: left;
clear: both;
}

/* ------ ボーダーテスト用の設定 ------ */

div {
border: 0px solid #999;
}

/**************************************

 Copyright (C) 2007 oz8. 

 **************************************/