/********************************************
  FWOOD流　アドセンスサイト3カラムCSS   
*********************************************/


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

* {
 padding:0;
 margin:0;
}

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


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



/********************************************
*** ヘッダートピックパス枠 ***
********************************************/

.topicpath1{
	font-size:10px;
	line-height: 20px;
	height: 30px;
	background-image: url(http://talesupbringing.seesaa.net/image/bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center;
	right: 1px;
	text-align: right;
	margin: 0px;
	padding: 0px 12px 0px 10px ;
	color: #a8a8a8;
}


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

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


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


/*********▽左メニュータイトル▽**********/

#leftnavi .title{
	background: #FFFFFF;
	background:url(http://talesupbringing.seesaa.net/image/title_l.jpg) no-repeat left top;
	color: #4287BF;
}


/*********▽右メニュータイトル▽**********/

#rightnavi .title{     background: #FFFFFF;
	background:url(http://talesupbringing.seesaa.net/image/title_r.jpg) no-repeat left top;
	color: #4287BF;
}


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

#container{
	width:905px;
	color:#000;
	text-align:left;
	margin: 0px auto 0px auto ;
	padding: 0px;
	background-image: url(http://talesupbringing.seesaa.net/image/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

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

a:hover{
	color:#0000ff;
	text-decoration: none;
	background-color:#99CCFF;
}

a:visited {
	color: #0000ff;
	text-decoration: none;
 }

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

h1 {
	position: absolute;
	font-size:10px;
	top: 2px;
	color:#a8a8a8;
	float: right;
	margin: 2px 10px 0px 15px ;
}


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


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


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




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


#bannerpage{
	width: 905px;
	background-image:url(http://talesupbringing.seesaa.net/image/bg.jpg);
	background-repeat:repeat-y;
	background-position: center top;
	border-style: none;
	background-attachment: fixed;
	height: 165px;
}



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


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

#banner_sitename {
	font-size:20px;
	color: #006699;
	line-height: normal;
	padding: 20px 0px 15px 10px ;
	font-weight: bold;
	width: 510px;
}


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

.description{
	position: absolute;
	top: 25px;
	right: 20px;
	width: 430px;
	text-align: right;
	font-size: 8pt;
	line-height: 12pt;
	color: #666666;
}


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

#contentpage {
	text-align: left;
	width: 905px;
	background-image: url(http://talesupbringing.seesaa.net/image/bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	background-attachment: fixed;
}



/********************************************
*** 中央コンテンツ部分と左メニュー ***
********************************************/

#left-main{
	float: left;
	width: 675px;
	overflow: hidden;
}


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


/*********左メニューサイズ設定**********/

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


/*********▽検索エリアの要素▽**********/
.kensaku{
	padding: 8px;
	text-align: center;
}



/*********▽右メニューサイズ設定▽**********/

#rightnavi {
	overflow: hidden;
	float: right;
	width: 225px;
}


/*********▽左右メニューボックス帯▽**********/

.left-mbox,.right-mbox,.mbox,.contents{
	margin: 10px;
	width: 200px;
}


/*********▽左右ロールオーバーメニューリストリンク▽**********/

ul.left-mbox,ul.right-mbox {
	padding:0 !important;
	text-decoration:none;
}


.left-mbox li,.right-mbox li  {
	padding:0 !important;
	font-size: 10pt;
	list-style:none;
	line-height: 17pt;
}


.left-mbox li a,.right-mbox li a{
	display:block;
	height: auto !important;
	height: 20px;
	padding:5px 10px 5px 30px;
	border-bottom:1px dashed #CCCCCC;
	background:#FAFCFC url(http://talesupbringing.seesaa.net/image/listbox.gif) no-repeat left center;
	text-decoration:none;
}


.left-mbox li a:hover,.right-mbox li a:hover{
	background:#B6D0E7 url(http://talesupbringing.seesaa.net/image/listbox.gif) no-repeat left center;	text-decoration:none;
}


/*********▽左右メニュータイトル帯▽**********/

#leftnavi .title p,#rightnavi .title p {
	margin: 0 10px 0 10px;
	padding: 5px 0 5px 15px;
	font-size: 11pt;
	font-weight: bold;
}


/*********▽左右サブメニューリスト▽**********/

.mbox ul{
	padding:0 !important;
	text-decoration:none;
}

.mbox li{
	background:url(http://talesupbringing.seesaa.net/image/listbox.gif) no-repeat left top;
	list-style-type: none;
	list-style-position: outside;
	margin: 10px 0 10px 0;
	padding: 0 0 0 30px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	text-align: left;
}

/*********▽左右メニュー内のPタグ▽**********/


#rightnavi p,#leftnavi p{
	margin: 8px;
	font-size: 10pt;
}


/********************************************
*** 枠線の設定 ***
********************************************/


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

.left-mbox{
	border: 1px solid #B6D0E7;
}

/*********▽右メニュー▽**********/

.right-mbox{
	border: 1px solid #B6D0E7;
}

/*********▽右メニューその他ボックス▽**********/

.mbox{
	border: 1px solid #B6D0E7;
}
.contents{
	border: 1px solid #B6D0E7;
}
.footer_rss{
	border: 1px solid #B6D0E7;
}

/*********▽右メニューその他ボックス▽**********/



/**************************************************************************************
*** トピックパス要素 ***
**************************************************************************************/

.navi{
	position: relative;
	width: 875px;
	height: 10px;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	font-size:11px;
	clear: both;
	float: right;
}

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

.blog {
	overflow: hidden;
	float: right;
	width: 430px;
	padding: 0px 5px 5px 5px ;
	margin: 0px 2px 0px 2px ;
	
}

.blog2 {
	overflow: hidden;
	float: right;
	width: 430px;
	padding: 0px 5px 5px 5px ;
	margin: 10px 2px 0px 2px ;
	
}

.blog3 {

	overflow: hidden;
	padding: 0px 25px 15px 25px ;;
	margin: 0px 35px 0px 35px ;
}


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

.blog .ktex{
	clear: both;
	margin: 5px;
}


.ktex {
	font-size: 13px;
	line-height: 170%;
	padding: 5px;

}

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

.ktex p {
	font-size: 12px;
}

.ktex a {
	border-style: none;
}

.ktex img {
	border-style: none;
	margin: 5px 8px 5px 8px ;
}

.ktex ol,.ktex ul {
	margin: 9px 13px 11px 10px ;
	padding: 0px 0px 0px 10px ;
}

.ktex ol,.ktex ul,.ktex2 ol,.ktex2 ul {
	margin: 9px 13px 11px 10px ;
	padding: 0px 0px 0px 10px ;
}

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

.posted{
	text-align: right;
	font-size:10px;
	margin: 0px 5px 0 0 ;
	padding: 0px 15px 5px 10px ;
}

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


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

#footer{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	margin: 15px 8px 0px 5px ;
}


.footer_left {
	font-weight:normal;
	text-align:left;
	color:#000;
	clear: right;
	float: left;
	width: 655px;
	padding: 5px 10px 5px 5px;
	border-right:1px solid #cccccc;
	border-left:3px double #cccccc;
	font-size: 10px;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	margin: 15px 10px 10px 15px;
}

.footer_left a{
	font-weight:normal;
	text-decoration:none;
	color:#A8A8A8;
}

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

.footer_left li{
	display: inline;
	margin: 0 0.2em 0 0.2em;
	font-size: 10pt;
	line-height: 14pt;
}



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

#rightnavi .footer_rss {
	margin: 10px;
	width: 200px;
	font-size: 10pt;
}

#rightnavi .footer_rss ul{
	font-weight:normal;
	color:#000;
	clear: none;
	padding-left: 10px;
}

#rightnavi .footer_rss li {
	background-image:url(http://talesupbringing.seesaa.net/image/feed.gif);
	background-repeat:no-repeat;
	font-size: 12px;
	list-style:none;
    padding: 0 0 0 23px;
	margin: 10px ;
}

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


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

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


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


.powered img{
	border:none;
}


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


.seesaa a{
	color:#F6F6F6;
}

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

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

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

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

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

textarea{
	margin-bottom:5px;
}

.blockquote ul{	
	margin: 9px 13px 11px 13px ;
	padding: 0px 0px 0px 28px ;
}

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

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


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


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


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


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


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


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


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

.b{
	font-weight:bold;
}

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

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

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

.r{
	color:red;
}

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

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


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


/*************************************
*** カテゴリ記事リスト
（サイトマップページ該当） ***
*************************************/

#clist {
	text-align:left;
	border: 1px solid #B6D0E7;
	font-size: 14px;
	list-style-type: none;
	margin: 5px 5px 25px 5px ;
	text-decoration: none;
	background-color: #F7FAFD;
	padding: 5px 10px 10px 10px ;
}


#clist ul{
	margin: 11px 13px 11px 13px ;
}


#clist li {
	margin-bottom: 1em;
	font-size: 90%;
	font-weight:normal;
	background-image: url(http://talesupbringing.seesaa.net/image/yaji.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:15px;

}


#clist h2 {
	background-image: url(http://talesupbringing.seesaa.net/image/mi-f1.jpg);
	font-size: 14px;
	background-repeat: no-repeat;
	line-height: normal;
	border-style: none;
	padding-left: 25px;
	background-position: left center;
	margin-left: 5px;
	background-color: #F7FAFD;
}


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

.ads1 {
	text-align:center;
	top: 230px;
	padding: 5px;
	font-size: 10px;
}

.ads2 {
	text-align:center;
	padding: 0px;
	color: #000000;
	height: 330px;
	top: 0px;
	margin: 10px 0px 0px 0px;
	width: 420px;
}

.pager{
	text-decoration: none;
	color:#a8a8a8;
	height: 35px;
	text-align: center;
	font-size: 10px;
	height: 16px;
	color: #333333;
	float: left;
	width: 430px;
	background-color: #F7F7F7;
	padding: 5px 5px 0px 5px ;
	margin: 10px 2px 2px 2px;
	border-top:1px solid #ececec;
}

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


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

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

.sponsored2 {
	text-align: left;
	font-size: 10px;
	font-family:"Tahoma", "Verdana", "Arial", sans-serif;
	height: 16px;
	color: #333333;
	width: 415px;
	background-color: #F7F7F7;
	padding: 0px 0px 0px 10px ;
	margin: 1px;
	border-top:1px solid #ececec;
}




/*************************************
*** 画像整列する場合のを右や左へ寄せる要素
　（　記事テキストエリア該当　） ***
*************************************/


.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. 
*************************************************************/