@charset "UTF-8";

/*-------------------------------------
              eyestrain.css
----------------------------------------*/

#main div,
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main p,
#main ul,
#main ol,
#main li,
#main dl,
#main dt,
#main dd,
#main form,
#main img,
#main strong,
#main em,
#main dfn,
#main span,
#main address{
	margin:0;
	padding:0;
}

#main p{
  font-size: 14px;
  margin: 0 0 1em;
  padding: 0;
  line-height: 1.6;
}


#main .eyestrain h2 {
  background: #D8DDE1;
  border: 1px solid #F5F5F5;
  margin: 2em 0 1em 0;
  padding: 7px 10px;
  font-size: 14px;
  font-weight: bold;
}



/*--- eyestrain main tab ---*/

#main .eyestrain #tab {
  height: 204px;
  margin: 0 auto;
  width: 720px;
}
#main .eyestrain #tab ul {
  background: url(http://www.eizoglobal.com/common/images/top/tab_bg.png) no-repeat left 34px;
  height: 204px;
  width: auto;
}
#main .eyestrain #tab ul li {
  margin: 0;
  display: block;
  float: left;
  width: 240px;
  height: 204px;
  cursor: pointer;
}
#main .eyestrain #tab ul li span {
  display: block;
  font-size: 1px;
  height: 204px;
  text-indent: -9999em;
  width: 240px;
}
#main .eyestrain #tab ul li span.active {
  margin-top: 0px;
  height: 204px;
  cursor: default;
}
#main .eyestrain #tab ul li.first {
  margin-left:0px;
  _margin-left:0px;
}
#main .eyestrain #tab ul li.tab01 span {
  background: url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_tabnav.jpg) no-repeat 0 0;
}
#main .eyestrain #tab ul li.tab02 span {
  background: url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_tabnav.jpg) no-repeat -240px 0;
}
#main .eyestrain #tab ul li.tab03 span {
  background: url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_tabnav.jpg) no-repeat -480px 0;
}
#main .eyestrain #tab ul li.tab01 span.over {
  background-position: 0 -204px;
}
#main .eyestrain #tab ul li.tab02 span.over {
  background-position: -240px -204px;
}
#main .eyestrain #tab ul li.tab03 span.over {
  background-position: -480px -204px;
}
#main .eyestrain #tab ul li.tab01 span.active {
  background-position: 0 -204px;
}
#main .eyestrain #tab ul li.tab02 span.active {
  background-position: -240px -204px;
}
#main .eyestrain #tab ul li.tab03 span.active {
  background-position: -480px -204px;
}



/*--- eyestrain sub tab ---*/

#main .eyestrain .commonArea ul#subTab{
  margin: 0;
  padding: 0;
  width: 720px;
}
#main .eyestrain .commonArea #subTab li{
  float: left;
  margin: 0;
  padding: 0;
  height: 73px;
  list-style: none;
  width: 240px;
}
#main .eyestrain .commonArea #subTab li span {
  display: block;
  height: 73px;
  width: 240px;
}
#main .eyestrain .commonArea #subTab li span a {
  display: block;
  height: 73px;
  width: 240px;
  font-size: 1px;
  text-indent: -9999px;
}
#main .eyestrain .commonArea #subTab li.subTab01 span {
  background:url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_subnav.jpg) 0px 0px no-repeat;
}
#main .eyestrain .commonArea #subTab li.subTab02 span{
  background:url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_subnav.jpg) -240px 0px no-repeat;
}
#main .eyestrain .commonArea #subTab li.subTab03 span{
  background:url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_subnav.jpg) -480px 0px no-repeat;
}
#main .eyestrain .commonArea #subTab li.subTab01 span.over {
  background-position: 0px -73px 
}
#main .eyestrain .commonArea #subTab li.subTab02 span.over {
  background-position: -240px -73px;
}
#main .eyestrain .commonArea #subTab li.subTab03 span.over {
  background-position: -480px -73px;
}
#main .eyestrain .commonArea #subTab li.subTab01 span.sub_current {
  background-position: 0px -73px;
}
#main .eyestrain .commonArea #subTab li.subTab02 span.sub_current {
  background-position: -240px -73px;
}
#main .eyestrain .commonArea #subTab li.subTab03 span.sub_current {
  background-position: -480px -73px;
}



/*---eyestrain common---*/

#main .eyestrain h2 {
  margin-bottom: 0.5em;	
}
#main .eyestrain h3 {	
  font-size: 14px;
  font-weight: bold;
  margin: 1.5em 0 0.5em 0;

}
#main .eyestrain .mt_min {
  margin-top: 0.5em;	
}
#main .eyestrain .mb_min {
  margin-bottom: 0.2em;	
}
#main .eyestrain .mb_lar {
  margin-bottom: 1em;	
}
#main .eyestrain .mb_max {
  margin-bottom: 2em;	
}
#main .eyestrain .image_cnt {
  text-align: center;
}
#main .eyestrain .authority {
  text-align: right;
}
#main .arrow {
  background: url(http://www.eizoglobal.com/library/basics/eyestrain/images/arrow_link.gif) left center no-repeat;
  line-height: 1.5;
  padding-left: 16px;
}
#main .arrow_02 {
  background: url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_arrow.gif) left center no-repeat;
  line-height: 1.5;
  padding-left: 16px;
}
#main .eyestrain #tab01_content,
#main .eyestrain #tab02_content,
#main .eyestrain #tab03_content {
  padding: 0px 9px 30px 9px;
  width: auto;
  zoom: 1;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 0px solid #CCC;
  border-left: 1px solid #CCC;
}
#main .eyestrain .commonArea {
  padding: 0px 9px 30px 9px;
  width: auto;
  zoom: 1;
  border-top: 0px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

#main .eyestrain .ev_point {
  margin: 20px 0;
  padding: 0 22px;
  width: 676px;
}
#main .eyestrain .ev_point li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0 13px 5px 0;
  width: 330px;
}
#main .eyestrain .ev_point li.even {
  margin-right: 0px;
}
#main .eyestrain .to_ev {
  background:url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_img_016.jpg) center top no-repeat;
  height: 272px;
  position: relative;
  width: 720px;
}
#main .eyestrain .to_ev .to_ev_btn {
  height: 42px;
  width: 342px;
  left: 346px;
  position: absolute;
  top: 130px;
}
#main .eyestrain .to_ev .to_ev_btn a {
  background:url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_btn_01.jpg) left top no-repeat;
  display: block;
  height: 42px;
  text-indent: -9999px;
}
#main .eyestrain .to_ev .to_ev_btn a:hover {
  background-position: 0px -42px;
}



/*--eyestrain #tab01_content--*/

#main .eyestrain #tab01_content .animation {
  background:url(http://www.eizoglobal.com/library/basics/eyestrain/images/eyestrain_img_03.jpg) left top no-repeat;;
  height: 430px;
  position: relative;
  width: 720px;
}

#main .eyestrain #tab01_content .animation .ani_01{
  position: absolute;
  top: 68px;
  left: 30px;
}
#main .eyestrain #tab01_content .animation .ani_02{
  position: absolute;
  top: 68px;
  left: 207px;
}
#main .eyestrain #tab01_content .animation .ani_03{
  position: absolute;
  top: 68px;
  left: 383px;
}
#main .eyestrain #tab01_content .animation .ani_04{
  position: absolute;
  top: 68px;
  left: 560px;
}


/*--eyestrain #tab02_content--*/

/*--eyestrain #tab03_content--*/
#main .eyestrain #tab03_content .bl_image{
  float: left;
}
#main .eyestrain #tab03_content .bl_caption{
  float: left;
  padding: 10px 0 0 10px;
  width: 240px;
}