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




/*　商品紹介共通設定
-----------------------------------------------*/
/*商品紹介 タイトル*/
#mainbox h3{
display:block;
background:url(../products/img/title_h3.gif) top left no-repeat;
margin:0;
padding:0;
width:830px;
height:30px;
}

/*クリア*/
.clear{
clear:both;
}


/*　トップ
-----------------------------------------------*/
/*メイン画像*/
#top_main_img{
margin:0px 0px 0px 0px;
padding:0px;
height:640px;
width:640px;
background:url(../products/img/pro_top_main_img.jpg) top left no-repeat;
position:relative;
text-indent:-9999px;
}


/*ボタン01*/
#top_bt01 a{
margin:0px 0px 0px 0px;
padding:0px;
height:70px;
width:305px;
background:url(../products/img/pro_top_bt_01.png) top left no-repeat;
position: absolute;
bottom:293px;
left: 11px;
}


/*ボタン02*/
#top_bt02 a{
margin:0px 0px 0px 0px;
padding:0px;
height:70px;
width:305px;
background:url(../products/img/pro_top_bt_02.png) top left no-repeat;
position: absolute;
bottom:293px;
left: 326px;
}


/*ボタン03*/
#top_bt03 a{
margin:0px 0px 0px 0px;
padding:0px;
height:70px;
width:305px;
background:url(../products/img/pro_top_bt_03.png) top left no-repeat;
position: absolute;
bottom:215px;
left: 11px;
}


/*ボタン04*/
#top_bt04 a{
margin:0px 0px 0px 0px;
padding:0px;
height:70px;
width:305px;
background:url(../products/img/pro_top_bt_04.png) top left no-repeat;
position: absolute;
bottom:215px;
left: 326px;
}

/*ボタン05*/
#top_bt05 a{
margin:0px 0px 0px 0px;
padding:0px;
height:70px;
width:305px;
background:url(../products/img/pro_top_bt_05.png) top left no-repeat;
position: absolute;
bottom:137px;
left: 11px;
}

/*ボタン06*/
#top_bt06 a{
margin:0px 0px 0px 0px;
padding:0px;
height:70px;
width:305px;
background:url(../products/img/pro_top_bt_06.png) top left no-repeat;
position: absolute;
bottom:137px;
left: 326px;
}


/*　ふんわり名人とは
-----------------------------------------------*/
/*メイン枠*/
#funwari{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#funwari h4{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_funwari_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}



/*商品紹介 記事ブロック*/
.pro_section{
margin:10px 0px 10px 0px;
padding:0px;
}

.pro_section:after {/*画像はみだしバグ回避*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
.pro_section {/*画像はみだしバグ回避 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .pro_section {height: 1%;}
.pro_section {display: block;}		
/*Mac用記述-end*/



/*商品紹介 記事ブロック内写真*/
.pro_section img{
margin:0px 0px 0px 6px;
padding:0px;
float: left;
}


/*商品紹介 記事ブロック内テキスト*/
.pro_section .text{
margin:0px;
padding:0px 10px 10px 10px;
line-height:150%;
width:340px;
float:right;
}



/*フッター点線*/
#funwari #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_funwari_line.gif) top left no-repeat;
width:640px;
height:25px;
}



/*nextBTリンク*/
#next_bt{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:640px;
text-align:right;
font-weight:bold;
}

/*nextBTリンク*/
#next_bt a{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 60px;
background:url(../products/img/pro_next_bt.gif) top left no-repeat;
}




/*　商品紹介ラインナップ
-----------------------------------------------*/
/*メイン枠*/
#lineup{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#lineup h4{
margin:0px 0px 40px 0px;
padding:0px;
background:url(../products/img/pro_lineup_title.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*テーブル*/
.pro_table{
width:190px;
margin:4px 0 0 0;
padding:0px;
border-collapse: collapse;
border:#CCCCCC solid 1px;
text-align:center;
float:left;
font-size:x-small;
color: #330000;
}

.pro_table td {/**/
border:#CCCCCC solid 1px;
}

/*商品ボックス*/
.pro_box{
margin:0 0 12px 0;
padding:0px;
/*width:210px;*/
text-align:center;
}
/*---- clearfix (floatによるboxの浮き上がり解除) 
--------------------------------------------------------*/
.pro_box:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.pro_box { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .pro_box { height : 1% ; }
.pro_box { display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
--------------------------------------------------------*/

.pro_box_l{
}
.pro_box_r{
	float:left;
	text-align:left;
}

.pro_box_r00{
	display:block;
	width:400px;
	margin:0;
	padding:0;
}

/*---- clearfix (floatによるboxの浮き上がり解除) 
--------------------------------------------------------*/
.pro_box_r00:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.pro_box_r00 { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .pro_box_r00 { height : 1% ; }
.pro_box_r00 { display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
--------------------------------------------------------*/
.pro_box_r00 .himitsu{
	float:right;
	background:#CCCCCC;
}





.pro_box_r01{
	margin:0;
	padding:4px 0 0 0;
}
/*---- clearfix (floatによるboxの浮き上がり解除) 
--------------------------------------------------------*/
.pro_box_r01:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.pro_box_r01 { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .pro_box_r01 { height : 1% ; }
.pro_box_r01 { display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
--------------------------------------------------------*/



/*商品名きなこ*/
.pro_name01{
clear:both;
margin:0px;
padding:5px;
width:390px;
text-align:center;
font-size:small;
font-weight:bold;
color:#330000;
background:url(../products/img/pro_lineup_01_bg.jpg) top left;
}

/*商品名チーズ*/
.pro_name02{
clear:both;
margin:0px;
padding:5px;
width:390px;
text-align:center;
font-size:small;
font-weight:bold;
color:#330000;
background:url(../products/img/pro_lineup_02_bg.jpg) top left;
}

/*商品名ごまだれ*/
.pro_name03{
clear:both;
margin:0px;
padding:5px;
width:390px;
text-align:center;
font-size:small;
font-weight:bold;
color:#ffffff;
background:url(../products/img/pro_lineup_03_bg.jpg) top left;
}

/*商品名たまご*/
.pro_name04{
clear:both;
margin:0px;
padding:5px;
width:390px;
text-align:center;
font-size:small;
font-weight:bold;
color:#ffffff;
background:url(../products/img/pro_lineup_04_bg.jpg) top left;
}

/*商品名みたらし団子*/
.pro_name05{
clear:both;
margin:0px;
padding:5px;
width:390px;
text-align:center;
font-size:small;
font-weight:bold;
color:#ffffff;
background:url(../products/img/pro_lineup_05_bg.jpg) top left;
}


/*テキスト01*/
.pro_text01{
margin:0px;
padding:10px 5px 0 5px;
text-align:left;
font-size:small;
color: #990000;
}

/*テキスト02*/
.pro_text02{
margin:0px;
padding:2px 5px 5px 5px;
text-align:left;
font-size:x-small;
color: #330000;
}

/*テキスト03*/
.pro_text03{
display:block;
width:210px;
float:left;
margin:0px;
padding:2px 4px 5px 5px;
text-align:left;
font-size:x-small;
color: #330000;
}



/*食べきりサイズ*/
.pro_mini_box{
position:relative;
margin:40px 0px 40px 20px;
padding:0px;
width:620px;
height:270px;
text-align:left;
font-size:small;
color: #330000;
background:url(../products/img/pro_lineup_s_bg.jpg) top left no-repeat;
background-color:#FFFFCC;
}


/*食べきりサイズ商品01*/
.pro_mini_box_in01{
position: absolute;
top:150px;
left:130px;
width:225px;
height:110px;
color: #330000;
}


/*食べきりサイズ商品02*/
.pro_mini_box_in02{
position: absolute;
top:150px;
left:370px;
width:240px;
height:110px;
color: #330000;
}

/*食べきりサイズ商品03*/
.pro_mini_box_in03{
position: absolute;
top:33px;
left:130px;
width:480px;
height:110px;
color: #330000;
}




/*食べきりサイズ商品img*/
.pro_mini_box_img{
float:left;
margin:0px;
padding:0px;
}

/*食べきりサイズ商品テキスト*/
.pro_mini_box_text{
margin:0px;
padding:0px;
}

/*食べきりサイズ商品テキスト01*/
.pro_mini_box_text .text01{
margin:5px 0px 0px 0px;
padding:0px;
color:#330000;
font-weight:bold;
}

/*食べきりサイズ商品テキスト02*/
.pro_mini_box_text .text02{
margin:5px 0px 0px 0px;
padding:0px;
color: #990000;
}



/*フッター点線*/
#lineup #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_funwari_line.gif) top left no-repeat;
width:640px;
height:25px;
}





/*　ヒミツ01　きなこ
-----------------------------------------------*/
/*メイン枠*/
#secret_01{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#secret_01 h4{
margin:0px 0px 20px 0px;
padding:0px;
background:url(../products/img/pro_kinako_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*フッター点線*/
#secret_01 #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_kinako_line.gif) top left no-repeat;
width:640px;
height:25px;
}



/*　ヒミツ02　チーズ
-----------------------------------------------*/
/*メイン枠*/
#secret_02{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#secret_02 h4{
margin:0px 0px 20px 0px;
padding:0px;
background:url(../products/img/pro_cheese_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*フッター点線*/
#secret_02 #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_cheese_line.gif) top left no-repeat;
width:640px;
height:25px;
}



/*　ヒミツ03　ごま
-----------------------------------------------*/
/*メイン枠*/
#secret_03{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#secret_03 h4{
margin:0px 0px 20px 0px;
padding:0px;
background:url(../products/img/pro_goma_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*フッター点線*/
#secret_03 #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_goma_line.gif) top left no-repeat;
width:640px;
height:25px;
}


/*　ヒミツ04　たまご
-----------------------------------------------*/
/*メイン枠*/
#secret_04{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#secret_04 h4{
margin:0px 0px 20px 0px;
padding:0px;
background:url(../products/img/pro_tamago_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*フッター点線*/
#secret_04 #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_tamago_line.gif) top left no-repeat;
width:640px;
height:25px;
}


/*　ヒミツ04　あわ雪
-----------------------------------------------*/
/*メイン枠*/
#secret_05{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#secret_05 h4{
margin:0px 0px 20px 0px;
padding:0px;
background:url(../products/img/pro_awayuki_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*フッター点線*/
#secret_05 #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_awayuki_line.gif) top left no-repeat;
width:640px;
height:25px;
}



/*　ヒミツ共通ナビゲーション
-----------------------------------------------*/
/*1つ210px*/
#sec_navi{
width:630px;
margin:0px 0px 30px 0px;
padding:0px;
background:#EFEDE1;
border:1px solid #EAEAEA;
}
/*---- clearfix (floatによるboxの浮き上がり解除) 
--------------------------------------------------------*/
#sec_navi:after {
    content : "." ;
    display : block ;
    height : 0 ;
    clear : both ;
    visibility : hidden ;
}
#sec_navi { display : inline-block ; }
/* Hides from IE-Mac \*/
*html #sec_navi { height : 1% ; }
#sec_navi { display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
--------------------------------------------------------*/


#sec_navi ul{
margin:0;
padding:0;
}

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

#sec_navi li a{
display:block;
text-indent:-9999px;
height:20px;
}

/*きなこ*/
#sec_navi li#navi01 a{background:url(../products/img/pro_navi_01.jpg) top left no-repeat; width:210px; }
#sec_navi li#navi01 a:hover{background:url(../products/img/pro_navi_01.jpg) top left no-repeat; width:210px; }

/*チーズ*/
#sec_navi li#navi02 a{background:url(../products/img/pro_navi_02.jpg) top left no-repeat; width:210px; }
#sec_navi li#navi02 a:hover{background:url(../products/img/pro_navi_02.jpg) top left no-repeat; width:210px; }

/*------------------ごまが追加されたら有効にする
#sec_navi li#navi03 a{background:url(../products/img/pro_navi_03.jpg) top left no-repeat; width:210px; }
#sec_navi li#navi03 a:hover{background:url(../products/img/pro_navi_03.jpg) top left no-repeat; width:210px; }
-----------------------------------------------------------------------------------------------------------------------------*/
/*------------------たまご追加されたら有効にする
#sec_navi li#navi04 a{background:url(../products/img/pro_navi_04.jpg) top left no-repeat; width:210px; }
#sec_navi li#navi04 a:hover{background:url(../products/img/pro_navi_04.jpg) top left no-repeat; width:210px; }
-----------------------------------------------------------------------------------------------------------------------------*/

/*あわ雪*/
#sec_navi li#navi05 a{background:url(../products/img/pro_navi_05.jpg) top left no-repeat; width:210px; }
#sec_navi li#navi05 a:hover{background:url(../products/img/pro_navi_05.jpg) top left no-repeat; width:210px; }


/*　アレンジ共通ナビゲーション
-----------------------------------------------*/
/*1つ210px*/
#arrange_navi{
width:420px;
margin:0px 0px 30px 0px;
padding:0px;
background:#EFEDE1;
border:1px solid #EAEAEA;
}
/*---- clearfix (floatによるboxの浮き上がり解除) 
--------------------------------------------------------*/
#arrange_navi:after {
    content : "." ;
    display : block ;
    height : 0 ;
    clear : both ;
    visibility : hidden ;
}
#arrange_navi { display : inline-block ; }
/* Hides from IE-Mac \*/
*html #arrange_navi { height : 1% ; }
#arrange_navi { display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
--------------------------------------------------------*/


#arrange_navi ul{
margin:0;
padding:0;
}

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

#arrange_navi li a{
display:block;
text-indent:-9999px;
height:20px;
}

/*きなこ*/
#arrange_navi li#navi01 a{background:url(../products/img/pro_arrange_navi_01.jpg) top left no-repeat; width:210px; }
#arrange_navi li#navi01 a:hover{background:url(../products/img/pro_arrange_navi_01.jpg) top left no-repeat; width:210px; }

/*チーズ*/
#arrange_navi li#navi02 a{background:url(../products/img/pro_arrange_navi_02.jpg) top left no-repeat; width:210px; }
#arrange_navi li#navi02 a:hover{background:url(../products/img/pro_arrange_navi_02.jpg) top left no-repeat; width:210px; }


/*あわ雪*/
#arrange_navi li#navi05 a{background:url(../products/img/pro_arrange_navi_05.jpg) top left no-repeat; width:210px; }
#arrange_navi li#navi05 a:hover{background:url(../products/img/pro_arrange_navi_05.jpg) top left no-repeat; width:210px; }


/*------------------ごまが追加されたら有効にする
#arrange_navi li#navi03 a{background:url(../products/img/pro_arrange_navi_03.jpg) top left no-repeat; width:210px; }
#arrange_navi li#navi03 a:hover{background:url(../products/img/pro_arrange_navi_03.jpg) top left no-repeat; width:210px; }
-----------------------------------------------------------------------------------------------------------------------------*/
/*------------------たまご追加されたら有効にする
#arrange_navi li#navi04 a{background:url(../products/img/pro_arrange_navi_04.jpg) top left no-repeat; width:210px; }
#arrange_navi li#navi04 a:hover{background:url(../products/img/pro_arrange_navi_04.jpg) top left no-repeat; width:210px; }
-----------------------------------------------------------------------------------------------------------------------------*/



/*商品紹介 記事ブロック*/
.sec_section{
margin:10px 0px 10px 0px;
padding:0px;
}

.sec_section:after {/*画像はみだしバグ回避*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
.sec_section {/*画像はみだしバグ回避 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .sec_section {height: 1%;}
.sec_section {display: block;}		
/*Mac用記述-end*/



/*商品紹介 記事ブロック内写真*/
.sec_section img{
margin:0px 0px 0px 6px;
padding:0px;
float:right;
}


/*商品紹介 記事ブロック内テキスト*/
.sec_section .text{
margin:0px;
padding:0px 10px 10px 10px;
line-height:150%;
width:420px;
float:left;
}



/*商品紹介 イラスト*/
#funwari_ill{
margin:20px auto;
padding:0px;
width:520px;
}



/*　ふんわり名人の魅力
-----------------------------------------------*/
/*メイン枠*/
#pr{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#pr h4{
margin:0px 0px 20px 0px;
padding:0px;
background:url(../products/img/pro_pr_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*テキスト部分*/
.pro_pr_text01{
margin:10px;
padding:0px;
color:#990000;
text-align:left;
}

/*フッター点線*/
#pr #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_pr_line.gif) top left no-repeat;
width:640px;
height:25px;
}



/*　誕生秘話
-----------------------------------------------*/
/*メイン枠*/
#birth{
margin:0px 0px 0px 0px;
padding:0px;
}

/*メイン枠*/
#birth .text{
margin:0px 0px 30px 0px;
padding:0px 10px;
width:95%;
}

/*メイン枠*/
#birth h4{
margin:0px 0px 20px 0px;
padding:0px;
background:url(../products/img/pro_hiwa_titel.gif) top left no-repeat;
width:640px;
height:130px;
text-indent:-9999px;
}


/*枠02*/
#sec_section_02{
margin:50px auto 20px auto;
padding:0px;
width:640px;
}

/*フッター点線*/
#birth #foot_line{
margin:0px 0px 0px 0px;
padding:0px;
background:url(../products/img/pro_pr_line.gif) top left no-repeat;
width:640px;
height:25px;
}

/*　ヒミツページからアレンジページへのバナー090807追加
------------------------------------------------------------*/
#arrange_banner{
width:382px;
margin:0 0 0 100px;
}
#arrange_banner a img{ border:none; }


/*　各アレンジページ
-----------------------------------------------*/
.arrange_section{
margin:10px 0px 10px 0px;
padding:0px;
}

.arrange_section:after {/*画像はみだしバグ回避*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
.arrange_section {/*画像はみだしバグ回避 winIE用記述*/
	display: inline-table;
	}	
/*Mac用記述*/
*html .arrange_section {height: 1%;}
.arrange_section {display: block;}		
/*Mac用記述-end*/

.arrange_spacer{
width:615px;
margin:17px 0 14px 0;
}
.arrange_spacer_last{ margin:17px 0 20px 0; }
.arrange p{ 
width:390px;
margin:15px 0 10px 4px;
}
.arrange_left{
width:178px;
float:left;
}
.arrange_right{
width:418px;
float:left;
margin:0 0 0 19px;
}