@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------*/
/* [09] トップページ用スライドショー追加スタイル */
/*----------------------------------------------------------------------------------------------------------*/



#home #contents #main .p{
position:absolute;
left:0;
}

#slider {
    background-color:#ffffff;
    height: 418px;
    left: 0;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 10000;
    padding-top :4px;
    /*margin-top: 42px;*/
    overflow: hidden;
}

#slider br{
    display:none;
}

#slider #carousel {
    /*display: none;*/
    height: 418px;
}
#slider #carousel q {
    display: block;
}
#slider #carousel .panel {
    float: left;
    position: relative;
    width: 960px;
}
#slider #carousel .panel .detail a {
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: 10px;
    height: 44px;
    position: absolute;
    right: 10px;
    width: 168px;
    z-index: 100;
}
#slider #carousel .panel .detail a:hover {
    background-position: 0 -44px;
}
#slider #carousel .panel .bnr {
    position: relative;
    width: 960px;
}
#slider #prev, #slider #next {
    cursor: pointer;
    display: block;
    height: 418px;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 500;
}
#slider #prev:hover {
    background-color: #FFFFFF;
    background-image: url("../images/top/arrow_l.gif");
    background-position: center center;
    background-repeat: no-repeat;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
    opacity: 0.7;
}
#slider #next:hover {
    background-color: #FFFFFF;
    background-image: url("../images/top/arrow_r.gif");
    background-position: center center;
    background-repeat: no-repeat;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
    opacity: 0.7;
}
#slider #prev {
    left: 0;
	display:block;
    background-color: #FFFFFF;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
    opacity: 0.5;
			
}
#slider #next {
    right: 0;
	display:block;
	background-color: #FFFFFF;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
    opacity: 0.5;		
}
#recipes_scroll {
    background-color: #FFFFFF;
    height: 300px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 145px;
    width: 100%;
    z-index: 10;
}
#recipes_scroll #carousel_auto {
}
#recipes_scroll #carousel_auto div {
    float: left;
    height: 300px;
    position: relative;
    text-align: center;
    width: 300px;
}
#recipes_scroll #carousel_auto div img {
    border: medium none;
}
#slider_lifestyle {
    margin-bottom: 20px;
    position: relative;
}
#slider_lifestyle #pager {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
}
#slider_lifestyle #pager a {
    background-image: url("../img/btn_slide_fade.png");
    background-position: 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 14px;
    margin-right: 5px;
    width: 14px;
}
#slider_lifestyle #pager a:hover {
    background-position: 0 -14px;
}
#slider_lifestyle #pager a.selected {
    background-position: 0 -28px;
}
#slider_lifestyle #pager a span {
    display: none;
}
#carousel_fade {
    height: 340px;
    overflow: hidden;
    width: 940px;
}
#carousel_fade img {
    display: block;
    float: left;
}
#slider_lifestyle {
    width: 940px;
}

/*
#slider_triplethermo .innr {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#slider_triplethermo .innr #pager {
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1000;
}
#slider_triplethermo .innr #pager a {
    background-position: 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 85px;
    margin-left: 10px;
    width: 85px;
}
#slider_triplethermo .innr #pager .itm0 {
    background: url("../img/about/btn_-triplethermo_step1.gif") repeat scroll 0 0 transparent;
}
#slider_triplethermo .innr #pager .itm1 {
    background: url("../img/about/btn_-triplethermo_step2.gif") repeat scroll 0 0 transparent;
}
#slider_triplethermo .innr #pager .itm2 {
    background: url("../img/about/btn_-triplethermo_step3.gif") repeat scroll 0 0 transparent;
}
#slider_triplethermo .innr #pager .itm3 {
    background: url("../img/about/btn_-triplethermo_step4.gif") repeat scroll 0 0 transparent;
}
#slider_triplethermo .innr #pager a:hover {
    background-position: 0 0;
}
#slider_triplethermo .innr #pager a.selected {
    background-position: 0 -85px;
}
#slider_triplethermo .innr #pager a span {
    display: none;
}
#slider_triplethermo .innr {
    overflow: hidden;
    width: 940px;
}
#slider_triplethermo {

    background-color: #000000;
    height: 340px;
    left: 0;
    position: absolute;
    top: 240px;
    width: 100%;
    z-index: 10;
}
#mov_tokotonfi a {
    background: url("../design/slideshow/s_tokotonfi.png") repeat scroll 0 0 transparent;
}
#mov_motomeru a {
    background: url("../design/slideshow/s_motomeru.png") repeat scroll 0 0 transparent;
}
#mov_kiwameru a {
    background: url("../design/slideshow/s_kiwameru.png") repeat scroll 0 0 transparent;
}
#mov_turanuku a {
    background: url("../design/slideshow/s_turanuku.png") repeat scroll 0 0 transparent;
}
#mov_sasaeru a {
    background: url("../design/slideshow/s_sasaeru.png") repeat scroll 0 0 transparent;
}
*/
#detail_kamei a {
    background: url("../images/top/kame_bt.gif") repeat scroll 0 0 transparent;
}


/*-------------------------------------------
MainBOXの指定
---------------------------------------------*/
#main03 > p#slider_back {
    display: block;
    height: 418px;
    margin: 0;
}

#main03 > p {
    display: none;
}