@charset "utf-8";

div#topContent{

}

	div#topContent div.planMenu{
		float:left;
		width:321px;
	}
		div#topContent div.planMenu p{

		}
		div#topContent div.planMenu p a{
			display:block;
			background:url(/public/img/top/topContentPlanMenu.jpg) left top;
			text-indent:-9999px;
			height:93px;
		}
		div#topContent div.planMenu p.BASICO a{
			background-position:left top;
		}
		div#topContent div.planMenu p.CETUS a{
			background-position:left -93px;
		}
		div#topContent div.planMenu p.AUGE a{
			background-position:left -186px;
		}
		div#topContent div.planMenu p.SAVOYEA a{
			background-position:left -279px;
		}
		div#topContent div.planMenu p.NORMA a{
			height:94px;
			background-position:left -372px;
		}
		div#topContent div.planMenu p a:hover{
			filter:alpha(opacity=50);
			opacity:0.5;
			-moz-opacity:0.5;
		}
		
	div#topContent div#PRarea{
		float:right;
		width:620px;
	}
		div#topContent div#PRarea p.PRimage{

		}
		div#topContent div#PRarea p.explain{
			background:#ffffcc;
			font-size:12px;
			padding:5px;
			margin-bottom:8px;
		}
		div#topContent div#PRarea p.explain strong{
			background:url(/public/img/top/PRareaExplainTitle.jpg) no-repeat left center;
			display:block;
			width:215px;
			height:24px;
			text-indent:-9999px;
		}
		div#topContent div#PRarea p.banner{
			
		}
		div#topContent div#PRarea p.banner a{
			background-image: url(/public/img/common/ex_presentCampaign.jpg);
			background-repeat: no-repeat;
			text-indent: -9999px;
			display: block;
			height: 88px;
			width: 620px;
			
		}
		div#topContent div#PRarea p a:hover{
			filter: alpha(opacity=50);
			opacity:0.5;
		}

div#container{
	margin-top:30px;
}
	div#container div#contents h2{
		background:url(/public/img/top/h2Bg.gif) right top repeat-x;
		height:24px;
		margin-bottom:18px;
		clear:both;
	}
	div#container div#contents h2 img{
		display:block;
	}
	div#container div#contents ul.pointOf8{
		width:756px;
		height:444px;
		margin-bottom:36px;
	}
		div#container div#contents ul.pointOf8 li{
			float:left;
		}
		div#container div#contents ul.pointOf8 li a{
			display:block;
			text-indent:-9999px;
			background-image:url(/public/img/top/contentsSuggests.jpg);
			background-repeat:no-repeat;
			width:189px;
			height:222px;
		}
		div#container div#contents ul.pointOf8 li a:hover{
			filter:alpha(opacity=50);
			opacity:0.5;
			-moz-opacity:0.5;
		}
		div#container div#contents ul.pointOf8 li.point1 a{
			background-position:left top;
		}
		div#container div#contents ul.pointOf8 li.point2 a{
			background-position:-189px top;
		}
		div#container div#contents ul.pointOf8 li.point3 a{
			background-position:-378px top;
		}
		div#container div#contents ul.pointOf8 li.point4 a{
			background-position:-567px top;
		}
		div#container div#contents ul.pointOf8 li.point5 a{
			background-position:left -222px;
		}
		div#container div#contents ul.pointOf8 li.point6 a{
			background-position:-189px  -222px;
		}
		div#container div#contents ul.pointOf8 li.point7 a{
			background-position:-378px  -222px;
		}
		div#container div#contents ul.pointOf8 li.point8 a{
			background-position:-567px  -222px;
		}
		
		div#container div#contents p.planMenu{
			float:left;
			margin-bottom:6px;
		}
		div#container div#contents p.planMenu a{
			display:block;
			text-indent:-9999px;
			background:url(/public/img/top/contentsPlanMenu.jpg) no-repeat left top;
			width:375px;
			height:120px;
		}
		div#container div#contents p.BASICO,div#container div#contents p.CETUS,div#container div#contents p.NORMA {
			margin-right:6px;
		}
		div#container div#contents p.BASICO a{
			background-position:left top;
		}
		div#container div#contents p.AUGE a{
			background-position:right top;
		}
		div#container div#contents p.CETUS a{
			background-position:left -120px;
		}
		div#container div#contents p.SAVOYEA a{
			background-position:right -120px;
		}
		div#container div#contents p.NORMA a{
			background-position:left -240px;
		}
		div#container div#contents p.freePlan a{
			background-position:right -240px;
		}
		div#container div#contents p a:hover{
			filter:alpha(opacity=50);
			opacity:0.5;
		}
		div#container div#contents p.SIMPLEST{
			clear:both;
		}
		div#container div#contents p.SIMPLEST a{
			display:block;
			text-indent:-9999px;
			background:url(/public/img/img_top/contentsPlanMenuSIMPLEST.jpg);
			width:756px;
			height:120px;
		}
		div#container div#contents p.SIMPLEST a:hover{
			background-position:left bottom;
		}
		
	div#container div#contents p#reformGarden{
	width:756px;
	height:244px;
	}
	div#container div#contents p#reformGarden a{
	background:url(/public/img/top/gardenReform.jpg) no-repeat left top;
	width:756px;
	height:246px;
	text-indent:-9999px;
	display: block;
	font-size: 0px;
	}
	
	div#container div#contents div#information{
		background-color:#f6f6f6;
		height:370px;
		margin-bottom:12px;
		position:relative;
	}
	div#container div#contents div#information div.floatLeft{
		width:500px;
		margin-left:12px;
		_margin-left:6px;
		margin-top:9px;
	}
		div#container div#contents div#information h3{
			margin-bottom:6px;
		}
		div#container div#contents div#information ul.headLine{
			border-bottom:3px solid #cdcdcd;
			padding-bottom:4px;
			margin-bottom:3px;
		}
			div#container div#contents div#information ul.headLine li{
				margin-bottom:6px;
				margin-left:6px;
			}
			div#container div#contents div#information ul.headLine li a{
				font-size:12px;
				color:#333;
				text-decoration:none;
			}
			div#container div#contents div#information ul.headLine li a:hover{
				color:#999;
			}
			div#container div#contents div#information ul.headLine li span.date{
				margin-right:6px;
			}
			div#container div#contents div#information ul.headLine li span.title{
			
			}
		div#container div#contents div#information div.wrap{
			position:absolute;
			width:500px;
			height:175px;
			left:12px;
			top:190px;
		}
		div#container div#contents div#information div.wrap *{
			position:relative;
		}
		div#container div#contents div#information ul.makerLink{
			margin-top:4px auto;
			background:url(/public/img/top/contentsInformationMakerlinkBg.gif) no-repeat left top;
			height:68px;
			padding-left:170px;
			padding-top:2px;
			margin-bottom:4px;
			_padding-left:159px;
		}
			div#container div#contents div#information ul.makerLink li{
				float:left;
				margin:1px 5px;
			}
			div#container div#contents div#information ul.makerLink li a{
				display:block;
				width:56px;
				height:14px;
				font-size:10px;
				text-align:center;
				text-decoration:none;
			}
			div#container div#contents div#information ul.makerLink li a:hover{
				filter:alpha(opacity=50);
				opacity:0.5;
			}
			div#container div#contents div#information ul.makerLink li a img{
				display:block;
			}
		div#container div#contents div#information p.echoes{
			clear:both;
			float:left;
		}
		div#container div#contents div#information p.echoes a{
			background:url(/public/img/img_top/contentsInformationEchoes.jpg) no-repeat left top;
			display:block;
			text-indent:-9999px;
			width:248px;
			height:90px;
		}
		div#container div#contents div#information p.echoes a:hover{
			background-position:left bottom;
		}
		div#container div#contents div#information p.team-6{
			float:right;
		}
		div#container div#contents div#information p.team-6 a{
			background:url(/public/img/common/team-6.jpg) left top no-repeat;
			display:block;
			text-indent:-9999px;
			width:500px;
			height:90px;
		}
		div#container div#contents div#information p.team-6 a:hover{
			background-position:left bottom;
		}
		
	div#container div#contents div#information div.floatRight{
		background:url(/public/img/img_top/contentsInformationRightBg.gif) no-repeat center top;
		width:210px;
		height:340px;
		margin-right:11px;
		_margin-right:5px;
		margin-top:15px;
		text-align:center;
	}
		div#container div#contents div#information div.floatRight h3{
			background:url(/public/img/top/contentsInformationH302.gif) no-repeat center top;
			width:180px;
			height:28px;
			margin:12px auto;
			padding-bottom:6px;
			text-indent:-9999px;
			border-bottom:1px solid #ccc;
		}
		div#container div#contents div#information p.pmark{
			background:url(/public/img/top/contentsInformationPmark.gif) no-repeat left top;
			border-bottom:1px dotted #ccc;
			width:180px;
			height:57px;
			margin:6px auto;
		}
		div#container div#contents div#information p.pmark a{
			margin-left:60px;
			display:block;
			font-size:10px;
			text-decoration:none;
			color:#666;
		}
		div#container div#contents div#information  div.secom{
			font-size:9px;
			text-align:left;
			border-bottom:1px dotted #ccc;
			padding-bottom:6px;
			margin:12px auto;
			position:relative;
			height:90px;
		}
			div#container div#contents div#information  div.secom p.symbol{
				position:absolute;
				left:15px;
				top:3px;
			}
			div#container div#contents div#information  div.secom p.context{
				position:absolute;
				right:3px;
				top:3px;
				width:126px;
				font-size:10px;
			}
			div#container div#contents div#information  div.secom p{
				margin:0 !important;
			}
		div#container div#contents div#information p.jadma{
			width:180px;
			margin:6px auto;
			border-bottom:1px dotted #ccc;
		}
		div#container div#contents div#information p.jadma a{
			display:block;
			text-indent:-9999px;
			background:url(/public/img/top/contentsInformationJadma.gif) center top no-repeat;
			height:48px;
		}
		div#container div#contents div#information p.dreamCatch{
			width:180px;
			margin:6px auto;
			height:45px;
		}
		div#container div#contents div#information p.dreamCatch a{
			display:block;
			text-indent:-9999px;
			background:url(/public/img/top/contentsInformationDreamCatch.gif) center center no-repeat;
			height:38px;
		}