@charset "shift_jis";
/* ============================================================
＠＠
ページフレーム（がわ）

※#suntory_contentsの内側のみのスタイル定義

%update / 2012.03.27

------------------
【目次】
------------------
▼page
▼suntory_contents
▼ContentWrap
▼HeaderArea
▼GlobalNavArea
▼ContentArea
▼TopicPathArea
▼ContentMainArea
▼ContentSubArea
▼FooterArea
============================================================ */

/* ------------------------------------------------------------
▼page
※#suntory_contentsの外側だが、例外
------------------------------------------------------------ */
body #suntoryCommonFooter {
	margin-top: 0;  /* 背景を敷くため、クリア */
}


/* ------------------------------------------------------------
▼suntory_contents
------------------------------------------------------------ */
body #suntory_contents {
	background: #fff;
	color: #333;
	/* 全体のフォントサイズ、フォントファミリーはinit.cssで設定 */
	line-height: 1.67;  /* 20px相当 */
	/* letter-spacing: 0.08em; */
}


/* ------------------------------------------------------------
▼ContentWrap
------------------------------------------------------------ */
#suntory_contents #ContentWrap {
	position: relative;
	background: #fff url(../img/cmn_bg_cwp_01.jpg) center top repeat-x;
	z-index: 100;
	min-width: 960px;
}

#suntory_contents #ContentWrap .cwpInnr01 {
	position: relative;
	background: url(../img/cmn_bg_cwp_02.jpg) center top no-repeat;
}


/* ------------------------------------------------------------
▼HeaderArea
------------------------------------------------------------ */
#suntory_contents #HeaderArea {
	position: relative;
	z-index: 1000;
}

#suntory_contents #HeaderArea .hdInnr01 {
	position: relative;
	margin: 0 auto;
	width: 890px;
	height: 58px;
}

/* ------------------
【HdLogo】
------------------ */
#suntory_contents #HdLogo {
	position: absolute;
	left: 10px; 
	top: 21px;
}

#suntory_contents #HdLogo a {
	display: block;
	background: url(../img/hd_logo_01.gif) left top no-repeat;
	text-indent: -9999px;
	outline: none;
	width: 358px;
	height: 30px;
}

/* ------------------
【HdLinkArea】
------------------ */
#suntory_contents #HdLinkArea {
	padding-top: 38px;
	text-align: right;
}

#suntory_contents #HdLinkArea li {
	display: inline-block;  /* ただしFirefox2は未対応 */
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 13px;
	height: 13px;
	vertical-align: top;
	zoom: 1;  /* for IE hasLayout true */
}
* html #suntory_contents #HdLinkArea li { display: inline; }  /* for IE6 */
*:first-child+html #suntory_contents #HdLinkArea li { display: inline; }  /* for IE7 */

#suntory_contents #HdLinkArea li img {
	vertical-align: top;
}


/* ------------------------------------------------------------
▼GlobalNavArea
------------------------------------------------------------ */
#suntory_contents #GlobalNavArea {
	position: relative;
	z-index: 1001;
}

#suntory_contents #GlobalNavArea .gnvInnr01 {
	position: relative;
	margin: 0 auto;
	width: 890px;
}
#suntory_contents .ctgcssOther #GlobalNavArea .gnvInnr01,
#suntory_contents .ctgcssTop #GlobalNavArea .gnvInnr01,
#suntory_contents .ctgcssIfg #GlobalNavArea .gnvInnr01 { height: 42px; }  /* 下層メニューなし */
#suntory_contents .ctgcssGarde #GlobalNavArea .gnvInnr01,
#suntory_contents .ctgcssHmgarde #GlobalNavArea .gnvInnr01 { height: 88px; }  /* 下層メニューあり */

#suntory_contents #GlobalNavArea ul {
	margin-right: -1px;  /* for IE6,7 add -1px */
	width: 891px;  /* for negative margin */
}

/* gnvItemLv2 */
#suntory_contents #GlobalNavArea li.gnvItemLv2 {
	display: inline-block;  /* ただしFirefox2は未対応 */
	height: 42px;
	vertical-align: top;
	zoom: 1;  /* for IE hasLayout true */
}
* html #suntory_contents #GlobalNavArea li.gnvItemLv2 { display: inline; width: 1px; }  /* for IE6 */
*:first-child+html #suntory_contents #GlobalNavArea li.gnvItemLv2 { display: inline; }  /* for IE7 */

#suntory_contents #GlobalNavArea li.gnvItemLv2 .gnvLv2Tit a {
	display: block;
	background-image: url(../img/gnv_nav_01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	height: 42px;
}

/* （#suntory_contents #GlobalNavArea li.gnvItemLv2）*/
#suntory_contents li#GnvTop,
#suntory_contents li#GnvTop .gnvLv2Tit a { width: 222px; }
#suntory_contents li#GnvTop .gnvLv2Tit a { background-position: 0 0; }
#suntory_contents li#GnvTop .gnvLv2Tit a:hover { background-position: 0 -50px; }
#suntory_contents .ctgcssTop li#GnvTop .gnvLv2Tit a { background-position: 0 -100px !important; cursor: pointer; }

#suntory_contents li#GnvGarde,
#suntory_contents li#GnvGarde .gnvLv2Tit a { width: 223px; }
#suntory_contents li#GnvGarde .gnvLv2Tit a { background-position: -222px 0; }
#suntory_contents li#GnvGarde .gnvLv2Tit a:hover { background-position: -222px -50px; }
#suntory_contents .ctgcssGarde li#GnvGarde .gnvLv2Tit a { background-position: -222px -100px !important; cursor: pointer; }

#suntory_contents li#GnvHmgarde,
#suntory_contents li#GnvHmgarde .gnvLv2Tit a { width: 222px; }
#suntory_contents li#GnvHmgarde .gnvLv2Tit a { background-position: -445px 0; }
#suntory_contents li#GnvHmgarde .gnvLv2Tit a:hover { background-position: -445px -50px; }
#suntory_contents .ctgcssHmgarde li#GnvHmgarde .gnvLv2Tit a { background-position: -445px -100px !important; cursor: pointer; }

#suntory_contents li#GnvIfg,
#suntory_contents li#GnvIfg .gnvLv2Tit a { width: 223px; }
#suntory_contents li#GnvIfg .gnvLv2Tit a { background-position: -667px 0; }
#suntory_contents li#GnvIfg .gnvLv2Tit a:hover { background-position: -667px -50px; }
#suntory_contents .ctgcssIfg li#GnvIfg .gnvLv2Tit a { background-position: -667px -100px !important; cursor: pointer; }
/* --- */
/* ------ */

/* gnvLv3Unit */
#suntory_contents #GlobalNavArea .gnvLv3Unit {
	display: none;
	position: absolute;
	left: 0;
	top: 42px;
	padding-top: 14px;
	background: url(../img/cmn_line_dot_01.gif) left bottom repeat-x;
	width: 890px;
	height: 32px;
	overflow: hidden;
}

#suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 {
	float: left;
	display: inline;  /* for IE6 */
	margin-right: 20px;
}

#suntory_contents .ctgcssGarde li#GnvGarde .gnvLv3Unit li#GnvLv3GardeLineup { margin-left: 48px; width: 200px; }   /* ガーデニング・園芸 */
#suntory_contents .ctgcssGarde li#GnvGarde .gnvLv3Unit li#GnvLv3GardeSearchshop { width: 187px; }
#suntory_contents .ctgcssGarde li#GnvGarde .gnvLv3Unit li#GnvLv3GardeHowto { width: 222px; }
#suntory_contents .ctgcssGarde li#GnvGarde .gnvLv3Unit li#GnvLv3GardeEnjoy { margin-right: 0; width: 153px; }

#suntory_contents .ctgcssHmgarde li#GnvHmgarde .gnvLv3Unit li#GnvLv3HmgardeLineup { margin-left: 48px; width: 200px; }   /* 家庭菜園 */
#suntory_contents .ctgcssHmgarde li#GnvHmgarde .gnvLv3Unit li#GnvLv3HmgardeSearchshop { width: 187px; }
#suntory_contents .ctgcssHmgarde li#GnvHmgarde .gnvLv3Unit li#GnvLv3HmgardeHowto { width: 222px; }
#suntory_contents .ctgcssHmgarde li#GnvHmgarde .gnvLv3Unit li#GnvLv3HmgardeRecipe { margin-right: 0; width: 153px; }

#suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 p {
	display: inline-block;  /* ただしFirefox2は未対応 */
	padding: 1px 6px 0 20px;
	background: url(../img/cmn_mrk_arrow_01.gif) 6px 6px no-repeat;
	vertical-align: top;
	zoom: 1;  /* for IE hasLayout true */
}
* html #suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 p { display: inline; }  /* for IE6 */
*:first-child+html #suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 p { display: inline; }  /* for IE7 */


/* （#suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3） */
#suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 a:link {}
#suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 a:visited { color: #927f35; }
#suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 a:hover,
#suntory_contents #GlobalNavArea .gnvLv3Unit li.gnvItemLv3 a:active {}

#suntory_contents #GlobalNavArea .gnvLv3Unit li.current {
}

#suntory_contents #GlobalNavArea .gnvLv3Unit li.current p {
	background-color: #927f35;
	background-image: url(../img/cmn_mrk_arrow_01_cr.gif);
}

#suntory_contents #GlobalNavArea .gnvLv3Unit li.current a:link,
#suntory_contents #GlobalNavArea .gnvLv3Unit li.current a:visited { color: #fff; }
#suntory_contents #GlobalNavArea .gnvLv3Unit li.current a:hover,
#suntory_contents #GlobalNavArea .gnvLv3Unit li.current a:active { color: #fff; text-decoration: none; }

#suntory_contents .ctgcssGarde li#GnvGarde .gnvLv3Unit,
#suntory_contents .ctgcssHmgarde li#GnvHmgarde .gnvLv3Unit { display: block; }
/* --- */
/* ------ */


/* ------------------------------------------------------------
▼ContentArea
------------------------------------------------------------ */
#suntory_contents #ContentArea {  /* = #ContentArea */
	position: relative;
	padding-top: 6px;
}

#suntory_contents #ContentArea .cntaInnr01 {
	position: relative;
	margin: 0 auto;
	width: 890px;
}

#suntory_contents #ContentArea .cntaInnr02 {
	position: relative;
	padding-bottom: 50px;
}


/* ------------------------------------------------------------
▼TopicPathArea
------------------------------------------------------------ */
#suntory_contents #TopicPathArea {
	margin-bottom: 6px;
}

#suntory_contents #TopicPathArea li {
	display: inline;
	zoom: 0;  /* for IE hasLayout false */
}

#suntory_contents #TopicPathArea li .tpSepa {  /* inner is blank text */
	display: inline-block;  /* ただしFirefox2は未対応 */
	padding: 0 10px;
	background: url(../img/cmn_sepa_topicpath_01.gif) 10px 4px no-repeat;
	width: 5px;  /* same bg image width */
	zoom: 1;  /* for IE hasLayout true */
}

#suntory_contents #TopicPathArea li.current {
}

#suntory_contents #TopicPathArea li.current strong {
	font-weight: normal;
}


/* ------------------------------------------------------------
▼ContentMainArea
------------------------------------------------------------ */
#suntory_contents #ContentMainArea {
	float: left;
	display: inline;  /* for IE6 */
	width: 643px;
}

#suntory_contents .layout1Col #ContentMainArea {  /* レイアウト：1カラム */
	width: 890px;
}

/* このファイルの肥大化を防ぐため、
コンテンツエリアのなかの共通モジュール（汎用モジュール以外でページフレーム（がわ）の定義に関係しないもの）は
content_mod.cssで定義 */


/* ------------------------------------------------------------
▼ContentSubArea
------------------------------------------------------------ */
#suntory_contents #ContentSubArea {
	float: right;
	display: inline;  /* for IE6 */
	width: 207px;
}

#suntory_contents .layout1Col #ContentSubArea {  /* レイアウト：1カラム */
	display: none;
}

#suntory_contents #ContentSubArea .sbcSectionM {
	margin-bottom: 20px;
}

#suntory_contents #ContentSubArea .sbcSectionS {
	margin-bottom: 10px;
}

/* ------------------
【sbcWaku01Unit】
------------------ */
#suntory_contents #ContentSubArea .sbcWaku01Unit {
	background: url(../img/sbc_bg_01.gif) left top repeat-y;
}

#suntory_contents #ContentSubArea .sbcWaku01Unit .sbcwkInnr01 {
	padding-bottom: 1px;
	background: url(../img/sbc_bg_01_btm.gif) left bottom no-repeat;
}

/* ------------------
【SubNavArea】
------------------ */
#suntory_contents #SubNavArea {
	margin-bottom: 20px;
	background: url(../img/sbc_bg_01.gif) left top repeat-y;
}

#suntory_contents #SubNavArea .sbnvInnr01 {
	padding-bottom: 1px;
	background: url(../img/sbc_bg_01_btm.gif) left bottom no-repeat;
}

/* <a> */
#suntory_contents #SubNavArea a:link {}
#suntory_contents #SubNavArea a:visited { color: #927f35; }
#suntory_contents #SubNavArea a:hover,
#suntory_contents #SubNavArea a:active {}
/* --- */

/* sbnvLv4Unit */
#suntory_contents #SubNavArea .sbnvLv4Unit {
}

#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4 {
	padding-bottom: 1px;
	background: url(../img/sbc_line_solid_01.gif) left bottom no-repeat;
}

#suntory_contents #SubNavArea .sbnvLv4Unit li.lastItem {  /* （#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4） */
	padding-bottom: 0;
	background: transparent;
}

#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvHasJoint {  /* （#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4） */
	padding-bottom: 6px;
	background: url(../img/sbc_line_solid_02.gif) left bottom no-repeat;
}

#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4 .sbnvLv4Tit {
	padding: 2px 3px;
}

#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4 .sbnvLv4Tit a {
	display: block;
	padding: 9px 5px 7px 23px;
	background: url(../img/cmn_mrk_arrow_01.gif) 8px 14px no-repeat;
	font-weight: bold;
	vertical-align: top;
	zoom: 1;  /* for IE hasLayout true */
}

#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4 .sbnvOtherItem .sbnvLv4Tit a {
	background: url(../img/cmn_mrk_arrow_02.gif) 12px 15px no-repeat;
	font-weight: normal;
}

/* （#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4 .sbnvLv4Tit a） */
#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4 .sbnvLv4Tit a:hover,
#suntory_contents #SubNavArea .sbnvLv4Unit li.sbnvItemLv4 .sbnvLv4Tit a:active{ background-color: #f2e5de; }
#suntory_contents #SubNavArea .sbnvLv4Unit li.current .sbnvLv4Tit a { background-color: #f2e5de; text-decoration: none; }
/* --- */
/* ------ */

/* sbnvLv5Unit */
#suntory_contents #SubNavArea .sbnvLv5Unit {
	margin-top: 0px;
	padding-top: 1px;
	background: url(../img/sbc_line_solid_01.gif) left top no-repeat;
}

#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5 {
	padding-bottom: 1px;
	background: url(../img/sbc_line_dot_01.gif) left bottom no-repeat;
}

#suntory_contents #SubNavArea .sbnvLv5Unit li.lastItem {  /* （#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5） */
	padding-bottom: 0;
	background: transparent;
}

#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5 p {
	padding: 2px 3px;
}

#suntory_contents #SubNavArea .sbnvLv5Unit li.lastItem p {  /* （#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5 p） */
	padding-bottom: 0;
}

#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5 p a {
	display: block;
	padding: 3px 5px 3px 35px;
	background: url(../img/sbnv_mrk_arrow_02.gif) 0 1px no-repeat;
	vertical-align: top;
	zoom: 1;  /* for IE hasLayout true */
}

/* （#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5 p a） */
#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5 p a:hover,
#suntory_contents #SubNavArea .sbnvLv5Unit li.sbnvItemLv5 p a:active{ background-image: url(../img/sbnv_mrk_arrow_02_on.gif); }
#suntory_contents #SubNavArea .sbnvLv5Unit li.current p a { background-image: url(../img/sbnv_mrk_arrow_02_on.gif); text-decoration: none; }
/* --- */
/* ------ */

/* ------------------
【SubBlogArea】
------------------ */
#suntory_contents #SubBlogArea {
}

#suntory_contents #SubBlogArea li.sbcItem {
	padding: 6px 11px 6px 11px;
	background: url(../img/sbc_line_dot_01.gif) left bottom no-repeat;
}

#suntory_contents #SubBlogArea li.lastItem {  /* （#suntory_contents #SubBlogArea li.sbcItem） */
	background: transparent;
}


/* ------------------------------------------------------------
▼FooterArea
------------------------------------------------------------ */
#suntory_contents #FooterArea {
	position: relative;
	z-index: 10;
}

#suntory_contents #FooterArea .ftInnr01 {
	position: relative;
	padding: 0;
	background: #967059 url(../img/ft_bg_01.gif) center top repeat-y;
}
#suntory_contents #FooterArea .ftInnr02 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 890px;
}

/* <a> */
#suntory_contents #FooterArea a:link { color: #fff; }
#suntory_contents #FooterArea a:visited { color: #fff; }
#suntory_contents #FooterArea a:hover,
#suntory_contents #FooterArea a:active { color: #fff; }
/* --- */

/* icon maker */
#suntory_contents #FooterArea .iconOtherWin {  /* inner is blank text */
	background-image: url(../img/ft_ico_otherwin_01.gif);
}
/* --- */

/* ------------------
【FtToPageTopArea】
------------------ */
#suntory_contents #FtToPageTopArea {
	position: relative;
	margin: 0 auto;
	width: 890px;
	height: 21px;
}

#suntory_contents #FtToPageTopArea .ftBtnPageTop {
	position: absolute;
	right: 0;
	top: 0;
}

#suntory_contents #FtToPageTopArea .ftBtnPageTop a {
	display: block;
	background: url(../img/ft_btn_pagetop_01.gif) left top no-repeat;
	text-indent: -9999px;
	outline: none;
	width: 107px;
	height: 21px;
}
#suntory_contents #FtToPageTopArea .ftBtnPageTop a:hover,
#suntory_contents #FtToPageTopArea .ftBtnPageTop a:active {
	background-image: url(../img/ft_btn_pagetop_01_on.gif);
}

/* ------------------
【FtLinkArea】
------------------ */
#suntory_contents #FtLinkArea {
	margin-left: 11px;
}

/* ftLinkItemLv3 */
#suntory_contents #FtLinkArea li.ftLinkItemLv3 {
	display: inline-block;  /* ただしFirefox2は未対応 */
	margin-right: 10px;
	padding-top: 20px;
	padding-bottom: 15px;
	vertical-align: top;
	zoom: 1;  /* for IE hasLayout true */
}
* html #suntory_contents #FtLinkArea li.ftLinkItemLv3 { display: inline; width: 1px; }  /* for IE6 */
*:first-child+html #suntory_contents #FtLinkArea li.ftLinkItemLv3 { display: inline; }  /* for IE7 */

/* （#FtLinkArea li.ftLinkItemLv3）*/
#suntory_contents #FtLinkArea li#FtLinkGarde { width: 212px; }
#suntory_contents #FtLinkArea li#FtLinkHmgarde { width: 212px; }
#suntory_contents #FtLinkArea li#FtLinkIfg { width: 212px; }
#suntory_contents #FtLinkArea li#FtLinkOther { margin-right: 0; width: 211px; }
/* --- */

#suntory_contents #FtLinkArea .ftLinkLv3Tit {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 14px;
	min-height: 14px;
}
/* ------ */

/* ftLinkOtherInnr01 */
#suntory_contents #FtLinkArea .ftLinkOtherInnr01 {
	padding-top: 20px;
}

#suntory_contents #FtLinkArea .ftLinkOtherInnr01 .ftLinkLv3Tit {
}
/* ------ */

/* ftLinkLv4Unit */
#suntory_contents #FtLinkArea .ftLinkLv4Unit {
}

#suntory_contents #FtLinkArea .ftLinkLv4Unit li.ftLinkItemLv4 {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../img/ft_mrk_arrow_01.gif) 0 6px no-repeat;
}
/* ------ */

/* ftLinkLv5Unit */
#suntory_contents #FtLinkArea .ftLinkLv5Unit {
	padding-top: 5px;
}

#suntory_contents #FtLinkArea .ftLinkLv5Unit li.ftLinkItemLv5 {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../img/ft_mrk_arrow_02.gif) 0 6px no-repeat;
}
/* ------ */