@charset "utf-8";
/* CSS Document */
div {
    border: 0px solid black;
    margin-left: auto;
    margin-right: auto;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
}
h1,h2,h3,h4,h5{
	margin: 0px;
	padding: 0px;
}
h1{
	height: 24px;
	padding: 0px;
	position: relative;
	width: 275px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h2{
	height: 24px;
	padding: 0px;
	position: relative;
	width: 274px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h3{
    height: 24px;
	padding: 0px;
	position: relative;
	width: 271px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;}
h4{
	font-size: 18px;
	font-weight: normal;
	color: #000000;
    }

h4_title A:link, .h4_title A:visited
{color:#000000;font-size:18px;text-decoration:underline}
h4_title A:hover
{color:#336699;font-size:18px;text-decoration:underline}

h5{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.h5_title A:link, .h5_title A:visited
{color:#000000;font-size:13px;font-weight: bold;text-decoration:underline}
.h5_title A:hover
{color:#666666;font-size:13px;font-weight: bold;text-decoration:underline}

h6{
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.h6_title A:link, .h6_title A:visited
{color:#ffffff;font-size:13px;font-weight: bold;text-decoration:none}
.h6_title A:hover
{color:#cccccc;font-size:13px;font-weight: bold;text-decoration:underline}

hr {border-style: none none dotted; }

/* ================================================================ *
    Index style
 * ================================================================ */

#container{
	padding: 0px;
	height: auto;
	width: 900px;
	margin-top: 0px;
	position: relative;
}

/*menu*/

#menu_box{}
#header{
	height: 126px;
	width: 900px;
	background-image: url(../images/banner.png);

}
#menu_div{
	width: 900px;
	height: 42px;
	margin: 0px;
	background-image: url(../images/banner_bg.png);
	padding: 0px;
	clear: both;
	position: relative;
}

#menu ul{list-style-type: none;margin: 0px;padding: 0px;}
#menu li{margin: 0px;float: left;}
#menu li a {width: 112px;height: 42px;display: block;text-indent: -3000px;font-size: 1px;}
#menu li.home a {background: url(../images/home1.png); behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.home a:hover{background: url(../images/home2.png); behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.about_us a {background: url(../images/about_us1.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.about_us a:hover{background: url(../images/about_us2.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.products a {background: url(../images/products1.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.products a:hover{background: url(../images/products2.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.search a {background: url(../images/search1.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.search a:hover{background: url(../images/search2.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.odm_oem a {background: url(../images/odm_oem1.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.odm_oem a:hover{background: url(../images/odm_oem2.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.news a {background: url(../images/news1.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.news a:hover{background: url(../images/news2.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.contact_us a {background: url(../images/contact_us1.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.contact_us a:hover{background: url(../images/contact_us2.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.faq a {background: url(../images/faq1.png);behavior: url(js/iepngfix.htc);cursor: pointer;}
#menu li.faq a:hover{background: url(../images/faq2.png);behavior: url(js/iepngfix.htc);cursor: pointer;}

/*contents*/
#contents{
	width: 883px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 9px;
	position: relative;
}
#contents_top{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
	position: relative;
	width: 883px;
}

#contents_left{
	float: left;
	width: 449px;
	height: 368px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
#contents_right{
	float: right;
	width: 409px;
	height: 343px;
	position: relative;
	color: #FFFFFF;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url('../images/banner_2.jpg');
	background-repeat:no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}
#contents_right .list{
	height: 65px;
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 380px;
	position: relative;
}
#contents_right .list ul{
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/point_17.png);
	width: 200px;
}
#contents_right .list li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	height: 65px;
	list-style-image: url(../images/point_17.png);
	position: relative;
}
#contents_main{
	width: auto;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 165px;
}
#test1 #contents_proucts img{
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#contents_proucts{
	height: auto;
	width: 275px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	float: left;
	padding: 0px;
	clear: both;
}
#products_box{
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100px;
}

#contents_news{
	height: auto;
	width: 274px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	float: left;
}
#contents_location{
    position: relative;
	height: 165px;
	width: 270px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}
.products{
	font-size: 12px;
	color: #006666;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.products A:link {color:#006666;font-size:12px;text-decoration:underline}
.products A:visited {color:#006666;font-size:12px;text-decoration:underline}
.products A:hover {color:#003366;font-size:12px;text-decoration:underline}

.main{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.main A:link {color:#333333;font-size:12px;text-decoration:none}
.main A:visited {color:#333333;font-size:12px;text-decoration:none}
.main A:hover {color:#000000;font-size:12px;text-decoration:underline}


/* ================================================================ *
    Page style
 * ================================================================ */

#page_contents_top{
	background-image: url(../images/title_bg.jpg);
	height: 29px;
	width: 876px;
	position: relative;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 12px;
}

#page_contents_main{
	width: 900px;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 30px;
	margin-left: 9px;
	position: relative;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

#page_contents_main2{
	width: 883px;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 30px;
	margin-left: 9px;
	position: relative;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#list_main{
	height: auto;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#page_contents_list{
	float: left;
	height: auto;
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	width: 885px;
}

#page_contents_list ul{
    float: left;
    display: inline;
	width: auto;
	margin: 0px;
}

#page_contents_list li{
    float: left;
    display: inline;
	height: auto;
	padding: 0px;
	margin: 0px;
}


#page_contents_right{
    float: left;
	width: 880px;
	height: auto;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#page_sub_extra{
	width: 860px;
	position: relative;
	float: left;
	margin-top: 7px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-color: #999999;
}

#page_sub{
	width: 860px;
	position: relative;
	float: left;
	margin-top: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

.page_sub{
	width: 860px;
	position: relative;
	float: left;
	margin-top: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

#page_sub ul{
	margin: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#page_sub li{
	margin: 0px;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;

}


.page_sub1{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: auto;
	float: left;
}

#page_sub2{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	float: left;
}

#page_sub3{
	float: right;
	width: 550px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#page_sub4{
    padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	width: 420px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
}

#page_sub4 ul{
	margin: 0px;
	padding: 0px;
	width: 330px;
	position: relative;
}
#page_sub4 li{
	display: inline;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 81px;
	position: relative;
}

#put{
	width: 355px;
	margin-left: 62px;
}
#put_box{
	padding: 0px;
	width: 80px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}

.put_box1{
	width: 80px;
	position: relative;
	background-color: #669999;
	height: 25px;
	margin: 1px;
	padding: 0px;
}
.put_box2{
	width: 80px;
	position: relative;
	background-color: #666666;
	height: 25px;
	margin: 1px;
	padding: 0px;
}


#see_also{
	float: right;
	width: 666px;
	height: auto;
	position: relative;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.list_top a{
	width: 194px;
	height: 27px;
	display: block;
	background-image: url(../images/list_bu1.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	position: relative;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.list_top a:hover{
    width: 194px;
    height: 27px;
    background: url(../images/list_bu1.gif) 0 -33px no-repeat;
	background-repeat: repeat-x;
    display: block;
	position: relative;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#page_back{
	width: 666px;
	height: auto;
	float: right;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
	vertical-align: middle;
}

#product_list{
	margin: 0px;
	padding: 0px;
	position: relative;
}

#contact{
    position: relative;
	width: 600px;
	padding: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.contact_title{
	float: left;
	width: 120px;
	height: auto;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.contact_main{
	float: right;
	width: 300px;
	height: auto;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}


.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	float: left;
}
.sub_title{
    background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.sub_title ul{
    background-color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 350px;
}

.sub_title li{
    display: inline;
	position: relative;
	height: 20px;
	width: 80px;
	background-color: #ffffff;
	margin: 1px;
	float: left;
}

.sub_title2{
	float: left;
	margin: 0px;
	position: relative;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.sub_title3{
	font-size: 13px;
	font-weight: bold;
	color: #336666;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.sub_title4{
	float: left;
	margin: 0px;
	position: relative;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 150px;
}

.download_text{
	font-size: 12px;
	color: #336666;
	float: right;
}
.download_text A:link {color:#336666;font-size:12px;text-decoration:none}
.download_text A:visited {color:#336666;font-size:12px;text-decoration:none}
.download_text A:hover {color:#003366;font-size:12px;text-decoration:underline}

.sub_text1{
	font-size: 12px;
	color: #003366;
	line-height: 20px;
}

.sub_text1 A:link {color:#003366;font-size:12px;text-decoration:none}
.sub_text1 A:visited {color:#003366;font-size:12px;text-decoration:none}
.sub_text1 A:hover {
	color:#003366;
	font-size:12px;
	text-decoration:underline;
	background-color: #CCCCCC;
}

.sub_text{
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 5px;
}

.sub2_text{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	vertical-align: top;
}

.sub3_text{
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: auto;
}

.sub4_text{
	font-size: 12px;
	font-weight: normal;
	color: #cccccc;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.sub5_text{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	vertical-align: top;
}


.list_text1{
	font-size: 12px;
	font-weight: bold;
	color: #003333;
}
.list_text1 A:link {color:#003333;font-size:12px;text-decoration:none}
.list_text1 A:visited {color:#003333;font-size:12px;text-decoration:none}
.list_text1 A:hover {
	color:#000000;
	font-size:12px;
	text-decoration:none;
	position: relative;
}

.list_text2{
	font-size: 12px;
	font-weight: normal;
	color: #336666;
}
.list_text2 A:link,.list_text2 A:visited
{color:#336666;font-size:12px;text-decoration:underline}
.list_text2 A:hover
{
	color:#336699;
	font-size:12px;
	text-decoration:underline;
}

.sub_link{
	float: right;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sub_link A:link, .sub_link A:visited
{color:#ffffff;font-size:11px;text-decoration:underline}
.sub_link A:hover
{color:#cccccc;font-size:11px;text-decoration:underline}

.next_page{
	font-size: 11px;
	font-weight: normal;
	color: #336666;
	float: right;
}
.next_page A:link, .next_page A:visited
{color:#336666;font-size:11px;text-decoration:underline}
.next_page A:hover
{color:#336699;font-size:11px;text-decoration:underline}

.point{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
}

.h4_title{
	font-size: 18px;
	color: #000000;
}
.h4_title A:link, .h4_title A:visited
{color:#000000;font-size:18px;text-decoration:underline}
.h4_title A:hover
{color:#336699;font-size:18px;text-decoration:underline}

.odm{
	margin: 0px;
	width: 400px;
	float: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	height: auto;
}
.odm_r{
	width: 435px;
	float: right;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: auto;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.odm_l{
	margin: 0px;
	width: 435px;
	float: left;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: auto;
}
.news_r{
	width: 430px;
	float: left;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 0px;
	height: auto;
	margin-bottom: 20px;
}
.news_l{
	width: 420px;
	float: left;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 0px;
	height: auto;
	margin-bottom: 20px;
}

#news{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#news2{
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	vertical-align: top;
}







/* ================================================================ *
    Footer style
 * ================================================================ */
#footer{
	background-image: url(../images/magic_power_index_24.jpg);
	height: 24px;
	width: 880px;
	position: relative;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer_text1{
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	position: relative;
}

#footer_text2{
	font-size: 10px;
	color: #999999;
	padding-left: 70px;
	height: auto;
	float: right;
	padding-top: 0px;
	position: relative;
}
#test1{
	width: 890px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
 .img { behavior: url(js/iepngfix.htc) }

/*-- hikaru --*/
.qlist {
	font-size: 12px;
	color: #036;
	line-height: 20px;
	list-style-type:none;
	margin-left:28px;
	margin-bottom:260px;
	padding-left:0;
}

.qlist li {
	position:relative;
}

.qlist li img {
	position:absolute;
	top:0;
	left:-28px;
}

.qlist a {
	color:#036;
	text-decoration:none;}

.qalist1, .qalist2 {
	padding-left:30px;}

.qalist1 {
	position:relative;}

.qaicon {
	position:absolute;
	top:0;
	left:0;}

.qalist2 {
	width:830px;}