@charset "UTF-8";

/***********************************************************
1Column
***********************************************************/
div#columnType1 {
	margin:0 0 5px 0;
}
	div#columnType1 #mainColumn {
		float:left;
		width:930px;
		text-algin:left;
	}
	div#columnType1 #mainColumn h1 {
		margin:5px 0 0 0;
		padding:2px 0 4px 24px;
		background: url(../img/h1Back.gif) no-repeat;
		color:#666666;
		font-weight:bold;
	}

/***********************************************************
2Column（right:217px）companyDetail
***********************************************************/
div#columnType2 {
	margin:0 0 5px 0;
}
	div#columnType2 #leftColumn {
		float:left;
		width:712px;
		margin:0;
		clear:both;
	}
	div#columnType2 #leftColumn h1 {
		margin:5px 0px 0px 0px;
		font-size:16px;
		padding:19px 10px 16px 35px;
		background: url(../img/h1bg.jpg) no-repeat 0 0;
		clear:both;
	}
	div#columnType2 #leftColumn h1 a {
		color:#333333;
	}
	div#columnType2 #rightColumn {
		float:right;
		width:217px;
		padding:0px,0px,0px,0px;
	}

/***********************************************************
wrapper
***********************************************************/
div#wrapperArea {
	width:930px;
	text-align:center;
}
/***********************************************************
h1
***********************************************************/
div#wrapperArea h1 {
	margin:5px 0 0 0;
	padding:2px 0 4px 24px;
	background: url(../img/h1Back.gif) no-repeat;
	color:#666666;
	font-weight:bold;
	text-align:left;
}
/***********************************************************
text
***********************************************************/
div.textArea {
	width:100%;
	text-align:left;
	margin:0 0 10px 0;
}
div.textArea p {
	padding:5px;
}

/***********************************************************
form
***********************************************************/
.formArea {
	border:1px solid #646E94;
	padding:2px;
	clear:both;
	margin:0px 0 10px 0;
	text-align:left;
}
.formArea table {
	font-size:14px;
}
.formArea th {
	border:1px solid;
	width:30%;
	text-align:left;
	padding:5px 0px 5px 10px;
	margin:5px 5px 5px 5px ;
	background-color : #F6F6F6;
	font-color: #444444;
	font-size:12px;
	border-color: #eeeeee #C0C0C0 #D5D5D5 #eeeeee;
}
.formArea td {
	border:1px solid;
	padding:2px 0px 5px 5px;
	background-color: #ffffff;
	line-height:22px;
	border-color: #FFFFEE #C0C0C0 #D5D5D5 #FFFFEE;
	font-size:12px;
}
.formArea td.formError {
	background-color: #ffcccc;
}
.formArea .errorText {
	color:#dc143c;
	font-weight:bold;
	font-size:12px;
}
.formArea p.item {
	display:inline;
	float:left;
}
.formArea p.must {
	color:#ff0000;
	font-weight:bold;
	font-size:12px;
	display:inline;
	float:right;
	margin-right:15px;
}
span.must {
	color:#ff0000;
	font-weight:bold;
}
.terms {
	width: 600px;
	height: 100px;
	overflow-y: scroll;
	font-size:12px;
	text-align:left;
	border :4px #cccccc double;
	padding:5;
}
/***********************************************************
attention
***********************************************************/
.attentionArea {
	padding: 0 0 0 5px;
	background-color: #cc0000;
	color:ffffff;
	font-size:85%;
	display:block;
}
/***********************************************************
bottom
***********************************************************/
div.bottomLink {
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
}
div.bottomArea {
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
}
div.bottomLink2 {
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
	padding:3 0 3 0;
	background-color:#f3f3f3;
}