@charset "utf-8";

/* ----------------------------------------
 *	トップページ
 * 
 * Update : 2009/06/19 Mitsuru Ogawa Topタブのグラディエーション対策でクラス追加
 * 		  : 2009/07/24 Mitsuru Ogawa 修正対応
 * 
 * ---------------------------------------- */

@import url(header.css);
@import url(footer.css);
@import url(common.css);
@import url(brand.css);


.t-search-input {
	width:240px;
}

#campaign {
	padding-top: 20px;
	height: 100%;
	width: 920px;
}

#campaign H2#cam01 {
	height: 155px;
	width: 337px;
	float: left;
}
#campaign H2#cam01 A {
	text-indent:-9999px;
	display:block;
	height: 155px;
	width: 337px;
}

#campaign H2#cam02 {
	height: 155px;
	width: 337px;
	float: left;
	margin:0px 5px;
}
#campaign H2#cam02 A {
	text-indent:-9999px;
	display:block;
	height: 155px;
	width: 337px;
}

#campaign H3#cam03 {
	height: 75px;
	width: 236px;
	float: left;
	margin-bottom:5px;
}
#campaign H3#cam03 A {
	text-indent:-9999px;
	display:block;
	height: 75px;
	width: 236px;
}

#campaign H3#cam04 {
	height: 75px;
	width: 236px;
	float: left;
}
#campaign H3#cam04 A {
	text-indent:-9999px;
	display:block;
	height: 75px;
	width: 236px;
}

#tab {
	clear: both;
	width: 920px;
	height: 100%;
	padding-top: 20px;
}

#tab #tabmenu {
	width: 920px;
	height: 25px;
}

#tabmenu-bottom-bar {
	clear:both;
	width:920px;
	height:3px;
	background:url(../Image/Parts/parts_tab_bottombar.gif) no-repeat left bottom;
	font-size: 1px;
	line-height: 0px;
}

#tab #tabmenu LI {
	padding-right: 1px;
	float: left;
}

#tab #tabmenu LI A {
	text-indent:-9999px;
	display:block;
	width: 100px;
	height: 25px;
}

#tab #tabmenu LI {
	padding-right: 2px;
	float: left;
}

#tab #tabmenu LI A {
	text-indent:-9999px;
	display:block;
	width: 129px;
	height: 25px;
}

#tab #tabmenu LI.tab-01 A {
	background:url(../Image/Menu/menu_tab_01.gif) no-repeat left top;
}
/* upマーク付与 2009/07/23 Tomoko Mikami( up Mitsuru Ogawa)
#tab #tabmenu LI.tab-01 A {
	background:url(../Image/Menu/menu_tab_01_up.gif) no-repeat left top;
}
 \*/
#tab #tabmenu LI.tab-01 A:active {
	background:url(../Image/Menu/menu_tab_01_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-01 A:hover {
	background:url(../Image/Menu/menu_tab_01_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-01-act A {
	background:url(../Image/Menu/menu_tab_01_o.gif) no-repeat left top;
}

#tab #tabmenu LI.tab-02 A {
	background:url(../Image/Menu/menu_tab_02.gif) no-repeat left top;
}
/* upマーク付与 
#tab #tabmenu LI.tab-02 A {
	background:url(../Image/Menu/menu_tab_02_up.gif) no-repeat left top;
}
 \*/
#tab #tabmenu LI.tab-02 A:active {
	background:url(../Image/Menu/menu_tab_02_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-02 A:hover {
	background:url(../Image/Menu/menu_tab_02_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-02-act A {
	background:url(../Image/Menu/menu_tab_02_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-03 A {
	background:url(../Image/Menu/menu_tab_03_up.gif) no-repeat left top;
}
/* upマークあり
#tab #tabmenu LI.tab-03 A {
	background:url(../Image/Menu/menu_tab_03_up.gif) no-repeat left top;
}
/* upマークなし 
#tab #tabmenu LI.tab-03 A {
	background:url(../Image/Menu/menu_tab_03.gif) no-repeat left top;
}
 \*/
#tab #tabmenu LI.tab-03 A:active {
	background:url(../Image/Menu/menu_tab_03_up.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-03 A:hover {
	background:url(../Image/Menu/menu_tab_03_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-03-act A {
	background:url(../Image/Menu/menu_tab_03_up.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-04 A {
	background:url(../Image/Menu/menu_tab_04_up.gif) no-repeat left top;
}
/* upマーク付与 
#tab #tabmenu LI.tab-04 A {
	background:url(../Image/Menu/menu_tab_04.gif) no-repeat left top;
}
 \*/
#tab #tabmenu LI.tab-04 A:active {
	background:url(../Image/Menu/menu_tab_04_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-04 A:hover {
	background:url(../Image/Menu/menu_tab_04_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-04-act A {
	background:url(../Image/Menu/menu_tab_04_o.gif) no-repeat left top;
}
/* upマーク付与
#tab #tabmenu LI.tab-05 A {
	background:url(../Image/Menu/menu_tab_05_up.gif) no-repeat left top;
}
\*/
#tab #tabmenu LI.tab-05 A {
	background:url(../Image/Menu/menu_tab_05.gif) no-repeat left top;
}

#tab #tabmenu LI.tab-05 A:active {
	background:url(../Image/Menu/menu_tab_05_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-05 A:hover  {
	background:url(../Image/Menu/menu_tab_05_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-05-act A {
	background:url(../Image/Menu/menu_tab_05_o.gif) no-repeat left top;
}

#tab #tabmenu LI.tab-06 A {
	background:url(../Image/Menu/menu_tab_06_up.gif) no-repeat left top;
}
/* upマーク付与
#tab #tabmenu LI.tab-06 A {
	background:url(../Image/Menu/menu_tab_06.gif) no-repeat left top;
}
 \*/ 
#tab #tabmenu LI.tab-06 A:active  {
	background:url(../Image/Menu/menu_tab_06_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-06 A:hover  {
	background:url(../Image/Menu/menu_tab_06_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-06-act A {
	background:url(../Image/Menu/menu_tab_06_o.gif) no-repeat left top;
}

#tab #tabmenu LI.tab-07 A {
	background:url(../Image/Menu/menu_tab_07_up.gif) no-repeat left top;
}
/* upマーク付与 
/* 2009/07/16 Mitsuru Ogawa 新着ブランドタブ追加 */
#tab #tabmenu LI.tab-07 A:active  {
	background:url(../Image/Menu/menu_tab_07_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-07 A:hover  {
	background:url(../Image/Menu/menu_tab_07_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-07-act A {
	background:url(../Image/Menu/menu_tab_07_o.gif) no-repeat left top;
}


/* 2010/07/26  再入荷タブ追加 */

#tab #tabmenu LI.tab-08 A {
	background:url(../Image/Menu/menu_tab_08_up.gif) no-repeat left top;
}

#tab #tabmenu LI.tab-08 A:active  {
	background:url(../Image/Menu/menu_tab_08_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-08 A:hover  {
	background:url(../Image/Menu/menu_tab_08_o.gif) no-repeat left top;
}
#tab #tabmenu LI.tab-08-act A {
	background:url(../Image/Menu/menu_tab_08_o.gif) no-repeat left top;
}



/********************* ランキングタブのクラス ここから *******************************/
#ranking_tab{
	padding-top: 15px;
	margin-bottom: 10px;
	height: auto;
}

#ranking_tab .title{
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #999;
	padding-bottom: 5px;
	height: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

#ranking_tab h3{
	padding-left: 5px;
	font-size: 110%;
	font-weight: bold;
	color: #666;
	display: inline;
	float: left;
	padding-top: 2px;
}

#ranking_tab .btn{
	float: right;
}

#ranking_tab ul{
	margin-bottom: 10px;
	display: inline;
	height: 22px;
	}

#ranking_tab li{
	float: left;
	display: inline;
	font-size: 12px;
	line-height: 22px;
	background: url(../Image/Parts/parts_li_arrow.gif) no-repeat left top;
	margin-left: 12px;
	margin-right: 30px;
	padding-left: 18px;
	font-weight: bold;
	
}
}
#ranking_tab a:link {
	height:20px;
	display: inline;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

#ranking_tab li a:hover{
	font-weight: bolder;
	color: #B38954;
	text-decoration: underline;
	
}

#ranking_tab li a:visited{
	font-weight: bold;
	text-decoration: underline;
	
}

#ranking_tab li a:active{
	font-weight: bold;
	text-decoration: underline;
	
}
/********************* ランキングタブのクラス ここまで *******************************/

/********************* 共通商品表示用のクラス ここから *******************************/
.tblItemIndicate {
	width: 920px;
	clear: both;
}

.td_spacer{
	width: 26px;
}

.tdItemIndicate {
	width:150px; /*PickUPサムネイル用*/
	float: left;
	text-align: left;
	vertical-align:top;
	padding-top: 5px;
	padding-right: 26px;
	padding-left: 0px;
	padding-bottom: 5px;
}

/* 商品一覧のクチコミ星*/
.list_eval{
	width:140px;
	text-align: left;
	clear: both;
	float: left;	
}

.tdItemIndicateBrandName{
	padding-top: 3px;
	padding-bottom: 5px;
}
.tdItemIndicateBrandName a{
	color:#000066 !important;
	padding-top: 3px;
	padding-bottom: 5px;
}

.tdItemIndicateBrandName a:hover{
	color:#0066ff !important;
	padding-top: 3px;
	padding-bottom: 5px;
}

.tdItemNameSpan a{
	color:#003399 !important;
	font-weight:bold;
	line-height: 1.2;
	}

.tdItemNameSpan a:hover{
	color:#0066ff !important;
	font-weight:bold;
	line-height: 1.2;
	}

.tdItemCateSpan {
	padding:0px 0px 0px 0px;
}

.tdItemIndicateItemCate {
	font-size:x-small;
	color: #999999;
}

.tdItemDiscriptionSpan {
	background:url(../Image/Parts/parts_tab_bottomline.gif) no-repeat left bottom;
	padding:3px 0px 15px 0px;
	line-height:1.0;
}

.tdItemIndicateItemDiscription {
	font-size:x-small;
}

.price-normal {
	text-align: right;
	font-size: x-small;
	padding:10px 0px 0px 0px;
}

.price-list_false {
	text-align: right;
	font-size: x-small;
	color: #333333;
}

.ex-price {
	text-align: right;
	color: #FF0000;
	font-weight: bold;
	font-size: small;
}

.ex-price {
	text-align: right;
	color: #FF0000;
	font-weight: bold;
	font-size: small;
}
.stockout {
	color: #000000;
	font-weight: bolder;
}

.soldout {
	color: #000000;
	font-weight: bolder;
}
/********************* 共通商品表示用のクラス ここまで *******************************/

.tdCam_spacer{
	width: 50px;
}

.tblCamIndicate {
	/*border: 1px solid #dfdfdf;*/
	width: 920px;
	clear: both;
	background-image: url(../Image/Parts/parts_tab_box_gra.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.tdCamIndicate {
	width:236px;
	float: left;
	text-align: left;
	vertical-align:top;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 50px;
}

.tdCamIndicate .btn{
	text-align: right;
}


.tdCamDiscriptionSpan {
	margin-top: 10px;
}

.tdCamItemIndicateItemDiscription {
	font-size:x-small;
}

#list-view-switch {
	text-align: right;
	margin-top: 35px;
}

#list-view-switch A {
	font-weight:bold;
}

#list-view-switch_favorite {
	text-align: right;
	margin-top: 10px;
}

/* リスト制御用CSS追加 */
#list-view-switch_favorite A {
	font-weight:bold;
}

.favorite_search_keyword {
	text-align: right;
	margin-top: 20px;
}

.page-nav {
	text-align: right;
	padding-bottom:5px;
}

.page-nav-num {
	font-weight:bold;
}

.page-nav LI {
	display: inline;
}

.page-nav A {
	font-weight:bold;
	display: inline;
	padding: 3px;
	text-decoration:none;
}

.page-nav A.page-nav-next {
	background:url(../Image/Parts/parts_nextpage.gif) no-repeat right 4px;
	padding-right: 15px;
}

.page-nav A.page-nav-prev {
	background:url(../Image/Parts/parts_prevpage.gif) no-repeat left 4px;
	padding-left: 15px;
	margin-left: 10px;
}

.pagenav-act {
	color: #961726;
}
/* リスト制御用CSS追加 ここまで */

.word-attention {
	color: #FF0000;
	font-weight:bold;
}

#information {
	position:relative;
	clear: both;
	line-height: 1.2em;
}

#information H4 {
	width:920px;
	height:29px;
	text-indent:-9999px;
	background:url(../Image/Title/subhead_info_top.gif) no-repeat left top;
	position: relative;
}

#information A {
	color:#000000;
}

#information A:hover {
	color:#333333;
}

#information #backnumber {
	position:absolute;
	top: 0px;
	right: 15px;
}

#information #backnumber A {
	background:url(../Image/Navi/navi_pastinfo.gif) no-repeat left top;
	width:90px;
	height:22px;
	display:block;
	text-indent:-9999px;
}



/* 2009/06/19 Mitsuru Ogawa 新着アイテムタブ追加によるクラス追加。                      */
/* 							tblItemIndicateにあったグラディエーションをこのクラスに移動 */
#top_tab {
	border: 1px solid #dfdfdf;
	width: 920px;
	clear: both;
	background-image: url(../Image/Parts/parts_tab_box_gra.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*for IE 5.5-7*/
.clearfix{
	zoom:1;
}

/*for modern browser*/
	.clearfix:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ランキングページの表示崩れ対策（対FireFox）だが、影響が大きいので無効。
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
 */