body{
    /*width:1024px;*/
}

/* エリア設定 */
.MainArea   {float:left; width:70%;}
.RightArea  {float:left; width:11%;}
.RightPanel {margin:5px 0px 5px 0px; overflow:hidden;}
.GoodsArea  {float:left; width:170px;}
.GoodsPanel {margin:5px; overflow:hidden;}

/* 一覧 */
.ListTitlePanel{text-align:center;}
.ListNaviPanel{clear:both;}
.ListNaviPanel p   {float:left; width:49%; font-size:90%;}
.ListNaviPanel span{margin:0px 6px;}
.PagerPanel{text-align:center; margin:10px;}

/* 商品パネル */
.GoodsPanel{background-color:#FFF8E0; border:solid 1px #FFCC88}
/* 商品パネル - 一覧表示 */
.GoodsPanel .GoodsInfo {height:255px; margin:5px 5px 0px 5px; overflow:hidden;}
.GoodsPanel .GoodsInfo div {overflow:hidden;}
.GoodsPanel .GoodsInfo h4 {font-size: 95%;}                    /* 商品タイトル */
.GoodsPanel .GoodsInfo h5 {font-weight:normal; margin:0px;}    /* ブランド名 */
.GoodsPanel .GoodsInfo .xTitle   {height: 61px;}
.GoodsPanel .GoodsInfo .xImg     {height:130px; padding:5px; text-align:center;}
.GoodsPanel .GoodsInfo .xImg img {margin:auto; border:solid 1px #CCCCCC;}
.GoodsPanel .GoodsInfo .xPrice   {height:20px; text-align:center;}
.GoodsPanel .GoodsInfo .xBrand   {height:50px;}
.GoodsPanel .GoodsInfo .xBrand div{margin-left:5px;}
.GoodsPanel .GoodsInfo .xShop    {font-size:90%;}
.GoodsPanel .GoodsInfo .xShop div{margin-left:5px;}
.GoodsPanel .GoodsInfo .xLink {}
.GoodsPanel .GoodsInfo .xLink img {width:1px;}
.GoodsPanel .GoodsInfo .xComment {}
.GoodsPanel .DetailLink{margin:0px 5px; text-align:right;}
.GoodsPanel .DetailLink img {border:none; cursor:pointer; height:11px; width:42px;}
/* 商品パネル - 詳細表示 */
#facebox .GoodsInfo {}
#facebox .GoodsInfo h4 {}                                   /* 商品タイトル */
#facebox .GoodsInfo h5 {font-size: 90%;font-weight:normal; margin:0px 0px 5px 0px;} /* ブランド名 */
#facebox .GoodsInfo .xImg       {float:left; margin:5px; text-align:center; width:35%;}
#facebox .GoodsInfo .xImg img   
{
    border:solid 1px #CCCCCC;
    width:200px;
    height: auto;
}
#facebox .GoodsInfo .xPrice     {float:left; text-align:left; margin:10px 0px; width:60%;}
#facebox .GoodsInfo .xBrand     {float:left; text-align:left; width:60%;}
#facebox .GoodsInfo .xBrand span{font-size:85%;}
#facebox .GoodsInfo .xBrand div {text-align:left;}
#facebox .GoodsInfo .xShop      {float:left; text-align:left; width:60%;}
#facebox .GoodsInfo .xShop span {font-size:85%;}
#facebox .GoodsInfo .xShop div  {margin-left:20px; text-align:left;}
#facebox .GoodsInfo .xLink      {text-align:center; margin:10px;}
#facebox .GoodsInfo .xLink img  {border:none; height:45px; width:200px;}
#facebox .GoodsInfo .xComment   {line-height:1.8; margin:10px 10px 0px 10px;}

/* ウォッチリスト */
.RightTopPanel{
    height:76px;
}
.WatchListTitle{
    background:url(../img/common/bgTitleCommon.gif) no-repeat top right;
    color:#DD6622;
    font-weight:bold;
    padding:5px 0px 3px 5px;
    width:100%;
}
.WatchListFrame{
    border:solid 1px #FFCC88;
    background-color:#FFF8E0;
}
#WatchList{
    text-align:center;
}
#WatchList .xImg{
    border:solid 1px #CCCCCC;
    margin:5px auto;
    min-height:80px;
    max-height:120px;
    width:100px;
}
* html #WatchList .xImg{ /* ie6 hack */
    height:expression(
        document.all('contentBox').scrollHeight < 81? "80px" :
        document.all('contentBox').scrollHeight > 120? "120px" :
        'auto');
}