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

@import "navi.css";


/*
---Concept---------------------------------------------*/

#wrap #history {
    padding:0;
}
#wrap #history h2 {
    padding:0;
    margin:0;
    width:100%;
    line-height:0px;
}
#wrap #history h3 {
    padding:0;
    margin:0;
    width:100%;
    line-height:0px;
    cursor:pointer;
    position:relative;
}
#wrap #history h3 span {
    display:block;
    width:6%;
    position:absolute;
    right:4%;
    top:30%;
}
#wrap #history img,
#wrap #history h2 img,
#wrap #history h3 img,
#wrap #history h3 span img {
    width:100%;
}
dl#acMenu {
    background-image:url(../../../../30th_special/sp/history/img/ttl01_bg.gif);
    background-repeat:no-repeat;
    background-size:100% auto;
    font-size:1px;
    line-height:0px;
    vertical-align:top;
    }
dl#acMenu2{
    background-image:url(../../../../30th_special/sp/history/img/ttl02_bg.gif);
    background-repeat:no-repeat;
    background-size:100% auto;
    font-size:1px;
    line-height:0px;
    vertical-align:top;
    }
dl#acMenu3{
    background-image:url(../../../../30th_special/sp/history/img/ttl03_bg.gif);
    background-repeat:no-repeat;
    background-size:100% auto;
    font-size:1px;
    line-height:0px;
    vertical-align:top;
    }
dl#acMenu4{
    background-image:url(../../../../30th_special/sp/history/img/ttl04_bg.gif);
    background-repeat:no-repeat;
    background-size:100% auto;
    font-size:1px;
    line-height:0px;
    vertical-align:top;
    }
#acMenu dt{
    background-image:url(../../../../30th_special/sp/history/img/icon_up.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    display:block;
    width:100%;
    line-height:1;
    cursor:pointer;
    padding:0;
    margin:0;
    width:100%;
    font-size:1px;
    line-height:0px;
    vertical-align:top;
    }
#acMenu2 dt,
#acMenu3 dt,
#acMenu4 dt{
    background-image:url(../../../../30th_special/sp/history/img/icon_down.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    display:block;
    width:100%;
    line-height:1;
    cursor:pointer;
    padding:0;
    margin:0;
    width:100%;
    font-size:1px;
    line-height:0px;
    vertical-align:top;
    }
#acMenu dd{
    width:100%;
    line-height:1;
    padding:0;
    margin:0;
    width:100%;
    font-size:1px;
    line-height:0px;
    position:relative;
    vertical-align:top;
    }
#acMenu2 dd,
#acMenu3 dd,
#acMenu4 dd{
    width:100%;
    line-height:1;
    display:none;
    padding:0;
    margin:0;
    width:100%;
    font-size:1px;
    line-height:0px;
    position:relative;
    vertical-align:top;
    }
#acMenu dd span,
#acMenu2 dd span,
#acMenu3 dd span,
#acMenu4 dd span {
    display:block;
    padding:0 18%;
    width:64%;
    text-align:center;
    position:absolute;
    left:0;
    bottom:18px;
    }
#acMenu dd span img,
#acMenu2 dd span img,
#acMenu3 dd span img,
#acMenu4 dd span img {
    width:100%;
    vertical-align:bottom;
}

#acMenu dt img,
#acMenu2 dt img,
#acMenu3 dt img,
#acMenu4 dt img,
#acMenu dd img,
#acMenu2 dd img,
#acMenu3 dd img,
#acMenu4 dd img{
    width:100%;
    vertical-align:bottom;
}


#acMenu dt.active{
    background-image:url(../../../../30th_special/sp/history/img/icon_down.png);
    }
#acMenu2 dt.active,
#acMenu3 dt.active,
#acMenu4 dt.active{
    background-image:url(../../../../30th_special/sp/history/img/icon_up.png);
    }
/*
#wrap #history .accordion-block {
    width:100%;
}
#wrap #history .accordion-block img {
    width:100%;
}
#wrap #history .accordion-block {
    padding:0;
    margin:0;
    width:100%;
    line-height:0px;
}
#wrap #history .accordion-block dt {
    position:relative;
}
#wrap #history .accordion-block dt span {
    display:block;
    width:100%;
    text-align:center;
    position:absolute;
    left:0;
    bottom:18px;
}#wrap #history .accordion-block dt span img {
    width:60%;
}
*/

/*雪肌精 32年間の歩み*/

#wrap #history .sec01_copy {
    padding:0;
    margin:0;
    width:100%;
    line-height:0px;
}
#wrap #history .box {
    padding:0;
    margin:0;
    width:100%;
    line-height:0px;
    position:relative;
}
#wrap #history .fukidashi {
    width:70%;
    position:absolute;
    left:22%;
    top:0;
}
#wrap #history .fukidashi_img01,
#wrap #history .fukidashi_img02,
#wrap #history .fukidashi_img03,
#wrap #history .fukidashi_img04,
#wrap #history .fukidashi_img05,
#wrap #history .fukidashi_img06,
#wrap #history .fukidashi_img07,
#wrap #history .fukidashi_img08,
#wrap #history .fukidashi_img09,
#wrap #history .fukidashi_img10,
#wrap #history .fukidashi_img11,
#wrap #history .fukidashi_img12,
#wrap #history .fukidashi_img13,
#wrap #history .fukidashi_img14,
#wrap #history .fukidashi_img15,
#wrap #history .fukidashi_img16 {
    width:70%;
    position:absolute;
    left:22%;
}
#wrap #history .fukidashi_img01 {
    /*top:26%;*/
    top:40%;
}
#wrap #history .fukidashi_img02 {
    top:40%;
}
#wrap #history .fukidashi_img03 {
    top:13%;
}
#wrap #history .fukidashi_img04 {
    top:27%;
}
#wrap #history .fukidashi_img05 {
    top:16%;
}
#wrap #history ul.fukidashi_img06 {
    width:70%;
    text-align:left;
    position:absolute;
    left:22%;
    /*top:51%;*/
    top:56%;
}
#wrap #history ul.fukidashi_img06 li {
    list-style:none;
}
#wrap #history ul.fukidashi_img06 li img {
    width:100%;
}
#wrap #history ul.fukidashi_img06 li.left {
    float:left;
    width:54%;
}
#wrap #history ul.fukidashi_img06 li.right {
    float:right;
    width:46%;
}
#wrap #history .fukidashi_img07 {
    top:37%;
}
#wrap #history .fukidashi_img08 {
    top:42%;
}
#wrap #history .fukidashi_img09 {
    top:46%;
}
#wrap #history .fukidashi_img10 {
    top:18%;
}
#wrap #history .fukidashi_img11 {
    top:30%;
}
#wrap #history .fukidashi_img12 {
    top:16%;
}
#wrap #history .fukidashi_img13 {
    top:52%;
}
#wrap #history .fukidashi_img14 {
    top:13.5%;
}
#wrap #history .fukidashi_img15 {
    top:67.5%;
}
#wrap #history .fukidashi_img16 {
    top:29%;
}
/*#wrap #history .fukidashi_img14 {
    width:100%;
    position:absolute;
    left:0;
    top:0;
}*/
#wrap #history .sec01_btn_close {
    width:63%;
    position:absolute;
    left:18.5%;
    top:87%;
}
#wrap #history .sec01_detail {
    background-image:url(../../../../30th_special/sp/history/img/sec01_bg15.gif);
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center bottom;
    padding:20px 6% 28px;
}
#wrap #history .sec01_detail img {
    width:100%;
}
#wrap #history .sec01_detail_close {
    margin:0 auto;
    padding:20px 0 0 0;
    width:63%;
}

/*世界に羽ばたく雪肌精*/

/*日本*/
#wrap #history .tap01 {
    width:12.5%;
    position:absolute;
    left:83%;
    top:6%;
}
/*中国*/
#wrap #history .tap02 {
    width:12.5%;
    position:absolute;
    left:34%;
    top:0;
}
/*台湾*/
#wrap #history .tap03 {
    width:12.5%;
    position:absolute;
    left:50%;
    top:19%;
}
/*香港*/
#wrap #history .tap04 {
    width:12.5%;
    position:absolute;
    left:34%;
    top:18%;
}
/*タイ*/
#wrap #history .tap05 {
    width:12.5%;
    position:absolute;
    left:16%;
    top:28%;
}
/*マレーシア*/
#wrap #history .tap06 {
    width:14%;
    position:absolute;
    left:16%;
    top:40%;
}
/*シンガポール*/
#wrap #history .tap07 {
    width:18%;
    position:absolute;
    left:18%;
    top:51%;
}
/*韓国*/
#wrap #history .tap08 {
    width:12.5%;
    position:absolute;
    left:60%;
    top:6%;
}
/*ラオス*/
#wrap #history .tap09 {
    width:12.5%;
    position:absolute;
    left:19%;
    top:17%;
}
/*ミャンマー*/
#wrap #history .tap10 {
    width:12.5%;
    position:absolute;
    left:2%;
    top:20%;
}
/*ベトナム*/
#wrap #history .tap11 {
    width:12.5%;
    position:absolute;
    left:31%;
    top:40%;
}
/*インドネシア*/
#wrap #history .tap12 {
    width:17%;
    position:absolute;
    left:48%;
    top:45%;
}
/*カナダ*/
#wrap #history .tap13 {
    width:12.5%;
    position:absolute;
    left:5%;
    top:64%;
}
/*カンボジア*/
#wrap #history .tap14 {
    width:14%;
    position:absolute;
    left:28%;
    top:29%;
}
/*アメリカ*/
#wrap #history .tap15 {
    width:20%;
    position:absolute;
    left:13%;
    top:71%;
}














#wrap #history .sec02_btn_close {
    width:63%;
    position:absolute;
    left:18%;
    top:85%;
}
#wrap #history .box2 {
    background-image:url(../../../../30th_special/sp/history/img/sec02_bg03.png);
    background-size:100% auto;
    background-repeat:repeat-y;
    padding:20px 9% 28px;
    margin:0;
    line-height:0px;
    position:relative;
}
#wrap #history .sec02_detail_close {
    margin:0 auto;
    padding:10px 0 0 0;
    width:77%;
}

/*雪肌精を語る数字たち*/

#wrap #history .box3 {
    background-image:url(../../../../30th_special/sp/history/img/sec03_bg.gif);
    background-size:100% auto;
    background-repeat:repeat-y;
    padding:35px 0 33px 0;
    margin:0;
    line-height:0px;
}
#wrap #history .sec03_btn_close {
    margin:0 auto;
    padding:17px 0 0 0;
    width:63%;
}

/*雪肌精のここが好きランキング*/

#wrap #history .box4 {
    background-image:url(../../../../30th_special/sp/history/img/sec04_bg.gif);
    background-size:100% auto;
    background-repeat:repeat-y;
    padding:35px 0 33px 0;
    margin:0;
    line-height:0px;
}