/*
--------------------
www.choicoga.com CSS
Name   :      choi01
Update :  2008.02.25
--------------------
*/

h1,h2,h3,h4,h5,h6,p,ul,li,ol,dd,dt,dl,hr {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 85%;
	width: 100%;
	background: #eeeecc;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 860px;
	background: url(img/shadow.gif) repeat-y #ffffff;
}

#tagline {
	margin: 0 auto;
	padding: 0;
}

#topbanner {
	margin: 0 auto;
	padding: 0;
	border-style: none;
}

#topbanner img {
	border: 0;
}

#topnav {
	margin: 12px auto;
	padding: 0;
	width: 840px;
	text-align: center;
}

#topnav img {
	margin: 0 4px;
	padding: 0;
	border: 0;
}

#wrapper {
	text-align: center;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

#onecolumn {
	text-align: left;
	margin: 5px auto 15px;
	padding: 15px 70px;
	font-size: 100%;
	clear: both;
	background: url(img/choi01-contbg.gif) repeat;
}

#sidecolumn {
	text-align: left;
	float:left;
	width:225px;
	margin: 3px 15px 10px 0;
}

.sidebanner {
	margin: 8px auto;
	padding: 0;
	border: 1px solid #77bbff;
}

.side {
	margin: 8px auto;
	padding: 8px 0;
	border: 1px solid #ddddaa;
}

.sideimg {
	margin: 4px auto 0;
	text-align: center;
}

#content {
	text-align: left;
	float:left;
	width:560px;
	margin: 10px auto 15px;
	padding: 10px;
	background: url(img/choi01-contbg.gif) repeat;
}

.cont {
	margin: 20px;
	padding: 10px;
	border-top: 1px solid #ffbb44;
	border-bottom: 1px solid #ffbb44;
	clear: both;
	background: #ffffff;
}

.img-r {
	margin: 4px 10px 8px;
	padding: 6px;
	border: 1px solid #ddddbb;
	float: right;
	background: #ffffff;
}

.img-l {
	margin: 4px 10px 8px;
	padding: 6px;
	border: 1px solid #ddddbb;
	float: left;
	background: #ffffff;
}

.img-c {
	text-align: center;
	margin: 2px 8px;
	clear: both;
	background: #ffffff;
}

.img-in {
	margin: 0 2px;
	padding: 0;
	border: 0;
	display: inline;
	line-height: 100%;
	vertical-align: middle;
}

h1 {
	padding: 2px 14px 1px;
	text-align: left;
	color: #aaaa00;
	font-size: 90%;
	font-weight: normal;
}

h2 {
	font-size: 140%;
	line-height: 170%;
	margin: 8px 0;
	padding: 0 4px;
	clear: both;
	border-left: 10px solid #3366ff;
	border-bottom: 1px solid #ccccee;
	background: url(img/h2bg.gif) repeat-x #eeeef9;
}

.toph2 {
	margin: 0;
	padding: 0;
	background: #ffffff;
	text-align: center;
}

h3 {
	font-size: 120%;
	line-height: 140%;
	margin: 10px 5px;
	padding: 2px 0 1px 6px;
	background: #ffee99 url(img/h3bg.gif) repeat-x;
	border-left: 6px solid #ff9900;
	clear: both;
}

h4 {
	font-size: 110%;
	font-weight: normal;
	margin: 10px 5px;
	padding: 4px 0 2px 8px;
	background: #ffffbb;
	border-bottom: 3px double #ffbb44;
	clear: both;
}

h5 {
	font-size: 100%;
	line-height: 130%;
	color: #333333;
	margin: 8px 10px 5px;
	padding: 0 0 0 2px;
	border-bottom: 1px dotted #ff9900;
	clear: both;
}

h6 {
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	line-height: 130%;
	margin: 8px 0 8px 8px;
	clear: both;
}

p {
	font-size: 100%;
	line-height: 150%;
	margin: 10px 15px;
}

ul {
	margin: 5px 0 3px;
	padding: 3px;
}

li {
	font-size: 100%;
	margin: 0 10px;
	padding: 0 0 5px 15px;
	line-height: 120%;
	background: url(img/limark.gif) no-repeat;
	list-style-type: none;
}

hr {
	height: 1px;
	background-color: #ccccaa;
	border: none;
	clear: both;
	width: 96%;
	margin: 0 auto;
	text-align: center;
}

table {
	margin: 12px 5px;
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

th,td {
	border: 1px solid #666655;
	border-collapse: collapse;
	margin: 0;
	padding: 2px 8px;
}

th {
	font-size: 100%;
	background: #4488ff;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.thtitle {
	font-size: 100%;
	background: #fffccc;
	color: #777777;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.thtitle-02 {
	font-size: 110%;
	background: #ff9900;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td {
	font-size: 95%;
	background: #ffffff;
	text-align: left;
	vertical-align: top;
}

.tdstrong {
	text-align: left;
	background: #dde3ff;
	vertical-align: middle;
}

.tdstrong-02 {
	text-align: left;
	background: #fffccc;
	vertical-align: middle;
	font-weight: bold;
}

td .goto {
	margin: 8px 4px 4px;
	padding: 2px 14px;
	text-align: right;
	line-height: 120%;
	border-bottom: 1px dotted #cccc99;
	background: url(img/goto.gif) no-repeat right top #fafadd;
}

td .img-pre {
	margin: 2px;
	padding: 4px;
	border: 1px solid #ddddbb;
	float: left;
	background: #ffffff;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.mar5px {
	margin: 5px;
}

.pad5px {
	padding: 5px;
}

.indent {
	padding: 0 10px 0 20px;
}

.goto {
	margin:  4px 8px 16px;
	padding: 2px 14px;
	text-align: right;
	line-height: 120%;
	border-bottom: 1px dotted #cccc99;
	background: url(img/goto.gif) no-repeat right top #fafadd;
	clear: both;
}

.strong01 {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #0066ff;
}

.strong02 {
	font-size: 120%;
	line-height: 130%;
	margin: 0;
	padding: 3px;
	background: #ffee99;
	font-weight: bold;
	color: #ff7700;
	display: block;
}

.strong03 {
	font-size: 110%;
	font-weight: bold;
}

.form-01 {
	margin: 3px auto;
	text-align: center;
}

.magmag {
	font-size: 100%;
	line-height: 150%;
	margin: 0 24px 12px;
	padding: 10px;
}

.sideframe {
	width: 260px;
	margin: 5px;
	padding: 12px 6px 2px;
	border: 4px solid #ffcc33;
	background: #ffffff;
	clear: both;
}

.frame-01 {
	border: 1px solid #ccccaa;
}

.frame-02 {
	margin: 3px 15px;
	padding: 3px;
	border: 1px solid #ccccaa;
}

.frame-022 {
	margin: 3px 15px;
	padding: 3px;
	border: 1px solid #ccccaa;
	background: #fdfdcc;
}

.frame-03 {
	margin: 3px 15px;
	padding: 8px;
	border: 1px solid #ccccaa;
	background: #fdfdcc;
}

.remarkli {
	margin: 0 8px;
}

.remarkli li {
	padding: 1px 0 0 15px;
	display: inline;
}

.form {
	font-size: 100%;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding: 0 0 20px 24px;
}

.button {
	background: #aaaaaa;
	text-align: right;
}

a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	color: #ff2200;
	text-decoration: underline;
}

a:active {
	color: #ff2200;
	text-decoration: underline;
}

a img {
	border-style: none;
}

#footer {
	margin: 0 auto;
	padding: 4px 0;
	border-top: 3px double #cccc99;
	text-align: center;
	background: #ffffff;
	font-size: 95%;
	line-height: 120%;
	clear: both;
}

#footer p {
	margin: 0 auto;
	padding: 4px 0;
	color: #aaaa66;
	border-top: 1px dotted #cccc99;
}

#footer li {
	padding: 1px 0 0 15px;
	display: inline;
}