/* ============================================================ main */

#main {
	width:678px;
	float:left;
	margin-top:20px;
	}

#largeBanner {
	vertical-align:bottom;
	}

#new {
	width:668px;
	float:left;
	background:url(http://raffinato.tv/images/pc/index/new_bk.jpg) repeat-x;
	padding:4px 4px 3px 3px;
	margin-bottom:15px;
	}

#new li{
	float:left;
	padding:3px 3px 3px 4px;
	}

h2 {
	clear:both;
	}

#oowaku {
	clear:both;
	height:100%;
	background:#ccc;
	}


#shoppingSearch {
	border-collapse:collapse;
	z-index:20px;
	margin-bottom:10px;
	vertical-align:top;
	position:relative;
}

#brandSearch {
	vertical-align:top;
	background:url(http://raffinato.tv/images/pc/index/delta.gif) right bottom no-repeat #353535;
	position:relative;
	width:230px;
	}

#shoppingBox {
	position:relative;
	}

#sale {
	position:absolute;
	top:34%;
	}

#outlet {
	position:absolute;
	top:67%;
	}

#shoppingR {
	background:url(http://raffinato.tv/images/pc/index/delta.gif) right bottom no-repeat #353535;
	border-left:1px solid #ffffff;
	width:443px;
	}

#shoppingR:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#shoppingR {
  min-height: 1px;
}

* html #shoppingR {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#itemList {
	width:443px;
	border-collapse:collapse;
}

#itemList td{
	vertical-align:top;
}

.items {
	line-height:1.2em;
	}

.items ul{
	margin:0 0 10px 1.5em;
	}

.items li{
	white-space:nowrap;
	}

.items ul li a:link,
.items ul li a:visited{
	color:#cccccc;
	text-decoration:none;
	}

.items ul li a:hover,
.items ul li a:focus {
	color:#ffffff;
	text-decoration:none;
	}

#banners {
	/*
	position:relative;
	*/
	z-index:10;
	}

#banners img {
	margin:0 4px 4px 0;
	float:left;
	vertical-align:bottom;
	}

*html .column { /*IE6*/
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	margin-right:7px;
}

.column {
	padding:10px 10px 4px 10px;
	width:308px;
	border:1px solid #cccccc;
	float:left;
	margin:5px 9px 0 0;
	min-height:103px;
	height: auto !important;
	height: 103px;
	}

.column img{
	display:block;
	margin-bottom:3px;
	}

.column p{
	margin-bottom:5px;
	line-height:1.2em;
	}

#staffBlog {
	background:url(http://raffinato.tv/images/pc/index/blog_ph.jpg) right top no-repeat;
	}

#staffBlog p{
	width:240px;
	}

.newUpdate {
	padding-left:20px;/* 10/23変更 */
	background:url(http://raffinato.tv/images/pc/index/blog_new.gif) left center no-repeat;
	margin-top:10px;

	}

.newUpdate a:link,
.newUpdate a:visited {
	color:#333333;
	text-decoration:none;
	}

.newUpdate a:hover,
.newUpdate a:focus {
	color:#333333;
	text-decoration:underline;
	}

.up {
	color:#ff0000;
	}

/* ============================================================ side */

#side {
	width:216px;
	float:right;
	margin-top:20px;
	}

#ranking {
	background:url(http://raffinato.tv/images/pc/index/ranking_bk.gif) repeat-x;
	}

#ranking h3{
	float:left;
	}

#ranking p {
	float:right;
	text-align:right;
	color:#cc9900;
	margin-top:10px;
	}

#ranking ol{
	clear:both;
	overflow:hidden;
	width:196px;
	margin:0 10px 10px 10px;
	}

#ranking ol li{
	border-top:1px dotted #666666;
	line-height:1.3em;
	display:block;
	clear:both;
	padding-top:5px;
	}

#ranking ol li img{
	float:left;
	width:32px;
	padding-right:45px;
	}

#ranking ol li .item {
	display:block;
	width:115px;
	float:right;
	padding-bottom:3px;
	}

#ranking ol li .item a:link,
#ranking ol li .item a:visited {
	color:#333333;
	text-decoration:none;
	}

#ranking ol li .item a:hover,
#ranking ol li .item a:focus {
	color:#333333;
	text-decoration:underline;
	}

#rank1 img {
	background:url(http://raffinato.tv/images/pc/index/rank1.gif) 40px 3px no-repeat;
	}

#rank2 img {
	background:url(http://raffinato.tv/images/pc/index/rank2.gif) 40px 3px no-repeat;
	}

#rank3 img {
	background:url(http://raffinato.tv/images/pc/index/rank3.gif) 40px 3px no-repeat;
	}

#rank4 img {
	background:url(http://raffinato.tv/images/pc/index/rank4.gif) 40px 3px no-repeat;
	}

#rank5 img {
	background:url(http://raffinato.tv/images/pc/index/rank5.gif) 40px 3px no-repeat;
	}


#press {
	background:url(http://raffinato.tv/images/pc/index/press_bk.gif) center top repeat-y;
	}

#press img{
	float:left;
	margin-left:10px;
	}

#press h3 img{
	margin-left:0;
	}

#press h4 {
	float:right;
	margin:0 10px 10px 0;
	width:115px;
	display:inline;
	font-size:1.3em;
	color:#006666;
	font-weight:normal;
	}

#press h4 a:link,
#press h4 a:visited{
	color:#006666;
	text-decoration:none;
	}

#press h4 a:hover,
#press h4 a:focus{
	color:#006666;
	text-decoration:underline;
	}

#pressText {
	float:right;
	margin:0 10px 10px 0;
	width:115px;
	display:inline;
	color:#000000;
	}

#pressText a:link,
#pressText a:visited {
	color:#000000;
	text-decoration:none;
	}

#pressText a:hover,
#pressText a:focus {
	color:#000000;
	text-decoration:underline;
	}

#pressBn {
	float:none;
	clear:both;
	background:url(http://raffinato.tv/images/pc/index/press_bk.gif) repeat-y;
	height:20px;
	margin-bottom:0;
	}

#pressBn img {
	margin-left:127px;
	}

#whatsnew {
	background:url(http://raffinato.tv/images/pc/index/whatsnew_bk.gif) left 30px repeat-x;
	margin-bottom:20px;
	}


#whatsnew dl {
	height:125px;
	padding:10px;
	overflow-y:scroll;
	}

#whatsnew dt {
	color:#ff6600;
	}

#whatsnew dd {
	margin-bottom:1em;
	color:#000000;
	}

#whatsnew dd a:link,
#whatsnew dd a:visited {
	color:#000000;
	text-decoration:none;
	}

#whatsnew dd a:hover,
#whatsnew dd a:focus {
	color:#000000;
	text-decoration:underline;
	}

.sideBanner {
	margin-bottom:10px;
	}


#information {
	background:url(http://raffinato.tv/images/pc/index/information_bk.gif) no-repeat;
	padding:10px;
	margin-bottom:10px;
	}

#information h4{
	color:#996633;
	font-weight:normal;
	}


.raffinato a:link,
.raffinato a:visited {
	font-size:1.4em;
	color:#cc3366;
	text-decoration:none;
	}

.raffinato a:hover,
.raffinato a:focus {
	font-size:1.4em;
	color:#cc3366;
	text-decoration:underline;
	}

#about {
	border-top:1px dotted #333333;
	border-bottom:1px dotted #333333;
	padding:5px;
	}