@charset "utf-8";


/* 
header
----------------------------------------------- */

#header h1 {
	float:left;
	text-align:left;
	padding:5px 0 0;
}

* html #header h1 {
	padding:20px 0 0;
}

*:first-child+html #header h1 {
	padding:20px 0 0;
}


#header ul	{
	text-align: right;
	margin-top:5px;
}

* html #header ul	{
	text-align: right;
	margin-top:5px;
}

*:first-child+html #header ul	{
	text-align: right;
	margin-top:5px;
}

#header ul li	{
	display: inline;
	margin-left:2px;
}
#header ul li a{
     color:#666;
	 text-align:right;
	 padding-left:15px;
	 background:url(../img/arrow_right.jpg) no-repeat left 0;
}
#header ul li a:link,#header ul li a:visited{
     color:#666;
}
#header ul li a:hover,#header ul li a:active{
     color:#666;
	 text-decoration:underline;
}

#head{
	text-align:left;
	font-size:11px;
	position:absolute;
	left: 560px;
	top:2px;

}
* html #head{
	text-align:left;
	font-size:11px;
	position:absolute;
	left: 565px;
	top: 22px;
}

*:first-child+html #head{
	text-align:left;
	font-size:11px;
	position:absolute;
	left: 570px;
	top: 22px;
}

#head ul{
	float:left;

}
#head ul li	{
	display: inline;
	margin-left:2px;
}
#head ul li a{
     color:#666;
	 text-align:right;
	 padding-left:5px;
	 background:url(../img//glue_footer.gif) no-repeat left 5px;
}
#head ul li a:link,#head ul li a:visited{
     color:#666;
}
#head ul li a:hover,#head ul li a:active{
     color:#666;
	 text-decoration:underline;
}

#searchform {   
	margin:20px 0 0 655px;
   
}  

* html #searchform {   
	margin:20px 25px 0 0;   
}  

*:first-child+html #searchform {   
	margin:20px 0 0 724px;
}  

#cse-search-box{
	margin:20px 0 0 0;
   
}

* html #cse-search-box{
	margin:10px 25px 0 0;   
   
}

*:first-child+html #cse-search-box{
	margin:10px 0 0 0;
}


#q {   
    width:160px;
    height:16px;
    padding:5px 100px 0 0;
	margin:6px 0 0 73px;
	position:relative;
}   

* html #q {   
	width:150px;   
    height:16px;
    padding:0 100px 0 26px;
	margin:0;
	position:relative;
	left:445px;
	top:0;
}   

*:first-child+html #q {   
    width: 160px;
    height:16px;
    padding:0 100px 0 26px;
	margin:0;
	position:relative;
}   

#sa {   
    top:6px;
	position:absolute;
	margin:0;
	border:1px solid #ff6600;   
    left:892px;
}   

* html #sa {   
    top:6px;
	position:absolute;
	margin:20px 0 0;
	border:1px solid #ff6600;   
	left:892px;
}   

*:first-child+html #sa {   
    top:6px;
	position:absolute;
	margin:20px 0 0;
	border:1px solid #ff6600;   
    left:890px;	   
}   


/*
 globalNavi Style
------------------------------------------------- */  
#mainNavi{
	margin:-15px 0 0 0;
	padding:0;
	width: 945px;
	height:46px;
	display:block;
	position:relative;
}

* html #mainNavi{
	padding:0;
	margin:0;
}

*:first-child+html #mainNavi{
	margin:0;
	padding:-39px 0 0;
	width: 945px;
	display:block;
	position:relative;
}

#mainNavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#mainNavi li{
  text-indent: -9999px;
  float:left;
  width:135px;
  margin:0;
  padding:1px 0 0;
}

* html #mainNavi li{
  padding:1px 0 0;
}

*:first-child+html #mainNavi li{
  padding:1px 0 0;
}

#mainNavi a{
  display: block;
  width: 100%;
  height:46px;
  background-image: url(../img/main_navi02.jpg);
  background-repeat: no-repeat;
}

#gmenu1 a{background-position: 0 0;}
#gmenu2 a{background-position: -135px 0;}
#gmenu3 a{background-position: -270px 0;}
#gmenu4 a{background-position: -405px 0;}
#gmenu5 a{background-position: -540px 0;}
#gmenu6 a{background-position: -675px 0;}
#gmenu7 a{background-position: -810px 0;}

#mainNavi a:hover{
  background-image: url(../img/main_navi02.jpg);
  background-repeat: no-repeat;
}

#gmenu1 a:hover{background-position: 0 -46px;}
#gmenu2 a:hover{background-position: -135px -46px;}
#gmenu3 a:hover{background-position: -270px -46px;}
#gmenu4 a:hover{background-position: -405px -46px;}
#gmenu5 a:hover{background-position: -540px -46px;}
#gmenu6 a:hover{background-position: -675px -46px;}
#gmenu7 a:hover{background-position: -810px -46px;}


/* add display:inline to floated elements */
#mainNavi li {display:inline;}

/* add zoom:1 to pos:relative elements */
#mainNavi {zoom:1;}

/*
JS
----------------------------------------------- */

#slider {   
    height:418px;
    position: relative;
	background:#FFF;
	text-align:center;
	padding:10px 0 0 0;

}   

* html #slider {   
    height:418px;
    position: relative;
	background:#FFF;
	text-align:center;

}   

*:first-child+html #slider {   
    height:418px;
    position: relative;
	background:#FFF;
	text-align:center;

}   

#slider #sliderContent {   
    width:945px;   
    position: absolute;   
    top:0;   
    background: url(../img/bg_img.gif) repeat;   
    padding:0;
	text-align:center;

}   
#sliderContent li   {   
    position:relative;   
    display:none;   
    color: #fff;   
}  
#slider #sliderContent li span  {   
    width:945px;
    position: absolute;   
    padding:0 15px;   
    background: url(../img/bg.png) repeat;   
    display: none;   
}   

/*
ニュース＆トピ
-------------------------------------------------------------------*/

div#info  {   
    width:635px;
	height:auto;   
    background: url(../img/news_bottom01test.gif) no-repeat bottom;
    padding-bottom:10px;   
    margin-bottom: 5px;
	overflow:hidden;
	float:left;  
}   
div#info .mid   {   
    padding: 0 10px;
	overflow:hidden;     
}  


div#info h2{
	margin:0;
	padding:0;
	width:635px;
	float:left;
	text-align:left;
	position:relative;

}

div#info dl{
    background: url(../img/news_mid01test.gif) repeat-y;   
	margin:0;
	padding:12px 0 5px 0;
	width:635px;
	float:left;
	text-decoration:none;


}
div#info dt{
    margin:0;
	padding:0 0 0 25px;
	font-size:12px;
	color: #666666;
	text-decoration:none;
	line-height:2.2em;
	float: left;
	text-align:left;
	background:url(../img/icon_arrow.gif) no-repeat 10px 7px;
}
div#info dd{
	margin:0;
	padding:0 0 0 135px;
	font-size:12px;
	color: #3366cc;
	text-align: left;
	line-height:2.2em;
	text-decoration:none;
	background:url(../img/aicon_arr.gif) no-repeat 110px 5px;

}
div#info dd a:link, div#info dd a:visited{
	font-size:12px;
	color: #3366cc;
	border-bottom:1px #ccc dotted;
}
div#info dd a:hover, div#info dd a:active{
	font-size:12px;
	color: #3366cc;
	text-decoration:1px solid #3366cc;
}


/* add display:inline to floated elements */
div#info,
div#info h2,
div#info dl,
div#info dt {display:inline;}

/* add zoom:1 to overflow:hidden */
div#info,
div#info .mid {zoom:1;}

/* fix negative margins */
div#info h2 {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
div#info h2 {zoom:1;}



/*今日のガーデン
-------------------------------------------------------------------*/
div.gardenMenu  {   
    width:635px;
	height:auto;   
    background: url(../img/news_bottom01test.gif) no-repeat bottom left;
    padding-bottom:10px;
	_padding-left:0;
	_padding-right:0;   
    margin-bottom: 5px;
	overflow:hidden;   
}   
div.gardenMenu h2   {   
    padding:0 10px 10px 0;   
    margin: 0 -10px 0;   
}   
div.gardenMenu .mid    {   
    background: url(../img/news_mid01test.gif) repeat-y;   
    padding: 0 10px;
	overflow:hidden;   
   
}  
.gardenBox{
   width:297px;
   height:100px;
   float:left;
   margin:0;
   padding:10px 0 0 10px;
   overflow:hidden;
   display:block;
   background:url(../img/to_back01.jpg) no-repeat center;
 
}
.gardenPhoto{
    margin:5px 10px 10px;
	padding:2px;
	float:left;
	display:inline;
	border:1px solid #ccc;
	
}
.gardenText{
	margin:0;
    padding:5px 0 5px 18px;
	width:170px;
	font-size:12px;
	float:left;
	color:#3366cc;
    display: inline-block;   
	overflow:hidden;
	line-height:1.5em;
	background:url(../img/aicon_arr.gif) no-repeat left 8px;
}
.gardenText a:link, .gardenText a:visited{
    color:#3366cc;
	border-bottom:1px solid #3366cc;
}
.gardenText a:hover, .gardenText a:active{
    color:#3366cc;
	border-bottom:1px solid #3366cc;
}

.gardenTextsub{
	margin:0;
	padding:0 10px 5px 0;
	width:170px;
	height:50px;
	font-size:11px;
	float:left;
	line-height:1.5em;
	display:inline;
	overflow:hidden;
}


/* add display:inline to floated elements */
.gardenBox,
.gardenPhoto,
.gardenText,
.gardenTextsub {display:inline;}

/* add zoom:1 to overflow:hidden */
div.gardenMenu,
div.gardenMenu .mid,
.gardenBox,
.gardenText,
.gardenTextsub {zoom:1;}

/* fix negative margins */
div.gardenMenu h2 {position:relative; zoom:1;}


/*
トピックス
-------------------------------------------------------------------*/
div.itmeBox{
   width:193px;
   height:198px;
   float:left;
   background:url(../img/topic001.jpg) no-repeat;
   margin:5px 0 0 5px;
   padding:0 2px 3px 5px;
}
div.itemPhoto{
    margin:0;
	padding:10px 5px 5px 5px;
	width:175px;
	font-size:13px;
	color: #3366cc;
	font-weight:bold;
	text-decoration:none;
	line-height:1.8em;
	float: left;
	text-align:left;
}
div.itemTit{
    margin:0;
	padding:5px 5px 5px 0;
	width:175px;
	text-decoration:none;
	line-height:1.8em;
	float: left;
}


div.itemsub{
	margin:0;
	padding:5px 10px 5px 20px;
	width:155px;
	float:left;
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	font-weight:normal;
	text-decoration:none;
	color:#3366cc;
	background:url(../img/aicon_arr.gif) no-repeat 0 7px;
}
div.itemsub a:link, 
div.itemsub a:visited{
	color:#3366cc;
}
div.itemsub a:hover, 
div.itemsub a:hover {
	color:#3366cc;
}


/* add display:inline to floated elements */
div.itmeBox,
div.itemPhoto,
div.itemTit,
div.itemsub {display:inline;}


/*
目的別でさがす
-------------------------------------------------------------------*/
div.searchMenu  {   
    width:635px;
	height:240px;   
    background: url(../img/news_bottom01test.gif) no-repeat left bottom ;
    padding-bottom:5px;   
    margin-bottom: 5px;
	overflow:hidden;   
}

div.searchMenu h2   {   
    padding:0 10px 10px 0;   
    margin: 0 -10px 0;   
}

div.searchMenu .mid    {   
    background: url(../img/news_mid01test.gif) repeat-y;   
    padding: 0 10px;
	height:240px;
	overflow:hidden;   
   
}  

div.searchBox{
   width:142px;
   height:160px;
   float:left;
   background:url(../img/seach_back.jpg) no-repeat;
   margin:5px 0 0 5px;
   padding:0 1px 5px 5px;
}

* html div.searchBox{
   width:142px;
   height:160px;
   float:left;
   background:url(../img/seach_back.jpg) no-repeat;
   margin:5px 0 0 5px;
   padding:0 2px 5px 5px;
}

*:first-child+html div.searchBox{
   width:142px;
   height:160px;
   float:left;
   background:url(../img/seach_back.jpg) no-repeat;
   margin:5px 0 0 5px;
   padding:0 2px 5px 5px;
}


div.searchPhoto{
    margin:0;
	padding:5px 5px 5px 0;
	width:130px;
	height:auto;

	color: #3366cc;
	font-weight:bold;
	text-decoration:none;
	line-height:1.8em;
	float: left;
	text-align:left;
}
div.searchTit{
    margin:0;
	padding:5px 5px 0 0;
	width:120px;
	text-decoration:none;
	line-height:1.5em;
	float:left;
	font-size:14px;
	color:#669900;
}


div.searchsub a{
	margin:0;
	padding:5px 6px 0 0;
	width:130px;
	float:left;
	text-align:left;
	font-size:10px;
	line-height:1.2em;
	font-weight:normal;
	text-decoration:none;
	color:#666;
	background:none;
}

* html div.searchsub a{
	margin:0;
	padding:0 6px 0 0;
	width:130px;
	float:left;
	text-align:left;
	font-size:10px;
	line-height:1.2em;
	font-weight:normal;
	text-decoration:none;
	color:#666;
	background:none;
}

*:first-child+html div.searchsub a{
	margin:0;
	padding:0 6px 0 0;
}


div.itemsub a:link, div.itemsub a:visited, div.itemsub a:hover{
	color:#3366cc;
	text-decoration:underline;
	background-color:none;
}


/* add display:inline to floated elements */
div.searchBox,
div.searchPhoto,
div.searchTit,
div.searchsub a {display:inline;}

/* add zoom:1 to overflow:hidden */
div.searchMenu,
div.searchMenu .mid {zoom:1;}

/* fix negative margins */
div.searchMenu h2 {position:relative; zoom:1;}




/*右側サブメニュー
-------------------------------------------------------------------*/
div#subBack{
    background:#eaf2ac;
	width:250px;
	height:2000px;
	margin:-3px 0 0;
	padding:15px 0 20px 0;
}
div.submenu  {   
    width:250px;
	height:auto;
	float:left;   
    background: url(../img/rightbot.jpg) no-repeat  center bottom;
    padding-bottom:10px;   
    margin-bottom: 5px;
	overflow:hidden;   
}   
div.submenu h2   {   
    padding:0 0 10px 0;   
    margin:0;
	text-align:center;   
}   
div.submenu .mid    {   
    background: url(../img/rightmid.jpg) repeat-y center;   
    padding:0 0 10px 0;
	width:250px;
	overflow:hidden;   
   
}  


/* add display:inline to floated elements */
div.submenu {display:inline;}

/* add zoom:1 to overflow:hidden */
div.submenu,
div.submenu .mid {zoom:1;}

/* fix negative margins */
div#subBack {position:relative; zoom:1;}



/*右側サブメニュー画像
-------------------------------------------------------------------*/
div#subnavi{
   width:195px;
   position:relative;
}

div#subnavi ul{
	margin:0;
	padding:0;
}

div#subnavi ul li{
    list-style-type:none;
	margin:0;
	padding:0;

}
div#subnavi ul li a{
	display: block;
	width:165px;
	height:35px;
	padding:0 0 0 30px;
	margin:0 0 0 28px;
	color: #666666;
	line-height:2.8em;


}
div#subnavi ul li a:link, 
div#subnavi ul li a:visited{
	text-decoration: none;
	color: #666666;
	background:url(../img/subnavi.jpg);
}

div#subnavi ul li a:hover, 
div#subnavi ul li a:active{
	text-decoration: underline;
	color: #336600;
	background:url(../img/subnavi01.jpg);
}


/* add zoom:1 to pos:relative elements */
div#subnavi {zoom:1;}



/* 
リンクバナー
--------------------------------------------------- */

#linkBanner {
	float: left;
	width:250px;
	height:auto;
	margin-top:15px;
	background: #eaf2ac;
	overflow:hidden;
}

#linkBanner ul {
	margin-left: 15px;
	font-size: 0;
	line-height: 0;
	text-align:center;
}

#linkBanner ul li {
	float: left;
	padding-bottom: 10px;
}

#linkBanner ul li img {
	border: 1px solid #b8d943;
}

#linkBanner ul li a:focus img,
#linkBanner ul li a:hover img {
	border: 1px solid #84a63c;
}



/* add display:inline to floated elements */
#linkBanner,
#linkBanner ul li {display:inline;}

/* add zoom:1 to overflow:hidden */
#linkBanner {zoom:1;}



/*フッター
------------------------------------------------------ */

#footer div {
	width:935px;
	margin: 0 auto;
	padding-top: 30px;
	background: url(../img/logo.jpg) no-repeat 642px 30px;
	_background: url(../img/logo.jpg) no-repeat 662px 30px;

}

#footer div ul {
	width:945px;
}

#footer div ul li {
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	background: url(../img/glue_footer.gif) no-repeat left center;
}

#footer div ul li.home {
	padding-left: 0;
	background: none;
}

#footer div ul a {
	color: #3E3D37;
}

#footer div ul a:hover {
	background: none;
	text-decoration: underline;
}

#footer div p {
	clear: both;
	float:left;
	line-height:2.0em;
}


/* add display:inline to floated elements */
#footer div ul li,
#footer div p {display:inline;}