@charset "utf-8";
/* CSS Document */

/* container
---------------------------------------------------------------------------------------- */
#container .menu{
	margin:0px 0px -26px 0px;
	float:right;
	width:160px;
	height:26px;
}

#container .menu a{
	display:block;
	background: url(../images/bt1hover.gif);
}

#container .menu a:hover{
	background-image:transparent;
	height:26px;
}

#container .menu a:hover img{
	visibility:hidden;
}

/* 共通
---------------------------------------------------------------------------------------- */
#container ul.menu2{
padding:0 0 30px 0;
}

#container ul.menu2 li,#container ul.menu2 li a{
display:block;
float:left;
}

#container ul.menu2 li.bt01{
background: url(../images/btn_garden1hvr.gif);
margin:0 10px 0 0;
}


#container ul.menu2 li.bt02{
background: url(../images/btn_garden2hvr.gif);
margin:0 10px 0 0;
}

#container ul.menu2 li.bt03{
background: url(../images/btn_garden3hvr.gif);
margin:0 10px 0 0;
}

#container ul.menu2 li.bt04{
background: url(../images/btn_garden4hvr.gif);
}

#container ul.menu2 li a:hover{
background-image:transparent;
height:26px;
}

#container ul.menu2 li a:hover img{
visibility:hidden;
}




/* ガーデンチョイスとは
---------------------------------------------------------------------------------------- */
#container p.copy{
margin:0 0 20px 0;
}

#container img.point{
margin: 0 0 20px 0;
}




/* 商品ラインナップ
---------------------------------------------------------------------------------------- */
#container ul.lineup ul{
	margin:0px 0px 0px 0px;
}

#container ul.lineup li{
float:left;
background:url(../images/arrow02.gif) no-repeat left;
padding-left:15px;
margin:0 15px 20px 0;
}

#container h3{
	border-left: 2px solid #2E527A;
	padding:5px 0px 5px 10px;
	background:#F2F2F2;
	margin:30px 0px 20px 0px;
	font-weight:bold;
	height:30px;
}

#container h3 span{
	width:540px;
	float:left;
	font-size:140%;
	color:#2E527A;
	display:block;
}

#container h3 span small{
font-size:80%;
font-weight:normal;
}

#container h3 img{
	margin:10px 0px 0px 0px;
}

#container .color{
padding:0 0 10px 0;
_padding:0 0 0px 0;
margin:0 0 10px 0;
border-bottom:dotted 1px #666666;
}

#container h4{
background:url(../images/arrow03.gif) no-repeat left;
padding-left:15px;
margin:0 0 10px 0;
}

#container .color .Left{
float:left;
}

#container .color .Right{
float:right;
}

#container h5{
font-size:140%;
font-weight:bold;
margin:0 0 10px 0;
}

#container p.copy02{
margin:0 0 10px 0;
}

#container .img{

}

#container .img img{
margin:0 0 20px 0;
}

#container .img .Left{
float:left;
}

#container .img .Right{
float:right;
}

#container img.img01{
margin:0 40px 0 0;
}

#container img.img02{
margin:-15px 0 0 0;
}

#container .jushuLeft{
width:320px;
float:left;
text-align:center;
border-bottom:1px dotted #666666;
margin:0 0 30px 0;
height:600px;
}

#container .jushuLeft02{
margin:0 0 0 0;
}

#container .jushuRight{
width:320px;
float:right;
text-align:center;
border-bottom:1px dotted #666666;
margin:0 0 30px 0;
height:600px;
}


#container .jushuRight02{
margin:0 0 0 0;
}


#container .jushuLeft h4,#container .jushuRight h4{
background:url(../images/arrow03.gif) no-repeat left center;
padding:0 0 5px 15px;
margin:0 0 10px 0;
border-bottom:1px dotted #666666;
text-align:left;
}

#container .jushuRight h4.none{
background:none;
}

#container .jushuRight img.img01{
margin:0 0 250px 0;
}

#container .jushuRight img.img02{
margin:0 0 0 0;
}


#container dl{
width:283px;
margin:0px auto;
}

#container dt{
margin:0 0 5px 0;
}

#container dd{
margin:0 0 20px 0;
clear:both;
}

#container dd p.Left{
width:140px;
float:left;
text-align:left;
}

#container dd p.Right{
width:140px;
float:right;
text-align:right;
}

#container p.copy02{
font-size:80%;
text-align:left;
clear:both;
margin: 0 0 20px 0;
}



/* 「ガーデンチョイス」の流れ
---------------------------------------------------------------------------------------- */
#container table.nagare{
border-collapse:collapse;
width:670px;
margin:0 0 20px 0;
}

#container table.nagare th,#container table.nagare td{
padding:5px 5px;
border:1px solid #cccccc;
}

#container table.nagare th{
background:#2E527A;
color:#FFFFFF;
text-align:center;
}

#container table.nagare td{
text-align:left;
}

#container table.nagare td.width01{
width:90px;
}


#container table.nagare th.arrow{
background:#FFFFFF ;
}