@charset "utf-8";
/* CSS Document */

/* PUBLIC CSS CODE */

*, BODY, DIV, DL, DT, DD, UL, OL, LI, HI, H2, H3, H4, H5, H6, PRE, FORM, FIELDSET, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD  {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
A IMG {outline:none; border:none}
html body {font-size:16px;color:#666}

TABLE {BORDER-SPACING: 0; BORDER-COLLAPSE: collapse}
FIELDSET {BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px}
IMG {BORDER-RIGHT-WIDTH: 0px;BORDER-TOP-WIDTH: 0px;BORDER-BOTTOM-WIDTH: 0px;BORDER-LEFT-WIDTH: 0px;outline: none;PADDING-BOTTOM: 0px;MARGIN: 0px;PADDING-LEFT: 0px;PADDING-RIGHT: 0px;PADDING-TOP: 0px;vertical-align: middle}
ADDRESS ,CAPTION, CITE, CODE, DFN, EM, STRONG, TH, VAR {FONT-STYLE: normal; FONT-WEIGHT: normal}
OL, UL {LIST-STYLE-TYPE: none}
CAPTION, TH {TEXT-ALIGN: left}
H1, H2, H3, H4, H5, H6 {FONT-SIZE: 100%; FONT-WEIGHT: normal}
ABBR, ACRONYM {BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px}
IMG {-MS-INTERPOLATION-MODE: bicubic}

/* Slider CSS */
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0}
.rslides li:first-child {position: relative;display: block;float: left}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0}

#mvisual {margin: 0px auto; padding: 0px; width: 950px; height: 434px; position: relative}
#mvisual .visualWrap {height: 434px; overflow: hidden; clear: both; position: relative}
#mvisual .panel {height: 434px; overflow: hidden; float: left}
#mvisual .previcon, #mvisual .nexticon {display: none}
#mvisual .panel p {padding-right: 2px; float: left}
#mvisual ul li {padding: 0px 2px 2px 0px; float: left}
#mvisual ul li.last {padding: 0px 0px 2px; float: left}
#mvisual .nextIconBtn {top: 200px; right: -10px; position: absolute; cursor: pointer }
#mvisual .prevIconBtn {left: -10px; top: 200px; position: absolute; cursor: pointer}

.red {color: #F00}
div#header_wrapper{ position: relative; width:100%; height:364px; background:#333 url(../img/top_bg.jpg) no-repeat center top }
div#header{ position:relative; width:950px; height:308px; margin-left:auto; margin-right:auto; line-height: 0 }
div#Contect { position:absolute; top:0px; left:657px; width:293px; height:48px; z-index:1 }
div#Language { position:absolute; top:200px; left:0px; width:153px; height:48px }
div#main_menu_wrapper{ background:#efeded url(../img/wapper_nav_y.png) repeat-x; width:100%; position: relative }
div#main_menu{ background:#efeded url(../img/bg_nav_y.png) repeat-x; position:relative; width:950px; height:56px; margin-left:auto; margin-right:auto }
div#main_menu h3 { display:inline }
div#main_Navi { width:670px; float:right }
main_Navi UL,LI { display:inline; _padding-bottom:2px }
div#wrapper,div#ft_wrapper{ background:#efeded; position: relative; width:100%; overflow:auto }
div#main_bg{ position:relative; background:#fafafa url(../img/bg_wapper.png) no-repeat center top; width:950px; margin-left:auto; margin-right:auto; overflow:hidden }
div#globalNav{ height:28px; padding-left:30px; text-align:left; line-height:28px }
div#contents{ background:url(../img/bg_contents_y.png) repeat-y right top; /*border-bottom:2px solid #666;*/ overflow:hidden }
div#cont_in{ background: url(../img/bg_contents.png) no-repeat right bottom; padding-bottom:50px; /*border-bottom:2px solid #666;*/ overflow:hidden }
div#main{ float:right; width:670px; padding-bottom:30px }
div#main_Content{ margin-left:auto; margin-right:auto; width:626px }
.section{ margin:0 0 0 0px }
div#lmenu{ position:relative; z-index:1; float:left; width:280px; margin-bottom:30px; line-height: 0px }
div#lmenu h4{ margin-bottom:20px }
div#lmenu h2{ margin-top:20px; margin-bottom:10px }
div#lmenu ul.btnList{ padding-top:25px; /padding-top:20px; padding-left:30px; width:213px}
div#lmenu ul.Contect_no { padding-top:25px; padding-left:30px }
ul#Contect_no { padding:0px; line-height:0px }
div#contentInfo { height:195px; width:950px; margin-left:auto; margin-right:auto;background:url(../img/footer_bg.png) repeat-x}
div#contentInfo dl{min-height: 110px;_height: 110px;padding: 15px 5px 0px;margin-right: 10px;float: left}
div#contentInfo dl.menu01{ width:110px }
div#contentInfo dl.menu02,div#contentInfo dl.menu03,div#contentInfo dl.menu04{ width:135px }
div#contentInfo dl dt{padding: 5px;margin: 0 -5px 5px;font-weight:bold}
div#contentInfo dl dd{margin-bottom:3px;margin-top:4px;font-size:85%}
div#contentInfo dl dt a,div#contentInfo dl dd a{color:#555}
div#Footer {background:#0051b1; text-align:center; color:#FFF; line-height:1.45em; padding-top:5px; padding-bottom:5px ; margin-left:auto; margin-right:auto}
div#Navi_SP { background-color:#0b55c2; color:#FFF; line-height:50px}

/* Storage CSS */ 
div#Stor_Menu { line-height: 0px }
div#Stor_Menu H3 { display:inline }
.A_SP:link { color:#FFF }
.A_SP:visited { color:#FFF }

/* Front Page CSS */
table.news {padding:5px}
table.news th {padding: 5px;color: #445;font-weight: bold;text-align: left;border-bottom: dotted 1px #ccc}
table.news td {padding: 5px;border-bottom: dotted 1px #ccc}
table#tab01 	{margin: 5px auto}
table#tab01 th {color: #445;font-weight: bold;text-align: left;border-bottom: solid 1px #ccc;padding: 5px}
table#tab01 td{	 border-bottom: solid 1px #ccc;padding: 5px}
#enquiry {resize:none}
#ct_message {resize:none}
.formbtn { width:100px; height:35px}

/* Moblie Page CSS */
@media screen and (max-width:800px) {
/* Hidden PC Object*/
.ImgSP100,.sp_img {width:100%}
.sp_half_img { WIDTH: 50%}
.sp_small_img {WIDTH: 25%}
.PC,.PC_img,div#globalNav,div#lmenu,div#mvisual,div#Stor_Menu,div#contentInfo{display:none}
div#wrapper, div#contents{ background:none}
div#main_bg {width:100%; background:none}
div#cont_in{  padding-bottom:0px; background:none }
div#main { background:none; width:100%; padding-bottom:0px; float:inherit }
div#main_Content{ width:100% }
.sub_Contect { width:100%;margin-top:0px; background:none }
.sub_Cont_in { width:100%;background:none}
.sub_main { width:100%; height:auto}
/* Storage CSS*/
div#Storage_right { float:right; width:50% }
div#Storage_left { width:45.5%; float:left; padding:2%; padding-top:4%; line-height:22px}
div#Storage_left_in { background-color:#e7f7fc; padding:10px; padding-top:20px; line-height:22px; width:93.75% }
div#Stor_p01,div#Stor_p03 { width:50%; float:left}
div#Stor_p02,div#Stor_p04 { width:50%; float:right}
div#Stor_w01 { background-color:#a3bfe5; width:100%}
div#Stor_w02 { background-color:#becfe5; width:100%}
div#Stor_w03 { background-color:#346295; width:100%}
div#Stor_w04 { background-color:#4d6479; width:100%}
div#Stor_t01,div#Stor_t03{ width:44%; float:right; margin:3%}
div#Stor_t02,div#Stor_t04{ width:44%; float:left; margin:3%}
/*Front Page */
div#Intro{ padding:15px; background-repeat:repeat-y; background:url(../img/bg_contents_y.png ); background-size:contain;padding-top:5px}
div#News { background-repeat:repeat-y; background:url(../img/bg_contents_y.png); background-size:contain; padding:15px}
.news { width:100%}
.news th { width:85%}
.news td { width:15%}
/*About Us*/
div#HisG1 { background:#edeef2;width:100%}
div#HisG2 { background:#fff;width:100%}
div#HisG3 { background:#004d95;width:100%}
div#ys60P,div#ys80P { width:50%;float:left}
div#ys70P,div#ys90P { width:50%;float:right}
div#ys60,div#ys80 {width:46%; margin:2%; margin-top:8%; float:right}
div#ys70,div#ys90 {width:46%; margin:2%; margin-top:8%; float:left}
div#ys2000 { width:38.5%; float:left; margin:2%}
div#ys2000P { width:42.5%; float:left;}
div#ys2000P2 { width:57.5%; float:right}
div#Abs02,div#Abs03 { width:96%; margin:2%}
div#Abs03_MP01{width:46%;text-align:center; margin:2%; float:right}
div#Abs03_MP02{width:46%;text-align:center; margin-left:25%; margin-top:2%}
div#Abs03_MP03{width:46%;text-align:center; margin:2%}
/*Moving*/
div#Mov01 { width:93%; margin:2%; margin-left:5%; margin-top:0;background:#fdfefe}
div#Mov02 { margin:2%; margin-left:4%}
div#Mov02_MP01,div#Mov02_MP03,div#Mov02_MP02,div#Mov02_MP04 { width:96%;text-align:center;margin:2%}
div#Mov03,div#Mov03_MT01,div#Mov03_MT02,div#Mov04{ width:96%; margin:2%}
div#Mov05,div#Mov06,div#Mov06b,div#Mov07,div#Mov07b ,div#Mov06_MP01,div#Mov06_MP02,div#Mov06_MP03,div#Mov06_MP04,div#Mov06_MP05{ background:#edeef2; width:96%; padding:2%}
/*Contact us*/
div#Conts_top { background:#edeef2;width:96% ;padding:2%}
div#Conts_right {width:61.7%;  float:right}
div#Conts_left {width:38.3%; float:left}
table#tab01 {width:96%; margin:2%}
table#tab01 th {width:40%}
table#tab01 td {width:56%}
.eqtext {width:99%; height:28px}
.eqcode {height:33%;height:28px}
.ImgSP61 {width:61.7%;}
.ImgSP39 {width:38.3%}
}
/* PC Page CSS */
@media screen and (min-width:801px){
/* Hidden Moblie Object*/
.SP,.sp_img{ display:none}	
.sub_Contect { width:626px; margin-top:20px; background:url(../img/bg_subcontents_y.png) repeat-y}	
.sub_Cont_in { width:626px; background: url(../img/bg_subcontents.png) no-repeat bottom }
.sub_cpics { padding-left:5px}
.sub_main { position:relative; width:624px; margin-left:auto; margin-right:auto; overflow:visible}
.sub_main div { position:absolute; line-height:22px }
div#side_navi { POSITION: fixed; WIDTH: 40px; RIGHT: 0px; TOP: 92px }
#side_navi P { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
div#side_navi_go_top { POSITION: fixed; WIDTH: 40px; BOTTOM: 25px; RIGHT: 0px}
#side_navi #go_to_btn { MARGIN-TOP: 100px}	
div#Footer {width:950px}
/* Storage */
div#Storage_right { top:362px;right:0px;width:319px; position:absolute }	
div#Storage_left { top:362px;left:10px;width:260px;padding:10px;padding-top:20px; position:absolute }
div#Stor_w01, div#Stor_w02,div#Stor_w03, div#Stor_w04{ top:0px;left:0px}
div#Stor_p01 { top:99px;left:11px}
div#Stor_t01 { top:145px;left:265px;width:235px}
div#Stor_t02 { top:303px;left:10px;width:190px}
div#Stor_p02 { top:251px;left:230px}
div#Stor_t03 { top:472px;left:260px;width:210px}
div#Stor_p03 { top:402px;left:7px}
div#Stor_t04 { top:705px;left:370px;width:180px}
div#Stor_p04 { top:572px;left:110px}
/*Front Page */
div#ibottom {width:950px;margin: 0px auto;padding-top:30px;padding-bottom:30px;position: relative}
div#News {position: absolute;width: 680px;height: 155px;top: 318px;left: 15px;overflow: auto}
.news { width:650px}
.news th { width:530px}
.news td { width:120px}
div#Intro { position:absolute;width:495px;height:150px;top:85px;left: 195px;overflow:hidden;line-height:24px}
/*About Us*/
div#HisG1 { background:#edeef2; width:624px; height:368px}
div#HisG2 { background:#fff; width:624px; height:394px; top:368px}
div#HisG3 { background:#004d95; width:624px; height:341px; top:762px}
div#ys70P,div#ys90P {left:312px}
div#ys2000P2 {left:265px}
div#ys60 {top:30px;left:125px;width:460px; z-index:1}
div#ys70 {top:285px;left:25px;width:460px; z-index:1}
div#ys80 {top:20px;left:140px;width:430px; z-index:1}
div#ys90 {top:325px;left:20px;width:450px; z-index:1}
div#ys2000 {top:160px;left:20px;width:235px; z-index:1}
div#Abs02 {top:70px;left:45px;width:525px}
div#Abs03 {top:65px;left: 45px;width: 525px}
div#Abs03_MP01{top:120px;left:35px;text-align:center}
div#Abs03_MP02{top:160px;left:235px;text-align:center}
div#Abs03_MP03{top:95px;left:465px;text-align:center}
/*Moving*/
div#Mov01 {top:70px;left:45px;width:525px}
div#Mov02 {top:18px;left:40px;width:560px}
div#Mov02_MP01 {top:77px;left:9px;background:#fff; text-align:center}
div#Mov02_MP02 {top:161px;left:203px;background:#fff; text-align:center}
div#Mov02_MP03 {top:328px;left:9px;background:#fff; text-align:center}
div#Mov02_MP04 {top:442px;left:213px;background:#fff; text-align:center}
div#Mov03 {top:20px;left:45px;width:525px}
div#Mov03_MT01 {top:108px;left:45px;width:260px;line-height:25px}
div#Mov03_MT02 {top:108px;left:325px;width:260px;line-height:25px}
div#Mov04 {top:15px;left:45px;width:525px}
div#Mov05 {top:35px;left:25px;width:525px}
div#Mov06  {top:100px;left:35px;width:550px}
div#Mov06_MP01 {top:210px;left:30px;text-align:center}
div#Mov06_MP02 {top:225px;left:250px;text-align:center}
div#Mov06_MP03 {top:185px;left:470px;text-align:center}
div#Mov06_MP04 {top:335px;left:90px;text-align:center}
div#Mov06_MP05 {top:368px;left:340px;text-align:center}
div#Mov06b{top:76px;left:35px;width:550px}
div#Mov07 {top:110px;left:30px;width:520px}
div#Mov07b {top:80px;left:30px;width:500px}
/* Contact US */
div#Conts_top {top:5px;left:10px;width:580px;line-height:25px;padding:10px}
div#Conts_right {top:420px;right:0px}
div#Conts_left {top:280px;left:0px}
table#tab01 {width:500px; margin-left:50px;margin-top:30px;}
table#tab01 th { width:200px}
table#tab01 td { width:300px}
#enquiry {	width:310px;max-width:310px;min-width:310px;width:340px \9;max-width:340px \9;min-width:340px \9}
#ct_message {	width:310px;max-width:310px;min-width:310px;width:340px \9;max-width:340px \9;min-width:340px \9}
.eqtext { width:300px; height:28px}
.eqcode {height:28px}
div#Subm_stor {height:768px}
div#Subm_stor01{height:1090px}
div#Subm_stor02{height:1050px}
}

@media screen and (max-width: 980px) { 
#side_navi_go_top {DISPLAY: none}
#side_navi {DISPLAY: none}
}