@charset "utf-8";
/* ------------------------- TOC 
recipe
sharch


---------------------------- */


/* ============================== javascript style */
.disnon {
	display: none;
}


/* ============================== browser reset */
body {
	margin: 0;
	text-align: center;
}
img {
	vertical-align: bottom;	
}


/* ============================== css huck */
/* .msie7 .contents-leed .search-block input.input-submit,
.msie8 .contents-leed .search-block input.input-submit {
	margin-right: 0;
} */


/* ============================== link color */
#suntory_contents a,
#suntory_contents a:link {
	color:#be0000; 
}
#suntory_contents a:vlink {
	color:#d39926;
}
#suntory_contents a:hover {
	color:#d39926;
}
#suntory_contents a:visited {
	color:#FF9933;
}
#suntory_contents a:active {
	color:#FF9933;
}

/* ============================== recipe top */
/* #tag-line {
	background: #bf6d1a url(../img/bg_tag_line.gif) repeat-x 0 0;
	zoom: 1;
	margin-bottom: 10px;
}
#tag-line .inner {
	width: 960px;
	margin: 0 auto 0;
	zoom: 1;
	padding: 5px 0 7px;
}
.inn-column {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 5px;	
}
.inn-column p.logo {
	display: block;
	wdth: 280px;
	float: left;	
}
.inn-column .search-block {
	width: 306px;
	text-align: right;
	float: right;
	padding-top: 6px;
	overflow: hidden;
	zoom: 1;
}
.inn-column .search-block input,
.inn-column .search-block label {
	float: left;
	vertical-align: middle;
}
.inn-column .search-block input.input-submit {
	background:url(../img/bg_sharch01.gif) no-repeat 0 0;
	padding: 10px 62px 10px 10px;
	width: 212px;
	height: 34px;
	border: none;
	color: #999;
	margin: 0 7px 0 0;
	display: block;
	zoom: 1;
	position: relative;
}
.inn-column .search-block input.input-label {
	text-indent:-9999px;
	background:url(../img/btn_sharch01.gif) no-repeat 0 0;
	width: 85px;
	height: 34px;
	display: block;
	border: 0;
	cursor: pointer;
}
.inn-column .search-block input.input-label:hover {
	background-image: url(../img/btn_sharch01_active.gif);
}
#tag-line .topic-path {
	overflow: hidden;
	zoom: 1;
}
#tag-line .topic-path li {
	float: left;
	font-size: 75%;
	padding: 0 20px 0 0;
	color: #FFF;
	background:url(../img/arrow_ic01.gif) no-repeat 95% 0.3em;
}
#tag-line .topic-path li.last {
	background: none;	
}
#tag-line .topic-path li a {
	color: #ffff33;		
} */
#container {
	width: 960px;
	margin: 0 auto 20px;
	overflow: hidden;
	zoom: 1;
}
#contents-section {
	width: 680px;
	float: left;
}
#contents-section .main_view {
	margin-bottom: 10px;
	position: relative;
}
#contents-section .main_view img {
	font-size: 0;
	line-height: 0;	
}
#contents-section .main_view .socialbutton_suntory {
	position: absolute;
	right: 0;
	bottom: 0;
}	
#contents-section .bg-section {
	background:url(../img/bg_section_radius_hd01.gif) no-repeat left top;
	padding-top: 7px;
	zoom: 1;
	margin-bottom: 15px;
}
#contents-section .bg-section .inner {
	background:url(../img/bg_section_radius_ct01.gif) no-repeat left bottom;
	padding: 0 20px 20px 20px;
	zoom: 1;
	position: relative;
}
#contents-section .bg-section .search-ttl {
	padding-left: 0;
	position:static;
}
#contents-section .bg-section .search-ttl .text-right {
	right: 20px;
	top: 5px;
}
#contents-section .bg-section .category-block {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;	
}
.bg-section .category-block ul.category-pt01,
.bg-section .category-block ul.category-pt02 {
	margin-bottom: 0;
}
.bg-section .category-block ul.category-pt02 {
	width: 106px;
	padding-right: 5px;
	line-height: 1.5;
}
#aside {
	width: 258px;
	float: right;
}
#aside .movie-block {
	margin-bottom: 10px;
}
#aside .movie-block h3 {
	border-bottom: 1px dotted #4bacdd;
	padding-bottom: 1px;
}
#aside .movie-block .inner {
	background:url(../img/bg_aside_radius01.gif) no-repeat left bottom;
	padding: 0 0 8px;
	zoom: 1;
}
.movie-block .thmb-column {
	border-bottom: 1px dotted #f3678e;
	padding: 3px 1px 3px 1px;
	overflow: hidden;
	zoom: 1;
	text-align: left;
}
.movie-block .thmb-column a {
	display: block;	
}
.movie-block .fir-thmb {
  padding-top: 10px;	
}
.movie-block .thmb-column .imageLeft {
	float: left;
	margin: 0 7px 0 7px;
	font-size: 0;
	line-height: 0;
}
.movie-block .thmb-column .imageLeft:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.movie-block .thmb-column .text_unit {
	padding-right: 5px;		
}
.movie-block .thmb-column .text_unit,
.movie-block .thmb-column .text_unit dl,
.movie-block .thmb-column .text_unit dl dd {
	overflow: hidden;
	zoom: 1;
}	
.movie-block .thmb-column .text_unit dl dt {
	float: left;
	color: #333333;
}
.movie-block .thmb-column .text_unit dl dt,
.movie-block .thmb-column .text_unit dl dd {
	font-size: 83%;
}	
.movie-block .thmb-column .text_unit dl dd a {
	color: #be0000;	
}
#aside .banner_unit li {
	font-size: 0;
	line-height: 0;
	padding-bottom: 10px;
}	


/* ============================== sharch */
.contents-leed {
  padding-top: 10px;
  margin-bottom: 20px;
}
.contents-leed .leed-ttl {
	padding-bottom: 25px;
	font-size: 0;
	line-height: 0;
	text-align: left;
}
.contents-leed .search-block {
	padding-top: 6px;
	overflow: hidden;
	zoom: 1;
	padding-left: 20px;
}
.contents-leed .search-block input,
.contents-leed .search-block label {
	float: left;
	vertical-align: middle;
}
.contents-leed .search-block input.input-submit {
	background:url(../img/bg_sharch02.gif) no-repeat 0 0;
	width: 338px;
	height: 34px;
	/* padding: 10px 0 10px 10px;  */
	border: none;
	color: #999;
	/* margin: 0 7px 0 0; */
	display: block;
	overflow: hidden;
	zoom: 1;
}
.contents-leed .search-block input.input-label {
	text-indent:-9999px;
	background:url(../img/btn_sharch01.gif) no-repeat 0 0;
	width: 85px;
	height: 34px;
	display: block;
	border: 0;
	cursor: pointer;
	margin-left: 7px;
}
.contents-leed .search-block input.input-label:hover {
	background-image: url(../img/btn_sharch01_active.gif);	
}
.anchor_list {
	overflow: hidden;
	zoom: 1;	
	border-bottom: 1px solid #d8d8d8;
	padding-left: 15px;
	margin-bottom: 24px;	
}
.anchor_list li {
	float: left;
	margin-right: 5px;
}
.anchor_list li span {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 160px;
	height: 39px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	zoom: 1;
}
.anchor_list li span.tb01 {
	background-image:url(../img/tab_kiy_defailt.gif);
}
.anchor_list li span.tb02 {
	background-image:url(../img/tab_rec_defailt.gif);
}
.anchor_list li span.tb03 {
	background-image:url(../img/tab_fru_defailt.gif);
}
.anchor_list li span.tb04 {
	background-image:url(../img/tab_blo_defailt.gif);
}
.anchor_list .select span.tb01 {
	background-image:url(../img/tab_kiy_active.gif);
}
.anchor_list .select span.tb02 {
	background-image:url(../img/tab_rec_active.gif);
}
.anchor_list .select span.tb03 {
	background-image:url(../img/tab_fru_active.gif);
}
.anchor_list .select span.tb04 {
	background-image:url(../img/tab_blo_active.gif);
}
.search-ttl {
	padding: 0 0 5px 25px;
	position: relative;
	text-align: left;
}
.search-ttl .text-right {
	position: absolute;
	right: 10px;
	top: 0;	
}
.search-ttl .sharch-leed {
	color: #333;
	font-weight: normal;
}
.search-ttl .sharch-leed span {
	font-weight: bold;
	font-size: 150%;	
}
.search-ttl .leed-ttl {
	color: #333;
	font-weight: bold;
	font-size: 150%;
}
.search-ttl p.sub-leed {
	color: #333;
	font-size: 91%;	
}
.search-ttl .inner {
	overflow: hidden;
	zoom: 1;			
}
.search-ttl .inner p.txt {
	width: 60%;
	float: left;
	text-align: left;
	color :#333;
}
.search-ttl .inner p.page-nation {
	width: 39%;
	float: right;
	text-align: right;
	color: #ccc;
	font-size: 83%;
	margin-right: 20px;
}
.search-ttl .inner p.page-nation span {
	padding-left: 10px;	
}
ul.tab-link {
	overflow: hidden;
	zoom: 1;
	line-height: 1.2;
	text-align: center;
}
ul.tab-link li {
	/* float: left; */
	display: inline;
	font-size: 91%;
	border-right: 1px solid #333;
}
ul.tab-link li.last {
	border-right: none;
}
ul.tab-link li a {
	color: #be0000;
	padding: 0 5px;
}	
/* キーワードで探す */
.result-block {
	padding: 0 20px 0;
	margin-bottom: 15px;
	border-bottom: 1px dotted #3399cc;
	text-align: left;
}
.result-block .left-col {
	overflow: hidden;
	zoom: 1;
	min-height: 175px;
	padding: 15px 12px;
	border-top: 1px dotted #3399cc;
	position: relative;
}
.result-block .left-col .image {
	float: left;
	margin-right: 14px;	
}
.result-block .left-col .text-unit {
	overflow: hidden;
	zoom: 1;
}
.result-block .left-col .text-unit .ct-ttl {
	font-weight: bold;
	font-size: 141%;
	color: #be0000;
	padding-bottom: 5px;
}
.result-block .left-col .text-unit p.path {
	padding-bottom: 5px;	
}
.result-block .left-col .text-unit p.path a {
	font-size: 75%;
	text-decoration: none;
}
#suntory_contents .result-block .left-col .text-unit p.path a,
#suntory_contents .result-block .left-col .text-unit p.path a:link {
	color: #3399cc;	
}
#suntory_contents .result-block .left-col .text-unit p.path a:vlink {
	color:#d39926;
}
#suntory_contents .result-block .left-col .text-unit p.path a:hover {
	color:#d39926;
}
/* #suntory_contents .result-block .left-col .text-unit p.path a:visited {
	color:#FF9933;
} */
#suntory_contents .result-block .left-col .text-unit p.path a:active {
	color:#FF9933;
}
.result-block .left-col .text-unit p.linl-txt a {
	color: #cc0000;
	font-size: 83%;
	text-decoration: none;
}
.result-block .left-col .text-unit p.linl-txt a em {
	padding-right: 10px;
}
.result-block .left-col .text-unit p.text-right {
	text-align: right;
	color: #333;
	position: absolute;
	bottom: 5px;
	right: 0;
}
.result-block .left-col .text-unit p.text-right em {
	/* color: #cc0000; */
	font-style:normal;
}
#suntory_contents .result-block .left-col .text-unit p.text-right a {
	color: #cc0000;
	text-decoration: none;	
}
#suntory_contents .result-block .left-col .text-unit p.text-right a:link {
	color: #cc0000;
}
#suntory_contents .result-block .left-col .text-unit p.text-right a:vlink {
	color:#d39926;
}
#suntory_contents .result-block .left-col .text-unit p.text-right a:hover {
	color:#d39926;
}
/* #suntory_contents .result-block .left-col .text-unit p.text-right a:visited {
	color:#FF9933;
} */
#suntory_contents .result-block .left-col .text-unit p.text-right a:active {
	color:#FF9933;
}
/* ページネーション */
#page-nation {
	width: 210px;
	margin: 0 auto 10px;
	position: relative;
}
#page-nation .prev,
#page-nation .next {
	position: absolute;
	top: 10px;	
}
#page-nation .prev {
	left: 0;
}
#page-nation .next {
	right: 0;
}
#page-nation .prev a {
	background-image:url(../img/page_nav_prev.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 18px;
	height: 25px;
	text-indent:-9999px;
	zoom: 1;	
}
#page-nation .prev .disabled {
	background-image:url(../img/page_nav_prev_disabled.gif);
}
#page-nation .next a {
	background-image:url(../img/page_nav_next.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 18px;
	height: 25px;
	text-indent:-9999px;
	zoom: 1;	
}
#page-nation .next .disabled {
	background-image:url(../img/page_nav_next_disabled.gif);
}


#page-nation ul.page-li {
	overflow: hidden;
	zoom: 1;
	margin-left: 30px;
}
#page-nation ul.page-li li {
	float: left;
	margin-right: 2px;
	width: 29px;
	height: 31px;
}
#page-nation ul.page-li li a {
	display: block;
	background:url(../img/bg_page_defailt.gif) no-repeat left center;
	zoom: 1;
	padding: 6px 10px;
	font-size: 83%;
	color: #1681b2;
	text-decoration: none;
}
#page-nation ul.page-li li.active a {
	background-image: url(../img/bg_page_active.gif);
	zoom: 1;
}
#page-nation dl.page-text {
	text-align: center;	
}
#page-nation dl.page-text dt,
#page-nation dl.page-text dd {
	display: inline;
	color: #333;
	font-size: 83%;	
}
#page-nation dl.page-text dt {
	margin-right: 10px;	
}
/* 基本のレシピで探す */
.contents-inner .category-block,
.contents-inner .category-block .inner {
	background-repeat: repeat-x;
	background-position: 0 0;
}
.contents-inner .category-block {
	padding-top: 5px;
	background-position: left top;
	margin: 0 20px 40px;
	overflow: hidden;
	zoom: 1;
}
.contents-inner .category-block .inner {
	padding-bottom: 5px;
	background-position: left bottom;
}
.contents-inner .bg01,
.contents-inner .bg01 .inner {
	background-image:url(../img/bg_line_tp02.gif);
	zoom: 1;
}
.contents-inner .bg02,
.contents-inner .bg02 .inner {
	background-image:url(../img/bg_line_tp01.gif);
	zoom: 1;
}
.contents-inner .bg03,
.contents-inner .bg03 .inner {
	background-image:url(../img/bg_line_tp03.gif);
	zoom: 1;
}
.category-block .inner {
	overflow: hidden;
	zoom: 1;
	text-align: left;
}
.category-block ul.category-pt01 {
	margin: 20px 0 15px;
	overflow: hidden;
	zoom: 1;
}
.category-block ul.category-pt01 li {
	float: left;
	zoom: 1;
	text-align: center;
	/* margin: 0 10px 10px 0; */
	margin: 0 9px 10px 0;
}
.category-block ul.category-pt01 li a {
	width: 119px;
	padding: 52px 0 7px;	
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* .category-block ul.category-pt01 li.jam {
	margin-right: 0;	
} */
.category-block ul.category-pt01 li.ume a {
	background-image:url(../img/bg_ume_off.png);
}
.category-block ul.category-pt01 li.orange a {
	background-image:url(../img/bg_orange_off.png);
}
.category-block ul.category-pt01 li.apple a {
	background-image:url(../img/bg_apple_off.png);
}
.category-block ul.category-pt01 li.pineapple a {
	background-image:url(../img/bg_pineapple_off.png);
}
.category-block ul.category-pt01 li.mango a {
	background-image:url(../img/bg_mango_off.png);
}
.category-block ul.category-pt01 li.jam a {
	background-image:url(../img/bg_jam_off.png);
}
.category-block ul.category-pt01 li.lemon a {
	background-image:url(../img/bg_lemon_off.png);
}
.category-block ul.category-pt01 li.strawberry a {
	background-image:url(../img/bg_strawberry_off.png);
}
.category-block ul.category-pt01 li.tomato a {
	background-image:url(../img/bg_tomato_off.png);
}
.category-block ul.category-pt01 li.grapefruit  {
	background-image:url(../img/bg_grapefruit_off.png);
}
/* hover */
.category-block ul.category-pt01 li.ume a:hover {
	background-image:url(../img/bg_ume_on.png);
}
.category-block ul.category-pt01 li.orange a:hover {
	background-image:url(../img/bg_orange_on.png);
}
.category-block ul.category-pt01 li.apple a:hover {
	background-image:url(../img/bg_apple_on.png);
}
.category-block ul.category-pt01 li.pineapple a:hover {
	background-image:url(../img/bg_pineapple_on.png);
}
.category-block ul.category-pt01 li.mango a:hover {
	background-image:url(../img/bg_mango_on.png);
}
.category-block ul.category-pt01 li.jam a:hover {
	background-image:url(../img/bg_jam_on.png);
}
.category-block ul.category-pt01 li.lemon a:hover {
	background-image:url(../img/bg_lemon_on.png);
}
.category-block ul.category-pt01 li.strawberry a:hover {
	background-image:url(../img/bg_strawberry_on.png);
}
.category-block ul.category-pt01 li.tomato a:hover {
	background-image:url(../img/bg_tomato_on.png);
}
.category-block ul.category-pt01 li.grapefruit a:hover {
	background-image:url(../img/bg_grapefruit_on.png);
}
.category-block ul.category-pt01 li a {
	/* color: #be0000; */
	font-size: 83%;
}
.category-block ul.category-pt02 {
	margin: 10px 0 0 0;
	padding: 0 0 25px 17px;
	color: #333;
	width: 108px;
	float: left;
	text-align: left;
	zoom: 1;
	list-style-type:disc;
}
.category-block ul.category-pt02 li a {
	/* color:#be0000; */
	font-size: 83%;
}
.category-block ul.category-pt03 {
	margin: 15px 0 20px;
	overflow: hidden;
	zoom: 1;	
}
.category-block ul.category-pt03 li {
	float: left;
	width: 160px;	
}