@charset "UTF-8";

body {
    background-image: url(../img_index/background.gif);
}

h1 {
    position: absolute;
    top: 40px;
    border: 0;
    padding: 0;
    z-index: 1;
    width: 900px;
    height: 300px;
    background-image: none;
}
* html h1 {
    top: 55px;
}
*+html h1 {
    top: 55px;
}

/* navigation　*/
.navi_ecofarmer {
    position: relative;
    z-index: 10;
    top: 282px;
    left: 780px;
    width: 110px;
    height:102px; 
}
* html .navi_ecofarmer {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img_index/ecofarmer_big.png' ,sizingmethod=image);
}
* html .navi_ecofarmer img{
    display: none;
}

/* explanation */
#container {
	background-image: url(../img_index/explanation_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 355px;
}
#explanation {
    margin-top: 215px;
}
* html #explanation #index_message {
    width: 574px;
    height:24px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img_index/message.png' ,sizingmethod=image);
}
* html #explanation #index_message img{
    display: none;
}
#explanation #exp_left {
    float: left;
    width: 160px;
    text-align: center;
}
#explanation #exp_right {
    float: left;
    width: 740px;
}
#explanation #exp_right h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0;
}
#explanation #exp_right h3 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}
#explanation #exp_right strong {
    font-weight: bold;
    color: #f60;
}
#explanation #exp_right strong a {
    color: #f60;
    border-bottom: 1px #f60 dashed;
}

/* items */
#items_contents {
    width: 590px;
    background-image: url(../img_index/items_bg.gif);
    background-repeat: repeat-x;
    border: 1px #bbb dashed;
    margin-top: 20px;
}
#items_contents h2 {
    margin: 0 0 0 10px;
    padding: 0;
}
#items_contents #items_frame {
    margin: 10px 0 0 5px;
}
* html #items_contents #items_frame {
    margin-left: 0;
}
#items_contents #items_frame ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#items_contents #items_frame li {
    float: left;
    width: 100px;
    height: 150px;
    margin: 0 0 0 5px;
    padding: 5px;
}
* html #items_contents #items_frame li {
    margin: 0 0 0 5px;
}
#items_contents #items_frame h3 {
    text-align: center;
    margin: 0 auto 5px auto;
}
#items_contents #items_frame .items_box_season {
    background-image: url(../img_index/item_frame1.gif);
    background-repeat: no-repeat;
}
#items_contents #items_frame .items_box_season_no {
    background-image: url(../img_index/item_frame2.gif);
    background-repeat: no-repeat;
}
#items_contents #items_frame dl,
#items_contents #items_frame dt,
#items_contents #items_frame dd {
    margin: 0;
    padding: 0;
}
#items_contents #items_frame dt {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    padding-left: 3px;
    margin: 0;
}
#items_contents #items_frame dd {
    text-align: center;
    font-size: 10px;
    /* font-weight: bold; */
}
#items_contents #items_frame dd a {
    color: #f60;
}
#items_contents #items_frame .items_head_season {
    border-left: 5px #f60 solid;
    color: #f60;
}
#items_contents #items_frame .items_head_season_no {
    border-left: 5px #d8d8d8 solid;
    color: #c0c0c0;
}
#items_contents #items_frame .items_text_season {
    color: #f60;
}
#items_contents #items_frame .items_text_season_no {
    color: #c0c0c0;
}

/* banner & information */
#banner_info {
    width: 900px;
    margin-top: 10px;
}
#banner_info #banner {
    float: left;
    width: 570px;
    /*margin-left: 20px;*/
}
* html #banner_info #banner {
    /*margin-left: 10px;*/
}
#banner_info #banner #lelectier_banner {
    width: 550px;
    height: 74px;
    background-image: url(../img_index/lelectier_banner.jpg);
    background-repeat: no-repeat;
    padding: 80px 10px 0 10px;
    margin: 10px 0 10px 20px;
}
#banner_info #information #ecofarmer {
    /*float: left;*/
    width: 280px;
    padding: 0 5px;
    margin-top: 10px;
}
#banner_info #information #ecofarmer #ecofarmer_img {
    width: 60px;
    float: left;
}
#banner_info #information #ecofarmer #ecofarmer_text_head {
    color: #36f;
    font-weight: bold;
    font-size: 14px;
}
#banner_info #information #ecofarmer #ecofarmer_text {
    width: 220px;
    float: left;
}
#banner_info #information #vendor {
    /*float: left;*/
    width: 260px;
    border: 1px #b2b2b2 solid;
    padding: 5px;
    margin-top: 10px;
}
#banner_info #information #vendor #vendor_img {
    width: 60px;
    float: left;
}
#banner_info #information #vendor #vendor_text {
    width: 200px;
    float: left;
}
#banner_info #information {
    float: right;
    width: 270px;
    margin-right: 20px;
    margin-top: 10px;
}
*html #banner_info #information {
    margin-right: 0;
}
#banner_info #information #info_top {
    background-image: url(../img_index/info_top.gif);
    background-repeat: no-repeat;
    width: 270px;
    height: 35px;
    padding-top: 10px;
}
#banner_info #information #info_top #info_head {
    background-image: url(../img_index/info_head.gif);
    background-repeat: no-repeat;
    width: 250px;
    height: 22px;
    margin: 0 auto;
    padding-top: 3px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
#banner_info #information #info_center {
    background-image: url(../img_index/info_center.gif);
    width: 270px;
}
#banner_info #information #info_center ul {
    margin: 0;
    padding: 0 10px 0 30px;
}
#banner_info #information #info_center li {
    margin: 0
    padding: 0;
}
#banner_info #information #info_bottom {
    background-image: url(../img_index/info_bottom.gif);
    background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
}
#banner_info #information #info_center a {
    border-bottom: 1px #36f dashed;
}