@charset "UTF-8";

.leftColumn {
	width: 370px;
	float: left;
}
.rightColumn {
	width: 470px;
	float: right;
}


.leftColumn .icns {
	text-align: right;
}
.leftColumn .priceTableBlock {
	margin: 0 0 0 15px;
}
.leftColumn .priceTableBlock h3 {
	background: #BB5E79;
	margin: 15px 0 0 0;
	padding: 5px 10px;
}
.leftColumn .priceTableBlock table {
	width: 100%;
}
.leftColumn .priceTableBlock table th, .leftColumn .priceTableBlock table td {
	background: #FFF;
	border: solid 1px #E8CCC5;
	padding: 4px 10px;
}
.leftColumn .priceTableBlock table th {
	text-align: left;
	border-left: none;
}
.leftColumn .priceTableBlock table td {
}
.leftColumn .priceTableBlock table tr td:nth-child(2) {
	width: 5em;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
.leftColumn .priceTableBlock table tr td:last-child {
	width: 7em;
	text-align: right;
	border-right: none;
}
.leftColumn .priceTableBlock table tr.note th, .leftColumn .priceTableBlock table tr.note td {
	border-bottom: none;
}
.leftColumn .priceTableBlock table tr.note2 td {
	text-align: left!important;
	border-top: none;
	border-left: none;
	padding-left: 15px;
}
.rightColumn .bans {
	width: 440px;
	margin: 0 0 0 35px;
}
.rightColumn .bans li {
	margin: 0 0 20px;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:768px) {


	.leftColumn {
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}
	.rightColumn {
		width: 100%;
		float: none;
	}

	h1 {
		width: 160px;
	}
	
	.leftColumn .icns {
	}
	.leftColumn h2 {
		width: 60px;
	}
	.leftColumn .priceTableBlock {
		margin: 0;
	}
	.leftColumn .priceTableBlock h3 {
		background: #BB5E79;
		margin: 10px 0 0 0;
		padding: 5px 10px;
	}
	.leftColumn .priceTableBlock h3 img {
		width: auto;
		height: 10px;
	}
	.leftColumn .priceTableBlock table {
		width: 100%;
	}
	.leftColumn .priceTableBlock table th, .leftColumn .priceTableBlock table td {
		padding: 3px 6px;
	}
	.leftColumn .priceTableBlock table th {
	}
	.leftColumn .priceTableBlock table td {
	}
	.leftColumn .priceTableBlock table tr td:nth-child(2) {
	}
	.leftColumn .priceTableBlock table tr td:last-child {
	}
	.leftColumn .priceTableBlock table tr.note th, .leftColumn .priceTableBlock table tr.note td {
	}
	.leftColumn .priceTableBlock table tr.note2 td {
	}
	.leftColumn .priceTableBlock .note-image { width: 200px; }
	.leftColumn .priceTableBlock .note-image2 { width: 190px; }

	.rightColumn .bans {
		width: 100%;
		margin: 0;
	}
	.rightColumn .bans li {
		width: 220px;
		text-align: center;
		margin: 0 auto 10px;
	}

}


/* FOR smartphone portrait
***************************************************************************/
@media screen and (max-width:400px) {


}