@charset "utf-8";

/* ------------------------------------------- CSS Information
 File Name:     genre.css
 UpdatedBy:     20100910-00:00
 Style Info:    ランキングスタイル設定
----------------------------------------------------------- */

/* h1見出し
---------------------------------------- */
.lower #mainbody #wrapper h1 {
    height: 1%;
    width: 936px;
    margin: 17px auto;
    padding: 1px 7px 0 7px;
    background: #f4f4f4;
    border: 1px solid #d6d6d6;
    color: #000000;
    font-size: 138%;
}

/* ------------------------------------------------------------

wrapper要素

------------------------------------------------------------ */
#wrapper {
	line-height: 1.4;
	word-wrap: break-word;
}

#wrapper table {
	word-wrap: normal;
}

#wrapper button,
#wrapper input,
#wrapper select,
#wrapper textarea {
	vertical-align: middle;
}

#wrapper input {
	margin: 0;
}


/* head_txt要素
---------------------------------------- */
p.head_txt{
	text-align: right;
	font-size:82%;
	color: #999999;
}



/* head_bnr要素
---------------------------------------- */
.head_bnr{
	text-align: center;
}


/* mainColumn要素
---------------------------------------- */

div#mainColumn {
	width: 950px;
	margin: 0 auto;
}


/* ------------------------------------------------------------

contents要素

------------------------------------------------------------ */

div#contents {
	float: right;
	margin-left: 0;
	width: 740px;
}

#contents h2 {
	height: 1%;
	padding: 3px 10px 2px 10px;
	background: #bf0000;
	color: #ffffff;
	font-size: 100%;
	line-height: 1.4;
}

/* pankuzu要素
---------------------------------------- */
#pankuzu .current {
	font-weight: bold;
}

/* ------------------------------------------------------------

検索窓

------------------------------------------------------------ */
.lower #searchHeader {
	width: 100%;
	padding: 9px 0 8px 0;
	background: #f2f0f0;
	color: #000000;
	text-align: center;
}

.lower #searchHeader .option {
	display: block;
	width: 632px;
	margin: 0 auto;
}

* html .lower #searchHeader .option {
	width: 634px;
}

*:first-child+html .lower #searchHeader .option {
	width: 634px;
}

.lower #searchHeader #searchHeaderRadio01 {
	margin-left: 144px;
}

* html .lower #searchHeader #searchHeaderRadio01 {
	margin-left: 140px;
}

*:first-child+html .lower #searchHeader #searchHeaderRadio01 {
	margin-left: 140px;
}

.lower #searchHeader label {
	vertical-align: middle;
}

.lower #searchHeader .option {
	text-align: left;
}

.lower #searchHeader .search,
.lower #searchHeader .label {
	color: #bf0000;
	font-weight: bold;
}

.lower #searchHeader label img {
	vertical-align: middle;
}

.lower #searchHeader select {
	margin: 0 0 0 3px;
}

.lower #searchHeader .text {
	width: 448px;
	height: 21px;
	margin: 0 0 0 3px;
	font-size: 115%;
}

.lower #searchHeader .submit {
	width: 117px;
	margin: 0 0 0 3px;
}

.lower #searchHeader .option label {
	margin: 0 3px;
}

*:first-child+html .lower #searchHeader .option label {
	zoom: 1;/*IE7のズーム機能で拡大した際のレイアウト崩れ回避*/
}

.first #searchHeader,
.second #searchHeader,
.maker #searchHeader {
	width: 100%;
	padding: 9px 0 8px 0;
	
  	/* add */
	background: #f2f0f0;
	text-align: center;
}

.search #searchHeader {
	width: 100%;
	padding: 9px 0 8px 0;
	background: #f2f0f0;
	text-align: center;
}

.first #innerSearchHeader,
.second #innerSearchHeader,
.maker #innerSearchHeader {
	height: 1%;
	border-top: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	padding: 20px;
}

.first #searchHeader .text,
.second #searchHeader .text,
.maker #searchHeader .text {
	width: 364px;
}

.search #searchHeader .text {
	width: 448px;
}

/* ------------------------------------------------------------

container要素

------------------------------------------------------------ */
div#container {
	float: right;
	width: 100%;
	background: url(http://a.ichiba.jp.rakuten-static.com/com/img/pdt/img/bg_mainColumn.gif) repeat-y 0 0;
}

/* ------------------------------------------------------------

subContents要素

------------------------------------------------------------ */

div#subContents {
	float: left;
}

#subContents {
	color: #000000;
}

#subContents .section {
	width: 182px;
	margin: 0px 0px 15px;
	padding: 0 6px 6px 6px;
	background: #ffffff;
	border-right: 2px solid #bf0000;
	border-bottom: 2px solid #bf0000;
	border-left: 2px solid #bf0000;
}

#subContents .section h2 {
	width: 198px;
	margin: 0 -8px 4px -8px;
	background: #bf0000;
	color: #ffffff;
	font-weight: bold;
}

#subContents .current,
#subContents .label {
}

/* 第一階層
---------------------------------------- */
.first #subContents .first {
	background:url("http://a.ichiba.jp.rakuten-static.com/com/img/pdt/img/icon.gif") no-repeat 0 3px;
	color: #000000;
	font-weight:bold;
	display: block;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	padding: 0 0 0 16px;
	line-height: 1.4;
}

.first #subContents ul ul {
	margin: 0;
}

.first #subContents ul ul ul {
	margin: 0;
}

.first #subContents ul ul ul ul {
	margin: 0 0 0 11px;
}

.first #subContents .genre ul {
}

.first #subContents .genre ul ul {
	margin-top: 0;
}

.first #subContents .genre ul li {
}

.first #subContents .genre ul ul li {
	margin: 0 0 0 15px;
}
.first #subContents .second{
	background:url("http://a.ichiba.jp.rakuten-static.com/com/img/pdt/img/icon.gif") no-repeat scroll 4px -1915px transparent;
}
.first #subContents .third {
	background:url("http://a.ichiba.jp.rakuten-static.com/com/img/pdt/img/icon.gif") no-repeat scroll 0 -126px transparent;
}


/* 第二階層
---------------------------------------- */
.second #subContents .second,
.second #subContents .maker {
	color: #969696;
}

.second #subContents ul ul {
	margin: 0 0 0 15px;
}

.second #subContents ul ul ul {
	margin: 0;
}

/* 第三階層
---------------------------------------- */
.third #subContents .third,
.third #subContents .maker {
	color: #969696;
}

.third #subContents ul ul {
	margin: 0 0 0 15px;
}

.third #subContents ul ul ul {
	margin: 0;
}

/* メーカー情報
---------------------------------------- */
.lower #subContents .info h2 {
	width: 182px;
	padding: 7px 8px 5px 8px;
}

.lower #subContents .info dt,
.lower #subContents .info dd {
	display: inline;
}

/* 条件を選んで検索
---------------------------------------- */
#subContents #searchTerms {
	background: #e7e7e7;
}

.third #subContents #contents h3 {
	height: 1%;
	margin: 32px 0 0 0;
	padding: 4px 10px 5px 10px;
	background: #f5f5f5;
	border-bottom: 2px solid #cccccc;
	border-right: 1px solid #dddddd;
	color: #000000;
	font-size: 107%;
}

#subContents #searchTerms label {
	display: block;
	margin: 10px 0 0 0;
}

#subContents #searchTerms dl {
	margin: 10px 0 0 0;
}

#subContents #searchTerms dl dd.more {
	text-align: right;
}

#subContents #searchTerms dl dd li {
	display: inline;
	margin: 0 7px 0 0;
}

#subContents #searchTerms input.price {
	width: 59px;
	vertical-align: text-bottom;
}

*:first-child+html #subContents #searchTerms span.price {
	zoom: 1;/*IE7のズーム機能で拡大した際のレイアウト崩れ回避*/
}

#subContents #searchTerms #searchTermSubmit {
	display: block;
	margin: 10px auto 0 auto;
}

/* 一覧
---------------------------------------- */
.lower #subContents .list h2 {
	width: 182px;
	padding: 4px 8px 3px 8px;
}

/* 絞り込み
---------------------------------------- */
.lower #subContents .narrow h2 {
	width: 198px;
	margin: 0 -8px 4px -8px;
	padding: 0;
}

/* バナー
---------------------------------------- */
.lower #subContents .banner h2 {
	width: 182px;
	padding: 4px 8px 3px 8px;
}

.lower #subContents .banner .item {
	margin: 10px 0 0 0;
}

.lower #subContents .banner .item dd img {
	display: block;
	margin: 0 auto 3px auto;
}

/* ------------------------------------------------------------

contents要素

------------------------------------------------------------ */
#contents .section {
	margin: 0 0 30px 0;
}

/* テーブル
---------------------------------------- */
.table table {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

* html .table table {
	border-collapse: collapse;
}

*:first-child+html .table table {
	border-collapse: collapse;
}

.table table th,
.table table td {
	padding: 3px;
}

.table table th {
	background: #DCDCDC;
	font-color: #C0C0C0;
	border-left: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	font-weight: normal;
}
.table table th.image{
	border-left: 1px solid #BBBBBB;
}
.table table th.release{
	border-right: 1px solid #BBBBBB;
}

.table table th.checkbox {
	width: 152px;
	border-left: 1px solid #BBBBBB;
}

.table table th.checkbox span {
	font-size: 77%;
}

.table table th.handling,
.table table th.selling,
.table table th.satisfaction{
	white-space: nowrap;
}

.table table th.ranking,
.table table th.spec {
	border-bottom: 1px solid #BBBBBB;
}

.table table th.spec,
.table table th.spec02 {
	border-right: none;
}

.table table td {
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

.table table td.checkbox {
	width: 24px;
	padding: 10px 0;
	background: #e8e8e8;
	border-left: 1px solid #bbbbbb;
}

.table table td.checkbox,
.table table td.image,
.table table td.price,
.table table td.handling,
.table table td.selling,
.table table td.satisfaction,
.table table td.release {
	text-align: center;
}
.table table td.satisfaction_end {
	border-right: 1px solid #BBBBBB;
	text-align: center;
	width: 85px;
}

.table table td.image {
	width: 128px;
	height: 107px;
	border-left: none;
}

.table table td.image, x:-moz-any-link {
	height: 107px;
}

* html .table table td.image {
	height: 100px;
}

*:first-child+html .table table td.image {
	height: 100px;
}

.table table td.image {
    height /*\**/: 100px\9;
    border-left:1px solid #BBBBBB;
}

.table table td.checkbox,
.table table td.image,
.table table td.price,
.table table td.selling,
.table table td.satisfaction{
	white-space: nowrap;
}
.table table td.release {
       border-right:1px solid #BBBBBB;
}

.table table td.product {
	width: 512px;
}

.table table .maker {
	font-size: 77%;
}

.table table td.price {
	color: #bf0000;
	font-size: 107%;
	font-weight: bold;
	width:100px;
}

.table table td.selling {
	color: #bf0000;
	font-weight: bold;
}

.table table td.satisfaction .rank {
	font-weight: bold;
}

.table table td.spec02 {
	border-right: 1px solid #bbbbbb;
}

/* 関連一覧
---------------------------------------- */
.related{
	margin: 0 auto;
	margin-bottom: 30px;
	width: 950px;
}
.related .section {
	margin: 10px 15px 0 15px;
}

.related h4 {
	border-left: 4px solid #bf0000;
}

.related h4 span {
	display: block;
	padding: 2px 0 1px 5px;
	border-bottom: 1px solid #dddddd;
}

.related ul {
	margin: 10px 13px 0 13px;
}

.related li {
	display: inline;
	display: inline-block;
	margin: 0 13px 0 0;
	line-height: 2;
}

* html .related li {
	display: inline;
	height: 1%;
}

*:first-child+html .related li {
	display: inline;
	height: 1%;
}

/* ------------------------------------------------------------

footContents要素

------------------------------------------------------------ */
div#footContents {
	margin: 35px 0 0 0;
}

/* 最近チェックした製品
---------------------------------------- */
#footContents .check {
	width: 948px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	border: solid #cecece;
	border-width: 0 1px 1px 1px;
}

#footContents .check p {
	position: relative;
	z-index: 2;
	width: 928px;
	margin: 0 -1px 8px -1px;
	padding: 6px 10px 4px 10px;
	background: url(http://a.ichiba.jp.rakuten-static.com/com/img/pdt/img/bg_check.gif) left center;
	border: solid #cecece;
	border-width: 1px 1px 0 1px;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
}

/* 検索窓
---------------------------------------- */
#searchFooter {
	width: 526px;
	margin: 32px auto 0 auto;
	padding: 5px 0;
	background: #f2f0f0;
	border: 1px solid #e1dfe0;
	text-align: center;
}

#searchFooter label {
	color: #bf0000;
	font-weight: bold;
}

#searchFooter label img {
	vertical-align: middle;
}

#searchFooter select {
	display: none;
}

#searchFooter .text {
	width: 256px;
	height: 21px;
	margin: 0 0 0 3px;
	font-size: 107%;
}

#searchFooter .submit {
	width: 118px;
	margin: 0 0 0 3px;
}

/* ジャンル一覧
---------------------------------------- */
#footContents .genreList {
	height: 1%;
	margin: 22px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

#footContents .genreList dt {
	font-weight: bold;
}

#footContents .genreList dd dt {
	font-weight: normal;
}

#footContents .genreList dt,
#footContents .genreList dd,
#footContents .genreList dd ul,
#footContents .genreList dd ul li{
	display: inline;
}

.lower #mainbody #wrapper .rankingTopBannerWrapper {
	border:none;
	width:950px;
	padding: 0;
}