body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-size:0.9em;
}

h1{
	margin-top:80px;
	margin-bottom:20px;
	padding:0px;
	text-align:center;
	font-size: 180%;
	overflow:hidden;
   	clear: both; 
	width:auto;
	height:auto;
	margin-left : auto ; margin-right : auto ;
	color: #ffffff;
	background-color: #bbbbbb;
	border: 1px solid #bbbbbb;
}

h2{
	text-align:center;
	font-size: 110%;
}

h3{
	margin-top:20px;
	text-align:left;
	font-size: 110%;
}

#space{
	width:auto;
	height:45px;
}

#main{
	clear: both; 
	overflow:hidden;
	width:1024;
	margin-left : auto ; margin-right : auto ;
}

#foot{
	clear: both; 
	width:auto;
	height:auto;
	background-color:#ccc;
	text-align:center;
	margin-top:20px;
}

#credit{
	clear: both; 
	width:auto;
	height:40;
	text-align:center;
	margin-top:20px;
}

#header
{
	width:1024;
	height:auto;
	margin-left : -512px ; 
	top: 0px;
	left: 50%;
	position: fixed;
	z-index: 1;
}

#header2
{
	width:4096;
	height:52;
	background-color:#00aef0;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 1;
}


#box_head{
	margin-top:80px;
	margin-bottom:0px;
	padding:0px;
	text-align:center;
	font-size: 160%;
	font-weight:bold;
	overflow:hidden;
   	clear: both; 
	width:1022px;
	height:auto;
	margin-left : auto ; margin-right : auto ;
	background-color: #bbbbbb;
	border: 1px solid #bbbbbb;
	color: #ffffff;
}

#box
{
	overflow:hidden;
	clear: both; 
	padding:10px;
	width:1002px;
	height:auto;
	margin-left : auto ; margin-right : auto ;
	text-align:left;
	border: 1px solid #cccccc;
}

#box_s
{
	overflow:hidden;
	clear: both; 
	padding:10px;
	width:900px;
	height:auto;
	margin-left : auto ; margin-right : auto ;
	text-align:left;
	border: 1px solid #cccccc;
}



#contents{
	overflow:hidden;
	clear: both; 
	padding:0px;
	width:1024px;
	height:auto;
	margin-left : auto ; margin-right : auto ;
	text-align:left;
}

.half a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



#menu {
  width:1024;
  padding:0;
  margin:0;
  list-style-type: none;
}

#menu li {
  width:auto;
  float:left;
  padding:0;
  margin-left:10px;
  text-align:center;
}
#menu li a {
  width:auto;
  height:32px;
  color:#fff;
  font-size:100%;
  padding:10px 15px;
  text-decoration:none;
  display:block;
}
#menu li a:hover {
  font-weight:bold;
}





.centering{
 display: block;
 margin-left: auto;
 margin-right: auto;
}


.feature {
overflow:hidden;
   float:left;
   width:480;
   height:auto;
   margin-right:0px;
   text-align:left;
   padding:10px;
   background-color:#ffffff;
}


.products {
overflow:hidden;
   float:left;
   width:320;
   height:auto;
   margin-right:0px;
   text-align:left;
   padding:10px;
   background-color:#ffffff;
}

.products_s {
overflow:hidden;
   float:left;
   width:310;
   height:auto;
   margin-right:0px;
   text-align:left;
   padding:10px;
   background-color:#ffffff;
}


.product_link {
overflow:hidden;
   float:left;
   width:320;
   height:auto;
   text-align:left;
}

.product_link a {
   width:320;
   height:auto;
   text-align:left;
   text-decoration:none;
}
.product_link a:link    {color:#000000;}
.product_link a:visited {color:#000000;}
.product_link a:hover   {color:#FF0000;}
.product_link a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.bar_menu {
   float:left;
   display:block;
   width:auto;
   height:auto;
   margin-right:5px;
   text-align:center;

}
.bar_menu a         {
                text-decoration:none;
                display:block;
                margin-top:0px;
               }
.bar_menu a:link    {color:#000000;}
.bar_menu a:visited {color:#000000;}
.bar_menu a:hover   {color:#000000; font-weight:bold;}


.pickup
{
	width:1024px;
	height:auto;
	background-color:#00ff00;
	margin-left : auto ; margin-right : auto ;
	text-align:left;
}



.foot_list
{
	float:left;
	width:10em;
	height:auto;
	text-align:left;
	list-style:none;
}
.foot_list a         {
                text-decoration:none;
                display:block;
                margin-top:0px;
               }
.foot_list a:link    {color:#000000;}
.foot_list a:visited {color:#000000;}
.foot_list a:hover   {color:#000000; text-decoration: underline;}



div.update {
   clear: both; 
   background-color: #ffffff;
   width: 1024px;
   height: 200px;
   overflow: auto;
   border-top:1px dotted #ccc;
   border-bottom:1px dotted #ccc;
   font-size: 100%;
   text-align:left;
   margin-left:auto;
   margin-right:auto;
}

dl.update dt{
    width:6em;
    float:left;
    margin:0;
    padding:0 0 0 5px;
}
dl.update dd{
    position:relative;
    margin:0 0 10px;
    padding:0 5px 10px 13em;
    border-bottom:1px dotted #ccc;
}
dl.update dd span.cat{
    display:block;
    position:absolute;
    top:0;
    left:7em;
    width:4.5em;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#eee;
    border-radius:2px;
}


dl.qanda {
     width:960px;
     overflow: hidden;
     _zoom: 1;
     }

dl.qanda dt,
dl.qanda dd{
     color:#444;
     margin:0 0 10px 0;
     padding-left:4.5em;
     line-height:1.5em;
     background:none no-repeat left top;
     min-width: 40px;
     min-height:55px;
     }
    
dl.qanda dd{
     background: url(img/MSX_A.png) no-repeat;
     overflow: hidden;
     }
    
dl.qanda dt{
     background: url(img/MSX_Q.png) no-repeat;
     background-position: 0 10px;
     border-top: 1px dashed #c4c4c4;
     padding-top: 15px;
     margin-top:-1px;
}

.more {
  height: auto;
  width: 980px;
  margin: 10px auto;
  padding: 10px;
  background: #ffffff;
  text-align:left;
}

label {
  background: #333333;
  color: #ffffff;
  padding: 10px;
  display: block;
  margin-top: 10px;
  border: 1px solid #ffffff;
  cursor: pointer;
  text-align:center;
}

label:hover {
  background: #555555;
}


.link_button {
  background: #333333;
  color: #ffffff;
  padding: 10px;
  display: block;
  margin-top: 10px;
  border: 1px solid #ffffff;
  cursor: pointer;
  text-align:center;
}

.link_button:hover {
  background: #555555;
}





input[type="checkbox"].on-off{
  display: none;
}

.more ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.more li {
  padding: 5px;
}

input[type="checkbox"].on-off + ul{
  display: none;
}

input[type="checkbox"].on-off:checked + ul{
  display: block;
}

table.spec {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	margin-left : auto ; margin-right : auto ;
}
table.spec th {
	width: 300px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.spec td {
	width: 650px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

table.download {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.download thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #888888;
}
table.download thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.download tbody th {
	width: 250px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.download td {
	width: 700px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

table.status {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.status thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #888888;
}
table.status thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.status tbody th {
	width: 250px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.status td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
#form td {
	background: #fff;
}
p.btn input {
	width: 110px;
	height: 32px;
}
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}
form.back {
	margin-top: 2em;
}