﻿@charset "UTF-8";

/* トップCSS */
/* トピックスCSS */
#right #topics {
	width: 741px;
	height: 110px;
	margin-bottom: 20px;
	margin-right: 0px;
	border:solid 0px;
	overflow:auto;
	padding:0px;
}

#right #topics .topics {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
}


#right #topics .topics p {
	color: #999999;
}
/* 緊急時トピックス上CSS */
/* 20110324追加*/
#u_topics {
	text-align: left;
	font-size: 14px;
        color: #666666;
	font-weight: bold;
}

/*  バナー一つ */
#right #bnr {
	width: 696px;
	height: 112px;
	margin-left: 21px;
	margin-right: 25px;
	margin-bottom: 22px;
}

/* バナー二つ以降 */
#right #bnr .space{
  margin-right: 7px;
}

#rightColumn #bnr_tag {
	width: 780px;
	/*
	height: 140px;
	
	margin-left: 3px;
	margin-right: 4px;
	*/
	margin-bottom: 22px;
}

/* ランキングバナー */
#right #bnr-ranking {
	text-align: center;
	margin: 0px;
}
#right #bnr-ranking img {
        vertical-align: bottom;
}


/* ソーシャルアイコン-11/05/16追加 */

/* ソーシャル追加-トップ */
#right #social {
	padding-left: 20px;
	float: left;
}

/* ソーシャル追加-商品詳細 */
#detail01 #social {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#social div{
	padding: 0px;
/* 	margin-right: 20px; */
	margin-bottom: 20px;
	float: left;
}

#social div.first{
	margin-right: 10px;
	margin-top: 2px;
}

#social div.last{
	margin-left: 10px;
}






/* 掲載アイテム数 */
#rightColumn #item01 {
	margin-top:20px;
	/*margin-bottom: 10px;*/
	color: #000000;
}

#rightColumn #item01 ul{
	text-align: right;
	padding-top: 16px;
	margin-right: 6px;
	padding: 0px;
}

#rightColumn #item01 li {
	display: inline;
	margin-right: 10px;
}

#rightColumn #item01 ul li.none {
	margin-right: 0px;
	padding-left: 15px;
	background: url(../../img/renewal/arr02.gif) no-repeat left center;
	text-align: right;
}

#rightColumn #item01 ul li a {
	color: #000000;
}

#rightColumn #item01 ul li a:visited{
	color: #000000;
}

/* 商品一覧 */
#right h2.ttl_space01 {
	margin-bottom: 26px;
}

#right h2.ttl_space02 {
	width: 741px;
	height: 25px;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	padding-left: 12px;
	padding-top: 4px;
	background: url(../../img/renewal/ttl_black.gif) no-repeat 0px 0px;
	margin-bottom: 24px;
}

/* ランキングh2見出しタイトル */
#right h2.ttl_space03 {
	margin-bottom: 15px;
	text-align:left;
}

/* 横一列ボックス */
#right .listbox01 {
	color: #666666;
	padding-left: 23px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 33px;
}

/* 横一列ボックス02 */
#right .listbox02 {
	color: #666666;
	padding-left: 23px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 16px;
}

*:first-child+html #right .listbox02 {
	margin-bottom: 16px;
}

html[xmlns] #right .listbox02 {
	margin-bottom: 16px;
}

/* 商品一覧ボックス */
#right .boxin {
	float: left;
	width: 164px;
 	margin-right: 12px;
	/*
 	background-image: url(../../img/renewal/bg_boxin.gif);
 	background-repeat: repeat-y;
	background-position: center top;
	*/
	margin-bottom: 20px;
}

/* IE6用商品一覧ボックス修正 */
* html #right div.boxin {
	height: 362px;
}

/* ランキングボックス */
#right div.boxin-ranking {
	float: left;
	width: 167px;
	height:400px;
 	margin: 0 30px 15px 30px;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
    /*
	background-image: url(../../img/renewal/bg_boxin.gif);
	background-repeat: repeat-y;
	background-position: center top;
	*/
	}

/* IE6用ランキングボックス */
* html #right div.boxin-ranking {
 	margin: 0 35px 15px 20px;
	height: 305px;
}

#right div.boxin-ranking div.mail {
	height: auto;
	font-size: 1px;
	line-height: 10px;
}

/* 商品一覧 テキスト */
#right .txt_space {
	text-align: right;
	padding-right: 20px;
	margin-bottom: 50px;
	clear: both;
	font-size: 10px;
}

/* 商品一覧 ボタン */
div.listbox01 div.btn,
div.listbox02 div.btn {
	height: 30px;
	padding-top: 8px;
	/*
	background: url(../../img/renewal/bg_box01.gif) no-repeat center top;
	*/
	padding-left: 10px;
	padding-right: 10px;
}

div.listbox01 div.btn img,
div.listbox02 div.btn img {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
}

div.listbox01 div.btn img.icons,
div.listbox02 div.btn img.icons {
	margin-right: 5px;
	vertical-align: middle;
}

div.listbox01 div.btn img.space,

div.listbox02 div.btn img.space {
	padding-right: 6px;
}

/* 商品一覧 写真 */
div.listbox01 .item_ph,
div.listbox02 .item_ph {
	text-align:center;
	width: 167px;
	height: 209px;
	/*
	padding-left: 22px;
	padding-right: 22px;
	*/
	margin-bottom:10px;
}

/* 商品一覧 ブランド名 */
div.listbox01 h3,
div.listbox02 h3 {
	height: 15px;
	font-size: 10px;
	font-weight: normal;
	padding-left: 6px;
	padding-right: 6px;
}

/* 商品一覧 商品名 */
div.listbox01 h4,
div.listbox02 h4 {
	height: 60px;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: underline;
	padding-left: 8px;
	padding-right: 8px;
}

/* 商品一覧 値段 */
div.listbox01 p.price,div.listbox02 p.price {
	height: 35px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 1px;
}

/* 商品一覧 税込 */
div.listbox01 .txt_tax01,
div.listbox02 .txt_tax01 {
  font-size: 10px;
  font-weight: normal;
  margin-right: 5px;
}

/* 商品一覧 掲載雑誌 */
div.listbox01 p.book,
div.listbox02 p.book {
	height: 23px;
	font-size: 12px;
	font-weight: normal;
	padding-left: 8px;
	padding-right: 8px;
}

/* 商品一覧 ボタン */
div.listbox01 .btn_next,
div.listbox02 .btn_next {
	height: 21px;
	padding-left: 8px;
}


/* 商品一覧 メール登録 */
div.listbox01 div.mail,
div.listbox02 div.mail {
	height: 23px;
	background: url(../../img/renewal/bg_box02.gif) no-repeat center bottom;
	padding-left: 8px;
	padding-right: 8px;
}

div.listbox01 p.mail,
div.listbox02 p.mail {
	font-size: 10px;
	line-height: 14px;
	color: #638FCE;
	background: url(../../img/renewal/arr01.gif) no-repeat left center;
	padding-left: 10px;
}

div.listbox01 p.mail a,
div.listbox02 p.mail a {
	color: #638FCE;
}

div.listbox01 p.mail a:visited,
div.listbox02 p.mail a:visited {
	color: #638FCE;
}

/* 商品一覧 ナンバー */
div.listbox02 img.num {
	height: 18px;
	padding-left: 8px;
	padding-right: 8px;
}

/* 商品一覧 アウター */
#right #item02 {
	margin-bottom: 35px;
	color: #000000;
}

#right #item02 ul{
	text-align: right;
	margin-bottom: 8px;
	margin-right: 6px;
	padding: 0px;
}

/* ↓2010.3.30 商品一覧navi追加のため修正 */
#right #item02 a,#right div.item_nav a {
	color: #000000;
}

#right #item02 a:visited,#right div.item_nav a:visited{
	color: #000000;
}

/* 商品一覧 アイテム１段目矢印右 */
#right #item02 ul.arr li,#right div.item_nav ul.arr li {
	display: inline;
	margin-right: 5px;
	background: url(../../img/renewal/arr02.gif) no-repeat left center;
	color: #000000;
	padding-left: 15px;
}

/* 商品一覧 アイテム１段目-矢印下 */
#right #item02 ul.arr li.under,#right div.item_nav ul.arr li.under {
	margin-right: 0px;
	padding-left: 13px;
	margin-right: 5px;
	background: url(../../img/renewal/arr03.gif) no-repeat left center;
	text-align: right;
	text-decoration:underline;
}

/* 商品一覧 アイテム１段目縦線 */
#right #item02 ul.arr li.line,#right div.item_nav ul.arr li.line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #323232;
	padding-right: 10px;
}

/* 商品一覧 アイテム１段目余白なし */
#right #item02 ul.arr li.none,#right div.item_nav ul.arr li.none {
	margin-right: 0px;
}

/* 商品一覧 アイテム２段目矢印なし */
#right #item02 ul.none li,#right div.item_nav ul.none li {
	display: inline;
	margin-right: 10px;
	color: #000000;
}

/* 商品一覧 アイテム２段目余白なし */
#right #item02 ul.none li.none,#right div.item_nav ul.none li.none {
	margin-right: 0px;
	padding-left: 15px;
	background: url(../../img/renewal/arr02.gif) no-repeat left center;
	text-align: right;
}

/* ↑2010.3.30 商品一覧navi追加のため修正 *//* 2010.3.30 商品一覧navi追加 */
#right div.item_nav {
	clear: both;
	text-align: right;
	padding: 0 0 10px 0 ;
	color: #000;
}

#right div.item_nav ul.item_nav {
	margin: 10px 0;
}

#right div.item_nav ul.item_nav li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	margin-right: 5px;
}

html[xmlns] #right div.item_nav ul.item_nav li {
	margin-right: 0px;
	padding-right: 4px;
}

*:first-child+html #right div.item_nav ul.item_nav li {
	margin-right: 4px;
	padding-right: 0px;
}

#right div.item_nav ul.item_nav li.noborder {
	border-right-width: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

/* 商品一覧ページトップ */
p.txt_pagetop {
	background: url(../../img/renewal/arr04.gif) no-repeat left center;
	padding-left: 15px;
	padding-right: 20px;
	margin-bottom: 50px;
	display: inline;
	float:right;
}

/* ランキングバナー下テキスト */
p.ranking {
	text-align: right;
	margin: 5px 30px 20px 0;
}


.ranking_box {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#ranking_body {
	width: 735px;
	float:right;
	margin-left:auto;
	margin-right:auto;

}
