@charset "UTF-8";

/*-----------------------------------------------------------------------------
 左メニュー
-----------------------------------------------------------------------------*/
div#main div.menu {
    float: left;
    width: 230px;
    border: 0px solid #f00;
}
div.menu li {
    height: 53px;
    text-indent: -9999px;
}
div.menu li a {
    display: block;
    width: 141px;
    height: 30px;
}
div.menu ul {
    margin-left: 29px;
}

/* ロールオーバー時メニュー画像  */
li#showanews {
    background: transparent url('../../img/menu/showanews_over.jpg') no-repeat left top;
}
li#exhibition {
    background: transparent url('../../img/menu/exhibition_over.jpg') no-repeat left top;
}
li#hotseller {
    background: transparent url('../../img/menu/hotseller_over.jpg') no-repeat left top;
}
li#backnumber {
    background: transparent url('../../img/menu/backnumber_over.jpg') no-repeat left top;
}

/* 通常時メニュー画像 */
li#showanews a {
    background: transparent url('../../img/menu/showanews.jpg') no-repeat left top;
}
li#exhibition a {
    background: transparent url('../../img/menu/exhibition.jpg') no-repeat left top;
}
li#hotseller a {
    background: transparent url('../../img/menu/hotseller.jpg') no-repeat left top;
}
li#backnumber a {
    background: transparent url('../../img/menu/backnumber.jpg') no-repeat left top;
}

/* 通常時メニュー画像を消す */
li#showanews a:hover,
li#exhibition a:hover,
li#hotseller a:hover,
li#backnumber a:hover {
    background: none;
}

/* 選択時メニュー画像 */
li#showanews_selected a {
    background: transparent url('../../img/menu/showanews_over.jpg') no-repeat left top;
}
li#exhibition_selected a {
    background: transparent url('../../img/menu/exhibition_over.jpg') no-repeat left top;
}
li#hotseller_selected a {
    background: transparent url('../../img/menu/hotseller_over.jpg') no-repeat left top;
}
li#backnumber_selected a {
    background: transparent url('../../img/menu/backnumber_over.jpg') no-repeat left top;
}

/*-----------------------------------------------------------------------------
 右コンテンツ
-----------------------------------------------------------------------------*/
div#contents {
    float: right;
    width: 671px;
    /*height: 100px;*/
    border: 0px solid #00f;
}
div#contents div.header {
    overflow: hidden; /* IE6だけ隙間ができるので */
    background: transparent url('../../img/frame/header.jpg') no-repeat left top;
    height: 10px;
    width: 602px;
}
div#contents div.main {
    background: transparent url('../../img/frame/main.jpg') repeat-y left top;
    width: 602px;
}
div#contents div.footer {
    background: transparent url('../../img/frame/footer.jpg') no-repeat left top;
    height: 10px;
    width: 602px;
}

/*-----------------------------------------------------------------------------
ニュース
-----------------------------------------------------------------------------*/

div.main p.title {
    height: 40px;
    line-height: 40px;
    text-align: center;
}

div.main span.text {
    color: #eb656f;
    font-size: 12px;
}

div.main span.title {
    display: inline;
    margin-left: 10px;
    color: #eb656f;
    font-size: 16px;
}

div.main span.number {
    margin-left: 5px;
    color: #eb656f;
    font-size: 13px;
}

div.main div.title_line {
    background: transparent url('../../img/dash_red.jpg') no-repeat center top;
    height: 17px;
    width: 598px;
}

div.main p.introduction {
    margin-left: 55px;
    width: 490px;
    color: #000;
    font-size: 12px;
}

div.main div.line {
    background: transparent url('../../img/dash_gray.jpg') no-repeat center;
    height: 27px;
    width: 598px;
}

div.main p.index {
    margin-left: 67px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

p.index span.list {
    color: #eb656f;
    font-size: 12px;
}

div.main ul.index {
    margin-left: 60px;
}

ul.index li {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

div.main h3.title {
    margin: 0 0 15px 55px;
    color: #000;
    font-size: 12px;
}

div.main div.news {
    margin: 0 0 15px 65px;
    color: #000;
    font-size: 12px;
}

div.main div.wrapper {
    float: left;
    width: 365px;
}

div.wrapper p.name {
    text-align: right;
}

div.news div.photo {
    float: left;
    width: 170px;
    border: 0px solid #00f;
}
div.news2{
    float: left;
    width: 280px;
    border: 0px solid #00f;
}

div.main p.postscript {
    margin-left: 55px;
    color: #000;
    font-size: 12px;
}

div#contents div.jump {
    width: 590px;
    height: 30px;
    text-align: right;
}
div#contents div.jump a {
    color: #f95356;
    font-size: 10px;
    text-decoration: none;
}

div.main div.list {
    height: 35px;
}