@charset "UTF-8";

/*
 *  room_list.css
 *  http://reroom.jp/
 *
 *  Description:
 *  写真一覧ページのスタイル
 *
 *  Copyright 2010, reroom
*/ 

/*======================================================================
    elements
======================================================================*/

h1 {
    font-weight: normal;
}

/*======================================================================
    thumbnail
======================================================================*/

div.thumbnail {
    padding: 0 0 15px 25px;
    overflow: hidden;
}

div.box02 {
    border-top: 1px dotted #b3b3ab;
}

/*----------------------------------------------------------------------
    thumbnailBox
----------------------------------------------------------------------*/

div.thumbnailBox {
    margin: 30px 20px 0 0;
    padding-bottom: 20px;
    float: left;
    width: 300px;
}

/*----------------------------------------------------------------------
    img.photo
----------------------------------------------------------------------*/

div.thumbnailBox a img.photo {
    border: 2px solid #b3b3ab;
    max-width: 296px;
    max-height: 196px;
}

/*----------------------------------------------------------------------
    dl
----------------------------------------------------------------------*/

div.thumbnailBox dl {
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------------------------
    dt
----------------------------------------------------------------------*/

div.thumbnailBox dt {
    margin: 0;
    padding: 0;
    color: #3e3a39;
    font-weight: bold;
    font-size: 116%;
}

/*----------------------------------------------------------------------
    dd.data
----------------------------------------------------------------------*/

div.thumbnailBox dd.data {
    color: #b3b3ab;
    font-weight: bold;
    font-size: 93%;
}

/*----------------------------------------------------------------------
    dd.description
----------------------------------------------------------------------*/

div.thumbnailBox dd.description {
    margin: 5px 0 10px;
}

/*----------------------------------------------------------------------
    dd.status
----------------------------------------------------------------------*/

div.thumbnailBox dd.status {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 93%;
}

div.thumbnailBox dd.status ul {
    margin: 0;
    padding: 0;
}

div.thumbnailBox dd.status li {
    padding: 0;
    background: none;
}

div.thumbnailBox dd.status li.clip,
div.thumbnailBox dd.status li.comment {
    margin-right: 13px;
    display: inline;
    float: left;
}

div.thumbnailBox dd.status li span {
    display: block;
    float: left;
    width: 18px;
    text-indent: -9999px;
}

div.thumbnailBox dd.status li.clip span {
    background: url("../images/icon/clip001_14x13.657918859bc2.png") no-repeat 0 0.15em;
}

div.thumbnailBox dd.status li.comment span {
    background: url("../images/icon/comment001_13x13.a46b73bd1643.png") no-repeat 0 0.15em;
}

div.thumbnailBox dd.status li.edit,
div.thumbnailBox dd.status li.delete {
    text-indent: -9999px;
}

div.thumbnailBox dd.status li.edit a,
div.thumbnailBox dd.status li.delete a {
    padding: 0;
    display: block;
    position: absolute;
    top: -1px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    background-repeat: no-repeat;
}

div.thumbnailBox dd.status li.edit a {
    right: 20px;
    background-image: url("../images/button/edit001.28a9cb4d27b9.png");
}

div.thumbnailBox dd.status li.delete a {
    right: 0;
    background-image: url("../images/button/delete001.c9dc948c21fc.png");
}

div.thumbnailBox dd.status li.edit a:hover,
div.thumbnailBox dd.status li.delete a:hover {
    background-color: transparent;
    background-position: 0 -13px;
}

/*======================================================================
    color
======================================================================*/

div.info h2 span.color {
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px red solid;
    color: #ffffff;
    background: red;
}

div.info h2 span.red {
    border-color: #b31723;
    background-color: #b31723;
}

div.info h2 span.brown {
    border-color: #976a3f;
    background-color: #976a3f;
}

div.info h2 span.orange {
    border-color: #ee8400;
    background-color: #ee8400;
}

div.info h2 span.khaki {
    border-color: #a7a05d;
    background-color: #a7a05d;
}

div.info h2 span.yellow {
    border-color: #d0b815;
    background-color: #d0b815;
}

div.info h2 span.yellowGreen {
    border-color: #71ad1a;
    background-color: #71ad1a;
}

div.info h2 span.green {
    border-color: #20a030;
    background-color: #20a030;
}

div.info h2 span.lightBlue {
    border-color: #2696c0;
    background-color: #2696c0;
}

div.info h2 span.blue {
    border-color: #2a37a7;
    background-color: #2a37a7;
}

div.info h2 span.purple {
    border-color: #702090;
    background-color: #702090;
}

div.info h2 span.pink {
    border-color: #d1487a;
    background-color: #d1487a;
}

div.info h2 span.white {
    border-color: #efefef;
    background-color: #efefef;
}

div.info h2 span. {
    border-color: #7c7b78;
    background-color: #7c7b78;
}

div.info h2 span.gray {
    border-color: #232323;
    background-color: #232323;
}

div.info h2 span.black {
    border-color: #c1a97e;
    background-color: #c1a97e;
}

div.info h2 span.gold {
    border-color: #c8cdcd;
    background-color: #c8cdcd;
}

div.info h2 span.silver {
    border-color: #b31723;
    background-color: #b31723;
}