@charset "UTF-8";
/* Contact CSS Document */

.lead{
	line-height:1.7em;
}
.attent{
	font-size:10px;
	margin:5px 10px 15px;
}
#contact{
	color:#666;
  	font-size: 12px;
}
#contact .contact_hd h2{
	float:left;
}
#contact .switchBtn{
	width: 248px;
	height: 35px;
	float:right
}
#contact .switchBtn a{
	display: block;
	width: 248px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/contact_btn01.png);
	text-indent: -9999px;
	outline: none;
}
#contact .switchBtn a:hover{
	background-position: 0 100%;
}
#contact .switchBtn_pub{
	width: 178px;
	height: 35px;
	float:right
}
#contact .switchBtn_pub a{
	display: block;
	width: 178px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/contact_area_btn01.png);
	text-indent: -9999px;
	outline: none;
}
#contact .switchBtn_pub a:hover{
	background-position: 0 100%;
}
#contact table{
  width: 790px;
  margin-top: 0.2em;
  border-collapse: collapse;
  border: solid 1px #CCC;
}
#contact .basicTB th{ width: 250px;}
#contact .basicTB th,
#contact .basicTB td{
  border: solid 1px #CCC;
  padding: 4px 10px;
}
#contact .basicTB th{
  background: #F5F5F5;
  text-align: left;
  vertical-align:top;
  white-space: normal;
  padding-top:0.6em;
}
#contact .basicTB th .atent{
	color:#F00;
	float:right;
}
#confirmbtn{
	margin: 10px 0 0px 303px;
}
#confirmbtn p{
	float:left;
	margin-left:5px;
}
#contact #confirmbtn .confirm{
	width: 82px;
	height: 27px;
}
#contact #confirmbtn .confirm a{
	display: block;
	width: 82px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/contact_btn02.png);
	text-indent: -9999px;
	outline: none;
}
#contact #confirmbtn .confirm a:hover{
	background-position: 0 100%;
}
#contact #confirmbtn .reset{
	width: 84px;
	height: 27px;
}
#contact #confirmbtn .reset a{
	display: block;
	width: 84px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/contact_btn03.png);
	text-indent: -9999px;
	outline: none;
}
#contact #confirmbtn .reset a:hover{
	background-position: 0 100%;
}
#contact #confirmbtn2 .send{
	width: 82px;
	height: 27px;
}
#contact #confirmbtn2 .send a{
	display: block;
	width: 82px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/contact_confirm_btn01.png);
	text-indent: -9999px;
	outline: none;
}
#contact #confirmbtn2 .send a:hover{
	background-position: 0 100%;
}


#contact #confirmbtn2 .send_back{
	width: 164px;
	height: 27px;
}
#contact #confirmbtn2 .send_back a{
	display: block;
	width: 164px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/contact_confirm_btn02.png);
	text-indent: -9999px;
	outline: none;
}
#contact #confirmbtn2 .send_back a:hover{
	background-position: 0 100%;
}
#confirmbtn2{
	margin: 10px 0 0px 260px;
}
#confirmbtn2 p{
	float:left;
	margin-left:5px;
}

p.closed{
	display: block;
	margin:0px; padding:0px;
	width: 180px; height: 35px;
}
p.closed a{
	display: block;
	margin:0px; padding:0px;
	width: 180px; height: 35px;
	background: url(/images/contact_btn_04.png) no-repeat 0px 0px;
}
h2.contact_title{
	margin:0px; padding:0px;
	width: 500px;
}
p.closed a:hover{background: url(/images/contact_btn_04.png) no-repeat 0px -35px;}
a span{ display: none; }

#cts-wrap .cts-wrap-inner div.clear{
	clear: both; font-size:0px;
	text-indent:-9999px;
	margin:0px; padding:0px;
	height:0px; line-height:0px;
}
.clear{
	clear: both; font-size:0px;
	text-indent:-9999px;
	margin:0px; padding:0px;
	height:0px; line-height:0px;
}

.left{float:left;}
.right{float:right;}
.small{font-size:10px;}