/*********************************************************************************************/
	
/*▼▼▼2009/09/01 「おすすめ特集」用　メインCSS▼▼▼*/

/*↓↓↓このCSSと同じ内容のCSS↓↓↓*/

/****   /promotion/n_ninki/css/osusume.css   ***/

/*　「おすすめ特集」以下の各ページは、複数のディレクトリにあるため、　*/
/*　この「osusume.css」をメインCSSとして、各ディレクトリ以下の「css」ディレクトリに保存します　*/

/*********************************************************************************************/
body,ul,li.form,p{
	margin:0;
	padding:0;}


/*********************************************************************************************/

/*▼▼▼大枠のレイアウト▼▼▼*/

/*********************************************************************************************/

.main{
	/*margin-left:10px;*/}
.osusume-content{
	width:572px;}

#outlet_main_contents_item div.sidenavi,
#feature_catalog_new_contents div.sidenavi,
div.sidenavi{
	width:188px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	margin: -1px 0 10px 0;
	text-align:center;
}

.sidenavi-banner{
	width:188px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    margin: 0 0 10px 0;
	text-align:center;
}

/*▼サイドナビの中身（201107　追加）*/
.inbox_specialty,
.inbox_quick{width:190px; height:42px;}
.inbox_big{width:190px; height:42px;}
.inbox_bg{width:190px; height:28px;}
.inbox_company{width:190px; height:42px;}

.inbox_specialty{
	background:url(/buyer/event/e01/images/search_side_bg_specialty.gif) no-repeat;}
.inbox_quick{
	background:url(/buyer/event/e01/images/search_side_bg_quick.gif) no-repeat; }
.inbox_big{
	background:url(/buyer/event/e01/images/search_side_bg_big.gif) no-repeat;}
.inbox_bg{
	background:url(/buyer/event/e01/images/search_side_bg.gif) no-repeat;}
	.inbox_company{
	background:url(/buyer/event/e01/images/search_side_corp_sp.gif) no-repeat;}
.inbox_company span,
.inbox_specialty span,
.inbox_quick span{ position:relative; z-index:-1;}
.inbox_big strong,
.inbox_bg strong{ padding:5px 0 0 15px; display:inline-block}

.ancer-link {
    border-top: 1px dotted #CCCCCC;
    padding: 5px 5px 5px 10px;
    text-align: right;}
.ancer-link a {
    background: url("/images/arrow_g4_clear.gif") no-repeat scroll left center transparent;
    padding: 0 0 0 15px;}


/*▲サイドナビの中身（201107　追加） ここまで*/

/*タイトルヘッダ*/
h1,.maintitle{
	margin:10px auto 3px 10px;}
/*パンくず*/
.bredcrumbs{
	font-size:11px;
	line-height:1.8;
	margin:4px 0 3px 0;
	text-align:left;
	width:770px;}
.bredcrumbs a{
	font-size:11px;}
	

/*********************************************************************************************/

/*▼▼▼本文　買い手向けページ用▼▼▼*/

/*********************************************************************************************/	

/*▼非会員メッセージ＆カテゴリ解説▼*/
#emp_request{
	border-top:solid 2px #9cd628;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	background:url(/buyer/event/e01/images/txt_bg1.gif) no-repeat center right;
	margin:0 auto 10px 1px;
	width:566px;/*ie5.5*/
  voice-family: "\"}\"";
  voice-family: inherit;
	width:560px;}
#emp_request p{
	line-height:1.5;
	margin:10px;}
#emp_request p strong{
	color:#1f9300;}
#emp_request p.link{
	line-height:1;
	margin:5px 10px 10px 10px;
	padding-left:17px;
	background:url(/images/arrow_g4_clear.gif) no-repeat;}
#emp_request p.link a{
	font-weight:bold;}


/*▼TOPページのみ▼*/

.top-special{/*黄色い枠背景*/
	margin:0;
	width:572px;
	background:url(/buyer/event/e01/images/top_special_bg.gif);
	overflow:hidden;}
.back2{
	background:url(/buyer/event/e01/images/top_special_bg2.gif);}
.top-special .special{/*白い枠背景*/
	margin:10px;
	overflow:hidden;
	text-align:center;}
* html body .special{/*IE6以下の白い枠背景divにhaslayout*/
	height:100%;
	margin-bottom:0;
	padding-bottom:10px;}


.top-special .special a{
	width:100%;
	height:100%;}
.top-special .special a p.txt ,
.top-special .special a span.txt{
	color:#000;}
.top-special .special a p,
.top-special .special a p.title{
	color:blue;}
.top-special .special a:hover p,
.top-special .special a:hover p.txt,
.top-special .special a:hover span.txt,
.top-special .special a:hover p.title{
	color:red}
	
	
/*注目*/	
.top-special img{
	border:none;
	margin-bottom:5px;	}
.top-special .left{
	width:260px;
	margin:10px 0 10px 10px;
	float:left;}
.top-special .right{
	width:260px;
	margin:10px 0 10px 10px;
	float:left;}
.top-special .mono{
	margin:10px 0 0 10px;}
	
.top-special img{
	border:none;}
	/*トップページのバナーには外枠つけない*/


/*トップページ バナーがひとつだけ表示されるセクション*/
.top-special .mono img{
	float:left;
	margin:0 10px 10px 0;}
* html body .top-special .mono img{/*IE6以下の下マージン調整*/
	margin-bottom:0;}
	

/*トップページ テキスト*/
.top-special .special p.title{
	font-size:16px;
	font-weight:bold;
	margin:0 10px 5px 0;
	line-height:1.2;}
.top-special .special p.title span.redfont{
	font-size:14px;
	color:#C00;}

.top-special .special p{
	margin:0;
	line-height:1.3;
	text-align:left;}

.top-special .special span{
	margin:0;
	line-height:1.3;
	text-align:left;}	

/*IE用マージンボトム追加*/	
*+html body .top-special .special p,
* html body .top-special .special p{
	margin:0 0 10px 0;}	


/*トップページ ランキング*/
.top-special .ranking{
	margin:0 0 10px 9px;
	width:172px;
	float:left;
	overflow:hidden;}
	
* html body .top-special .ranking{/*IE6以下の左マージン調整*/
	margin:0 0 10px 5px;}
	
.top-special .ranking img.photo{
	float:right;}
.top-special .ranking a img.photo{
	border:solid 1px #0897c0;}
	/*トップページのランキング商品写真のみDBからなので外枠つける*/
	
.top-special .ranking img.rank{
	float:left;}
.top-special .special .ranking p{
	padding-top:7px;
	width:77px;
	clear:left;}
.top-special .ranking a.rankingitem{
	color:blue;}
.top-special .ranking a.rankingitem:hover{
	color:red;}
	
* html body .top-special .left{
	margin:10px 0 10px 5px;}
* html body .top-special .right{
	margin:10px 0 10px 11px;}
	

	
/*▼旬の食材ページ▼*/
.top-special .special .item1,
.top-special .special .item2,
.top-special .special .item3,
.top-special .special .item4,
.top-special .special .item5,
.top-special .special .item6{
	width:182px;
	height:150px;
	float:left;}
.top-special .special .item1,
.top-special .special .item2{
	margin:0 2px 2px 0;}
.top-special .special .item3{
	margin:0 0 2px 0;}
.top-special .special .item4,
.top-special .special .item5,
.top-special .special .item6{
	margin:0 2px 0 0;}
.top-special .special .item1 p,
.top-special .special .item2 p,
.top-special .special .item3 p,
.top-special .special .item4 p,
.top-special .special .item5 p,
.top-special .special .item6 p{
	margin-top:80px;
	padding:10px 5px 5px 5px;}
.top-special .special .item1 a,
.top-special .special .item2 a,
.top-special .special .item3 a,
.top-special .special .item4 a,
.top-special .special .item5 a,
.top-special .special .item6 a{
	width:100%;
	height:100%;}		
.top-special .special .item1{
	background:url(/buyer/event/e01/images/top_02_bg1.jpg) no-repeat;}
.top-special .special .item2{
	background:url(/buyer/event/e01/images/top_02_bg2.jpg) no-repeat;}
.top-special .special .item3{
	background:url(/buyer/event/e01/images/top_02_bg3.jpg) no-repeat;}
.top-special .special .item4{
	background:url(/buyer/event/e01/images/top_02_bg4.jpg) no-repeat;}
.top-special .special .item5{
	background:url(/buyer/event/e01/images/top_02_bg5.jpg) no-repeat;}
.top-special .special .item6{
	background:url(/buyer/event/e01/images/top_02_bg6.jpg) no-repeat;}
	

/*▼マテリアルページ▼*/
.top-material{
	margin:10px 0 15px 0;
	width:572px;}
.top-material a img{
	border:none;
	margin-right:11px}
.top-material a img.right{
	margin-right:0;}
	
	
/*▼商品一覧ページ▼*/
.items-table {
	width:572px;}
.items-table a{
	color:blue;}
.items-table a:hover{
	color:red;}
.items-table td{
	width:33%;}
.items-table td p,
h2{
	text-align:left;
	margin:0 10px 0 10px;}
	
/*品名表示枠*/	
.items-table td .item-name{
	font-weight:bold;
	height:40px;}
	

/*社名表示枠*/	
.items-table td p.corp-name{
	margin-bottom:10px;
	height:26px;}
.items-table td p.corp-name a{
	font-size:11px;}
	
	
/*卸売価格表示枠*/	
.items-table td p.recipe{
	background:url(/buyer/event/e01/images/recipe_bg.gif) no-repeat;
	padding:0 10px 10px 10px;
	margin:0 0 4px 7px;
	height:30px;
	overflow:hidden;}
.items-table td p.price{
	margin:0 0 10px 0;
	background:#EBEBEB;
	padding:5px 10px;
	font-family: "Arial", sans-serif;
	text-align:center;
	}

/*レシピ枠*/
* html body .items-table td p.recipe{/*IE6以下のレシピ枠にhaslayout*/
	height:40px;}
.items-table td p.recipe img{
	margin:5px 0 2px 0;}
	
	
/*商品画像*/	
.items-table td img{
	border:solid 1px #ccc;
	margin:10px 0 10px 0;}
	
	
/*一番外枠のカラム*/	
.items-table .item-l,
.items-table .item-m,
.items-table .item-r{
	width:186px;
	/*height:340px;レシピ枠が表示されるページのカラム高さ*/
	border:solid 1px #ccc;
	margin-bottom:5px;
	overflow:hidden;
	text-align:center;}
	/*レシピ枠が表示されるページでは、*/
	/*買ログイン→要素すべて表示、売ログイン→レシピのみ表示、非会員→品名のみ*/
	/*表示される。ログイン権限によってカラム高さが任意で変わるよう、一番外枠のカラムの高さは指定しない*/


/*********************************************************************************************/

/*▼▼▼本文　売り手向け募集ページ用▼▼▼*/

/*********************************************************************************************/		
	
/*募集ページ用メニュー*/	
.osusume-content ul.osusume-menu{
	list-style:none;
	height:35px;
	width:572px;
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;}
html>/**/body .osusume-content ul.osusume-menu{
	width:570px;}
.osusume-content ul.osusume-menu li{
	width:95px;
	float:left;}
.osusume-content ul.osusume-menu li a span{
	display:none;}
.osusume-content ul.osusume-menu li a{
	background-position:top left;
	background-repeat:no-repeat;
	width:95px;
	height:35px;
	display:block;}
.osusume-content ul.osusume-menu li a:hover{
	background-position:left -35px;}
.osusume-content ul.osusume-menu li a.current{
	background-position:left -35px;}
.osusume-content ul.osusume-menu li#index a{
	background-image:url(/promotion/n_ninki/images/menu_ninki_01.gif);}
.osusume-content ul.osusume-menu li#menu a{
	background-image:url(/promotion/n_ninki/images/menu_ninki_02.gif);}
.osusume-content ul.osusume-menu li#seasonal a{
	background-image:url(/promotion/n_ninki/images/menu_ninki_03.gif);}
.osusume-content ul.osusume-menu li#outlet a{
	background-image:url(/promotion/n_ninki/images/menu_ninki_04.gif);}
.osusume-content ul.osusume-menu li#joho a{
	background-image:url(/promotion/n_ninki/images/menu_ninki_05.gif);}
.osusume-content ul.osusume-menu li#media a{
	background-image:url(/promotion/n_ninki/images/menu_ninki_06.gif);}


/*募集ページ用サブタイトル*/		
.subtitle{
	background:#e0edf5;
	font-size:14px;
	font-weight:bold;
	margin:15px 0 10px 0;}
.subtitle img{
	margin-right:5px;}

/*募集ページ用規約*/
.terms{
	background:url(/promotion/n_ninki/images/title01_bg.gif) no-repeat top left;}
.terms-bottom{
	background:url(/promotion/n_ninki/images/title01_bg2.gif) no-repeat bottom left;}
*+html body .terms-bottom{/*IE7のdivにhaslayout*/
	height:1;}
/** html body .terms-bottom{IE6以下のdivにhaslayout
	zoom: 1;}*/
html>/**/body .terms-bottom{/*FFのdivにhaslayout*/
	overflow:hidden;}
	
.terms-bottom .term{
	margin:5px 15px 0 15px;
	line-height:1.5;}
.terms-bottom .term p{
	height:auto;}
.terms-bottom .term .term-point{
	font-weight:bold;
	color:#C30;}
.terms-bottom .term .gotopage{
	float:right;
	margin-left:5px;}
.terms-bottom .term ul{
	list-style-position:outside;
	margin-left:15px;}
	
.terms-bottom .term .uservoice{
	background:url(/promotion/n_ninki/images/title_uservoice_bg1.gif) no-repeat left 13px;
	width:350px;
	margin:10px 0 13px 0;}

.terms-bottom .term .uservoice-bottom{
	background:url(/promotion/n_ninki/images/title_uservoice_bg2.gif) no-repeat left bottom;
	width:350px;}
html>/**/body .term .uservoice-bottom{/*FFのdivにhaslayout*/
	overflow:hidden;}
	
.terms-bottom .term .uservoice-bottom p{
	margin:10px 10px 10px 25px;
	padding-bottom:8px;
	border-bottom:dotted 1px #CCC;
	line-height:1.5;}
.terms-bottom .term .uservoice-bottom p.noberder{
	border-bottom:none;
	padding-bottom:0;}	
	
.term-title{
	font-size:14px;
	font-weight:bold;
	margin:0 10px;
	line-height:2.2;}


/*募集ページ　募集テーブル*/
.wanted{
	margin:15px 0 5px 0;}
.wanted p.wanted-name{
  margin:0 0 5px 0;
	font-size:13px;}
.wanted .wantedtable{
	border-top:#CCC solid 1px;
	border-right:#CCC solid 1px;
	margin:0;}
.wanted .wantedtable th,
.wanted .wantedtable td{
	padding:6px 5px;
	font-size:12px;
	line-height:1.5;
	border-left:#CCC solid 1px;
	border-bottom:#CCC solid 1px;}
.wanted .wantedtable th{
	background:#e0edf5;
	width:120px;}
.wanted .wantedtable td.deadline{
	color:#F00;
	width:320px;}
.wanted .wantedtable td.btn{
	width:130px;}
	
.back{
	background: url(/images/arrow_g3_clear.gif) no-repeat;
	padding:0 0 0 20px;
	margin:5px 0 20px 0;
	clear:both;}
	

	
/*********************************************************************************************/

/*▼▼▼ アンケート用 ▼▼▼*/

/*********************************************************************************************/
.questionnaire {
    margin:0px 0px 20px 0px;}

.questionnaire p{
	margin-top:5px;}
	
.questionnaire img{
    border-style:none;}
	
.questionnaire a img{
    vertical-align:middle;}
    
/*********************************************************************************************/

/*▼▼▼サイドナビ▼▼▼*/

/*********************************************************************************************/
.seller-bnr{
	margin:0 0 10px 0;
	border:none;}
.sidenavi .goto-page{
	border-top: solid 1px #E9E9E9;
	padding:7px 5px 0 5px;
	margin:0 0 7px 0;
	/*clear:left;*/
	text-align:left;
	overflow:hidden;
	font-size:11px;
	color:#666;}
* html body .sidenavi .goto-page{/*IE6以下のdivにhaslayout*/
	zoom: 1;}
.sidenavi .sidebottom{
	border-bottom:none;
	margin-bottom:15px;}
.sidenavi .goto-page a{
	font-size:12px;
	color:blue;}
.sidenavi .goto-page a:hover{
	color:red	;}
.sidenavi .goto-page img{
	border:none;
	float:left;
	margin-right:5px;}

#outlet_main_contents_item .sidenavi .featuring-items,
#feature_catalog_new_contents .sidenavi .featuring-items,
#grp_rank_contents .sidenavi .featuring-items,
.sidenavi .featuring-items{
	margin:0 0 17px 0;
	text-align:center;
	overflow:hidden;}

* html body .sidenavi .featuring-items{/*IE6以下のdivにhaslayout*/
	zoom: 1;}
.sidenavi .featuring-items img{
	border:none;
	margin:0 4px 3px 7px;
	float:left;}
.sidenavi .featuring-items img.right{
	margin:0 5px 3px 0;}
	
	
.sidenavi .goto-page .ranking-item{
	float:right;
	margin:5px 0 0 0;}
.sidenavi .goto-page .rank{
	margin:0 2px 5px 0;}
	
	
.sidenavi .goto-page img.bizicon{
	float:right;
	margin:0 0 0 3px;}


/*********************************************************************************************/

/*▼▼▼マテリアル　おすすめページ用　最後の商品の下マージン▼▼▼*/

/**material/material.cssより移植・スタイル追記**/

/*********************************************************************************************/

#feature_catalog_new_contents .sidenavi .sidebottom p{
	border-bottom:none;
	margin-bottom:15px;}


/*********************************************************************************************/

/*▼▼▼アウトレット　おすすめページ用ピックアップアイテムの下マージン▼▼▼*/

/**recomd/recomd.cssより移植・スタイル追記**/

/*********************************************************************************************/

#outlet_main_contents_item{
	margin-top:10px;
	overflow:hidden;}


/*********************************************************************************************/

/*▼▼▼サイドナビ　募集ページ用▼▼▼*/

/*********************************************************************************************/
.sidenavi .wented-flow1{
	background:url(/promotion/n_ninki/images/sidenavi_01_1_bg.gif) no-repeat;
	width:176px;
	height:112px;
	margin:0 auto;
	text-align:left;}
.sidenavi .wented-flow2{
	background:url(/promotion/n_ninki/images/sidenavi_01_2_bg.gif) no-repeat;
	width:176px;
	height:112px;
	margin:0 auto;
	text-align:left;}
.sidenavi .wented-flow3{
	background:url(/promotion/n_ninki/images/sidenavi_01_3_bg.gif) no-repeat;
	width:176px;
	height:102px;
	margin:0 auto;
	text-align:left;}
.sidenavi .wented-flow4{
	background:url(/promotion/n_ninki/images/sidenavi_01_4_bg.gif) no-repeat;
	width:176px;
	height:93px;
	margin:0 auto 20px auto;
	text-align:left;}
	
.sidenavi .wented-flow1 p,.sidenavi .wented-flow2 p,.sidenavi .wented-flow3 p,.sidenavi .wented-flow4 p{
	margin:0 8px 8px 8px;
	font-size:12px;
	line-height:1.3;}
.sidenavi .wented-flow1 img,.sidenavi .wented-flow2 img,.sidenavi .wented-flow3 img,.sidenavi .wented-flow4 img{
	margin:8px 0 5px 0;}