/* 越後製菓様ふんわり名人FANSITE index.php設定CSS 　制作：2007.08.09 t.ohe*/



/*　トップページ設定
-----------------------------------------------*/
/*フラッシュエリア*/
#flash_box{
width:840px;
height:260px;
margin:0px;
padding:0px;
}

/*rssアイコン*/
a .rss{
display:block;
width:43px;
height:21px;
float:right;
margin-top:-15px;
background:url(../img/icon_rss.jpg) top left no-repeat;
}

/*listアイコン*/
a .list{
display:block;
width:83px;
height:21px;
float:right;
margin-top:-15px;
background:url(../img/icon_list.jpg) top left no-repeat;
}


/*　ニュースエリア設定
-----------------------------------------------*/
/*ニュースエリア*/
#news{
width:400px;
margin:0px;
padding:0px;
float:left;
}

/*新着ニュース タイトル*/
#news h3{
display:block;
background:url(../img/title_img_news.gif) top left no-repeat;
margin:0;
padding:0;
width:380px;
height:30px;
}



/*新着ニュース 記事ブロック外枠*/
#news .section{
width:370px;
padding:2px;
border-bottom:dotted #CCCCCC 1px;
}


.section:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.section{/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .section{height: 1%;}
.section{display: block;}		
/*Mac用記述-end*/



/*新着ニュース 記事ブロック日付*/
#news .date{
width:100px;
margin-right:5px;
float:left;
}

/*新着ニュース 記事ブロックタイトル*/
#news .title{
width:260px;
margin-right:5px;
float:right;
}




/*　ブログエリア設定
-----------------------------------------------*/
/*ブログエリア*/
#blog{
width:420px;
margin:0px;
padding:0px;
float:right;
}

/*ブログ タイトル*/
#blog h3{
display:block;
background:url(../img/title_img_blog.gif) top left no-repeat;
margin:0;
padding:0;
width:420px;
height:30px;
}



/*ブログ 記事ブロック外枠*/
#blog .section{
width:420px;
padding:2px;
border-bottom:dotted #CCCCCC 1px;
}


.section:after {/*画像はみだしを裏技で解決*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.section{/*画像はみだしを裏技で解決 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .section{height: 1%;}
.section{display: block;}		
/*Mac用記述-end*/


/*ブログ タイトルブロック日付*/
#blog .date_t{
width:100px;
margin-right:5px;
float:left;
background:url(../img/blog_title_bg_img.gif) top left no-repeat;
text-align:center;
font-weight:bold;
color:#FFFFFF;
}

/*ブログ タイトルブロックタイトル*/
#blog .title_t{
width:180px;
margin-right:5px;
float:left;
background:url(../img/blog_title_bg_img.gif) top left no-repeat;
text-align:center;
font-weight:bold;
color:#FFFFFF;
}

/*ブログ タイトルブロック名前*/
#blog .name_t{
width:130px;
float:right;
background:url(../img/blog_title_bg_img.gif) top left no-repeat;
text-align:center;
font-weight:bold;
color:#FFFFFF;
}



/*ブログ 記事ブロック日付*/
#blog .date{
width:100px;
margin-right:5px;
float:left;
}

/*ブログ 記事ブロックタイトル*/
#blog .title{
width:180px;
margin: 0px 5px 0px 0px;
padding:0px;
float:left;
}

/*ブログ 記事ブロック名前*/
#blog .name{
width:130px;
float:right;
}



/*　トップコンテンツエリア設定
-----------------------------------------------*/
/*トップコンテンツエリア*/
#menu_box{
width:840px;
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
clear:both;
}


/*ブログ 記事ブロック外枠*/
#menu_box .section{
width:152px;
height:128px;
float:left;
margin:10px 6px 10px 6px;
}




/*　トラックバックキャンペーンエリア設定
-----------------------------------------------*/
/*トラックバックキャンペーンエリア*/
#tb_box{
width:840px;
height:230px;
margin:10px 0px 10px 0px;
padding:0px;
background:url(../img/tb_img.jpg) top left no-repeat;
position:relative;
}


/*トラックバックキャンペーン テキスト編集エリア*/
#tb_box .section{
width:540px;
height:120px;
margin:0px;
position:absolute;
top:95px;
left:165px;
color:#FFFFFF;
}


/*トラックバックキャンペーン テーマ*/
.tb_thema{
font-size: large;
font-weight:bold;
text-align:center;
margin:8px 0px;
}

/*トラックバックキャンペーン ＵＲＬ*/
.tb_url{
font-weight:bold;
text-align:center;
width:520px;
}






/*　イントロダクションエリア設定
-----------------------------------------------*/
/*イントロダクション外枠*/
#intro_box{
width:840px;
margin:30px 0px 10px 0px;
padding:0px;
}


/*イントロダクション タイトル*/
#intro_box h3{
display:block;
background:url(../img/title_img_intro.gif) top left no-repeat;
margin:0px 0px 8px 0px;
padding:0;
width:830px;
height:30px;
}



/*イントロダクション 記事ブロック*/
#intro_box .section{
width:800px;
padding:3px;
margin:0px auto;
border-bottom:dotted #CCCCCC 1px;
}


/*イントロダクション 記事ブロックタイトル*/
#intro_box .title{
margin: 5px 0px 5px 0px;
padding:0px 0px 0px 25px;
font-size:small;
background:url(../img/icon_s_pr.gif) top left no-repeat;
}


/*イントロダクション 記事ブロックタイトル*/
#intro_box .comment{
margin: 5px 0px 0px 0px;
padding:0px;
}