@charset "euc-jp";

#historyArrow {
    cursor: pointer;
    position: fixed;
    bottom: 3px;
    height: 31px;
    width: 183px;
    margin-left: 50px;
    background: url("/img/hsnet/button_history.png") no-repeat scroll 0 0 transparent;
    z-index:3;
}

#historyArrow > p {
    color:#fff;
    font-weight:bold;
    padding-left: 11px;
    margin-top: 9px;
}

/*  #History
------------------------------------------------*/
#History {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    margin:0;
    padding:1px 0 0;
    background:#EFEFF0;
    background:linear-gradient(to bottom, #EFEFF0 0%, #fff 80%, #fff 100%);
    border-top:1px #E6E6E6 solid;
    text-align:center;

    background:-webkit-gradient(linear, center top, center bottom, from(#EFEFF0), color-stop(0.80, #fff), to(#fff));
}

#History .HistoryButton {
    position:absolute;
    top:-29px;
    left:10px;
    display:block;
    width:183px;
    height:31px;
    background:url("/img/hsnet/button_history.png") no-repeat;
    font-weight:bold;
    z-index:999;
}

#History .HistoryButton {
    display:block;
    width:163px;
    height:23px;
    padding:8px 20px 0 0;
    color:#004b75;
    cursor: pointer;
}

.List{
    z-index: 99;
}
#History .ListContent {
    margin:0 auto;
    padding:15px 50px;
    border-top:1px #fff solid;
    z-index: 99;
}

#History .ListItem {
    margin:0 5px;
    background:#999;
    color:#fff;
}

#History .ListItem:hover {
    background:#4D4D4D;
}

#History .ListPrice {
    color:#FFCB24;
}

#up {
    position: fixed;
    bottom: 100px;
    margin-left: 30px;
    z-index:50;
}

.ListArea .ListPrevb {
    position:absolute;
    left:10px;
    top:0;
    display:block;
    width:50px;
    height:100%;
    background:url("/img/hsnet/list_button_previous.png") center center no-repeat;
    cursor: pointer;
}
.ListArea .ListPrevb:hover {
    background:url("img/hsnet/list_button_previous_bb.png") center center no-repeat;
}

.ListArea .ListNextb {
    position:absolute;
    right:10px;
    top:0;
    display:block;
    width:50px;
    height:100%;
    background:url("/img/hsnet/list_button_next.png") center center no-repeat;
    cursor: pointer;
}
.ListArea .ListNextb:hover {
    background:url("/img/hsnet/list_button_next_bb.png") center center no-repeat;
}


/*  .ListArea
------------------------------------------------*/
.ListArea {
    margin:40px 0 20px;
}

.ListArea p {
    margin:0;
    padding:0;
}

.ListArea .ListContent {
    position:relative;
    padding:0 50px;
}

.ListArea .ListPrev {
    position:absolute;
    left:10px;
    top:0;
    display:block;
    width:50px;
    height:100%;
    background:url(/img/hsnet/list_button_previous.png) center center no-repeat;
    cursor: pointer;
}
.ListArea .ListPrev:hover {
    background:url(/img/hsnet/list_button_previous_b.png) center center no-repeat;
}

.ListArea .ListNext {
    position:absolute;
    right:10px;
    top:0;
    display:block;
    width:50px;
    height:100%;
    background:url(/img/hsnet/list_button_next.png) center center no-repeat;
    cursor: pointer;
}
.ListArea .ListNext:hover {
    background:url(/img/hsnet/list_button_next_b.png) center center no-repeat;
}


.ListArea .List {
    margin:0 20px;
    text-align:center;
    overflow:hidden;
    height: 236px;
}

.ListArea .List ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.ListArea .List ul li{
    display: block;
    float: left;
}
.ListArea .ListItem {
    position:relative;
    width:124px;
    margin:0 8px;
    padding:5px;
    background:#fff;
    text-align:left;
    float:left;
}

.ListItem:hover{
    background:#FFFFCC;
}

.ListArea .ListImage {
    width:120px;
    height:90px;
    margin:0 0 3px;
    padding:1px;
    background:#fff;
    border:1px #AAA solid;
    text-align:center;
    overflow:hidden;
}

.ListArea .ListImage img {
    width:120px;
    height:90px;
}

.ListArea .ListPlace {
    height:2.4em;
    overflow:hidden;
}

.ListArea .ListPrice {
    height:18px;
    margin:5px 0 3px;
    padding:0 0 0 25px;
    background:url(/img/hsnet/list_icon_en.png) no-repeat;
    color:#E7340B;
    font-size:1.20em;
    font-weight:bold;
}

.ListArea .ListPlan {
    height:18px;
    margin:0 0 3px;
    padding:2px 0 0 25px;
    background:url(/img/hsnet/list_icon_room.png) no-repeat;
}

.ListArea .ListAccess {
    height:20px;
    padding:0 0 0 25px;
    background:url(/img/hsnet/list_icon_access.png) no-repeat;
    font-size:0.88em;
    line-height:1em;
    overflow:hidden;
}

.ListArea .ListIcon {
    position:absolute;
    top:0;
    left:3px;
    width:28px;
    height:43px;
    display:none;
}

/* .ListButtonArea */
.ListArea .ListButtonArea {
    margin:8px 0 0;
    letter-spacing:-.40em;
}

.ListButtonArea .ListDetailButton {
    display:inline-block;
    width:46px;
    height:21px;
    margin:0 2px 0 0;
}

.ListButtonArea .AddButton,
.ListButtonArea .DeleteButton {
    display:inline-block;
    width:76px;
    height:21px;
}

.ListAddImg{
    cursor: pointer;
}
.ListDeleteImg{
    cursor: pointer;
}

.ListButtonArea .DeleteButton {
    display:none;
}

/* .Candidate */
.Candidate .AddButton {
    display:none;
}

.Candidate .DeleteButton {
    display:inline-block;
}

.Candidate .ListIcon {
    display:block;
}
