@charset "utf-8";
#char {
	width:780px;
	margin-top:570px;
}
#char:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height:0;
}
#charL .bd, #chgImg .bd{
	width:18px;
	height:18px;
	border: 1px solid #FFFFFF;
	margin:0 2px;
}
/* -------- charL -------- */
#charL{
	float:left;
	width: 550px;
	padding:0 20px 0 10px;
	margin: 0;
}
#charL h1 {
	font-size:10pt;
	margin:0;
	text-align:center;
	color:#555;
}
#charL h2{
	font-size:9pt;
	line-height: 9pt;
	padding: 10px 0 0 15px;
 	margin:20px 0 10px 0;
	background-image: url(/img/H.gif);
	background-repeat: no-repeat;
	clear:left;
}
#charL p {
	font-size:10pt;
	margin-left:2em;
	line-height:1.4em;
}
#charL img.bd {
	vertical-align:text-bottom;
}
#charL #btnInq, #charL #favi {
	border:0;
	display:block;
	margin:0 0 0 auto;
}
#charL blockquote {
	margin: 10px 0 10px 30px;
}
#charL span.gLev {
	background:#ff0;
	padding:0 3px;
	border: 1px solid #fd0;
}
#charL blockquote table {
	border-collapse: collapse;
	line-height:1.5em;
}
#charL blockquote table td {
	padding:5px 8px;
	border-bottom: 1px solid #aaa;
}
#charL blockquote table tr:last-child td {
	border-bottom: 0;
}

#charL blockquote table td.colL {
	border-right: 1px solid #aaa;
	white-space: nowrap;
}
#charL blockquote table #gLevBg {
	background-color:#ffc;
}

/* -------- charR -------- */
#charR{
	float:left;
	width: 200px;
	margin: 0;
}
#charR #rtn, #charR #btnSal {
	display:block;
	border:0;
	width:200px;
	height:32px;
	margin-bottom:5px;
}
#charR #sqPrc {
	padding: 10px;
	letter-spacing:2px;
	line-height:1.6em;
	border: 1px solid #D9C8B4;
	background-color: #F9F5F0;
	margin-bottom: 17px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	webkit-box-shadow: 2px 2px 1px 0px #aaa;
	-moz-box-shadow: 2px 2px 1px 0px #aaa;
	box-shadow: 2px 2px 1px 0px #aaa;
}
#charR #sqPrc > div{
	text-align: right;
	padding-bottom:10px;
	margin-bottom:10px;
}
#charR #sqPrc .stk {
	border-bottom:1px dotted #999; 
}

#charR #sqPrc .prc {
	color:#CC0000;
	font-weight:bold;
}
#charR #sqPrc .prc div{
	text-align:left;
}
#charR #sqPrc .pprc div{
	text-align:left;
}
#charR #sqPrc .pprc span{
	background-image: url(/img/del.gif);
}
#charR #sqPrc #prcNote {
	display:block;
	width:180px;
	height:40px;
	border:0;
	margin:5px auto 0;
}
#charR #sqPrc #sot {
	display:block;
	width:152px;
	height:53px;
	margin:0 auto;
}

#charR form {
	text-align: center;
}
#charR #law {
	display:block;
	margin:0 auto 10px;
	border:0;
}
#charR #sh input[type=text] {
	display:block;
	width:178px;
	margin:0 auto;
	padding:1px;
	border: 1px solid #aaa;
	background-color: #FFFFF0;
}
#charR #sh button {
	margin:0;
	padding:0;
	background-color:transparent;
	border:0;
}
#charR #sh button img {
	display:block;
	width:182px;
	height:30px;
	margin:0 auto;
}
#charR #relP h3 {
	font-size:10pt;
	text-align:center;
	margin:0;
}
#charR #relP {
	width: 178px;
	margin: 10px 0 0 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #F3F3F3;
}
#charR #relP a img{
	display:block;
	width: 150px;
	height:150px;
	margin: 10px auto;
	border: 1px solid #ccc;
}
#charR #relP > div{
	border-bottom: 1px solid #ccc;
	margin: 4px 0 0 0;
	padding: 0 0 10px 0;
	text-align: right;
}
#charR #relP > div:last-child {
	border-bottom: 0;
	padding-bottom:0;
}
#charR .campaignBanner {
	display:block;
	width:200px;
	height:80px;
	margin-bottom:10px;
}
#charR #telCardFee {
	display:block;
	border:0;
	width:200px;
	height:60px;
	margin-bottom:5px;
}

/* -------- imgBox -------- */
#imgBox {
	position:absolute;
	top:10px;
	clear:both;
	width:780px;
}
#breadcrumbs {
	margin: 0 10px 0 0;
	padding:0;
	text-align:right;
}
#gImg {
	text-align: center;
	height: 510px;
}
#loader {
	position:absolute;
	left:350px;
	top:200px;
	width:100px;
	height:100px;
	background:#fff url(/img/ajax-loader.gif) no-repeat center center;
}
#chgImg {
	text-align: right;
	height: 27px;
	margin: 5px 30px 0 0;
}