@charset "utf-8";

/* CSS Document */
#tabs1 {
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: normal;
}

#tabs1 ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

#tabs1 li {
	display: inline;
	margin-right: 10px;
	padding: 0px;
}

#tabs1 a {
	float: left;
	background: url("../images/default/green_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 3px;
	text-decoration: none;
}

#tabs1 a span {
	float: left;
	display: block;
	background: url("../images/default/green_right.gif") no-repeat right top
		;
	padding: 5px 15px 0px 12px;
	color: #333333;
	cursor: pointer;
}

#tabs1 a span {
	float: none;
}

#tabs1 a:hover span {
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

#tabs1 a.lbtnclick {
	background-position: 100% px;
}

#tabs1 a span.rbtnclick {
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	background-position: 100% px;
}

.white {
	color: #FFF;
}

.bold {
	font-weight: bold;
}

.gray3 {
	color: #333;
}

#tabs2 {
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: normal;
}

#tabs2 ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

#tabs2 li {
	display: inline;
	margin-right: 10px;
	padding: 0px;
}

#tabs2 a {
	float: left;
	background: url("../images/default/coffee_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 3px;
	text-decoration: none;
}

#tabs2 a span {
	float: left;
	display: block;
	background: url("../images/default/coffee_right.gif") no-repeat right
		top;
	padding: 5px 15px 0px 12px;
	color: #333333;
	cursor: pointer;
}

#tabs2 a span {
	float: none;
}

#tabs2 a:hover span {
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

#tabs2 a.lbtnclick {
	background-position: 100% px;
}

#tabs2 a span.rbtnclick {
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	background-position: 100% px;
}

#tabs3 {
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: normal;
}

#tabs3 ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

#tabs3 li {
	display: inline;
	margin-right: 10px;
	padding: 0px;
}

#tabs3 a {
	float: left;
	background: url("../images/default/white_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 3px;
	text-decoration: none;
}

#tabs3 a span {
	float: left;
	display: block;
	background: url("../images/default/white_right.gif") no-repeat right top
		;
	padding: 5px 15px 0px 12px;
	color: #333333;
	cursor: pointer;
}

#tabs3 a span {
	float: none;
}

#tabs3 a:hover span {
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

#tabs3 a.lbtnclick {
	background-position: 100% px;
}

#tabs3 a span.rbtnclick {
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	background-position: 100% px;
}

.qa input {
	padding: 3px;
	border: #CCCCCC 1px solid;
	background-color: #FFF;
	color: #999;
	font-size: 12px;
}

.qa select {
	padding: 3px;
	border: #CCCCCC 1px solid;
	background-color: #FFF;
	color: #999;
	font-size: 12px;
}

.qa textarea {
	padding: 3px;
	border: #CCCCCC 1px solid;
	background-color: #FFF;
	color: #999;
	font-size: 12px;
}

.qa2 input {
	border: #333333 1px solid;
	background-color: #FFF;
	color: #999;
	font-size: 12px;
}

.qa2 select {
	border: #CCCCCC 1px solid;
	background-color: #FFF;
	color: #333333;
	font-size: 12px;
}

.qa2 textarea {
	border: #333333 1px solid;
	background-color: #FFF;
	color: #999;
	font-size: 12px;
}

.stepfont {
	color: #999999;
}

.white {
	color: #FFF;
}

.bold {
	font-weight: bold;
}

.red_b {
	color: #FF0000;
	font-weight: bold;
}