/* CSS Document */
/* ----------------------------------------------------------------
		general setting 
------------------------------------------------------------------*/


/* ----------------------------------------------------------------
		header
------------------------------------------------------------------*/
#headerBg { height:147px; background-image:url(/img/bg_header_page.jpg); }
#header { margin:0 auto; width:820px; height:147px; background-image:url(img/main_products.jpg); }
#header.quality { background-image:url(img/main_quality.jpg); }
#header h2 { text-indent:-9999px; }

/* ----------------------------------------------------------------
		mainProducts
------------------------------------------------------------------*/
#contentProducts { margin:0 0 20px 0; width:600px; }
#contentProducts #leftProducts { width:400px; float:left; }
#contentProducts #rightProducts { margin:10px 0 0 0; width:191px; float:right; }
#contentProducts #aboutProducts { margin:0 0 10px 0; padding:10px; height:100px; background-image:none; border:1px solid #ccc; }


/* ----------------------------------------------------------------
		mainProducts
------------------------------------------------------------------*/
#contentBg { margin:0; }
.content .leftContent { margin-top:10px; width:224px; float:left; }
.content .rightContent { margin-top:10px; width:313px; float:right; }
.content .rightContent ul {margin:0; padding:0; }
.content .rightContent ul li { width:135px; height:80px; float:left; background:url(img/btn_navi.jpg); }
.content .rightContent ul li#video { background-image:none; }
.content .rightContent ul li#products { background-image:none; }
.content .rightContent ul li#skills { background-image:none; }
.content .rightContent ul li#movie { background-image:none; }
.content .rightContent ul li#series { background-image:none; }
.content .rightContent ul li a { width:135px; height:80px; display:block; text-indent:-9999px; background:url(img/btn_navi.jpg); }
.content .rightContent ul li#video a { background:url(img/btn_navi_video.jpg); background-position:0 0; }
.content .rightContent ul li#products a { background-position:-135px 0; }
.content .rightContent ul li#skills a { background-position:-270px 0; }
.content .rightContent ul li#movie a { background-position:-405px 0; }
.content .rightContent ul li#series a { background-position:-540px 0; }
.content .rightContent ul li#video a:hover { background-position:0 -80px; }
.content .rightContent ul li#products a:hover { background-position:-135px -80px; }
.content .rightContent ul li#skills a:hover { background-position:-270px -80px; }
.content .rightContent ul li#movie a:hover { background-position:-405px -80px; }
.content .rightContent ul li#series a:hover { background-position:-540px -80px; }

/* ----------------------------------------------------------------
		use
------------------------------------------------------------------*/
.content .use { margin:10px 10px 0 0; width:270px; height:220px; float:left; }
.content .use p { height:30px; }
.content .use img { padding:5px; border:1px solid #ccc; }
.content .useLast { border:1px solid #002F74; }
.content .useLast p{ padding:3px; height:auto; }
.content .useLast p.title { padding:3px; color:#002F74; border-bottom:1px dotted #002F74; }
.content .useLast img { padding:0; border:none; }
.content .sgaldt { height:280px; }
.content .sgaldtLast { height:290px; }

.sg_series {  }
.sg_series .leftContent { width:421px; }
.sg_series .rightContent { margin-top:0px; width:145px; }

.sg_series .leftContent ul { margin:0; padding:0; background:none; }
.sg_series .leftContent ul li { margin:0 !important; padding:0 !important; background:none !important; float:left; }
.sg_series .leftContent ul li a { height:189px; width:140px; display:block; text-indent:-9999px; }
.sg_series .leftContent ul li#sg358 a { background:url(img/sg_menu.jpg) no-repeat 0 0; }
.sg_series .leftContent ul li#sg358_2 a { background:url(img/sg_menu.jpg) no-repeat -140px 0; }
.sg_series .leftContent ul li#sg358_s a { background:url(img/sg_menu.jpg) no-repeat -280px 0; }
.sg_series .leftContent ul li#sg358 a:hover { background:url(img/sg_menu.jpg) no-repeat 0 -189px; }
.sg_series .leftContent ul li#sg358_2 a:hover { background:url(img/sg_menu.jpg) no-repeat -140px -189px; }
.sg_series .leftContent ul li#sg358_s a:hover { background:url(img/sg_menu.jpg) no-repeat -280px -189px; }

/* ----------------------------------------------------------------
		video
------------------------------------------------------------------*/
.content #video1 { padding:10px 0 15px 0; float:left; }
.content #video2 { padding:10px 0 15px 0; float:right; }

/* ----------------------------------------------------------------
		products
------------------------------------------------------------------*/
.content .products { margin:10px 0 0 0; }
.content .productsLeft { width:260px; float:left; }
.content .productsLeft img { margin:0 0 10px 0; padding:5px; border:1px solid #ccc; }
.content .productsRight { width:290px; float:right; }
.content .productsRight p.title { color:#002F74; border-bottom:1px dotted #002F74; }
.content .rightLast { width:260px; float:right; }

/* ----------------------------------------------------------------
		quality
------------------------------------------------------------------*/
.content .contentSepa { }
.content .contentSepa .left { padding:10px 0 0 0; width:210px; float:left; }
.content .contentSepa .left p { text-align:center; }
.content .contentSepa .left img { padding:5px; border:1px solid #ccc;}
.content .contentSepa .right { width:340px; float:right; }

/* ----------------------------------------------------------------
		trouble
------------------------------------------------------------------*/
.content ul.ulTrouble { }
.content ul.ulTrouble li { width:150px; float:left; }
.content .trouble { margin:10px 0; border-bottom:1px dotted #ccc; }
.content .trouble p.title { padding:0 0 0 17px; background-image:url(/img/list_footer.jpg); background-repeat:no-repeat; background-position:0 3px; }

/* ----------------------------------------------------------------
		kan
------------------------------------------------------------------*/
.content .miniContent { margin:5px 0; padding:5px; border:1px dotted #CCC; }
.content .miniContent img.right { float:right; }
.content .miniContent .miniminiContent { padding-bottom:5px; }
.content .miniContent  p.miniTitle { padding-left:13px; background:url(/img/list_arrow.gif) no-repeat 0 1px; }
.content .miniContent .miniminiContent .left { width:300px; float:left; }
.content .miniContent .miniminiContent .left p { width:285px; }
.content .miniContent .miniminiContent .right { padding-right:3px; width:254px; float:right; }
.content .miniContent .miniminiContent .miniminiminiContent { padding:5px; border:1px dotted #CCC; }
.content .miniContent .miniminiContent .miniminiminiContent ul { list-style:none; }
.content .miniContent .miniminiContent .miniminiminiContent ul li { padding-right:12px !important; float:left; }