@charset "utf-8";

/* ******************************************

    [ index ]

    01. Entry
    02. Comments
    03. Archive List
    
****************************************** */


/* ******************************************
    01. Entry
****************************************** */

#con01,
#con02,
#con03{
	width: 510px;
	margin-top: 16px;
	margin-left: 8px;
}
#con01 {
	background-image: url(../img/top/ecocute_lead.jpg);
	background-repeat: no-repeat;
	height: 220px;
}
#con02 h3{
background:url(../img/top/con02.gif) no-repeat;
text-indent:-9999px;
height:32px;
}
#con02 .spacer {
	margin: 12px 8px ;
}
#con03 h3{
background:url(../img/top/con03.gif) no-repeat;
text-indent:-9999px;
height:32px;
}

#con03 .con_title  {
	background-image: url(../img/top/con03.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 510px;
	left: -2px;
	top: -2px;
	position: relative;
}
#con03 .spacer  {
	margin: 12px 8px ;
}
div.nagare_img{
position:relative;
width:490px;
}
div.nagare_img img.midori_img{
position:absolute;
top:0px;
left:0px;
display:block;
} 
div.kuwashi_btn{
position:absolute;
width:152px;
top:410px;
right:10px;
}
div.kuwashi_btn p{
width:152px;
height:32px;
text-indent:-9999px;
}
div.kuwashi_btn p a{
background:url(../img/top/off.gif) no-repeat;
background-position:0px 0px; 
display:block;
width:100%;
height:100%;
}

div.kuwashi_btn p a:hover{
background:url(../img/top/off.gif) no-repeat;
background-position:0px 0px; 
display:block;
width:100%;
height:100%;
}

span.junbi_txt{
color:#ff0000;
}
#con03 .day {
	float: left;
	width: 80px;
}


#con04 .spacer {
	margin: 12px 8px ;
}
#con04 .con_title a,  
#con04 .con_title a:link,#con04 .con_title a:visited,#con04 .con_title a:active
   {
	color: #FFFFFF;
	text-decoration: underline;
}
#con04 .box .day {
	float: left;
	width: 80px;
}
dl.date {
	width:490px;
	 line-height:1.4;   
}
dl.date dt{
	width:80px;
	float:left;
	/*height:45px;*/
}
dl.date dd {
	width:410px;
	float:right;
	/*height:45px;*/
}
div.page_link{
}
.margin-T20{
margin-top:20px;
}

.h22-pamph {
position: absolute;
top: 480px;
left: 24px;
}

.h22-pamph p {
text-align: center;
}

.h22-pamph p a {
width: 463px;
height: 48px;
background: transparent url(../img/top/btn_h22_brochure.gif) 0 0 no-repeat;
text-indent: -9999px;
display: block;
}

.h22-pamph p a:hover {
background-position: 0 -48px;
}