/********************************************
SeeSaa版ClockUpTemplate2カラム左サイドバーCSS(ベージュ系)   
********************************************/


/********************************************
*** ブラウザCSSリセット ***
********************************************/

* {
margin: 0;
padding: 0;
}


/********************************************
*** BODY全体の要素 ***
********************************************/

body {
text-align: center;
font-family: Verdana;
background-color: #ebf2fa;
background-attachment: fixed;
background-image: url(./image/back.jpg);
background-repeat: repeat-x;
}


/********************************************
*** マウスオーバー時のリンクの背景色要素 ***
********************************************/

a:hover {
color: #ffffff;
text-decoration: none;
background-color: #fbd975;
}


/********************************************
*** ブログの全体の要素 ***
********************************************/

#container {
width: 800px;
margin: 0 auto;
padding: 0;
color: #000000;
text-align: left;
background-image: url(./image/bg.jpg);
background-repeat: repeat-y;
background-position: center;
}


/********************************************
*** 見出しタグ要素 ***
********************************************/

h1 {
z-index: 0;
width: 785px !important;
width: 800px;
top: 0;
margin: 0;
padding: 0 0 0 15px;
position: absolute;
font-size: 10px;
color: #a8a8a8;
line-height: 20px;
height: 20px;
text-align: left;
background-image: url(./image/bg.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center;
}

h2 {
margin: 5px;
padding: 0 5px 5px;
font-size: 15px;
font-weight: bold;
color: #cc0000;
text-align: left;
background-image: url(./image/midasiobi.jpg);
background-repeat: repeat-x;
background-position: left bottom;
border-left: 6px solid #fd9905;
}

h3 {
margin: 15px 5px 5px;
padding: 0 10px 5px;
font-size: 15px;
font-weight: bold;
color: #cc0000;
text-align: left;
background-image: url(./image/midasiobi.jpg);
background-repeat: repeat-x;
background-position: left bottom;
}


/********************************************
*** ヘッダー画像の要素 ***
********************************************/

#bannerpage {
z-index: 1;
width: 800px;
position: absolute;
top: 20px;
height: 165px;
background-image: url(./image/bg.jpg);
background-repeat: repeat-y;
background-position: center top;
background-attachment: fixed;
}

#banner_hed {
width: 777px;
margin: 0 11px 10px;
padding: 0;
height: 125px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #999999;
background-image: url(./image/banner.jpg);
background-repeat: no-repeat;
background-position: center center;
border-bottom: 1px solid #ececec;
}

#banner_hed a {
text-decoration: none;
color: #843d07;
}

#banner_sitename {
width: 425px;
padding: 30px 0 15px 10px;
font-size: 20px;
font-weight: bold;
color: #843d07;
line-height: normal;
}


/********************************************
*** ブログ説明文の要素 ***
********************************************/

.description {
z-index: 2;
width: 265px;
position: absolute;
top: 35px;
right: 20px;
text-align: right;
font-size: 12px !important;
font-size: 11px;
line-height: 16px;
color: #843d07;
}


/********************************************
*** ナビゲーション要素 ***
********************************************/

.navi {
z-index: 4;
width: 740px;
margin: 5px 15px;
padding: 5px;
position: absolute;
top: 145px;
height: 10px;
font-size: 10px;
clear: both;
}


/********************************************
*** コンテンツ全体（ヘッダ＆左＆フッター） ***
********************************************/

#contentpage {
z-index: 3;
width: 800px;
position: absolute;
top: 178px;
text-align: left;
background-image: url(./image/bg.jpg);
background-position: center top;
background-repeat: repeat-y;
background-attachment: fixed;
}


/********************************************
*** 中央コンテンツ部分 ***
********************************************/

#left-main {
width: 555px;
margin: 0 10px 0 0;
float: right;
overflow: hidden;
}


/********************************************
*** 左メニュー ***
********************************************/

#leftnavi {
width: 220px;
margin: 0 0 0 3px;
overflow: hidden;
float: left;
}

#leftnavi p {
margin: 8px;
font-size: 13px;
}


/********************************************
*** 各エリアの背景色の設定 ***
********************************************/

#leftnavi .title {
margin: 0;
padding: 6px 0 4px 30px;
font-size: 15px;
font-weight: bold;
background: #ffffff;
background: url(./image/title_l.jpg) no-repeat left top;
color: #843d07;
}


/********************************************
*** メニューボックス ***
********************************************/

.mbox {
width: 200px;
margin: 10px;
border: 1px solid #fce3a0;
}

.mbox li  {
padding:0 !important;
font-size: 13px;
list-style: none;
line-height: 17px;
}

.mbox li a {
display: block;
padding: 7px 10px 7px 30px !important;
padding: 8px 10px 8px 30px;
height: auto !important;
height: 30px;
text-decoration: none;
border-bottom: 1px dashed #fce3a0;
background: #fafcfc url(./image/listbox.gif) no-repeat left center;
}

.mbox li a:hover {
text-decoration: none;
background: #fbd975 url(./image/listbox.gif) no-repeat left center;
}


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

.contents {
width: 200px;
margin: 10px;
font-size: 13px;
line-height: 17px;
border: 1px solid #fce3a0;
}

.contents ol,.contents ul {
margin: 10px 10px 10px 25px;
padding: 0;
}


/********************************************
*** 検索エリアの要素 ***
********************************************/

.kensaku {
padding: 8px;
text-align: center;
}


/********************************************
*** ブログ本文の全体の要素 ***
********************************************/

/*********▽TOPページ▽**********/
.blogtop {
width: 540px;
margin: 10px 2px 0;
padding: 0px 5px 0;
overflow: hidden;
float: right;
}

/*********▽記事ページ▽**********/
.blog {
width: 540px;
margin: 10px 2px 0;
padding: 100px 5px 0;
overflow: hidden;
float: right;
}

/*********▽カテゴリページ▽**********/
.blog2 {
width: 540px;
margin: 10px 2px 0;
padding: 0 5px 0;
overflow: hidden;
float: right;
}

.blog2 p {
margin: 5px 5px 13px;
font-size: 13px;
clear: both;
}

.blog2 .mark {
margin: 0 0 25px 10px;
padding: 0 0 0 15px;
background-image: url(./image/yaji.gif);
background-repeat: no-repeat;
background-position: left center;
}

/*********▽ﾌﾟﾗｲﾊﾞｼｰﾎﾟﾘｼｰ・相互ﾘﾝｸ集ﾍﾟｰｼﾞ▽**********/
.blog3 {
margin: 0 35px;
padding: 0 25px 0;
overflow: hidden;
}

.blogbody3 {
margin: 0  0 25px;
padding: 0 25px 25px;
font-size: 13px;
line-height: 170%;
border-right: 15px solid #fce294;
border-left: 15px solid #fce294;
}

.blogbody3 p {
margin: 5px 10px 13px;
}

.blogbody3 ol,.blogbody3 ul {
margin: 10px 25px;
padding: 0;
}


/********************************************
*** 中央記事部分 ***
********************************************/

.blogbody {
margin: 5px;
padding: 5px;
font-size: 13px;
line-height: 170%;
clear: both;
}

.blogbody p {
margin: 0 0 13px;
font-size: 13px;
}

.blogbody a {
border-style: none;
}

.blogbody img {
margin: 5px 8px;
}

.blogbody ol,.blogbody ul {
margin: 10px;
padding: 0 10px 0;
}


/*************************************
*** 記事TOPICリスト ***
*************************************/

#tlist {
margin: 10px 5px 15px;
padding: 5px 10px 5px;
text-align: left;
border: 1px solid #fae7ad;
font-size: 15px;
list-style-type: none;
text-decoration: none;
background-color: #fff9eb;
}

#tlist p {
margin: 0 0 0 5px;
padding: 0 0 0 25px;
background-image: url(./image/mi-f1.jpg);
font-size: 15px;
font-weight: bold;
height: 20px;
line-height: normal;
background-repeat: no-repeat;
background-position: left center;
background-color: #fdefc2;
border-style: none;
color: #cc0000;
}

#tlist ul {
margin: 5px;
}

#tlist li {
margin: 0 0 0.1em;
padding: 0 0 0 15px;
font-size: 13px;
font-weight: normal;
list-style: none;
background-image: url(./image/yaji.gif);
background-repeat: no-repeat;
background-position: left center;
}


/********************************************
*** 記事ページの左下のカテゴリの要素 ***
********************************************/

.posted {
margin: 5px;
padding: 0 10px;
text-align: right;
font-size: 10px;
font-weight: bold;
color: #a8a8a8;
}

.posted a { 
padding: 0 0 0 5px;
font-weight: bold;
text-decoration: none;
color: #a8a8a8;
border-left: 1px solid #a8a8a8;
}


/********************************************
*** RSSのCSS ***
********************************************/

.rss {
width: 200px;
margin: 10px;
font-size: 10px;
border: 1px solid #fce3a0;
}

.rss a {
text-decoration: none;
color: #a8a8a8;
}

.rss ul {
padding: 0 0 0 10px;
font-weight: normal;
color: #000000;
clear: none;
}

.rss li {
margin: 10px;
padding: 0 0 0 23px;
background-image: url(./image/feed.gif);
background-repeat: no-repeat;
font-size: 12px;
list-style: none;
}


/********************************************
*** デフォルト（削除不可） ***
********************************************/

.powered {
width: 170px;
margin: 15px 0 10px;
padding: 5px;
font-weight: normal;
text-align: center;
color: #000000;
}

#leftnavi .powered {
clear: none;
}

.powered table {
margin: 0 auto;
text-align: center;
border: none;
}

.powered img {
border: none;
}

.seesaa {
margin: 0;
padding: 3px;
background-color: #9c9c9c;
text-align: center;
font-size: 10px;
}

.seesaa a {
color: #f6f6f6;
}


/********************************************
*** フッターの装飾 ***
********************************************/

#footer {
margin: 0 5px;
padding: 0 5px;
clear: both;
}

.footer_text {
width: 745px !important;
width: 760px;
margin: 5px;
padding: 5px;
font-size: 13px;
font-weight: normal;
text-align: left;
color: #000000;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #fbe9ab;
}

.footer_text a {
font-weight: normal;
text-decoration: none;
color: #a8a8a8;
}

.footer_text a:hover {
text-decoration: none;
background: #ffffff;
color: #a8a8a8;
}

.footer_text .ul {
margin: 7px 0;
}

.footer_text li {
display: inline;
margin: 0 0.2em;
padding: 0 0 0 8px;
font-size: 13px;
line-height: 21px;
border-left: 1px solid #333333;
}


/********************************************
*** COPYRIGHT部分 ***
********************************************/

.copy {
text-align: center;
color: #a8a8a8;
font-size: 10px;
border-width: 1px 0 0;
border-style: solid none none none;
border-color: #fbe9ab;
clear: both;
}

.copy a {
font-weight: bold;
text-decoration: none;
color: #a8a8a8;
}


/********************************************
*** 装飾（ブロックロート＆テキストエリア） ***
********************************************/

blockquote {
margin: 5px;
padding: 15px;
background-color: #feff99;
border: 1px solid #c00000;
}

textarea {
margin: 0 0 5px;
}

/********************************************
*** 装飾（チェックボックスリスト) ***
********************************************/

.blockquote1 li {
margin: 0 0 0.1em;
padding: 0 0 0 25px;
font-size: 12px;
font-weight: normal;
background-image: url(./image/check1.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
}

.blockquote2 li {
margin: 0 0 0.1em;
padding: 0 0 0 25px;
font-size: 12px;
font-weight: normal;
background-image: url(./image/check2.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
}

.blockquote3 li {
margin: 0 0 0.1em;
padding: 0 0 0 25px;
font-size: 12px;
font-weight: normal;
background-image: url(./image/check3.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
}

.blockquote4 li {
margin: 0 0 0.1em;
padding: 0 0 0 25px;
font-size: 12px;
font-weight: normal;
background-image: url(./image/check4.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
}

.blockquote5 li {
margin: 0 0 0.1em;
padding: 0 0 0 25px;
font-size: 12px;
font-weight: normal;
background-image: url(./image/check5.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
}

.blockquote6 li {
margin: 0 0 0.1em;
padding: 0 0 0 25px;
font-size: 12px;
font-weight: normal;
background-image: url(./image/check6.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
}

.blockquotemenu {
margin: 0 0 0 5px;
padding: 15px 0 15px 25px;
background-image: url(./image/mi-f1.jpg);
font-size: 12px;
background-repeat: no-repeat;
line-height: normal;
border-style: none;
background-position: left center;
font-weight: bold;
color: #cc0000;
left: -25px;
}


/********************************************
*** 文字を太文字に変更するCSS ***
********************************************/

.b {
font-weight: bold;
}


/********************************************
*** 背景を蛍光黄色と太文字に変更するCSS ***
********************************************/

.y {
font-weight: bold;
background-color: yellow;
}


/********************************************
*** 背景を薄黄色に変更するCSS ***
********************************************/

.weby {
background-color: #ffff99;
}


/********************************************
*** 赤に文字色を変更するCSS ***
********************************************/

.r {
color: red;
}


/********************************************
*** 赤の太文字に変更するCSS ***
********************************************/

.rs {
font-weight: bold;
color: red;
}


/********************************************
*** 赤の大きい文字に変更するCSS ***
********************************************/

.rb {
font-size: 20px;
color: red;
}


/********************************************
*** 赤の小さい文字に変更するCSS ***
********************************************/

.rl {
font-size: 10px;
color: red;
}


/********************************************
*** 論理強調タグのCSS ***
********************************************/

em {
font-weight: normal; 
font-style: normal;
text-decoration: none;
}

strong {
font-weight: normal; 
font-style: normal;
text-decoration: none;
}


/********************************************
*** 水平線のCSS ***
********************************************/

hr {
margin: 0;
padding: 0;
color: #e3e3e3;
border-width: 1px 0 0 0;
height: 1px;
border-style: solid none none none;
clear: both;
}


/********************************************
*** アドセンス部分 ***
********************************************/

.ads {
margin: 15px 0 15px 10px;
padding: 0;
text-align: left;
font-size: 10px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;

}

.ads1 {
margin: 0 0 0 10px;
padding: 0;
text-align: left;
font-size: 10px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}

.ads2 {
z-index: 5;
width: 530px;
margin: 0 0 0 10px;
padding: 0;
position: absolute;
top: 10px !important;
top: 0px;
color: #000000;
height: 90px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}

.ads3 {
z-index: 5;
width: 530px;
margin: 0 0 0 10px;
padding: 0;
position: absolute;
top: 10px !important;
top: 0px;
color: #000000;
height: 90px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}


/********************************************
*** スポンサードリンクの記述CSS ***
********************************************/

.sponsored {
margin: 0 0 5px;
padding: 1px 0 0 10px;
text-align: left;
font-size: 10px;
font-family: "Tahoma", "Verdana", "Arial", sans-serif;
height: 16px;
color: #333333;
background-color: #ffffff;
}

.sponsored1 {
margin: 0 0 5px;
padding: 1px 0 0 10px;
text-align: left;
font-size: 10px;
font-family: "Tahoma", "Verdana", "Arial", sans-serif;
height: 16px;
color: #333333;
background-color: #ffffff;
}

.sponsored2 {
width: 525px;
margin: 0 0 5px;
padding: 1px 0 0 10px;
text-align: left;
font-size: 10px;
font-family: "Tahoma", "Verdana", "Arial", sans-serif;
height: 16px;
color: #333333;
background-color: #ffffff;
}

.sponsored3 {
width: 525px;
margin: 0 0 5px;
padding: 1px 0 0 10px;
text-align: left;
font-size: 10px;
font-family: "Tahoma", "Verdana", "Arial", sans-serif;
height: 16px;
color: #333333;
background-color: #ffffff;
}


/********************************************
*** 記事ページPagerのCSS ***
********************************************/

.pager {
width: 540px;
margin: 10px 2px 2px;
padding: 0px;
height: 16px;
font-size: 10px;
color: #a8a8a8;
text-align: center;
text-decoration: none;
background-color: #f7f7f7;
border-top: 1px solid #ececec;
}

.pager a {
font-weight: normal;
text-decoration: none;
color: #a8a8a8;
}


/********************************************
*** 画像整列する場合のを右や左へ寄せる要素 ***
********************************************/

.img {
border: none;
}

/*********▽右寄せ▽**********/
.imgr {
float: right;
}

/*********▽左寄せ▽**********/
.imgl {
float: left;
}

/*********▽右や左の回り込み解除▽**********/
.clear { clear: both; } 
.clearleft { clear: left; }
.clearright { clear: right; }


/********************************************
Copyright(C)F-wood Web Factory All Rights Reserved. 
********************************************/