﻿body 
{
    background:url(../img/list/wall/wall.gif) no-repeat left top;
    /*width:1024px;*/
}

/* エリア設定 */
.MainArea   {float:left; width:65%;}

/*---- 左側エリア ----*/
.LeftTopPanel{height:195px;}
.Frame02    {margin:10px; padding:10px;}
.Frame02 ul {margin:5px 0px 0px 20px;}
.KeyWord    {margin:5px; color:#AA6600; font-size:85%;}

/*---- 中央エリア ----*/
.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;}
#txtSearchWord, #btnItemSearch {
    border-color:#00AFCF #008FAF #008FAF #00AFCF;
    border-style:solid;
    border-width:1px;
}
#txtSearchWord {font-size:22px; width:300px;}
#btnItemSearch {background-color:#FFFDEA; color:#008FAF; 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:auto; text-align:left;}
/* おすすめ商品 */
.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:#FFFDEA; height: 46px;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xImg     {background-color:#FFFDEA; height:130px; padding:5px; text-align:center;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xImg img {margin:auto; border:solid 1px #CCCCCC;}
.GoodsAreaRecommand .xGoodsPanel .GoodsInfo .xPrice   {background-color:#FFFDEA; color:#AA6622; height:20px; text-align:center;}
.GoodsAreaRecommand .xGoodsPanel .DetailLink{background-color:#FFFDEA; 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%;}
.ChildSheetRecommand {float:left; width:33%; overflow:hidden;}
.ChildSheetRecommand .xGoodsPanel{margin:0px 0px 0px 10px; padding:3px;}
.ChildSheetRecommand .xGoodsPanel .GoodsInfo {height:185px; margin:5px; overflow:hidden;}
.ChildSheetRecommand .xGoodsPanel .GoodsInfo div {overflow:hidden;}
.ChildSheetRecommand .xGoodsPanel .GoodsInfo h4 {font-size: 95%;}                    /* 商品タイトル */
.ChildSheetRecommand .xGoodsPanel .GoodsInfo h5 {font-weight:normal; margin:0px;}    /* ブランド名 */
.ChildSheetRecommand .xGoodsPanel .GoodsInfo .xTitle   {background-color:#FFFDEA; height: 46px;}
.ChildSheetRecommand .xGoodsPanel .GoodsInfo .xImg     {background-color:#FFFDEA; height:110px; padding:5px; text-align:center;}
.ChildSheetRecommand .xGoodsPanel .GoodsInfo .xImg img {margin:auto; border:solid 1px #CCCCCC;}
.ChildSheetRecommand .xGoodsPanel .GoodsInfo .xPrice   {background-color:#FFFDEA; color:#AA6622; height:20px; text-align:center;}
.ChildSheetRecommand .xGoodsPanel .DetailLink{background-color:#FFFDEA; margin:0px 5px; text-align:right;}
.ChildSheetRecommand .xGoodsPanel .DetailLink img {border:none; height:11px; width:42px;}
/* ショップ */
.ShopPanel{float:left; margin:5px; text-align:center; width:145px;}
/* ニュース */
.NewsPanel {overflow:hidden; clear:both; padding:5px 0px;}
.NewsPanel .NewsItem {padding:2px 10px; clear:both;}
.NewsPanel .NewsItem .xTitle     {color:#AA4400; font-size:90%; font-weight:bold; width:98%;}
.NewsPanel .NewsItem .xTitle span{color:#AA4400; font-size:90%; font-weight:normal;}
.NewsPanel .NewsItem .xContents{color:#666666; font-size:85%; padding-left:2em;}
.NewsPanel .NewsItem .xContents img{float:right; border:solid 1px #CCCCCC;}

.NewsPanel .News {width:76%; float:left;}
.NewsPanel .Ads  {width:23%; float:left; overflow:hidden; text-align:center; vertical-align:middle; padding-top:10px;}

/*---- 右側エリア ----*/
.RightTopPanel {
    height:165px;
}
/* ランキングパネル */
.RankingPanel{
    /*border:solid 1px #F0A0E0;
    background:#FFE8F8 url(../img/common/tabNoTitle2.gif) no-repeat bottom right;*/
    color:#AA6622;
    padding: 5px;
    margin:65px 0px 0px 0px;
}
.RankingPanel p.xTitle {
    margin: 0px 0px 5px 0px;
    padding: 8px 20px;
    text-align:left;
    color:#AA6622;
    border-bottom:double 3px #EA6F00;
    background:#FFFDEA url(../img/common/tabNoTitle1.gif) no-repeat top right;
}
/* ランキングパネル - 商品 */
.GoodsPanel{border-bottom:dotted 2px #EA6F00; margin:2px; overflow:hidden;}
.GoodsPanel .xLink img {border:none; height:60px; width:198px;}
.GoodsPanel .DetailLink{background-color:#FFFDEA; 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:#FFFDEA; 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:#FFFDEA; 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:#FFFDEA; 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:#FFFDEA; 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:#FFFDEA; 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:#FFFDEA; 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:#FFFDEA; height:74px; margin:2px 2px 0px 2px; overflow:hidden;}
.GoodsArea4_7 .GoodsInfo div {overflow:hidden;}
.GoodsArea4_7 .GoodsInfo .xImg     {background-color:#FFFDEA; 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;}
