@charset "utf-8";

/**************************************
	URL       : http://cyberstep.com/kdj/
	Copyright : CyberStep
	Name      : order_layout.css
	Ver       : 1.0
	file      : ALL
**************************************/

/* ==========================================
	Container
========================================== */
/* #container,*/
#header,
h2, h3,
#contents,
#footer {
	width: 650px;
	margin: 0px auto;
}
#container {
	padding-bottom: 10px;
}

/* ==========================================
	Header
========================================== */
#header {
	height: 80px;
	height:220px;
	position:relative;
}

h1 { position:absolute;}
.back_top {
	display: block;
	position: absolute;
	right: 0;
	top: 100px;
}

/* Header */
h2 { top:145px; position:absolute;}
h2 img {}
h3 {
	height: 18px;
	padding-left: 10px;
}

h4 {
	border-bottom: 1px solid #767676;
	clear: both;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 0 1px 0 #000000;
}

h5 { border-left:3px solid #666; text-indent:6px;}

#progress { margin:0 auto 30px; width:612px;}
/* ==========================================
	Contents
========================================== */
#contents {
	position: relative;
	width: 610px;
	padding: 40px 20px;
	background: #333333; /* old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #000000 30%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(30%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* ie */
	border-top: solid 1px #767676;
	border-left: solid 1px #585858;
}

/* Body Category */
.body_features,
.body_specification,
.body_other {
	padding-bottom: 54px;
	background-repeat: no-repeat;
}
.body_features {
	background-image: url(../images/bg_sprite.png);
	background-position: left bottom;
}
.body_specification {
	background-image: url(../images/bg_sprite.png);
	background-position: -960px bottom;
}
.body_other {
	background-image: url(../images/bg_sprite.png);
	background-position: right bottom;
}

/* Button */
.btn {
	display: block;
	margin: 0px auto;
	padding: 20px 40px;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	cursor:pointer;
}
.btn {
	background-color: #00174D;
	border:none !important;
}
.btn:hover,
.btn.focus {
	background-color: #004DFF;
	border:none !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btn_white {
	color:#009;
	border:none !important;
	border-radius: 40px !important;
	box-shadow:10px 10px 10px #fff inset;
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
.btn_white:hover {
	border:none;
	border-radius: 40px !important;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.bg_blue {
	background-image: url(../../../common/images/bg_sprite.png);
	background-position: -2880px bottom;
}
.bg_red {
	background-image: url(../../../common/images/bg_sprite.png);
	background-position: left bottom;
}

/* txt */
.txt_error {
	background-color: #111;
	border: 1px solid #c00;
	color: #c00;
	margin: 40px auto;
	padding: 30px;
	width: 400px;
}
.txt_message {
	background-color: #111;
	border: 1px solid #ccc;
	color: #fff;
	margin: 40px auto;
	padding: 30px;
	width: 400px;
}

/* Category Background */
.bg_category {
	width: 650px;
	height: 54px;
	margin: 30px auto 0px;
	background-repeat: no-repeat;
}

/* ==========================================
	Footer
========================================== */
#footer {
	margin-top: 5px;
	color: #ccc;
	font-size: 83%; /* 10px */
}
#footer #cyberstep,
#footer #nav_footer,
#footer address,
#footer #copyright {
	float: left;
	display: inline;
}




/* ==========================================
	index
========================================== */
section { margin:0 0 50px;}

.jp_frame,
.us_frame,
.other_frame {
width:214px;
float:left;
padding:10px;
margin:10px 20px 0 0;
border:1px solid #767676;
box-shadow:2px 2px 5px #000;
height:170px;
}

/* ==========================================
	terms
========================================== */
.terms_frame {
	border: 1px solid #666666;
	height: 300px;
	margin: 10px auto 25px;
	overflow: auto;
	padding: 20px;
	width: 570px;
}

/* ==========================================
	form
========================================== */
table td {
  word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}
.tbl_form,
.tbl_length,
.tbl_check {
	width:590px;
	border:none;
	margin:20px auto;
	background-color:#111;
}
	.tbl_form th{
		background-color:#002780;
		/*width:30%;*/
	}
	.tbl_length th { background-color:#002780;}
	.tbl_form th,
	.tbl_check th, 
	.tbl_length th { text-shadow:1px 1px 0 #000;}
	.tbl_form th,
	.tbl_form td,
	.tbl_check th, 
	.tbl_check td {
		border-top:1px solid #4e6f8e;
		border-bottom:1px solid #4e6f8e;
		padding:9px;
		box-shadow:0 1px 0 #000 inset;
	}
	.tbl_form td,
	.tbl_check td {
		vertical-align:top;
	}
	.tbl_length th {
		border-left:1px solid #4e6f8e;
		border-right:1px solid #4e6f8e;
		padding:9px;
	}
	.tbl_length td {
		border-left:1px solid #4e6f8e;
		border-right:1px solid #4e6f8e;
		border-bottom:1px solid #000;
		padding:9px;
	}
.tbl_form .border_none{
	border-bottom: medium none;
	color: #CCCCCC;
	text-align: right;
}

.tbl_bank {
	width:70%;
	border:none;
	margin:20px auto;
	background-color:#111;
	background:#000;
}
.tbl_bank th { background-color:#002780;}
.tbl_bank th,
.tbl_bank td {
	border-top:1px solid #4e6f8e;
	border-bottom:1px solid #4e6f8e;
	padding:5px 10px;
	text-shadow:1px 1px 0 #000;
	box-shadow:0 1px 0 #000 inset;
}

.left_border { border-left:1px solid #4E6F8E;}
.right_aside { border-left:1px dotted #4E6F8E;}

input,
select { padding:2px 5px; border-left:5px solid #090; border-radius:1px 0 0 1px;}
input.focus,
select.hover { border-left:5px solid #0CF; border-radius:2px 0 0 2px;}

input#zipsearch,
input.btn_update {
	padding:2px 7px;
	border-radius:7px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}
input.btn_update { padding:5px 10px;}
input#zipsearch.hover,
input.btn_update.hover { border-left:5px solid #0CF;}

select { padding:2px; height:auto;}
.td_select select { width:50px;}

.col_strong th,
.col_strong td {
	border-top:3px double #4E6F8E;
	border-bottom:3px double #4E6F8E;
	color:#FF9;
	font-weight:700;
}
.order_law_frame {
    border: 1px solid #666666;
    height: 350px;
    margin: 10px auto 25px;
    overflow: auto;
}
/*.product p { float:left;}
.product a { float:right; display:none; overflow:hidden;}
.product a:hover { text-decoration:none;}*/

/*.product .KDJ-ONE_LIMITED_W,
.product .kdj_white_20120119 { display:inherit;}

.product .KDJ-ONE_LIMITED_BR,
.product .kdj_rb_20120119 { display:inherit;}*/

#tbl_payment_method label { width:100%; padding:15px 0; text-indent:15px; display:block; border-left:5px solid #090;}
#tbl_payment_method label:hover { background-color:#009900;}
#tbl_payment_method input { margin-right:10px; border:none; }