body{}
h1 {}
h2 {
    display:inline;         /* 改行させない */
    margin:0px 5px;
}

.Signboard {border:none;}

.TopArea    {height:60px;}
.LeftArea   {float:left; width:18%;}
.MainArea   {float:left; width:65%;}
.RightArea   {float:left; width:16%;}
.TopPanel, .LeftPanel, .MainPanel, .RightPanel {margin:10px 5px 5px 5px; overflow:hidden;}
.TopPanel, .FooterArea {text-align:center;}

/*---- 左側エリア ----*/
.LeftTopPanel{height:75px;}
.Frame02    {margin:10px; padding:10px;}
.Frame02 ul {margin:5px 0px 0px 20px;}

/*---- 中央エリア ----*/
.IconSB        {border:none; height:16px; width:16px; vertical-align:middle;}
.IconSB_hatena {border:none; height:12px; width:16px; vertical-align:middle;}
.IconSB_buzzurl{border:none; height:15px; width:21px; vertical-align:middle;}
/* お知らせ */
.InfoBox{background-color:#FFF; border:double 3px #F00; margin:10px auto 0px auto; padding:5px; text-align:center; width:65%;}
/* 検索ボックス */
.SearchBox{margin:10px auto 10px auto; text-align:center;}

/* オススメ */
.RecommandLeft  {float:left; text-align:center; overflow:hidden; width:59%;}
.RecommandRight {float:left; text-align:center; width:40%;}
.RecommandBottom{text-align:left; margin-left:10px; clear:both;}
.CloudPanel{margin:10px 10px 0px 10px;}
.CloudPanel span    {margin:0px 2px;}
.CloudPanel .xFont01{font-size:140%;}
.CloudPanel .xFont02{font-size:120%;}
.CloudPanel .xFont03{font-size:100%;}
.CloudPanel .xFont04{font-size: 85%;}
.RecommandLeft  .RecommandPanel{margin-left:10px; table-layout:fixed;}
.RecommandRight .AdsPanel{width:250px; margin:auto; text-align:left;}
/* おすすめブランド */
.BrandLeft {float:left; text-align:center; overflow:hidden; width:59%;}
.BrandRight{float:left; text-align:left; width:40%;}
/* おすすめ商品 */
.GoodsAreaRecommand {float:left; width:24%; overflow:hidden;}
.GoodsAreaRecommand .xGoodsPanel{margin:0px 0px 0px 10px; padding:3px;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo {height:205px; margin:5px; overflow:hidden;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo div {overflow:hidden;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo h4 {font-size: 95%;}                    /* 商品タイトル */
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo h5 {font-weight:normal; margin:0px;}    /* ブランド名 */
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xTitle   {background-color:#FFFFFF; height: 46px;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xImg     {background-color:#FFFFFF; height:130px; padding:5px; text-align:center;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xImg img {margin:auto; border:solid 1px #CCCCCC;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xPrice   {background-color:#FFF8E0; color:#553300; height:20px; text-align:center;}
.GoodsAreaRecommand .xGoodsPanel .DetailLink{background-color:#FFFFFF; margin:0px 5px; text-align:right;}
.GoodsAreaRecommand .xGoodsPanel .DetailLink img {border:none; height:11px; width:42px;}
.RecommandGoodsLeft  {float:left; text-align:center; overflow:hidden; width:49%;}
.RecommandGoodsRight {float:left; text-align:center; width:50%;}
.RecommandGoodsRight .GoodsAreaRecommand {width:33%;}

/*---- 右側エリア ----*/
.RightTopPanel{
    background-color:#FFF8E0;
    border:solid 1px #FFCC88;
    font-size:85%;
    height:90px;
    line-height:1.5;
    margin-bottom:5px;
    text-align:left;
    padding:10px 5px 10px 10px;
}
.RightTopPanel .QRCodeImg
{
    margin:auto;
}
/* ランキングパネル */
.RankingPanel{
    /*border:solid 1px #F0A0E0;
    background:#FFE8F8 url(../img/common/tabNoTitle2.gif) no-repeat bottom right;*/
    padding: 5px;
    margin:0px;
}
.RankingPanel p.xTitle {
    margin: 0px 0px 5px 0px;
    padding: 8px 20px;
    text-align:left;
    color:#FF6600;
    border-bottom:double 3px #FFCC88;
    background:#FFF8E0 url(../img/common/tabNoTitle1.gif) no-repeat top right;
}
/* ランキングパネル - 商品 */
.GoodsPanel{background-color:#FFF8E0; border-bottom:dotted 2px #FFCC88; margin:2px; overflow:hidden;}
.GoodsPanel .xLink img {border:none; height:60px; width:198px;}
.GoodsPanel .DetailLink{margin:0px 5px; text-align:center;}
.GoodsPanel .DetailLink img {border:none; height:11px; width:42px;}
.GoodsPanel .GoodsInfo div  {overflow:hidden;}
.GoodsPanel .GoodsInfo .xImg     {text-align:center;}
.GoodsPanel .GoodsInfo .xImg img {margin:auto; border:solid 1px #CCCCCC;}
/* ランキングパネル - 1位 */
.GoodsArea1            {width:100%; overflow:hidden;}
.GoodsArea1 .GoodsInfo {height:173px; margin:5px; overflow:hidden;}
.GoodsArea1 .GoodsInfo h4  {font-size:100%; font-weight:normal;}
.GoodsArea1 .GoodsInfo .xTitle   {height:50px;}
.GoodsArea1 .GoodsInfo .xImg img {height:120px;}
/* ランキングパネル - 2位 */
.GoodsArea2            {width: 90%; margin:5px auto; overflow:hidden;}
.GoodsArea2 .GoodsInfo {height:145px; margin:5px auto; overflow:hidden;}
.GoodsArea2 .GoodsInfo h4  {font-size:85%; font-weight:normal;}
.GoodsArea2 .GoodsInfo .xTitle   {height:42px;}
.GoodsArea2 .GoodsInfo .xImg img {height:100px;}
/* ランキングパネル - 3位 */
.GoodsArea3            {width: 80%; margin:5px auto; overflow:hidden;}
.GoodsArea3 .GoodsInfo {height:125px; margin:5px; overflow:hidden;}
.GoodsArea3 .GoodsInfo h4  {font-size:85%; font-weight:normal;}
.GoodsArea3 .GoodsInfo .xTitle   {height:42px;}
.GoodsArea3 .GoodsInfo .xImg img {height: 80px;}
/* ランキングパネル - 4～7位 */
.GoodsArea4_7            {width: 90%; margin:5px auto; overflow:hidden;}
.GoodsArea4_7 .GoodsPanel{float:left; width:45%; margin:2px;}
.GoodsArea4_7 .GoodsInfo {height:74px; margin:2px 2px 0px 2px; overflow:hidden;}
.GoodsArea4_7 .GoodsInfo .xImg img {margin:auto;}
/* ランキングパネル - 詳細表示 */
#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 .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;}