@charset "shift_jis";
/* CSS Document */

img{
	border:0;
}

a:link{
	color:#005eb9;
	text-decoration:none;
}

a:visited{
	color:#087db9;
	text-decoration:none;
}

a:hover{
	color:#ff0000;
	text-decoration:underline;
}

a:active{
	color:#087db9;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,p{
	list-style:none;
	margin:0;
	padding:0;
}

#container{
	width:800px;
	overflow:hidden;
}

/*ヘッダーメニュー*/
.menu{
}

.menu li{
	float:left;
}

.menu span {
	position:absolute;
	left:-9999px;
}

.menu li.top {
	width:205px;
	height:44px;
	background-image:url(images/menu_top.gif);
	background-position:0 -44px;
	display:block;
	background-repeat: no-repeat;
}

.menu li.top a {
	width:205px;
	height:44px;
	background-image:url(images/menu_top.gif);
	background-position:0 0;
	display:block;
	background-repeat: no-repeat;
}

.menu li.top a:hover {
	width:205px;
	height:44px;
	background-image:url(images/menu_top.gif);
	background-position:0 -44px;
}

.menu li.kiyaku {
	width:195px;
	height:44px;
	background-image:url(images/menu_kiyaku.gif);
	background-position:0 -44px;
	display:block;
	background-repeat: no-repeat;
}

.menu li.kiyaku a {
	width:195px;
	height:44px;
	background-image:url(images/menu_kiyaku.gif);
	background-position:0 0;
	display:block;
	background-repeat: no-repeat;
}

.menu li.kiyaku a:hover {
	width:195px;
	height:44px;
	background-image:url(images/menu_kiyaku.gif);
	background-position:0 -44px;
}

.menu li.profile {
	width:195px;
	height:44px;
	background-image:url(images/menu_profile.gif);
	background-position:0 -44px;
	display:block;
	background-repeat: no-repeat;
}

.menu li.profile a {
	width:195px;
	height:44px;
	background-image:url(images/menu_profile.gif);
	background-position:0 0;
	display:block;
	background-repeat: no-repeat;
}

.menu li.profile a:hover {
	width:195px;
	height:44px;
	background-image:url(images/menu_profile.gif);
	background-position:0 -44px;
}

.menu li.contact {
	width:205px;
	height:44px;
	background-image:url(images/menu_contact.gif);
	background-position:0 -44px;
	display:block;
	background-repeat: no-repeat;
}

.menu li.contact a {
	width:205px;
	height:44px;
	background-image:url(images/menu_contact.gif);
	background-position:0 0;
	display:block;
	background-repeat: no-repeat;
}

.menu li.contact a:hover {
	width:205px;
	height:44px;
	background-image:url(images/menu_contact.gif);
	background-position:0 -44px;
}

/* 現在位置 */
.menu li.top a.stay {
	 background-position:0 -44px;
}

.menu li.kiyaku a.stay {
	background-position:0 -44px;
}

.menu li.profile a.stay {
	 background-position:0 -44px;
}

.menu li.contact a.stay {
	 background-position:0 -44px;
}


/*ログイン、会員申し込み*/
.loginbox{
	height:47px;
	font-size: 12px;
	text-align: center;
	margin-left: 24px;
}


/*コンテンツ*/
.main-contents{
	width:600px;
	float:left;
	padding-bottom:32768px;
	margin-bottom:-32768px;
	padding-left:10px;
}

.main-contents .section{
	width:600px;
	background-color:#f6f6f6;
	margin:0 0 11px 0;
}


/*メインバナー*/
.main-contents h1{
	width:600px;
	height:180px;
	margin:0 0 10px 0;
}


/*インフォメーション*/
.main-contents .title-info{
	width:600px;
	height:33px;
	margin:0 0 4px 0;
	background-image: url(images/title_info.gif);
	background-repeat: no-repeat;
}

.main-contents .info-table{
	margin:0 0 0 11px;}
	
.main-contents .info-table th{
	font-weight:normal;
	text-align:left;
	padding:0 18px 13px 0;
	font-size:12px;
	vertical-align: top;
}
.main-contents .info-table td{
	font-weight:normal;
	text-align:left;
	padding:0 18px 13px 0;
	font-size:12px;}
	

/*ピックアップ*/
.main-contents .title-pickup{
	width:600px;
	height:33px;
	margin:0 0 4px 0;
	background-image: url(images/title_pickup.gif);
	background-repeat: no-repeat;
}

.main-contents .title-pickupbox{
	width: 576px;
	height: 21px;
	margin: 0 auto 0 auto;
}

.main-contents .pickup-name{
	font-weight:bold;
	font-size:14px;
	background-image: url(images/icon_arrowmini_pickup.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	float: left;
	margin: 4px auto 0 0;
}

.main-contents .pickup-comment{
	font-size:10px;
	color:#333;
	margin:0 0 0 20px;
	font-weight: normal;
}

.main-contents li.pickup-detail{
	margin:0;
	padding:0;
}

.main-contents li.pickup-detail a {
	width:91px;
	height:21px;
	background-image:url(images/icon_tokushu.gif);
	background-position:0 0;
	display:block;
	background-repeat: no-repeat;
	float: right;
}

.main-contents li.pickup-detail a:hover {
	width:91px;
	height:21px;
	background-image:url(images/icon_tokushu.gif);
	background-position:0 -21px;
}

.main-contents .pickup-itembox{
	width:558px;
	border: 1px solid #ed4549;
	background-color: #FFF;
	padding: 9px;
	margin:0 auto 18px auto;
}

.main-contents .pickup-table{
	margin:0;
	text-align:left;}
	
.main-contents .pickup-table .pickup-item{
	margin-right:8px;
}
	
.main-contents .pickup-table .txt-item-info{
	font-size:10px;
}


/*ご利用について*/
.main-contents .title-about{
	width:600px;
	height:33px;
	margin:0 0 4px 0;
	background-image: url(images/title_about.gif);
	background-repeat: no-repeat;
}

.main-contents .about-table{
	margin:0 10px 16px 10px;
}
	
.main-contents .about-table td{
	line-height:1.5;
	width:50%;}
	
.main-contents .about-table li.abouttext{
	list-style-image: url(images/icon_arrowmini_about.gif);
	list-style-position: inside;
	margin: 0px;
	padding:0px;
}

.main-contents .about-table span.abouttext2{
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:0px;
}
	
.main-contents .about-table td p.detail{
	font-size:12px;
	margin-left:1.3em;
}


/*商品検索*/
.search-contents{
	width:180px;
	float:right;
	background-color:#f6f6f6;
	padding-bottom:32768px;
	margin-bottom:-32768px;
}

.search-contents .search-box{
	margin:10px auto 0 8px;
	text-align: center;
}

.search-contents .search-box .search-title{
	text-align:left;
}

.search-contents .search-box li.item{
	background-image: url(images/icon_arrowmini_search.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	font-size: 12px;
	line-height: 180%;
	margin-left: 5px;
	text-align: left;
}

.search-contents .search-box .search-btn{
	text-align: right;
	padding-top: 10px;
}

.search-contents .search-box .search-line{
	padding:12px 0 12px 0;
	text-align: center;
}

.search-contents .search-box .recipe-bnr{
	text-align: center;
}


/*画像置換のためのテキストスタイル*/
span.titletxt{
	display:none;}
		

/*フロートクリア*/
p.clear{
	clear:both;
}


/*ご利用規約*/
.terms-main{
	width: 760px;
	margin: 20px 20px 0 20px;
}

.terms-title{
	margin-bottom: 20px;
}

.terms-main p{
	font-size:12px;
}

.termsline{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	width: 760px;
	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;
}


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

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

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




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

/*▽▽▽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-2colummn{
	border-bottom:#dc0000 6px solid;}
/*1カラムページ用メニュー項目　タブ背景は個別スタイル*/
.contents-1column .menu-2colummn li{
	background:url(./images/menutab_off.gif) no-repeat;}
.contents-1column .menu-2colummn li.current{
	background:url(./images/menutab_on.gif) no-repeat;}
.contents-1column .menu-2colummn li a{
	color:#fff;}

.sub_contents-column
{
	background: none repeat scroll 0 0 #FDEBEB;
    border-bottom: 1px solid #DC0000;
    color: #000000;
    height: 87px;
	//width:785px;
}
/*検索ページ　「商品カタログ検索ボタン」/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:#ffffff;
	font-weight:bold;
	margin:8px auto 10px 10px;}
.contents .pickup-table .color2 .title-pickupitem{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	color:#ffffff;
	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:#ffffff;
	font-weight:bold;
	margin:8px auto 10px 10px;}	

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

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

/*　（企業名）個別設定　
.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;}

.contents-1column .item-table .title-itemname a:hover,
.contents-1column .item-table .title-itemname2 a:hover{
	color:#dc0000;
	text-decoration:underline;}

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

/*レシピ検索ページ　「レシピ検索ページ」タイトル*/
.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: #aaa solid 1px;}

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

.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_arrow.gif) no-repeat left center;
	font-weight:bold;}
.mypagecolor3 .title-pickupitem{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	font-weight:bold;}
.mypagecolor4 .title-pickupitem{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	font-weight:bold;}
.mypagecolor5 .title-pickupitem{
	background:url(./images/icon_arrow.gif) no-repeat left center;
	font-weight:bold;}

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

/*▼▼▼▼▼▼　商品検索ページ　/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;}

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

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

a.none-link
{
	text-decoration: none;
	cursor:default;
}
.none-link-photo
{
	cursor:default;
	border:#CCCCCC 1px solid;
}



/*コーヒー博士サブヘッダー用*/

.sub_contents-column {
    background: none repeat scroll 0 0 #FDEBEB;
    border-bottom: 1px solid #DC0000;
    color: #000000;
    height: 87px;
}

.sub_contents-column ul
{background-color:#fdebeb;
	width:688px;
	margin:0 auto;
zoom:1;
padding-top:10px;
}
.sub_contents-column ul:after{
padding-top:10px;
		margin:0 auto;
    content: ""; 
    display: block; 
    clear: both;}
.sub_contents-column li{
float:left;
list-style:none;
padding-right:5px;}


.cd_menu1 a { 
display:block;
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu1.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}
.cd_menu1 a:hover {
background-position:left bottom;
}

.cd_menu1{background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu1.jpg) no-repeat left bottom;
width:167px;
height:67px;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; }

.cd_menu1_2 a{
background-position:left bottom;
}

.cd_menu1_2{background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu1.jpg) no-repeat left bottom;
width:167px;
height:67px;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; }

.cd_menu2 a { 
display:block;
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu2.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}
.cd_menu2 a:hover {
background-position:left bottom;
}

.cd_menu2{
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu2.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}

.cd_menu2_2 a{
background-position:left bottom;
}

.cd_menu2_2{
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu2.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}
.cd_menu3 a { 
display:block;
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu3.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}
.cd_menu3 a:hover {
background-position:left bottom;
}

.cd_menu3{ 
display:block;
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu3.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}

.cd_menu3_2 a:hover {
background-position:left bottom;
}

.cd_menu3_2{ 
display:block;
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu3.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}

.cd_menu4 a { 
display:block;
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu4.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}
.cd_menu4 a:hover {
background-position:left bottom;
}
.cd_menu4{ 
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu4.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}

.cd_menu4_2 a:hover {
background-position:left bottom;
}

.cd_menu4_2{ 
width:167px;
height:67px;
background:url(/oroshi/corporate/SaPbqNnH/images/cd_menu4.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none; 
}