﻿body 
{
    background:url(../img/list/wall/wall.gif) no-repeat left top;
    /*width:1024px;*/
}
/*
div{ border:solid 1px #AAAAAA;}
*/
h1 {position:absolute; left:10px; top:10px;}
h2 {
    display:inline;         /* 改行させない */
    margin:0px 5px;
}

.Signboard {border:none;}
.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;}

.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;}

/*---- 中央エリア ----*/
/* お知らせ */
.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;}
#txtSearchWord, #btnItemSearch {
    border-color:#C03090 #900060 #900060 #C03090;
    border-style:solid;
    border-width:1px;
}
#txtSearchWord {font-size:22px; width:300px;}
#btnItemSearch {background-color:#FFECEC; color:#900060; font-size:20px; height:29px;}
/* オススメ */
.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:50px auto 0px 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:#FFF4F4; height: 46px;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xImg     {background-color:#FFF0F0; height:130px; padding:5px; text-align:center;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xImg img {margin:auto; border:solid 1px #CCCCCC;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xPrice   {background-color:#FFECEC; color:#550055; height:20px; text-align:center;}
.GoodsAreaRecommand .xGoodsPanel .DetailLink{background-color:#FFF4F4; margin:0px 5px; text-align:right;}
.GoodsAreaRecommand .xGoodsPanel .DetailLink img {border:none; height:11px; width:42px;}
/* ニュース */
.NewsArea {overflow:hidden; clear:both;}
.NewsArea .NewsItem {padding:2px 10px; clear:both;}
.NewsArea .NewsItem .xTitle     {color:#880066; font-size:90%; font-weight:bold; width:98%;}
.NewsArea .NewsItem .xTitle span{color:#666666; font-size:90%; font-weight:normal;}
.NewsArea .NewsItem .xContents{font-size:85%; padding-left:2em;}
.NewsArea .NewsItem .xContents img{float:right; border:solid 1px #CCCCCC;}
/* ファッションウォーカー */
.FaWalker {border:0; width:100%;}
.FaWalker td { padding:5px; width:50%;}
.VerticalAlignTop { vertical-align:top;}
.BorderBottom {border-bottom:dashed 1px #AAAAAA;}
.FW_Title { color:#FF00FF; font-weight:bold;} 
.colorRed{color: Red;}
.imgBorder{ border:0px;}
/* ブランド情報 */
.Brand {border:0; width:100%;}
.Brand td { padding:5px; width:25%; vertical-align:top;}
/* セール情報 */
.SaleList { padding:5px; background:url(../img/index/sele_info.gif) repeat-y center}
dl {padding:5px;}
dl dt{color:#550055; font-size:100%; font-weight:bold;}

/*---- 右側エリア ----*/
.RightTopPanel {
    border-top:solid 1px #CCCCCC;
    border-left:solid 1px #CCCCCC;
    border-right:double 3px #AAAAAA;
    border-bottom:double 3px #AAAAAA;
    font-size:85%;
    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;*/
    color:#550055;
    padding: 5px;
    margin:0px;
}
.RankingPanel p.xTitle {
    margin: 0px 0px 5px 0px;
    padding: 8px 20px;
    text-align:left;
    color:#550055;
    border-bottom:double 3px #F0A0E0;
    background:#FFF8FF url(../img/common/tabNoTitle1.gif) no-repeat top right;
}
/* ランキングパネル - 商品 */
.GoodsPanel{border-bottom:dotted 2px #F0A0E0; margin:2px; overflow:hidden;}
.GoodsPanel .xLink img {border:none; height:60px; width:198px;}
.GoodsPanel .DetailLink{background-color:#FFF4F4; margin:0px 5px; text-align:center;}
.GoodsPanel .DetailLink img {border:none; height:11px; width:42px;}
/* ランキングパネル - 1位 */
.GoodsArea1            {width:100%; background-color:#FFF4F4; overflow:hidden;}
.GoodsArea1 .GoodsInfo {background-color:#FFF4F4; height:173px; margin:5px; overflow:hidden;}
.GoodsArea1 .GoodsInfo div {overflow:hidden;}
.GoodsArea1 .GoodsInfo h4  {font-size:100%; font-weight:normal;}
.GoodsArea1 .GoodsInfo .xTitle   {height:50px;}
.GoodsArea1 .GoodsInfo .xImg     {background-color:#FFF0F0; text-align:center;}
.GoodsArea1 .GoodsInfo .xImg img {height:120px; margin:auto; border:solid 1px #CCCCCC;}
/* ランキングパネル - 2位 */
.GoodsArea2            {width: 90%; margin:5px auto; background-color:#FFF4F4; overflow:hidden;}
.GoodsArea2 .GoodsInfo {background-color:#FFF4F4; height:145px; margin:5px auto; overflow:hidden;}
.GoodsArea2 .GoodsInfo div {overflow:hidden;}
.GoodsArea2 .GoodsInfo h4  {font-size:85%; font-weight:normal;}
.GoodsArea2 .GoodsInfo .xTitle   {height:42px;}
.GoodsArea2 .GoodsInfo .xImg     {background-color:#FFF0F0; text-align:center;}
.GoodsArea2 .GoodsInfo .xImg img {height:100px; margin:auto; border:solid 1px #CCCCCC;}
/* ランキングパネル - 3位 */
.GoodsArea3            {width: 80%; margin:5px auto; background-color:#FFF4F4; overflow:hidden;}
.GoodsArea3 .GoodsInfo {background-color:#FFF4F4; height:125px; margin:5px; overflow:hidden;}
.GoodsArea3 .GoodsInfo div {overflow:hidden;}
.GoodsArea3 .GoodsInfo h4  {font-size:85%; font-weight:normal;}
.GoodsArea3 .GoodsInfo .xTitle   {height:42px;}
.GoodsArea3 .GoodsInfo .xImg     {background-color:#FFF0F0; text-align:center;}
.GoodsArea3 .GoodsInfo .xImg img {height: 80px; margin:auto; border:solid 1px #CCCCCC;}
/* ランキングパネル - 4～7位 */
.GoodsArea4_7             {width: 90%; margin:5px auto; background-color:#FFF4F4; overflow:hidden;}
.GoodsArea4_7 .GoodsPanel {float:left; width:45%; margin:2px;}
.GoodsArea4_7 .GoodsInfo {background-color:#FFF4F4; height:74px; margin:2px 2px 0px 2px; overflow:hidden;}
.GoodsArea4_7 .GoodsInfo div {overflow:hidden;}
.GoodsArea4_7 .GoodsInfo .xImg     {background-color:#FFF0F0; text-align:center;}
.GoodsArea4_7 .GoodsInfo .xImg img {margin:auto; border:solid 1px #CCCCCC;}
/* ランキングパネル - 詳細表示 */
#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;}
