﻿

/********************** パンクズ ***************************/
#Bread{padding:3px 0;color:#333300;margin-bottom:10px;margin:0 0 5px 8px;}
#Bread a{ color:#333300;}
#Bread a:hover{ color:orange;}


/********************** Description List ***************************/

.itemList{border-top:solid 1px #C8C8C8;margin-top:10px;}
.itemList ul{margin:0;padding:0}
.itemList li{list-style:none;padding:10px;border-bottom: solid 1px #C8C8C8;}
.itemList .top{border-top: solid 1px #C8C8C8;}
.itemList .left{float:left;width:200px;}
.itemList .right{float:left;margin-left:10px;width:540px;height:202px;overflow:auto;}



/* 石のリスト */
ul.stones em{color: #FF9933;font-size: 80%;}
ul.stones li{line-height:180%;}
#List ul.stones{margin:10px 0 0 0;}


/********************** 最近チェックしたアイテム ***************************/
#History{
	border-top:solid 1px #C8C8C8;
}
.History{
	margin:0 auto;
	width:968px;
	background-color:White;
	text-align:left;
	border-left:solid 1px #C8C8C8;
	border-right:solid 1px #C8C8C8;
}
.History{
	padding:7px 0 0 0;
}
.History h2{
	padding-left:24px;
	margin:0;
}

.history{
	float:left;
}
#Scrollable{
	position:relative;
	overflow:hidden;
	width: 915px;
	height:122px;
	height:134px;
	border:1px solid #C8C8C8;
	/*background:url(img/scroll_b.png) repeat-x;*/
	margin-bottom:10px;
}
#Scrollable .items{
	width:20000em;
	position:absolute;
	clear:both;
}
#Scrollable .items div{
	float:left;
	width:915px;
}
#Scrollable img{
	float:left;
	margin:8px 5px 0 22px;
	background-color:#fff;
	border:1px solid #ccc;
	width:100px;
	height:100px;
	width:116px;
	height:116px;
}
#Scrollable .active{
	border:2px solid #000;
	position:relative;
	cursor:default;
}
#Scrollable{
	float:left;	
}
a.browse{
	display:block;
	width:24px;
	height:120px;
	float:left;
	cursor:pointer;
	font-size:1px;
}
a.right 				{ background-image:url(img/scroll_r_1.png);}
a.right:hover 		{ background-image:url(img/scroll_r_2.png); }
a.right:active 	{ background-image:url(img/scroll_r_1.png);} 


/* left */
a.left				{ background-image:url(img/scroll_l_1.png); } 
a.left:hover  		{ background-image:url(img/scroll_l_2.png); }
a.left:active  	{ background-image:url(img/scroll_l_1.png); }


/* disabled navigational button */
a.disabled{
	visibility:hidden !important;		
} 	


h2.bn {
	margin:0 0 20px 20px !important;
	padding:0 !important;
	background:none !important;
}