@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::
    excellent.css
-------------------------------------------------
    においの逸品
:::::::::::::::::::::::::::::::::::::::::::::: */

@import'/css/common/base.css';
@import'/css/common/layout.css';
@import'/css/common/module.css';

/* ==============================================
   レイアウト
============================================== */

/* override
-----------------------------------------------*/
div.singleColumnM {
    color: #946F44;
}
div.singleColumnM h1#contentID,
div.singleColumnM p#contentID {
    margin-bottom: 20px;
}
div.singleColumnM h2 {
    margin: 0 0 10px;
}
div#excellent h1,
div#excellent h2,
div#excellent h2 a,
div#excellent h3,
div#excellent h3 a {
    color: #946F44;
}
div#excellent h1 {
    font-size: 123.1%;
}

/* 2カラム
-----------------------------------------------*/
div#excellentMainColumn {    
    float: left;
    width: 620px;
    margin-right: 40px;
}
div#excellentSubColumn {
    float: right;
    width: 240px;
}

/* ==============================================
   においの逸品トップ
============================================== */

/* 新着の逸品
-----------------------------------------------*/

/* main */
div#newItemMain {
    margin: 0 10px 20px;
}
div#newItemMain div.txt {
    float: right;
    width: 345px;
}
div#newItemMain div.txt h3 {
    margin: 10px 0;
    font-size: 116%;
}
div#newItemMain div.txt p.date {
    margin: 10px 0;
    font-size: 85%;
}
div#newItemMain div.img {
    position: relative;
    float: left;
    width: 235px;
    height: 244px;
    margin-right: 20px;
}
div#newItemMain div.img a img {
    margin: 16px 0 0 17px;
}
div#newItemMain div.img a span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 235px;
    height: 244px;
    background: url(/img/excellent/frame_tv_main.gif) no-repeat;
}

/* sub */
div#newItemSub {
    overflow: hidden;
    margin: 0 -20px 20px 10px;
    width: 620px;
    padding-top: 50px;
    background: url(/img/excellent/bg_new_item.gif) no-repeat 5px 0;
}
div#newItemSub div.unitNewItem {
    float: left;
    width: 290px;
    margin-right: 20px;
}
div#newItemSub div.unitNewItem div.txt {
    float: right;
    width: 126px;
}
div#newItemSub div.unitNewItem div.txt h3 {
    margin-bottom: 5px;
}
div#newItemSub div.unitNewItem div.txt p.date {
    margin: 5px 0 10px;
    font-size: 85%;
}
div#newItemSub div.unitNewItem div.img {
    position: relative;
    float: left;
    width: 144px;
    height: 141px;
}
div#newItemSub div.unitNewItem div.img a img {
    margin: 10px 0 0 12px;
}
div#newItemSub div.unitNewItem div.img a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 144px;
    height: 141px;
    background: url(/img/excellent/frame_tv_sub.gif) no-repeat;
}

/* においの逸品カテゴリ一覧
-----------------------------------------------*/
div#categoryList {
    margin: 0 10px 20px;
    padding-top: 30px;
    background: url(/img/excellent/bg_new_item.gif) no-repeat 5px 0;
}
div#categoryList ul li {
    display: inline;
    float: left;
    width: 175px;
    padding: 0 0 5px 15px;
    margin-right: 10px;
    background: url(/img/common/icn_list_dot.gif) no-repeat scroll 0 0.4em;
}
div#categoryList p.view {
    margin-top: 5px;
}

/* ==============================================
   においの逸品一覧
============================================== */

/* pager
-----------------------------------------------*/
ul.pagerExcellent {
    text-align: center;
}
ul.pagerExcellent li {
    display: inline;
    margin: 0 3px;
    color: #000000;
}

/* 一覧
-----------------------------------------------*/
ul#excellentList {
    margin: 20px 0;
}
ul#excellentList li {
    margin-bottom: 10px;
}
ul#excellentList li dl dt {
    float: left;
    width: 120px;
    margin-right: 10px;
}
ul#excellentList li dl dt img {
    vertical-align: bottom;
}
ul#excellentList li dl dd {
    margin-left: 130px;
}
ul#excellentList li dl dd h2 {
    margin-bottom: 5px;
    padding-top: 5px;
    font-size: 116%;
}
ul#excellentList li dl dd ul.date li {
    float: left;
    margin: 0 20px 0 0;
    padding-top: 5px;
    font-size: 85%;
}

/* ==============================================
   においの逸品詳細
============================================== */

/* 詳細説明
-----------------------------------------------*/
div#itemDetail {
    margin: 20px 0;
}
div#itemDetail h1 {
    margin-bottom: 10px;
    font-size: 123.1%;
}
div#itemDetail div.img {
    float: left;
    margin: 0 20px 20px 0;
}
div#itemDetail p {
    margin-bottom: 1em;
}
div#itemDetail ul.date {
    text-align: right;
}
div#itemDetail ul.date li {
    display: inline;
    margin: 0 0 0 20px;
    font-size: 85%;
}

/* pager
-----------------------------------------------*/
ul.pagerView {
    text-align: center;
}
ul.pagerView li.prev {
    position: absolute;
    top: 7px;
    left: 0;
}
ul.pagerView li.next {
    position: absolute;
    top: 7px;
    right: 0;
}

/* 関連する逸品
-----------------------------------------------*/
div#relatedItem {
    margin: 20px 0;
}
div#relatedItem ul {
    overflow: hidden;
    width: 625px;
    margin-right: -5px;
}
div#relatedItem ul li {
    float: left;
    width: 120px;
    margin-right: 5px;
}


/* ==============================================
   サブコンテンツ
============================================== */

div#excellentSubColumn div.boxSubColumn {
    margin-bottom: 30px;
}

/* 注目の逸品
-----------------------------------------------*/
div#excellentSubColumn div#pickup dl dt {
    width: 70px;
    float: left;
    margin: 0 10px 5px 0;
}
div#excellentSubColumn div#pickup dl dt img {
    vertical-align: bottom;
}
div#excellentSubColumn div#pickup dl dt a {
    display: block;
    border: 3px solid #E8CBAA;
}
div#excellentSubColumn div#pickup dl dt a:hover {
    border-color: #FFCC00;
}
div#excellentSubColumn div#pickup dl dd {
    min-height: 55px;
    margin: 0 0 5px 80px;
}
/* for IE6 */
* html div#excellentSubColumn div#pickup dl dd {
    height: 55px;
}

/* ==============================================
   clearfix
============================================== */
div#newItemMain:after,
div#newItemSub:after,
div#newItemSub div.unitNewItem:after,
div#categoryList ul:after,
ul#excellentList li:after,
div#itemDetail:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0.1em;
}
div#newItemMain,
div#newItemSub,
div#newItemSub div.unitNewItem,
div#categoryList ul,
ul#excellentList li,
div#itemDetail {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html div#newItemMain,
* html div#newItemSub,
* html div#newItemSub div.unitNewItem,
* html div#categoryList ul,
* html ul#excellentList li,
* html div#itemDetail {
    height: 1%;
}
div#newItemMain,
div#newItemSub,
div#newItemSub div.unitNewItem,
div#categoryList ul, 
ul#excellentList li,
div#itemDetail {
    display: block;
}
/* End hide from IE-mac */