/* CSS Document */

#sp_pan {
    width: 750px;
	margin: 12px 0 5px 0;
}
#line {
	width: 750px;
	height: 3px;
	background-color:#CCCCCC;
}

#sp_left {
	float: left;
	width: 368px;
	margin: 5px 14px 15px 0;
	font-size: 100%;
	line-height: 120%;
}

#sp_right {
	float: right;
	width: 368px;
	margin: 5px 0 15px 0;
	font-size: 100%;
	line-height: 120%;
}

#sp_right table {
	background-color: #CCCCCC;
	margin-bottom:10px;
}

#sp_right td {
	background-color: #ffffff;
	padding: 3px;	
	font-size:11px;
	line-height:110%;
}

#sp_right td.tit {
    font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-color: #441408;
	padding:5px 3px;
}

#sp_right td.photo {
	vertical-align:middle;
	text-align: center;
}

#sp_right td.det {
	text-align:center;
	background-color: #EBEBEB;
	padding:5px 3px;
	width:43px;
}

#sp_right td.cc {
	text-align:center;
	padding:5px 3px;
}

#sp_right td.tim {
	padding:5px 3px;
	height:50px;
}

#sp_left table {
	background-color: #CCCCCC;
	margin-bottom:10px;
}

#sp_left td {
	background-color: #ffffff;
	padding: 3px;	
	font-size:11px;
	line-height:110%;
}

#sp_left td.tit {
    font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-color: #441408;
	padding:5px 3px;
}

#sp_left td.photo {
	vertical-align:middle;
	text-align: center;
}

#sp_left td.det {
	text-align:center;
	background-color: #EBEBEB;
	padding:5px 3px;
	width:43px;
}

#sp_left td.cc {
	text-align:center;
	padding:5px 3px;
}

#sp_left td.tim {
	padding:5px 3px;
	height:50px;
}

#sp_back {
	text-align: right;
	width: 750px;
}
#sp_back a {
	color:#FF0000;
	text-decoration: underline;
}
#sp_back a:hover {
    color:#a77b5e;
	text-decoration: underline;
}

/*==================================================

 CSS Hack
 
==================================================*/
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   }
.clearfix {
   display:inline-block;
   }
/* Hide from IE-mac \*/
*html .clearfix {
   height:1%;
   }
.clearfix {
   display:block;
   }
/* End hide from IE-mac */



/*==================================================

�@BAGELS

==================================================*/
li {
    list-style:none;
}
#SpecialCategoryList {
    width:750px;
	font: normal 100% Verdana, Helvetica, sans-serif;
	background:url(../p-list/images/contents_bg.gif) repeat-y;
	margin:10px 0 0;
}
#sclistLeft {
    width:135px;
	float:left;
	padding:10px 0 0 5px;
	margin:0 20px 0 0;
	line-height:180%;
}
#sclistRight {
    width:590px;
	float:left;
}
.shop {
	margin:0 0 20px;
	position:relative;
}
.shop h3 {
	margin:0 0 10px;
	border-top:#333 solid 2px;
	border-bottom:#333 dotted 1px;
	font-size:18px;
	height:40px;
	line-height:40px;
	padding:5px 0 5px 60px;
}
.shop ul {
    position:absolute;
	top:21px;
	right:20px;
}
.shop .shopImg {
    width:50px;
	height:40px;
	position:absolute;
	top:7px;
	left:5px;
}
.shopLeft {
    width:200px;
	float:left;
	margin:0 20px 0 0;
}
.shopLeft img {
    margin:0 0 10px;
	z-index: 3;
}
.shopLeft dl {
    position:relative;
    margin:0 0 5px;
}
.shopLeft dt {
    position:absolute;
	left:0;
	font-weight: bold;
}
.shopLeft dd {
	padding: 0 0 0 60px;
}
.shopRight {
    width:370px;
	float:left;
}
.shopRight h4.head {
    background:#c0ab90;
	text-align:left;
	padding:4px;
	color:#fff;
	font-weight:bold;
	margin:0 0 10px;
}
.shopRight p.description {
	padding: 0;
	line-height:140%;
	margin:0 0 10px;
}
.shopRight th {
	padding:5px 2px 5px 4px;
	background:#E1D7CA;
	width:108px;
	text-align:left;
	vertical-align:middle;
}
.shopRight td {
	background:#E1D7CA;
}
.shopRight td.value {
	text-align:center;
	width:60px;
	padding:5px 0;
}
.shopRight td.mesure {
	background:url(../p-list/images/mesure.gif) no-repeat center;
	width:130px;
	padding:5px 0;
	font-size:120%;
	color:#FF0000;
}
.shopRight td.word {
	text-align:center;
	padding:5px 0;
}
.shopRight td.mesure .grade01 {
    margin-left:8px;    
}
.shopRight td.mesure .grade02 {
    margin-left:33px;    
}
.shopRight td.mesure .grade03 {
    margin-left:59px;    
}
.shopRight td.mesure .grade04 {
    margin-left:85px;    
}
.shopRight td.mesure .grade05 {
    margin-left:110px;    
}