@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#message {
    background: transparent url('../../img/menu/message_over.jpg') no-repeat left top;
}
li#showa {
    background: transparent url('../../img/menu/showa_over.jpg') no-repeat left top;
}
li#concept {
    background: transparent url('../../img/menu/concept_over.jpg') no-repeat left top;
}
li#shop {
    background: transparent url('../../img/menu/shop_over.jpg') no-repeat left top;
}

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

/* 通常時メニュー画像を消す */
li#message a:hover,
li#showa a:hover,
li#concept a:hover,
li#shop a:hover {
    background: none;
}

/* 選択時メニュー画像 */
li#message_selected a {
    background: transparent url('../../img/menu/message_over.jpg') no-repeat left top;
}
li#showa_selected a {
    background: transparent url('../../img/menu/showa_over.jpg') no-repeat left top;
}
li#concept_selected a {
    background: transparent url('../../img/menu/concept_over.jpg') no-repeat left top;
}
li#shop_selected a {
    background: transparent url('../../img/menu/shop_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: 50px;
    width: 602px;
}

/*-----------------------------------------------------------------------------
社長メッセージ
-----------------------------------------------------------------------------*/
/* 上段 */
div.main div.top {
    margin-left: 45px;
    width: 508px;
}

div.top div.text {
    float: left;
    width: 387px;
    color: #000;
    font-size: 14px;
}

div.text span.title {
    line-height: 80px;
    vertical-align: bottom;
}

div.text p.name {
    margin: 7px 0 0 143px;
}

div.top div.photo {
    float: left;
}

/* 下段 */
div.main div.bottom {
    margin-left: 45px;
    width: 508px;
}

div.bottom p {
    color: #000;
    font-size: 12px;
    line-height: 20px;
}

/* 高さ調節 */
div.main div.list {
    height: 30px;
}