@charset "utf-8";

#INFO .left-pane {
	width: 330px;
	float: left;
}
#INFO .right-pane {
	width: 590px;
	float: right;
}
#INFO .box {
	background: #eee no-repeat 0 0;
	padding-top: 5px;
}
#INFO .box-inner {
	background: no-repeat 0 bottom;
	padding-bottom: 5px;
}
#INFO .left-pane .box {
	background-image: url(../../../../static/sitekey/sonyshop/images/detail/img_box_s_top.gif);
}
#INFO .left-pane .box-inner {
	background-image: url(../../../../static/sitekey/sonyshop/images/detail/img_box_s_btm.gif);
}
#INFO .right-pane .box {
	background-image: url(../../../../static/sitekey/sonyshop/images/detail/img_box_l_top.gif);
}
#INFO .right-pane .box-inner {
	background-image: url(../../../../static/sitekey/sonyshop/images/detail/img_box_l_btm.gif);
}
#SHOP .photo {
	margin-right: -4px;
}
#SHOP .photo li {
	margin-right: 4px;
	border: 1px solid #ccc;
	background-color: #000;
}
#SHOP .photo li.current {
	border: 1px solid #fff;
}
#SHOP .photo li img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#SHOP .photo li.current img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#VAIO .vaio {
	margin-right: -4px;
}
#VAIO .vaio li {
	margin-right: 4px;
}
#INFO .right-pane h2 {
	font-size: medium;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#INFO .right-pane .icons li {
	margin-right: 10px;
}
#INFO table.basic-info {
	border-top: 1px dotted #ccc;
	width: 100%;
}
#INFO .basic-info th,
#INFO .basic-info td {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
}
#INFO .basic-info th {
	font-weight: normal;
	text-align: left;
	width: 25%;
}
#MAP {
	margin-top: 30px;
}

/* resize */
.image-resize-small {
    z-index:1;
    /* position:absolute;   for IE8 */
    max-width: 48px;
	max-height: 48px;
}
* html body .image-resize-small {
	width: expression(this.width >= this.height ? "48px" : "auto");
	height: expression(this.width <= this.height ? "48px" : "auto");
}

.image-resize {
    z-index:1;
    /* position:absolute;   for IE8 */
    max-width: 320px;
	max-height: 320px;
}
* html body .image-resize {
	width: expression(this.width >= this.height ? "320px" : "auto");
	height: expression(this.width <= this.height ? "320px" : "auto");
}

.image-learge-box {
    /*height:320px;*/
    vertical-align:middle;
    text-align:center;
}

.image-learce-cell {
    height: auto;
    /*display: table-cell; IE6/7では無効 */
    width: auto;
    vertical-align:middle;
    text-align:center
}

div#spotDetailContent div#blockMap02 {
    float: left;
    height: 561px;
    width: 920px;
    padding:0;
}

.padt20 {
    padding: 0 0 12px;
    text-align: center;
}