#contents #main article {
margin: 0 auto 0px auto;
}
#panasonic_head  { width:570px; margin:0 20px 8px; }
#panasonic_image { width:570px; margin:0 20px 16px; }

#panasonic_image a { display:block; float:left; margin-bottom:10px; }
#panasonic_image a img { display:block; }

#panasonic_image #main_image { margin-right:13px; }
#panasonic_image #movie_clip { text-align:center; }

.panasonic_clear { clear:both; }

#banner { width:570px; margin:0 auto; }
#banner li { float:left; margin-right:13px; margin-bottom:8px; }
#banner li img { display:block; }

#panasonic_body { width:570px; margin:12px 20px; padding-left:10px; padding-left:7px; }
#panasonic_body img { display:block; float:left; margin-right:20px; margin-bottom:20px; }


.ex_list1 li {float:left; margin-right:5px; margin-bottom:2px; }
.ex_list1 li dl dd{ height:115px; line-height:17px; font-size:14px;}
.ex_list1 li dl dd strong{ float:right; color:#FF0000; font-size:21px;}
.ex_list1 li dl { border: 1px solid #333333; width:180px; margin-bottom:5px; }
.ex_list1 li dt { border-bottom: 1px solid #333333; }
.ex_list1 li.none { margin-right:0; clear:right; }

.clearLeft { clear:left;  }   

.panasonic_acc { width:100%; margin:0 20px 8px;}
.panasonic_acc a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

#panasonic_ex { width:570px; margin:15px auto 0; }

#ex_list2 li {float:left; margin-right:6px; margin-bottom:2px; }
#ex_list2 li dl dd { text-align:center; font-weight:bold;}
#ex_list2 li.none { margin-right:0; clear:right; }

#panasonic_top p { width:280px; position:absolute; top:80px; left:10px; }

.ex_list3 li {float:left; margin:5px 15px 15px 2px; }
.ex_list3 li.none { margin-right:0; clear:right; }


	.panasonic_acc table tr .news strong {
	color: #F00;
}
.style2 {font-size: 24px}

.pana_cate:hover{
	position:relative;
	top:3px;
	background:#e68a8a !important;
}

.pana_cate{
	background:white;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border:solid 2px lightgray;
}

.pana_cate_a{
	display:block;
	text-decoration:none;
	padding:5px;
}



div.buy a {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png"), -moz-linear-gradient(center top , #ccc 0%, #f20502 97%);
    background-origin: padding-box, padding-box;
    background-position: center bottom;
    background-repeat: repeat, repeat;
    background-size: auto auto, auto auto;
    border: medium none;
    border-radius: 6px;
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    letter-spacing: 0;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
    width: 30%;
	margin-bottom:8px;
}
div.buy a:hover {
    box-shadow: 0 1px 0 rgba(136, 136, 136, 1);
    position: relative;
    top: 3px;
}