@charset "shift_jis";
/*********************************************************************************************/
	
/*▼▼▼新WEBSYS　企業ページの個別CSS＞Pettern 01▼▼▼*/

/*↓↓↓このCSSの他、大枠のレイアウトなど指定したメインCSS↓↓↓*/

/****　/oroshi/css/oroshi_seller.css　***/

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

/*ヘッダの下線　★*/	
.header{
	background:#eaa718 ;}

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

/*▼▼▼共通テキスト▼▼▼*/

/*「矢印�@」がつくリンク*/	
.link-content1,
.link-content2{
	background:url(./images/icon_arrow.gif) no-repeat left center;}

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

/*▽▽▽sidenavi▽▽▽*/

/*サイドナビ背景色★*/
.sidenavi{
	background:#cc0000;
	border-right:#eaa718  1px solid;}
.sidenavi .link{
	background:url(./images/icon_arrowmini.gif) no-repeat left center;}
.sidenavi .login{/*サイドナビログインボタン*/
	background:url(./images/sidemenu_login.gif) no-repeat;}
.sidenavi .login span{
	display:none;}
.sidenavi .regist{/*サイドナビ会員登録ボタン*/
	background:url(./images/sidemenu_regist.gif) no-repeat;}		

/*サイドナビ白四角内リンク ■の色★*/
.sidenavi .terms p{
	color:#eaa718;}

/*サイドナビボタン下の小文字リンク*/
.sidenavi p.link a {
	color:#ffffff;}
.sidenavi p.link a:hover {
	color:#eaa718;}

/*サイドナビ白四角内リンク*/
.sidenavi .terms p a {
	color:#222222;}
.sidenavi .terms p a:hover {
	color:#cc0000;}

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

/*▽▽▽contents▽▽▽*/

/*TOP　サブタイトル背景画像*/	
.contents .title-search{
	background:url(./images/title_search.gif) no-repeat;
	width:598px;
	height:27px;
	margin:0 0 13px 0;}
.contents .title-pickup{
	background:url(./images/title_pickup.gif) no-repeat;
	width:598px;
	height:27px;
	margin:0 0 13px 0;}
.contents .title-info{
	background:url(./images/title_info.gif) no-repeat;
	width:598px;
	height:27px;
	margin:0 0 13px 0;}
.contents .title-about{
	background:url(./images/title_about.gif) no-repeat;
	width:598px;
	height:27px;
	margin:0 0 13px 0;}

/*TOPページ　about　背景【】、文字他*/
.contents .title-topabout{
	background:url(./images/about_txt.gif) no-repeat;}
.contents .topabout{
	background:url(./images/about_bg.gif) no-repeat;
	width:600px;
	height:120px;
	margin:0 0 13px 0;}
.contents .topabout ul{
	background:url(./images/about_merit.gif) no-repeat;}

/*1カラムページ用メニュー　ボトムライン色は個別スタイル　タブバーの色★*/	
.contents-1column .menu-1colummn{
	border-bottom:#cc0000 6px solid;}
/*1カラムページ用メニュー項目　タブ背景は個別スタイル*/
.contents-1column .menu-1colummn li{
	background:url(./images/menutab_off.gif) no-repeat;}
.contents-1column .menu-1colummn li.current{
	background:url(./images/menutab_on.gif) no-repeat;}
.contents-1column .menu-1colummn li a{
	color:#ffffff;}

/*検索ページ　「商品カタログ検索ボタン」/oroshi/item_search.aspx*/
/*TOP　「商品カタログ検索ボタン」*/
.contents .search-form-item .btn-search,	
.contents .search-form .btn-search{
	background:url(./images/btn_search.gif) no-repeat;}

.contents .search-form .btn-search-advanced{
	background:url(./images/btn_search_cat.gif) no-repeat;}

/*TOP　ピックアップ 各商品のタイトル　★*/
.contents .pickup-table .color1 .title-pickupitem{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	color:#fff;
	font-weight:bold;
	margin:8px auto 10px 10px;}
.contents .pickup-table .color2 .title-pickupitem{
	background:url(./images/icon_arrow2.gif) no-repeat left center;
	color:#fff;
	font-weight:bold;
	margin:8px auto 10px 10px;}
.contents .pickup-table .color3 .title-pickupitem{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	color:#fff;
	font-weight:bold;
	margin:8px auto 10px 10px;}	

/*TOP　ピックアップ 各商品のタイトルのリンク色　★*/
.contents .pickup-table .color1 .title-pickupitem a{
	color:#ffffff;}
.contents .pickup-table .color2 .title-pickupitem a{
	color:#ffffff;}
.contents .pickup-table .color3 .title-pickupitem a{
	color:#ffffff;}
.contents .pickup-table .color1 .title-pickupitem a:hover{
	color:#cc0000;}
.contents .pickup-table .color2 .title-pickupitem a:hover{
	color:#cc0000;}
.contents .pickup-table .color3 .title-pickupitem a:hover{
	color:#cc0000;}

/*★*/
/*　通常スタイル*/
.contents .pickup-table .pickup-item p.txt-item-info {
color:#ffffff;}

/*　（企業名）個別設定　
.contents .pickup-table .color1 p.txt-item-info{
color:#ff639b;}
.contents .pickup-table .color2 p.txt-item-info{
color:#149cc6;}
.contents .pickup-table .color3 p.txt-item-info{
color:#ff639b;}
*/

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

/*▽▽▽contents-1column(特集ページなど1カラムページ用)▽▽▽*/

/*特集ページ　商品名のリンク文字色　★*/
.contents-1column .item-table .title-itemname a{
	color:#0000ff;
	text-decoration:underline;}

.contents-1column .item-table .title-itemname2 a{
	color:#0000ff;
	text-decoration:underline;}

/*特集ページ　横1列用　個別設定　レシピから商品 color1　商品からレシピ color2 */
.contents-1column .item-table .catalog-item1cloumn color2{
	color:#000000;}
/*商品からレシピ*/
.contents-1column .item-table .catalog-item1cloumn .title-itemname a{
	color:#00f;}
.contents-1column .item-table .catalog-item1cloumn p.txt-item-info {
	color:#000000;}
/*レシピから商品*/
.contents-1column .item-table .catalog-item1cloumn .title-itemname2 a{
	color:#0000ff;}
.contents-1column .item-table .catalog-item1cloumn .info-detail .title-itemname2 a{
	color:#00f;}/*バック白地　「商品一覧」リンク色*/
.contents-1column .item-table .catalog-item1cloumn .info-detail .title-itemname2 a:hover{
	color:#cc0000;}/*バック白地　「商品一覧」リンク色オーバー*/
.contents-1column .item-table .catalog-item1cloumn p.txt-item-info2 {
	color:#000000;}

/*特集ページ　横2列用　個別設定*/
.contents-1column .item-table .catalog-item2cloumn color2{
	color:#000000;}
 
.contents-1column .item-table .catalog-item2cloumn .title-itemname a{
	color:#0000ff;}

.contents-1column .item-table .catalog-item2cloumn p.txt-item-info {
	color:#000000;}
/*.contents-1column .item-table .catalog-item2cloumn p.txt-item-info2 {
	color:#333;}*/
 
/*特集ページ　横4列用　個別設定*/
 .contents-1column .item-table .catalog-item4cloumn color2{
	color:#000000;}
 
.contents-1column .item-table .catalog-item4cloumn .title-itemname a{
	color:#0000ff;}

.contents-1column .item-table .catalog-item4cloumn p.txt-item-info {
	color:#000000;}

/*オンマウス時　個別設定*/
.contents-1column .item-table .title-itemname2 a:hover,
.contents-1column .item-table .catalog-item4cloumn .title-itemname a:hover{
	color:#cc0000;
}

.contents-1column .item-table .title-itemname a:hover,
.contents-1column .item-table .catalog-item2cloumn .title-itemname a:hover{
	color:#cc0000;
}

/*特集ページ　新商品発売日のボックスの色　★*/
.contents-1column .item-table .releasedate{
	background:#7baf1f;
	color:#ffffff;}

/*レシピ検索ページ　「レシピ検索ページ」タイトル*/
.recipe-search-title{
	background:url(./images/title_recipe.gif) no-repeat;}

/*レシピ検索ページ　検索ボックスの背景、文字色*/
.contents-1column .search-area .search-recipe .title{
		background:url(./images/title_recipe-bg.gif) no-repeat;
		color:#fff;
		font-weight:bold;}

/*レシピ検索ページ　検索ボックス枠線　★*/
.contents-1column .search-area .search-recipe .search-box{
	border: #aaaaaa solid 1px;}

/*レシピ検索ページ　検索ボックス内のボタンの背景色*/
.contents-1column .search-area .search-recipe .search-box .bottom{
	background:#f4f4f4 ;}
	
/*レシピ検索ページ　商品リストタイトル　★*/
.contents-1column .list-area .recipe-title{
	background:#7baf1f;
	color:#fff;
	font-weight:bold;}
	
/*レシピ検索ページ　商品リスト 背景　★*/
.contents-1column .list-area .recipe-list{
	background:#eaa718;}

.contents-1column .list-area .recipe-list table .recipe-item img{
	border: #CCC solid 1px}

/*▼▼▼▼▼▼　マイページ　ピックアップ 色・背景アイコン等指定　▼▼▼▼▼▼*/

.mypagecolor1{
	color:#000;}
.mypagecolor2{
	color:#000;}
.mypagecolor3{
	color:#000;}

/*マイページ　商品・レシピ検索用*/
.contents .innermypage .search-form .border{/*ドット線*/
	background:url(./images/mypage_border.gif) repeat-x top;}
.contents .innermypage .search-form .btn-search{/*サーチボタン（小）*/
	background:url(./images/btn_search2.gif) no-repeat;}
.contents .innermypage .search-form .btn-search-cat{/*レシピ条件検索用*/
	background:url(./images/btn_search_cat.gif) no-repeat;}

/*マイページ　サブタイトル背景画像*/	
.contents .mypagetitle-search{
	background:url(./images/mypagetitle_search.gif) no-repeat;
	width:633px;
	height:27px;
	margin:0;}
.contents .mypagetitle-pickup{
	background:url(./images/mypagetitle_pickup.gif) no-repeat;
	width:633px;
	height:27px;
	margin:0 0 5px 0;}
.contents .mypagetitle-info{
	background:url(./images/mypagetitle_info.gif) no-repeat;
	width:633px;
	height:27px;
	margin:0 0 13px 0;}
.contents .mypagetitle-recipe{
	background:url(./images/mypagetitle_recipe.gif) no-repeat;
	width:633px;
	height:27px;
	margin:0;}

/*TOP　ピックアップ 各商品のタイトル 背景矢印個別スタイル*/
.mypagecolor1 .title-pickupitem,
.contents .item-search .title-item-search/*商品検索ページ 各商品のタイトル 背景矢印個別スタイル*/{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	font-weight:bold;}
.mypagecolor2 .title-pickupitem{
	background:url(./images/icon_arrow2.gif) no-repeat left center;
	font-weight:bold;}
.mypagecolor3 .title-pickupitem{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	font-weight:bold;}

/*マイページ　ピックアップ 各商品のタイトルのリンク色　★*/
.mypagecolor1 .title-pickupitem a{
	color:#0000ff;}
.mypagecolor2 .title-pickupitem a{
	color:#0000ff;}	
.mypagecolor3 .title-pickupitem a{
	color:#0000ff;}	
.mypagecolor1 .title-pickupitem a:hover{
	color:#cc0000;}
.mypagecolor2 .title-pickupitem a:hover{
	color:#cc0000;}	
.mypagecolor3 .title-pickupitem a:hover{
	color:#cc0000;}	

/*▼▼▼▼▼▼　商品検索ページ　/oroshi/item_search.aspx　▼▼▼▼▼▼*/

/*サブタイトル背景画像*/
.contents .item-search .item-search-new{
	background:url(./images/searchtitle_new.gif) no-repeat;
	width:758px;
	height:27px;
	margin:0;}
.contents .item-search .item-catalog{
	background:url(./images/searchtitle_item.gif) no-repeat;
	width:758px;
	height:27px;
	margin:0;}
.contents .item-search .recipe-search{
	background:url(./images/searchtitle_recipe.gif) no-repeat;
	width:758px;
	height:27px;
	margin:0;}
.contents .item-search .sub-genre/*検索サブジャンル　中分類　タイトル色*/{
	background:#f4f4f4;
	color:#336633;}

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

/*▽▽▽各種ボックスの色などの指定をまとめて行う▽▽▽*/
/*※CSSは下に書かれている指定を上書きするので、この記述の場所を変えないでください。*/

/*TOP　ピックアップ 各商品の背景色　★*/
.color1{
	background:#eaa718;}
.color2{
	background:#7baf1f;}
.color3{
	background:#fa6812;}



/*特集ページ　商品ボックスの色、文字色　★*/	
.contents-1column .item-table .color1{
	background:#eaa718;
	color:#000000;}
.contents-1column .item-table .color2{
	background:#eaa718;
	color:#000000;}

/*レシピページ「▼このレシピに使われている商品を見る」などで使う文字色*/
.textcolor1{
	color:#000;}

/*TOPページ「▼ご利用について」の■色　★*/
.textcolor2{
	color:#eaa718;}


/*ご利用方法*/
.method-subtitle{
	background-image: url(./images/method_bar.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 600px;
}

span.method-txt{
	font-size: 14px;
	font-weight: bold;
	line-height:28px;
	margin-left: 8px;
}

.method-box{
	font-size: 14px;
	width: 600px;
	background-image: url(./images/method_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 18px;
}

.method-box p{
	margin:0 13px 5px 13px;
	padding-top: 15px;
}

table.method-td{
	margin-left:10px;
}

.method-box td{
	padding: 8px;
	font-size: 12px;
	line-height: 140%;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #CCC;
}

.method-box td.area{
	background-color:#4697c6;
	color:#ffffff;
	width: 110px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #CCC;
}

.method-box td.area2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.method-box li{
	list-style-type: none;
	margin: 0 0 5px 13px;
}

.arrow{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.appli{
	width:600px;
	text-align:center;
	margin-bottom:20px;
}


/*ご利用規約*/
.termsline{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	width: 600px;
	margin: 10px 0 10px 0;
}

dl.termsbox{
	font-size:12px;
	line-height: 120%;
}

dl.termsbox dt{
	font-weight:bold;
	font-size: 12px;
	margin-top: 15px;
}

dl.termsbox dd{
	padding:10px 0 0 0;
	margin:0;
	font-size: 12px;
	line-height: 130%;
}

dl.termsbox ul{
	margin-top:10px;
}

dl.termsbox li{
	list-style-type: none;
	margin-left: 10px;
}


/*会社情報*/
.page-title{
	margin-bottom: 18px;
}
.profile-txt{
	color:#000;
	margin-bottom: 20px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #cccccc;
}

.profile-txt td.item{
	background-color: #f9f9f9;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #CCC;
	width: 145px;
}

.profile-txt td{
	background-color: #ffffff;
	font-size:14px;
	text-align:left;
	padding: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.site-unei{
	font-size:medium;
	margin-bottom:5px;
}