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



/*　基本設定
-----------------------------------------------*/
body{
margin:0;
padding:0;
font-size:small;
text-align:left;
color:#6F633C;
background:url(../img/bg.jpg) center top no-repeat fixed;
line-height:130%;
}

/*基本リンク*/
a:link {color:#663300; text-decoration:underline}
a:visited {color:#663300; text-decoration:underline}
a:hover {color:#ff9900; text-decoration:underline}


/*基本リンク*/
#tb_box a:link {color:#ffffff; text-decoration:underline}
#tb_box a:visited {color:#ffffff; text-decoration:underline}
#tb_box a:hover {color:#ff9900; text-decoration:underline}



a {
outline: none;
}

h3{
text-indent:-9999px;
}


/*　共通骨格設定　ヘッター
-----------------------------------------------*/
/*ヘッター部分 ボックス*/
#header{
width:860px;
margin:5px auto;
padding:0px;
height:50px;
}

/*ロゴ*/
#header h1 a{
display:block;
text-indent:-9999px;
width:440px;
height:50px;
float:left;
background:url(../img/title_logo.jpg) center top no-repeat;
}

/*ヘッター部分 越後ロゴ*/
#header h2 a{
display:block;
text-indent:-9999px;
width:210px;
height:50px;
float:right;
background:url(../img/echigo_logo.jpg) center top no-repeat ;
background-color:#FFFFFF;
}



/*パンくずリスト*/
#breadcrumbs{
margin:3px;
padding:5px;
}

/*改ページナビ*/
.pageswitch{
margin:10px 3px 3px 3px;
padding:5px;
text-align:center;
background-color:#F0F0F0;
}

/*　共通骨格設定　メイン
-----------------------------------------------*/
/*メイン部分 ボックス*/
#container{
width:840px;
margin:0 auto;
padding:0px 10px 0px 10px;
border-left:1px solid #DFCEBD;
border-right:1px solid #DFCEBD;
background-color:#FFFFFF;
clear:both;
}

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




/*中ページメイン部分 ボックス*/
#container_n{
width:840px;
margin:0 auto;
padding:0px 10px 0px 10px;
border-left:1px solid #DFCEBD;
border-right:1px solid #DFCEBD;
background:url(../img/container_bg.jpg) center top no-repeat #FFFFFF;
clear:both;
}

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







/*メイン部分 ヘッター画像*/
#container_head{
width:860px;
height:17px;
margin:0 auto;
padding:0px;
background:url(../img/con_head_img.jpg) center top no-repeat;
}

/*メイン部分 フッター画像*/
#container_foot{
width:860px;
height:18px;
margin:0 auto;
padding:0px;
background:url(../img/con_foot_img.gif) center top no-repeat;
}

/*メイン部分 ２段組ボックス外枠*/
#container #mainbox{
width:830px;
padding:0px;
margin: 20px auto 0px auto;
}


/*中ページメイン部分 ２段組ボックス外枠*/
#container_n #mainbox{
width:830px;
padding:0px;
margin: 20px auto 0px auto;
}





/*　共通骨格設定　ナビゲーション
-----------------------------------------------*/
/*ヘッターナビゲーション*/
#h-navi{
width:840px;
height:48px;
margin:0px;
padding:0px;
}


#h-navi ul{
margin:0;
padding:0;
}

#h-navi li{
float:left;
list-style-type:none;
}

#h-navi li a{
display:block;
text-indent:-9999px;
height:48px;
}

/*HOME*/
#h-navi li#hm01 a{background:url(../img/h_navi_home.jpg) top left no-repeat; width:110px; }
#h-navi li#hm01 a:hover{background:url(../img/h_navi_home_f2.jpg) top left no-repeat; width:110px; }
/*最新情報*/
#h-navi li#hm02 a{background:url(../img/h_navi_news.jpg) top left no-repeat; width:104px; }
#h-navi li#hm02 a:hover{background:url(../img/h_navi_news_f2.jpg) top left no-repeat; width:104px; }
/*商品紹介*/
#h-navi li#hm03 a{background:url(../img/h_navi_pro.jpg) top left no-repeat; width:103px; }
#h-navi li#hm03 a:hover{background:url(../img/h_navi_pro_f2.jpg) top left no-repeat; width:103px; }
/*キャラクター募集*/
#h-navi li#hm04 a{background:url(../img/h_navi_chara.jpg) top left no-repeat; width:104px; }
#h-navi li#hm04 a:hover{background:url(../img/h_navi_chara_f2.jpg) top left no-repeat; width:104px; }
/*ふんわりファンブログ*/
#h-navi li#hm05 a{background:url(../img/h_navi_blog.jpg) top left no-repeat; width:103px; }
#h-navi li#hm05 a:hover{background:url(../img/h_navi_blog_f2.jpg) top left no-repeat; width:103px; }
/*トラックバックキャンペーン*/
#h-navi li#hm06 a{background:url(../img/h_navi_tb.jpg) top left no-repeat; width:104px; }
#h-navi li#hm06 a:hover{background:url(../img/h_navi_tb_f2.jpg) top left no-repeat; width:104px; }
/*検定ゲーム*/
#h-navi li#hm07 a{background:url(../img/h_navi_game.jpg) top left no-repeat; width:104px; }
#h-navi li#hm07 a:hover{background:url(../img/h_navi_game_f2.jpg) top left no-repeat; width:104px; }
/*ダウンロード*/
#h-navi li#hm08 a{background:url(../img/h_navi_dl.jpg) top left no-repeat; width:108px; }
#h-navi li#hm08 a:hover{background:url(../img/h_navi_dl_f2.jpg) top left no-repeat; width:108px; }






/*フッターナビゲーション*/
#f-navi{
width:840px;
height:48px;
margin:50px 0px 0px 0px;
padding:0px;
background-color:#FFFFFF;
clear:both;
}


#f-navi ul{
margin:0;
padding:0;
}

#f-navi li{
float:left;
list-style-type:none;
}

#f-navi li a{
display:block;
text-indent:-9999px;
height:48px;
}

/*HOME*/
#f-navi li#fm01 a{background:url(../img/f_navi_home.gif) top left no-repeat; width:110px; }
#f-navi li#fm01 a:hover{background:url(../img/f_navi_home_f2.gif) top left no-repeat; width:110px; }
/*最新情報*/
#f-navi li#fm02 a{background:url(../img/f_navi_news.gif) top left no-repeat; width:104px; }
#f-navi li#fm02 a:hover{background:url(../img/f_navi_news_f2.gif) top left no-repeat; width:104px; }
/*商品紹介*/
#f-navi li#fm03 a{background:url(../img/f_navi_pro.gif) top left no-repeat; width:103px; }
#f-navi li#fm03 a:hover{background:url(../img/f_navi_pro_f2.gif) top left no-repeat; width:103px; }
/*キャラクター募集*/
#f-navi li#fm04 a{background:url(../img/f_navi_chara.gif) top left no-repeat; width:104px; }
#f-navi li#fm04 a:hover{background:url(../img/f_navi_chara_f2.gif) top left no-repeat; width:104px; }
/*ふんわりファンブログ*/
#f-navi li#fm05 a{background:url(../img/f_navi_blog.gif) top left no-repeat; width:103px; }
#f-navi li#fm05 a:hover{background:url(../img/f_navi_blog_f2.gif) top left no-repeat; width:103px; }
/*トラックバックキャンペーン*/
#f-navi li#fm06 a{background:url(../img/f_navi_tb.gif) top left no-repeat; width:104px; }
#f-navi li#fm06 a:hover{background:url(../img/f_navi_tb_f2.gif) top left no-repeat; width:104px; }
/*検定ゲーム*/
#f-navi li#fm07 a{background:url(../img/f_navi_game.gif) top left no-repeat; width:104px; }
#f-navi li#fm07 a:hover{background:url(../img/f_navi_game_f2.gif) top left no-repeat; width:104px; }
/*ダウンロード*/
#f-navi li#fm08 a{background:url(../img/f_navi_dl.gif) top left no-repeat; width:108px; }
#f-navi li#fm08 a:hover{background:url(../img/f_navi_dl_f2.gif) top left no-repeat; width:108px; }




/*　共通骨格設定　フッター
-----------------------------------------------*/
/*フッター部分 ボックス*/
#footer{
width:840px;
margin:3px auto;
padding:0px;
}


/*フッター部分 ロゴ*/
#footer #foot_logo{
display:block;
width:151px;
height:32px;
margin:0 auto;
padding:0px;
float:left;
background:url(../img/foot_logo_echigo.gif) center top no-repeat;
}


/*フッター部分 ボックス*/
#footer #foot_copy{
width:600px;
padding:0px;
text-align:right;
float:right;
color:#330000;
}



/*　共通骨格設定　中ページ共通骨格
-----------------------------------------------*/

/*サイドエリア*/
#side{
width:160px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
}


/*サイドエリア*/
#main{
width:640px;
margin:10px 0px 0px 0px;
padding:0px;
float:right;
}


/*サイドバナー*/
.side_bt{
width:130px;
margin:10px auto;
padding:0px;
background-color:#FFFFFF;
}


/*サイドニュース*/
.side_news{
width:130px;
margin:0px auto 10px auto;
padding:0px;
background-color:#FFFFFF;
}

/*サイドニュース リスト*/
.side_news ul{
width:110px;
margin:10px auto;
padding:0px 0px 5px 0px;
font-size:x-small;
line-height:120%;
}

.side_news li{
padding:0px 0px 2px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
border-bottom:dotted #CCCCCC 1px;
}



/*サイドバックナンバー*/
.side_bn{
width:130px;
margin:10px auto 10px auto;
padding:0px;
background-color:#FFFFFF;
}

/*サイドバックナンバー リスト*/
.side_bn ul{
width:110px;
margin:10px auto;
padding:0px 0px 5px 0px;
font-size:small;
line-height:120%;
}

.side_bn li{
padding:0px 0px 2px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
border-bottom:dotted #CCCCCC 1px;
}



/* 記事詳細ページナビゲーション */
.kiji_navi {
margin:20px auto 30px auto; 
padding:5px;
background-color:#FFFFCC;
color:#663300;
}