@charset "UTF-8";

#content .ddArea{
  position: relative;
  width: 50%;
}
  #content .ddArea a.ddTrigger{
    display: block;
    position: relative;
    z-index:2;
    width:100%;
    color:#fff;
    font-weight: bold;
    padding: 20px;
    background-color: #fc7255;
  }
    #content .ddArea a.ddTrigger i{
      display: block;
      position: absolute;
      top:22px;
      right:15px;
      background: url("../img/ico_bg1.png") no-repeat right top #fc7255;
      width: 31px;
      height: 16px;
    }
    #content .ddArea a.ddTrigger.openElem i{
      display: block;
      position: absolute;
      top:22px;
      right:15px;
      background: url("../img/ico_bg2.png") no-repeat right top #fc7255;
      width: 27px;
      height: 25px;
    }


    #content .ddArea a.ddTrigger:hover{
      text-decoration: none;
    }

  #content .ddArea .hoverOpen{
    height:10px;
    background-color: #ffccc1;
    display: block;
    width:100%;
    bottom:0px;
    position: absolute;
  }
  #content .ddArea .ddContents{
    background-color: #ffccc1;
    display: none;
    width:100%;
    padding: 10px;
  }
    #content .ddArea .ddContents .inner{
      background-color: #fff;

    }