@charset "utf-8";

/* CSS Document */
/*　このファイルは、おすすめSOHOアイテム（/shopping/以下）のみに使われているレイアウトや書式を指定しています。　*/
/*　width,float,padding,marginの値は変更しないで下さい。レイアウトが崩れる場合があります。　*/


/* ============================　おすすめSOHOアイテムTOP　============================ */

/*----------　上部　----------*/

/*　上部の商品画像、中央寄せ　*/

.shop-top_img {
width: 100px;
margin-right: auto;
margin-left: auto;
height: 100px;
margin-bottom: auto;
text-align: center;
padding-bottom: 10px;
}

/*　上部の商品名の文字サイズ、太字、下余白　*/

.shop-top_com h4 {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

/*　段落の下余白、行間をあける　*/

.shop-top_com p {
margin-bottom: 5px;
line-height: 130%;
}

/*----------　人気ランキング　----------*/

/*　人気ランキングの幅、左寄せ　*/

#left-ranking {
float: left;
width: 150px;
}

/*　人気ランキングをピンクの枠で囲む　*/

.block-pink {
border: 1px solid #F79EBD;
margin-bottom: 10px;
margin-top: 20px;
}

/* 人気ランキングの見出し３、背景、余白、文字サイズ */

.block-pink  h3 {
background-image: url(../shopping/img/h3-pink_bg.gif);
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 7px;
font-size: 13px;
}

/* 人気ランキングの見出し４、文字サイズ、太字、下余白 */

.block-pink h4 {
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}

/* 人気ランキングの段落、行間を空ける、下余白 */

.block-pink p {
line-height: 130%;
margin-bottom: 5px;
}

/*----------　カテゴリー　----------*/

/*　カテゴリーの幅　*/

#right-cate {
float: right;
width: 423px;
}

/*　カテゴリーのタイトル　*/

#right-cate h3 {
font-size: 14px;
font-weight: bold;
background-image: url(../img-fix/page-h3_bg.gif);
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 20px;
margin-bottom: 10px;
}

/*　カテゴリーの説明文、右寄せ、幅、下余白　*/

.cate-word {
float: right;
width: 313px;
padding-bottom: 20px;
}

/*　各カテゴリーのタイトル、文字サイズ、太字、下余白　*/

.cate-word h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}

/*　カテゴリーの説明文の段落、行間をあける、下余白　*/

.cate-word p {
margin-bottom: 5px;
line-height: 150%;
}


/* ============================　カテゴリーページ　============================ */


/*　商品説明の幅　*/

.right-com {
float: right;
width: 432px;
padding-bottom: 20px;
}

/*　商品説明の見出し４（商品名）　*/

.right-com h4 {
padding-bottom: 5px;
font-size: 16px;
}

/*　商品説明の見出し５（「詳細」の文字）　*/

.right-com h5 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 13px;
font-weight: normal;
}

/*　商品説明の段落、行間、下余白　*/

.right-com p {
margin-bottom: 5px;
line-height: 130%;
}