@charset "UTF-8";

#exampleContents {
	background: url('/images/all_contentsBg.gif');
	text-align: center;
	}

#exampleContents .wrapper {
	width: 950px;
	margin: 0 auto;
	}

#exampleContents .wrapper {
	width: 950px;
	margin: 0 auto;
	}

.examPhExp {
	font-size: 12px;
	line-height: 14px;
	position: relative;
	text-align: right;
	height: 30px;
	min-height: 30px;
	top: -30px;
	margin: 0 0 -30px;
	}

dl.exampleBox {
	width: 775px;
	margin: 0 -25px 0 0;
	position: relative;
	}

dl.exampleBox dd {
	float: left;
    background-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.3);
	margin: 0 24px 25px 0;
	width: 363px;
	box-shadow: #a19256 0 1px 2px;
	padding: 12px 0 15px;
	}

dl.exampleBox dd.column1 {
	float: none;
	width: 750px;
	box-shadow: #a19256 0 1px 2px;
	padding: 12px 0 15px;
	}

dl.exampleBox dd p.read {
	margin: 0 0 12px 15px;
	}

div.bigClmTxt {
	width: 270px;
	float: left;
	}

div.bigClmTxt dd {
	float: none !important;
	}

div.bigClmTxt dd.price {
	padding: 0 0 5px 0 !important;
	}

div.bigClmTxt dd.copy {
	width: 224px !important;
	}


div.bigClmPh {
	float: left;
	width: 465px;
	}

div.bigClmPh table.examPh {
	margin: 0 !important;
	width: 465px;
	}

div.bigClmPh td.before {
	width: 238px !important;
	}

dl.exampleBox div.bigClmPh div.exampleArrow {
	width: 33px;
	height: 27px;
	position: relative;
	margin: 0 0 -27px 0;
	top: -65px;
	left: 140px !important;
	}

dl.exampleBox dd dl.iconPrice {
	width: 363px;
	margin: 0 15px;
	}

dl.exampleBox dd dl.iconPrice dd {
	background: none;
	padding: 0;
	box-shadow: none;
	margin: 0;
	}

dl.exampleBox dd dl.iconPrice dd.icon {
	width: 230px;
	float: left;
	}


dl.exampleBox dd dl.iconPrice dd.icon ul li {
	display: inline;
	padding: 0 3px 0 0;
	}

dl.exampleBox dd dl.iconPrice dd.price {
	font-weight: bold;
	font-size: 28px;
	font-family: 'Arial';
	width: 103px;
	height: 35px;
	}


dl.exampleBox dd dl.iconPrice dd.price span {
	font-size: 12px;
	margin: 0 10px 0 0;
	}


dl.exampleBox dd dl.iconPrice dd.copy {
	padding: 10px 0 0;
	width: 333px;
	}


dl.exampleBox dd h3 {
	font-weight: bold;
	color: #5a4800;
	font-size: 13px;
	line-height: 16px;
	margin: 0 15px 10px;
	}

dl.exampleBox dd h3 span.shopCat {
	background: #5a4800;
	color: #fff;
	margin: 0 5px 0 0;
	padding: 3px 5px;
	}

table.examPh {
	margin: 0 15px 10px;;
	width: 333px;
	}

table.examPh td {
	vertical-align: bottom;
	}

table.examPh td.before {
	width: 133px;
	}

table.examPh td.before h4 {
	position: relative;
	top: -5px;
	left: 6px;
	height: 17px;
	margin: 0 0 -17px 0;
	}

table.examPh td.after {
	}

table.examPh td.after h4 {
	position: relative;
	top: -5px;
	left: 6px;
	height: 17px;
	margin: 0 0 -17px 0;
	}

.phList td {
	background: url('/images/example/example-phTdbgBig.gif') no-repeat;
	}



.phList td ul li {
	display: inline;
	padding: 0 8px 0 0;
	}

.phList td ul li:last-child {
	padding: 0 0 0 0;
	}

.exampleArrow {
	width: 33px;
	height: 27px;
	position: relative;
	margin: 0 0 -27px 0;
	top: -65px;
	left: 125px;
	}

table.examPh td a:link img,
table.examPh td a:visited img {
	border: 1px solid #fff;
	}

table.examPh td a:hover img {
	border: 1px solid #ffa800;
	opacity: 1;
	}