/*--common--*/

body {
		background: #fff;
		color: #333;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		font-size: 10px;
		text-align: center;
}

body, h1, h2, h3, h4, h5, p, ul, ol, li, a, img, em, form, .container, .wrapper, blockquote, div {
		margin: 0;
		padding: 0;
		text-decoration: none;
}

h5 {
  font-size: 12px;
}

.wrapper {
	width: 900px;
	text-align: left;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #666;
}
	
li {
	list-style-type: none;
}

img {
  border: 0 none;
}
	
em {
	font-style: normal;
	font-weight: bold;
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 11px;
  text-align: center;
}

table th {
  background-color: #ccc;
}

table td, table th {
  border: 1px solid #333;
}

table td em {
  font-weight: bold;
}

caption {
  caption-side: bottom;
}


table tr {
  border: 1px solid #ccc;
}

.img_r {
  float: right;
  text-align: center;
}

.img_r img {
  /*float: right;*/
  margin-left:12px;
}

.img_l {
  float: left;
  text-align: center;
}

.img_l img {
  /*float: left;*/
  margin-right: 12px;
}

.img_c {
  text-align: center;
}

.img_c img {
  margin-bottom: 12px;
  text-align: center;
}

.margin_r_12 {
  margin-right: 12px;
}

.border {
  margin-bottom: 12px;
  border: 1px solid #ccc;
}

.border-bottom_clr {
  border-bottom : 0 none;
}

.content_arrow a {
  background: transparent url(/common/img/content_arrow.gif) no-repeat 5px center;
  padding-left: 24px;
}

.download_arrow a {
  background: transparent url(/common/img/dn_arrow.gif) no-repeat left center;
  padding-left: 24px;
}

.to_arrow a {
  background: transparent url(/common/img/to_arrow.gif) no-repeat right center;
  padding-right: 24px;
}

	/*---clearfix---*/

	.cf:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	/* for IE */
	.cf {
		display: inline-block;
	}

	/* Hides from IE-mac \*/
	*html .cf {
		zoom: 1;
		height: 1%;
		overflow: visible;
		display: block;
	}


/*--layou--*/

/*--header--*/
.header {
	width: 100%;
	background-color: #fff;
	color: #333;
	font-size: 13px;
}

.header_top {
	background-color: #f2f2f2;
	padding: 10px 12px 10px 12px;
}

.header_t_l {
  float: left;
  width: 400px;
}

.header_t_l img{
  margin-right: 12px;
}

.header_t_r {
  float: right;
  width: 476px;
  margin: 0;
  padding: 0;
  text-align: right;
}

.header_t_r .header_menu {
  float: right;
  margin: 0 0 12px 0;
  padding: 0;
}

.header_t_r .search_box .search_textbox {
  border: 1px solid #ccc;
  color: #666;
  vertical-align: top;
}

.header_t_r .search_box .search_btn {
  vertical-align: top;
}

.header_t_r li {
  float: left;
  background: transparent url(/common/img/header_arrow.gif) no-repeat left center;
  margin-left: 42px;
  padding-left: 12px;
  text-align: left;
}

/*--menu--*/

.container_menu,
.container_footer {
  background: #fff url(/common/img/dia_line_bg.gif) repeat left bottom;
}

.menu ul li {
  float: left;
}

.menu .navi_btn01 {
  background: transparent url(/common/img/navi_btn-01.gif) no-repeat left bottom;
  width: 132px;
}

.menu .navi_btn01:hover {
  background: transparent url(/common/img/navi_btn-01-over.gif) no-repeat left bottom;
}

.menu .navi_btn02 {
  background: transparent url(/common/img/navi_btn-02.gif) no-repeat left bottom;
  width: 128px;
}

.menu .navi_btn02:hover {
  background: transparent url(/common/img/navi_btn-02-over.gif) no-repeat left bottom;
}

.menu .navi_btn03 {
  background: transparent url(/common/img/navi_btn-03.gif) no-repeat left bottom;
  width: 128px;
}

.menu .navi_btn03:hover {
  background: transparent url(/common/img/navi_btn-03-over.gif) no-repeat left bottom;
}

.menu .navi_btn04 {
  background: transparent url(/common/img/navi_btn-04.gif) no-repeat left bottom;
  width: 128px;
}

.menu .navi_btn04:hover {
  background: transparent url(/common/img/navi_btn-04-over.gif) no-repeat left bottom;
}

.menu .navi_btn05 {
  background: transparent url(/common/img/navi_btn-05.gif) no-repeat left bottom;
  width: 128px;
}

.menu .navi_btn05:hover {
  background: transparent url(/common/img/navi_btn-05-over.gif) no-repeat left bottom;
}

.menu .navi_btn06 {
  background: transparent url(/common/img/navi_btn-06.gif) no-repeat left bottom;
  width: 128px;
}

.menu .navi_btn06:hover {
  background: transparent url(/common/img/navi_btn-06-over.gif) no-repeat left bottom;
}

.menu .navi_btn07 {
  background: transparent url(/common/img/navi_btn-07.gif) no-repeat left bottom;
  width: 128px;
}

.menu .navi_btn07:hover {
  background: transparent url(/common/img/navi_btn-07-over.gif) no-repeat left bottom;
}

.menu ul li a {
  display: block;
  height: 40px;
  text-indent: -9999px;
}

/*--directory--*/
.directory {
  background-color: #f2f2f2;
  padding: 10px 0;
  font-weight: bold;
}

.directory a {
  margin: 0 12px;
}

/*--content--*/

.container_content {
  background: transparent url(/common/img/body_bg.gif) repeat center top;
  margin-bottom: 36px;
  padding-top: 24px;
}

.content h2 {
  border-bottom: 3px solid #5274d2;
}

.content h5 {
  margin-bottom: 0.2em;
}

.content p {
  margin-bottom: 1em;
}

.content .content_area {
  border: 1px solid #ccc;
  margin-bottom: 24px;
  padding: 12px 12px 0 12px;
}

.content .content_area h3 {
  background: #fff url(/common/img/content_dia_line_bg.gif) repeat left top;
  margin-bottom: 12px;
}

/*--footer--*/

.container_footer .wrapper {
  background-color: #f2f2f2;
  padding-bottom: 13px;
}

.footer {
  padding: 3px 12px 0 12px;
  color: #888;
  text-align: center;
}

.footer p {
  margin-top: 3px;
}