@charset "Shift-JIS";
/* ===============================
 *
 *      Allied Telesis K.K.
 *
 * =============================== */
/* -------------------------------
 *     Reset styles
 * ------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, th, td, div, blockquote, pre, form, fieldset, input, textarea {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, small {
  font-size: 100%;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, fieldset, table, th, td {
  border: none;
}

input {
  *margin: -1px 0;
}

input, textarea {
  font-size: 1.0em;
}

em, cite {
  font-style: normal;
}

* html div, * html h1, * html h2, * html h3, * html h4, * html h5, * html h6, * html ul, * html ol, * html dl, * html dt, * html dd, * html table, * html th, * html td, * html form, * html fieldset, * html legend {
  *zoom: 1;
}

/*  - Base styles */
body {
	color: #000;
	font-family: "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "MS UI Gothic", "Gill Sans MT", sans-serif; /* テスト　MS UI Gothicに変更 120517 */
	font-size: 100%;
	background-color: #F4F4F4;
	background-image: url(../img/blue_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

a:link, a:visited {
  color: #000;
  text-decoration:none;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #F00;
}

hr {
  display: none;
}

/*  - Layout styles */
#wrapper {
	position: relative;
	width: 980px;
	font-size: 80%;
	background-image: url(../img/main_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1.9em;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
}
.ExJsOn #wrapper {
	padding-top:0;
}

#header {
  *zoom: 1;
}
#header:before, #header:after {
  content: "";
  display: table;
}
#header:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
#header h1 {
	float: left;
  *display: inline;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#header div {
  float: right;
  overflow: hidden;
  *width: 508px;
}
#header dl {
  *zoom: 1;
}
#header dl:before, #header dl:after {
  content: "";
  display: table;
}
#header dl:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
#header dl dt {
  float: left;
  line-height: 0;
}
#header dl dd {
  padding-left: 81px;
  line-height: 0;
  *zoom: normal;
}
#header dl input {
  margin-right: 1px;
}
#header dl .LclInput {
  width: 292px;
  width: 294px\9;
  *width:292px;
  height: 14px;
  height: 16px\9;
  padding: 5px 10px;
  vertical-align: top;
}

.header_link {
  *zoom: 1;
  margin-bottom: 1px;
}
.header_link:before, .header_link:after {
  content: "";
  display: table;
}
.header_link:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
.header_link li {
  float: left;
  margin-right: 1px;
  line-height: 0;
}
.header_link .last {
  margin-right: 0;
}

#directory_link {
  position:relative;
  z-index:1;
  *zoom: 1;
  margin-top: 1px;
}
#directory_link:before, #directory_link:after {
  content: "";
  display: table;
}
#directory_link:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
#directory_link li {
  position:relative;
  float: left;
  margin-right: 1px;
  line-height: 0;
}
#directory_link .last {
  margin-right: 0;
}
#directory_link .directory_link_sub {
	position:absolute;
	left:0;
	top:30px;
	width:165px;
	margin-top:1px;
	background:#EAEAEA url(../img/bg_02.png) no-repeat 0 0;
	border-right:#696969 1px solid;
	border-bottom:#696969 1px solid;
	border-left:#696969 1px solid;
	font-size:92%;
	display: none;
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 9px;
}
#directory_link .last .directory_link_sub {
	left:-50px;
}
#directory_link .directory_link_sub li {
	float:none;
	line-height:1.5;
	padding:0 0 6px 8px;
	background:url(../img/bullet_01.png) no-repeat 0 5px;
}

#contents {
  *zoom: 1
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	margin-top: 10px;
}
#contents:before, #contents:after {
  content: "";
  display: table;
}
#contents:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}

#main_contents {
	float: left;
	width: 810px;
}

#sub_contents {
	float: right;
	width: 160px;
}

#footer {
  *zoom: 1;
  margin-top: 30px;
  background: #696969;
}
#footer:before, #footer:after {
  content: "";
  display: table;
}
#footer:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
#footer .footer_link {
  float: left;
}
#footer .footer_link li {
  float: left;
  margin-right: 1px;
  line-height: 0;
  font-size: 0;
}
#footer .footer_link .last {
  margin-right: 0;
}
#footer .copyright {
  padding: 10px 15px 0 0;
  text-align: right;
}

.pagetop {
	position: absolute;
	right: -20px;
	bottom: 89px;
}

.noscript {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1.4em;
  background: #666;
}

.noscript p {
  padding: 3px 0;
  text-align: center;
  font-size: 75%;
  color: #FFF;
}

/*  - column styles */
.sec_column01 {
  *zoom: 1
  margin-top: 0;
	*height: 210px;
	margin-left: 0;
	border-left:#d8d8d8 1px solid;
	border-right:#d8d8d8 1px solid;
	border-bottom:#d8d8d8 1px solid;
	background-color:#f4f4f4;
}
.sec_column01:before, .sec_column01:after {
  content: "";
  display: table;
}
.sec_column01:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
/*FONTサイズ修正*/
.sec_column01 .box_column01 {
	position:relative;
	float: left;
	width: 240px;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20;
	font-size: 97%;
}


.sec_column01 .box_column01 dl, .sec_column01 .box_column01 ul {
  margin-top: 5px;
}
.sec_column01 .box_column01 dt {
  padding: 8px 0 5px;
  color: #000000;
	float:left;
}
.sec_column01 .box_column01 dt, .sec_column01 .box_column01 dd, .sec_column01 .box_column01 li {
  line-height: 1.2;
}

.sec_column01 .box_column01 dl {
	overflow:hidden;
	zoom:1;
}
.sec_column01 .box_column01 dd, .sec_column01 .box_column01 li {
  margin-bottom: 7px;
  padding: 7px 5px 10px 55px;
  border-bottom: #C4C4C4 1px dotted;
  margin-bottom:-1px;
}

.sec_column02 {
	border-left:#d8d8d8 1px solid;
	border-right:#d8d8d8 1px solid;
	border-bottom:#d8d8d8 1px solid;
	background-color:#f4f4f4;
	margin-top:10px;
	*margin-top:14px;
}
.sec_column02 .sec_column02Inner {
  *zoom: 1;
	margin-top: 5px;
	background-position: 20px top;
}
.sec_column02 .sec_column02Inner:before, .sec_column02 .sec_column02Inner:after {
  content: "";
  display: table;
}
.sec_column02 .sec_column02Inner:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
.sec_column02 .box_column02 {
	float: left;
	width: 185px;
	margin-right: 10px;
	padding-bottom: 14px;
	font-size: 12px;
}
.sec_column02 .box_column02 h3 {
  padding-top: 9px;
}
.sec_column02 .box_column02 ul {
	margin-top: 17px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 7px;
}
.sec_column02 .box_column02 li {
	line-height: 1.3;
	margin-bottom: 3px;
	background: url(../img/bullet_01.png) no-repeat 0 5px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 8px;
}
.sec_column02 .box_column02 li ul {
  margin-top: 1px;
}
.sec_column02 .box_column02 li li {
	background:none;
}



/*  - list styles */
.lcl_list01 li {
  line-height: 0;
  margin-bottom: 2px;
}

.lcl_list02 {
  *zoom: 1;
  width: 559px;
  margin-top: 30px;
  padding: 2px;
  border: #BEBEBE 1px solid;
}
.lcl_list02:before, .lcl_list02:after {
  content: "";
  display: table;
}
.lcl_list02:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
.lcl_list02 dt {
  float: left;
  width: 142px;
  line-height: 1;
  font-size: 0;
}
.lcl_list02 dd {
  padding: 2px 0 0 147px;
  *zoom: normal;
}
.lcl_list02 input {
  vertical-align: middle;
}
.lcl_list02 .LclInput {
  width: 215px;
  *width: 207px;
  height: 14px;
  margin-right: 5px;
  padding: 5px 10px;
  vertical-align: top;
}

.lcl_btn01 {
	position:absolute;
	right:0;
	top:4px;
}



/*  - slide styles */
.lcl_slide {
	position: relative;
	overflow: hidden;
	width: 980px;
	margin-top: 1px;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	line-height: 0;
	padding-bottom: 5px;
}
.lcl_slide .lcl_img li {
  float: left;
  line-height: 0;
  font-size: 0;
}
.lcl_slide .lcl_img .lcl_slide_img {
  display: none;
}
.lcl_slide p {
	position: absolute;
	left: 65px;
	top: 180px;
	display: none;
}

/**/

.lcl_slide .
 {
  display: none;
}
.lcl_slide .lcl_slide_btn li {
	position: absolute;
	top: 79px;
	cursor: pointer;
}
.lcl_slide .lcl_slide_btn .lcl_slide_btn01 {
  left: 0;
}
.lcl_slide .lcl_slide_btn .lcl_slide_btn02 {
  right: 0;
}
.lcl_slide .lcl_slide_link {
  *zoom: 1;
	position: absolute;
	top: 218px;
	left: 0;
}
.lcl_slide .lcl_slide_link:before, .lcl_slide .lcl_slide_link:after {
  content: "";
  display: table;
}
.lcl_slide .lcl_slide_link:after {
  clear: both;
  height: 1px\9;
  margin-bottom: -1px \9;
}
.lcl_slide .lcl_slide_link li {
  float: left;
  width: 326px;
  height: 32px;
  margin-right: 1px;
  background: url(../img/slide_bg_01.png) no-repeat;
  text-indent: -9999px;
}
.lcl_slide .lcl_slide_link .lcl03 {
  margin-right: 0;
}
.lcl_slide .lcl_slide_link .lcl01 {
  background-position: 0 0;
}
.lcl_slide .lcl_slide_link .lcl02 {
  background-position: -326px 0;
}
.lcl_slide .lcl_slide_link .lcl03 {
  margin-right: 0;
  background-position: -652px 0;
}
.lcl_slide .ExPointer {
  cursor: pointer;
}
.lcl_slide .lcl01.ExlclHover,
.lcl_slide .Exlcl01 .lcl01 {
  background-position: 0 -32px;
}
.lcl_slide .lcl02.ExlclHover,
.lcl_slide .Exlcl02 .lcl02 {
  background-position: -326px -32px;
}
.lcl_slide .lcl03.ExlclHover,
.lcl_slide .Exlcl03 .lcl03 {
  background-position: -652px -32px;
}
.lcl_slide .Exlcl01 .lcl_btn01,
.lcl_slide .Exlcl02 .lcl_btn02,
.lcl_slide .Exlcl03 .lcl_btn03 {
  display: block;
}
.sec_column01 h2,
.sec_column02 h2 {
}

#grayBG {
	background-image: url(../img/gray_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.clr {
	clear: both;
}
.L20px {
	padding-left: 20px;
}