@charset "Shift_JIS";

/* 10SS追加
============================================================ */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* 共通 */
ul li a span {display:none;}
p.whatsNew {
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	color:#3f0000;
	line-height:1.8em;
	letter-spacing:0.1em;
	border-bottom:1px solid #3f0000;
}
div#bgcolor {background-color:#fff9f6;}

/* 上書き */
body {background-color:#fff;}
body#top {background-color:#fff;}
body#gtop {text-align:center;}
#top_flame {line-height:normal;}
#toppage_area {
	width:800px;
	margin:0 auto;
	text-align:left;
}
div.contents_box {width:535px;}
div.lineup_contents img {display:block;}
#photo-border {border:none;}

/* ガーデニング部分のメイン画像 */

/*#topImageArea{background:url(https://www.suntory.co.jp/flower/img/next_main/t_hananiidea.jpg) top left no-repeat; width:760px;}*/
#Aw_ImageArea{background:url(https://www.suntory.co.jp/flower/gardening/img/aw_main/t_hananiidea.jpg) top left no-repeat; width:760px;}
#Ss_ImageArea{background:url(https://www.suntory.co.jp/flower/gardening/img/aw_main/t_hananiidea.jpg) top left no-repeat; width:760px;}
/*  本番公開時用
#Aw_ImageArea{background:url(https://www.suntory.co.jp/flower/img/aw_main/t_hananiidea.jpg) top left no-repeat; width:760px;}
#Ss_ImageArea{background:url(https://www.suntory.co.jp/flower/img/aw_main/t_hananiidea.jpg) top left no-repeat; width:760px;}*/

/* トップメニュー */
ul#topMenu {
	margin:0;
	padding:0;
	border:1px solid #c7c7c7;
	list-style:none;
	background-color:#fff;
	font-size:0px;/* Opera用fix */
}
ul#topMenu li {
	float:left;
	width:126px;
	height:29px;
	margin-right:1px;
	background-image:url(../img/top/top_menu.jpg);
}
ul#topMenu li a {
	display:block;
	width:126px;
	height:23px;
	margin:3px 0;
	background-image:url(../img/top/top_menu.jpg);
}
ul#topMenu li a:hover {background-image:none;}
ul#topMenu li#topMenu0 { width:157px; margin-right:3px; background-position:-1px -34px; }
ul#topMenu li#topMenu0 span { display:none; }
ul#topMenu li#topMenu1 { background-position:-161px -34px;}
ul#topMenu li#topMenu1 a { background-position:-161px -4px;}
ul#topMenu li#topMenu2 { background-position:-288px -34px;}
ul#topMenu li#topMenu2 a { background-position:-288px -4px;}
ul#topMenu li#topMenu3 { width:127px; background-position:-415px -34px; }
ul#topMenu li#topMenu3 a { width:127px; background-position:-415px -4px; }
ul#topMenu li#topMenu4 {background-position:-543px -34px;}
ul#topMenu li#topMenu4 a {background-position:-543px -4px;}
ul#topMenu li#topMenu5 { margin-right:3px; background-position:-670px -34px; }
* html ul#topMenu li#topMenu5 {display:inline;}
ul#topMenu li#topMenu5 a {background-position:-670px -4px;}

/* 総合トップ
==================================== */
/* メイン画像 */
div#mainImg {margin:10px 0;}
div#mainImg a img {border:none;}


/* メインメニュー */
ul#mainMenu {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	font-size:0px;/* Opera用fix */
}
ul#mainMenu li {
	float:left;
	height:150px;
	background-image:url(../img/top/main_menu.jpg);
}
ul#mainMenu li a {
	display:block;
	width:265px;
	height:150px;
}
ul#mainMenu li a:hover {background-image:url(../img/top/main_menu.jpg);}
ul#mainMenu li#mainMenu0 {
	width:268px;
	background-position:left top;
}
ul#mainMenu li#mainMenu0 a:hover {
	width:266px;
	background-position:left bottom;
}
ul#mainMenu li#mainMenu1 {
	width:267px;
	background-position:-268px top;
}
ul#mainMenu li#mainMenu1 a:hover {background-position:-268px bottom;}
ul#mainMenu li#mainMenu2 {
	width:265px;
	background-position:right top;
}
ul#mainMenu li#mainMenu2 a:hover {background-position:right bottom;}

/* What's New */
div#whatsNew {float:left;}
div#textArea {
	width:595px;
	height:120px;
	overflow:auto;
	line-height:1.3em;
}

/* サイドメニュー */
ul#sideMenu {
	float:left;
	width:193px;
	margin:0 0 0 12px;
	padding:0;
	list-style:none;
}
ul#sideMenu li {
	width:193px;
	height:52px;
	margin-bottom:3px;
	background-image:url(../img/top/side_menu.jpg);
}
ul#sideMenu li a {
	display:block;
	width:193px;
	height:52px;
}
ul#sideMenu li a:hover { background-image:url(../img/top/side_menu.jpg); }
ul#sideMenu li#sideMenu0 { background-position:left top; }
ul#sideMenu li#sideMenu0 a:hover { background-position:right top; }
ul#sideMenu li#sideMenu1 { background-position:left -55px; }
ul#sideMenu li#sideMenu1 a:hover { background-position:right -55px; }
ul#sideMenu li#sideMenu2 { background-position:left -110px; }
ul#sideMenu li#sideMenu2 a:hover { background-position:right -110px; }
ul#sideMenu li#sideMenu3 { margin-bottom:0; background-position:left -165px; }
ul#sideMenu li#sideMenu3 a:hover { background-position:right -165px; }

/* ガーデニングトップ
==================================== */
/* サブメニュー */
ul#subMenu { margin:0; padding:0; list-style:none; font-size:0px;/* Opera用fix */ }
ul#subMenu li { float:left; height:23px; background-image:url(../gardening/img/top/sub_menu.jpg); }
ul#subMenu li a { display:block; height:21px; margin-top:2px; margin-left:1px; background-image:url(../gardening/img/top/sub_menu.jpg); }
ul#subMenu li a:hover { background-image:none; }

ul#subMenu li#subMenu0 { width:158px; background-position:left bottom; }
ul#subMenu li#subMenu0 a { width:156px; margin-left:2px; background-position:-2px -2px; }

ul#subMenu li#subMenu1 { width:121px; background-position:-158px bottom; }
ul#subMenu li#subMenu1 a { /*width:188px;*/ width:121px; background-position:-158px -2px; }
ul#subMenu li#subMenu1 span { display:none; }

ul#subMenu li#subMenu2 { /*width:189px;*/ width:115px; background-position:-279px bottom; }
ul#subMenu li#subMenu2 a { /*width:188px;*/ width:114px; background-position:-280px -2px; }

ul#subMenu li#subMenu3 { width:70px; /*background-position:-469px bottom;*/ background-position:-394px bottom; }
ul#subMenu li#subMenu3 a { width:67px; /*background-position:-469px -2px;*/ background-position:-395px -2px; }

/* コンテンツ枠 */
div.contents {margin:10px 0 0 17px;}
div#flashMenu {
	width:760px;
	padding:0 7px 0 0;
	background-image:url(../img/main/back_side_s.gif);
	background-position:right;
	background-repeat:repeat-y;
}
* html div#flashMenu {width:767px;}
div.menuArea {
	width:740px;
	padding:0 7px 0 20px;
	background-color:#ffded9;
	background-image:url(../img/main/back_side_s.gif);
	background-position:right;
	background-repeat:repeat-y;
}
* html div.menuArea {width:767px;}

/* ガーデニングメインメニュー */
ul#gardeningMenu {
	margin:0;
	padding:10px 0;
	list-style:none;
	font-size:0px;/* Opera用fix */
}
ul#gardeningMenu li {
	float:left;
	height:87px;
	background-image:url(../gardening/img/top/gardening_main_menu.jpg);
}
ul#gardeningMenu li a {
	display:block;
	width:176px;
	height:83px;
	background-image:url(../gardening/img/top/gardening_main_menu.jpg);
}
ul#gardeningMenu li a:hover {background-image:none;}
ul#gardeningMenu li#gardeningMenu0 {
	width:177px;
	background-position:left bottom;
}
ul#gardeningMenu li#gardeningMenu0 a {
	margin-left:1px;
	background-position:-1px top;
}
ul#gardeningMenu li#gardeningMenu1 {
	width:181px;
	background-position:-177px bottom;
}
ul#gardeningMenu li#gardeningMenu1 a {
	margin-left:5px;
	background-position:-182px top;
}
ul#gardeningMenu li#gardeningMenu2 {
	width:182px;
	background-position:-360px bottom;
}
ul#gardeningMenu li#gardeningMenu2 a {
	margin-left:6px;
	background-position:-366px top;
}
ul#gardeningMenu li#gardeningMenu3 {
	width:181px;
	background-position:-542px bottom;
}
ul#gardeningMenu li#gardeningMenu3 a {
	margin-left:5px;
	background-position:-547px top;
}



/* ガーデニングセカンドメニュー */
ul#secondMenu { margin:0 0 20px 0; padding:0; list-style:none; font-size:0px;/* Opera用fix */ }
ul#secondMenu li { float:left; height:72px; background-image:url(../gardening/img/top/gardening_second_menu_20111003.jpg); }
ul#secondMenu li a { display:block; height:72px; background-image:url(../gardening/img/top/gardening_second_menu_20111003.jpg); }
ul#secondMenu li a:hover { background-image:none; }

ul#secondMenu li#secondMenu0 { width:316px; background-position:left bottom; }
ul#secondMenu li#secondMenu0 a { background-position:left top; }

ul#secondMenu li#secondMenu1 { width:301px; margin-left:5px; background-position:-321px bottom; }
ul#secondMenu li#secondMenu1 a { background-position:-321px top; }

ul#secondMenu li#secondMenu2 { width:95px; margin-left:5px; background-position:-626px bottom; }
ul#secondMenu li#secondMenu2 a { background-position:-626px top; }



/* What's New */
div#whatsNew2 {
	width:703px;
	padding:10px 0 14px 18px;
	background-color:#fff;
}
* html div#whatsNew2 {width:721px;}
div#whatsNew2 p.whatsNew {width:683px;}
div#whatsNew2 div {
	overflow:auto;
	width:683px;
	height:120px;
}
div#whatsNew2 table {
	width:650px;
	font-size:12px;
	line-height:1.3em;
	color:#333;
}
div#whatsNew2 table img {
	margin:3px 0;
}

/* Flash注意書き */
p.notice {
	text-align:center;
	font-size:10px;
}

/* フッタ */
div#gardeningFooter {
	width:760px;
	margin:25px 0 0 -20px;
	padding:12px 0;
	text-align:center;
	background-color:#fabeb4;
}

/* ガーデニングトップ セカンド以降
==================================== */
/* トップメニュー セカンド以降用fix */
div#topMenuBox {
	width:800px;
	height:31px;
	margin-bottom:20px;
	/*background-image:url(../img/top/top_menu.jpg);
	background-repeat:no-repeat;*/
}
div#topMenuBox ul#topMenu li#topMenu0 a {background-image:none;}
/* div#topMenuBox ul#topMenu li#topMenu5 {width:126px;} */

/* 春夏ラインアップ
==================================== */
div.contents_box p {
	line-height:1.6;
	color:#5f5f5f;
}
div.contents_box img {border:none;}
div.contents_box p span {color:#f483a5;}
div.lineup_box_area div.box {
	width:155px;
	margin-right:34px;
	/*height:200px; */
}
div.lineup_box_area div.box div.text {
	width:155px;
	text-align:left;
}
div.lineup_box_area div.box div.text span {color:#f483a5; font-size:11px;}
div.lineup_box_area div.last {margin-right:0;}

/* 共通　*/
.boxarea{padding-bottom:5px; clear:both;}
.titleabar{ padding-top:15px; padding-bottom:15px;}

.tableWrapArea{clear:both; padding-bottom:15px;}
.box1Line{width:540px; margin:0 auto 0 auto;}
.boxLeft{ width:266px; height:110px; float:left; display:inline; margin-left:22px;}
.boxRight{ width:266px; height:110px; float:left; display:inline; margin-left:8px;}
table.tborder{border-collapse:collapse; margin:0; padding:0;}
table.tborder td{border:solid #66A860 1px; font-size:87%; padding:3px 8px 3px 8px; }
/* 個別
==================================== */
/* 左メニューなし */
div#spring-contents-nomenu {
	width:750px;
	margin-right:5px;
	text-align:center;
	background-color:#fff;
}

/* 関連情報　共通 */
td#fnavi, td#onlineshop, td#grow, td#simulation, td#contest, td#gallery {
	background-image:url(../gardening/spring/img/common/button_relation.gif);
	background-repeat:no-repeat;
}
td#fnavi a, td#onlineshop a, td#grow a, td#simulation a, td#contest a, td#gallery a{
	display:block;
	background-image:url(../gardening/spring/img/common/button_relation.gif);
	background-repeat:no-repeat;
}
td#fnavi a span, td#onlineshop a span, td#grow a span, td#simulation a span, td#contest a span, td#gallery a span {
	display:none;
}

/* 関連情報　上段 */
td#fnavi {
	width:158px;
	height:52px;
	background-position:left -97px;
}
td#fnavi a {
	width:156px;
	height:44px;
	margin:0 2px 8px 0;
	background-position:left top;
}
td#fnavi a:hover {background:none;}
td#onlineshop {
	width:158px;
	height:52px;
	background-position:-158px -97px;
}
td#onlineshop a {
	width:156px;
	height:44px;
	margin:0 2px 8px 0;
	background-position:-158px top;
}
td#onlineshop a:hover {background:none;}
td#grow {
	width:154px;
	height:52px;
	background-position:-318px -97px;
}
td#grow a {
	width:154px;
	height:44px;
	margin:0 0 8px 0;
	background-position:-318px top;
}
td#grow a:hover {background:none;}

/* 関連情報　下段 */
td#simulation {
	width:138px;
	height:43px;
	background-position:-28px -149px;
}
td#simulation a {
	display:block;
	width:136px;
	height:43px;
	margin:0 2px 0 0;
	background-position:-28px -52px;
}
td#simulation a:hover {background:none;}
td#contest {
	width:138px;
	height:43px;
	background-position:-166px -149px;
}
td#contest a {
	display:block;
	width:136px;
	height:43px;
	margin:0 2px 0 0;
	background-position:-166px -52px;
}
td#contest a:hover {background:none;}
td#gallery {
	width:136px;
	height:43px;
	background-position:-304px -149px;
}
td#gallery a {
	display:block;
	width:136px;
	height:43px;
	background-position:-304px -52px;
}
td#gallery a:hover {background:none;}

/* 寄せ植えシリーズ
==================================== */
p.yoseue01 {
	margin:20px 0 0 30px;
	font-size:18px;
	color:#4b4b4b;
}
p.yoseue01 span {font-size:24px;}
p.yoseue01 span span {color:#f00;}
p.yoseue02 {
	margin:10px 0 20px 30px;
	font-size:12px;
	line-height:1.6;
	color:#4b4b4b;
}
p.yoseue03 {
	margin:7px 0;
	font-size:12px;
	line-height:1.4;
	color:#9c76a9;
}
p.yoseue03 span {
	font-size:18px;
	color:#7e4293;
}
p.yoseue04 {
	margin:0;
	font-size:11px;
	color:#797979;
}
p.yoseue05 {
	margin:7px 0;
	font-size:12px;
	line-height:1.4;
	color:#a95700;
}
p.yoseue05 span {
	font-size:18px;
	color:#8f6e0b;
}
p.yoseue06 {
	margin:7px 0;
	font-size:12px;
	line-height:1.4;
	color:#27729a;
}
p.yoseue06 span {
	font-size:18px;
	color:#125a7f;
}
table.yoseue07 {
	font-size:10px;
	color:#5b5b5b;
}
table.yoseue07 td {
	text-align:center;
}
table.yoseue07 td.rtext {
	text-align:right;
}

/* アズーロコンパクト アレンジ
==================================== */
div.azzuroc-ca {padding:10px 0 20px 0;}
div.azzuroc-ca h1 {
	margin:0 0 10px 0;
	padding:0;
}
div.azzuroc-ca p {
	margin:10px 0;
	line-height:1.4;
}
div.azzuroc-ca table {margin:0 auto;}
div.azzuroc-ca td.col1 {
	padding-top:10px;
	vertical-align:top;
}
div.azzuroc-ca td.col1 p {
	font-size:11px;
	color:#413d3b;
}
div.azzuroc-ca td.col1 span {
	font-size:10px;
	font-weight:bold;
	color:#24221d;
}
div.azzuroc-ca div.line {margin:20px 0}
div.azzuroc-ca div.point {
	width:654px;
	margin:20px auto;
	border:3px solid #b2af7e;
	background-color:#ffffea;
}
div.azzuroc-ca div.point h2 {margin:20px 0 0 0;}
div.azzuroc-ca div.point table {margin:20px auto;}
div.azzuroc-ca div.point table p {
	font-size:10px;
	color:#585858;
}



/* 2011SS 追加
----------------------------------- */
/* リンクバナー */
ul#linkBanner { margin:0 0 20px 0; padding:0; list-style:none; font-size:0px;/* Opera用fix */ }
ul#linkBanner li { float:left; width:397px; height:81px; background-image:url(../img/top/link_banner_20120201.jpg); }
ul#linkBanner li a { display:block; height:81px; }
ul#linkBanner li a:hover { background-image:url(../img/top/link_banner_20120201.jpg); }
ul#linkBanner li#linkBanner0 { width:398px; background-position:left top; }
ul#linkBanner li#linkBanner1 { width:398px; background-position:-402px top; margin:0 0 0 4px; }
ul#linkBanner li#linkBanner0 a:hover { background-position:left bottom; }
ul#linkBanner li#linkBanner1 a:hover { background-position:-402px bottom; }



ul#linkBanner2 { margin:0 0 5px 0; padding:0; list-style:none; font-size:0px;/* Opera用fix */ }
ul#linkBanner2 li { float:left; width:397px; height:81px; background-image:url(../img/top/link_banner2.jpg); }
ul#linkBanner2 li a { display:block; width:397px; height:81px; }
ul#linkBanner2 li a:hover { background-image:url(../img/top/link_banner2.jpg); }
ul#linkBanner2 li#linkBanner0 { background-position:left top; }
ul#linkBanner2 li#linkBanner1 { background-position:-402px top; margin:0 0 0 5px; }
ul#linkBanner2 li#linkBanner0 a:hover { background-position:left bottom; }
ul#linkBanner2 li#linkBanner1 a:hover { background-position:-402px bottom; }



/* Margin */
.mrgB20 { margin-bottom:20px; }


/* 201103 earthquake
----------------------------------- */
#text_information { margin:15px 0 0 0; }
#text_information p { margin:5px 0; padding:5px 0; }
#text_information p.head { font-weight:bold; font-size:14px; border-bottom:1px solid #000; }