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

    [ index ]

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


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

h2 {
	background-image: url(../img/top/ecocute_lead.jpg);
	height: 220px;
}
#con02  h3 {
	background-image: url(../img/top/con02.gif);
	background-position: -2px -2px;
}
#con03  h3 {
	background-image: url(../img/top/con03.gif);
	background-position: -2px -2px;
}
#con04  h3 {
	background-image: url(../img/top/con04.gif);
	background-position: -2px -2px;
}
#con05 h3 {
	background-image: url(../img/top/con05.gif);
}
#con02 .spacer {
	margin:8px;
}
#con03 .spacer,
#con04 .spacer {
	margin: 12px 8px ;
}

#con02 table {
	width: 490px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size:75%;
}
#con02 tr.item {
	background-color: #D8E2F6;
}
#con02 tr {
	background-color: #eeeeee;
}
#con02 td {
	border-bottom: 1px solid #ffffff;
	border-right: 1px dotted #ffffff;
	padding: 4px 8px;
}

#con02 td.nowrap {
white-space: nowrap;
}


#con04 .con_sub a,
#con04 .con_sub a:link,
#con04 .con_sub a:visited,
#con04 .con_sub a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

dl.date {
	width:490px;
	font-size:12px;
	line-height:1.5em;
	margin-bottom: 8px;
}
dl.date dt{
	width:80px;
	float:left;
}
dl.date dd {
	width:410px;
	float:right;
}
div.nagare_img{
}
div.nagare_img img.nagare_img{
display:block;
float:left;
}
ul.nagare_btn{
float:right;
width:154px;
}
ul.nagare_btn li{
text-indent:-9999px;
}
ul.nagare_btn li.btn_01,
ul.nagare_btn li.btn_02{
width:154px;
height:64px;
}
ul.nagare_btn li.btn_01{
margin-top:95px;
}
ul.nagare_btn li.btn_02{
margin-top:204px;
}
ul.nagare_btn li.btn_03{
margin-top:25px;
}
ul.nagare_btn li.btn_03{
width:154px;
height:32px;
}
ul.nagare_btn li a {
display:block;
height:100%;
width:100%;
}
ul.nagare_btn li.btn_01 a {
background:url(../img/top/btn_yellow.gif) no-repeat;
background-position:0px 0px;
}
ul.nagare_btn li.btn_01 a:hover{
background:url(../img/top/btn_yellow.gif) no-repeat;
background-position:0px -64px;
}
ul.nagare_btn li.btn_02 a {
background:url(../img/top/btn_blue.gif) no-repeat;
background-position:0px 0px;
}
ul.nagare_btn li.btn_02 a:hover{
background:url(../img/top/btn_blue.gif) no-repeat;
background-position:0px -64px;
}
ul.nagare_btn li.btn_03 a {
background:url(../img/top/btn_detail.gif) no-repeat;
background-position:0px 0px;
}
ul.nagare_btn li.btn_03 a:hover{
background:url(../img/top/btn_detail.gif) no-repeat;
background-position:0px -32px;
}

/* 2009.5.18追加 */
h3.important_news {
width: 510px;
height: 259px;
margin: 8px 0 0 8px;
text-indent: -9999px;
background: url("../img/top/btn_important_news3.gif") top left no-repeat;
}

h3.important_news a {
display: block;
width: 510px;
height: 100px;
background: url("../img/top/btn_important_news.gif") top left no-repeat;
overflow: hidden;
}

h3.important_news a:hover {
background-position: 0 -100px;
}