@charset "utf-8";
/* =======================================================
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "Layout Stylesheet";
 :shortdesc "Layout stylesheet for XHTML pages of this site.";
 :created "2011-09-28";
 :release [:revision "1.0.0"; :created "2011-10-11"];
 :author [:name "DIGICON"; :homepage <http://www.digi-c.co.jp/> ];
 :license <http://creativecommons.org/licenses/by/3.0/> .
========================================================== */

/* =============================================== */
/* YUI Fonts Pixels (px) - Percent (%)
10-77 / 11-85 / 12-93 (was 93) / 13-100 / 14-108 (was 107) / 15-116 (was 114) / 16-123.1 (was 122)
17-131 (was 129) / 18-138.5 (was 136) / 19-146.5 (was 144) / 20-153.9 (was 152) / 21-161.6 (was 159)
22-167 / 23-174 / 24-182 / 25-189 / 26-197 */
/* ----------------------------------------------- */

/* =============================================== */
/** Default */
/* ----------------------------------------------- */
html{height:100%;}
body{height:100%;position:relative;text-align:center;line-height: 1.5;}
a{outline: none;}
strong{font-weight:bold;}
.indent{text-indent:1em;}
body{font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic",arial,helvetica,clean,sans-serif;}
select,input,button,textarea{font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic",arial,helvetica,clean,sans-serif;}

/* =============================================== */
/** Sticky Footer Solution by Steve Hatcher */
/* ----------------------------------------------- */
#container{min-height: 100%;}
#main{
overflow:auto;
padding-bottom: 74px;/* Must Fotter Height */
}
#footer{
position: relative;
margin-top: -59px;/* Negative Footer Height */
height: 59px;
clear:both;
}
/* Opera Fix */
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}

/* =============================================== */
/** Body&Color */
/* ----------------------------------------------- */
body{background:url(../contents/layout/bg.gif) repeat;}
a{text-decoration:none;}
a:link {color:#6699CC;}
a:visited {color:#6699CC;}
a:hover,a:active {color:#333333;}
hr{border:0;height: 2px;background:url(../contents/layout/line_horizontal.gif) repeat-x;}
*html hr {display :list-item;width:0;margin-left:-10px;list-style :url(../contents/layout/line_horizontal.gif) inside;}

/* =============================================== */
/** Container */
/* ----------------------------------------------- */
#container{width:100%;}

/* =============================================== */
/** Header */
/* ----------------------------------------------- */
#header{width:100%;background:url(../contents/layout/bg_header.gif) repeat-x;margin-bottom:10px;}
#header a{text-decoration:none;}

/** #hArea */
#header #hArea{width:960px;height:102px;overflow:hidden;margin:0 auto;text-align:left;background:url(../contents/layout/bg_hArea.gif) no-repeat;}

/** #hTitle */
#header #hArea #hTitle{float:left;width:700px;}
#header #hArea #hTitle .logo{margin-top:20px;}
#header #hArea #hTitle .description{font-size:85%;margin-top:17px;}

/** #hNav */
#header #hArea #hNav,#header #hArea #hNav ul.hNavList{width:250px;}
#header #hArea #hNav{float:right;}
#header #hArea #hNav ul.hNavList{margin-top:50px;}
#header #hArea #hNav ul.hNavList li{float:left;margin-right:10px;font-size:85%;}
#header #hArea #hNav ul.hNavList li a{color:#333;}

/** #navArea */
#header #navArea{width:960px;height:42px;margin:0 auto;text-align:left;}

/** #gNav */
#header #navArea #gNav{width:960px;height:42px;}
#header #navArea #gNav{float:left;}
#header #navArea #gNav ul.gNavList{padding-top:10px;}
#header #navArea #gNav ul.gNavList li{float:left;margin-right:20px;}
#header #navArea #gNav ul.gNavList li a{color:#FFFFFF;}
#header #navArea #gNav ul.gNavList li a:hover{color:#CCCCCC;}

/** #toolArea */
#header #navArea #toolArea,#header #navArea #toolArea ul.toolList{width:220px;height:40px;}
#header #navArea #toolArea{float:right;background:url(../contents/layout/bg_toolArea.gif) no-repeat;}
#header #navArea #toolArea ul.toolList li{position:relative;}
#header #navArea #toolArea ul.toolList li .searchArea{width:220px;position:relative;top:8px;left:10px;}
#header #navArea #toolArea ul.toolList li .searchInput{font-size:77%;padding: 0 3px;border:none;float:left;width:188px;height:22px;position:relative;background: url(../contents/layout/bg_search.png) no-repeat 0 0;line-height: 22px;vertical-align: middle;}
#header #navArea #toolArea ul.toolList li .searchBtn{float:right;width:26px;height: 22px;border: none;overflow: hidden;background: url(../contents/layout/btn_search.png) no-repeat 0 0;text-indent: -9999px;cursor: pointer;}
#header #navArea #toolArea ul.toolList li .searchBtn:hover{background-position: 0 -22px;}

/* =============================================== */
/** Main */
/* ----------------------------------------------- */
#main{width:960px;margin:0 auto;text-align:left;}

/* =============================================== */
/** Top Page */
/* ----------------------------------------------- */
#main #contents #topics{background:url(../contents/layout/bg_introduction.gif) no-repeat;padding:6px 2px 2px 3px;height:270px;}
#main #contents #introduction{width:692px;height:248px;background:#000 url(../module/orbit/loading.gif) no-repeat center center;overflow: hidden;position:relative;}
#main #contents #introduction img,
#main #contents #introduction div,
#main #contents #introduction a{ display: none; }
#main #contents #topArea{background:url(../contents/layout/bg_contents-cArea.png) repeat-y;}
*:first-child+html #main #contents #topArea{position:relative;}

#main #contents #topArea #service .serviceArea{margin:0 auto 10px auto;padding:40px 0 10px 0;width:660px;}
#main #contents #topArea #service .serviceArea li{float:left;}
#main #contents #topArea #service .topTitle,
#main #contents #topArea #information .topTitle{background-color:#FFF;width:700px;position:absolute;margin-left:-10px;}

*:first-child+html #main #contents #topArea #service .topTitle,
*:first-child+html #main #contents #topArea #information .topTitle{left:0;}

#main #contents #topArea #information{padding-bottom:20px;}
#main #contents #topArea #information .news{padding:50px 0 0 0;width:630px;margin:0 auto;}
#main #contents #topArea #information .news dt{float:left;clear:both;}
#main #contents #topArea #information .news dd{margin-left:6.5em;margin-bottom:3px;padding-left:15px;background:url(../contents/layout/icon_arrow-single.png) no-repeat 0% 50%;}

/* =============================================== */
/** Contents */
/* ----------------------------------------------- */
#main #contents{float:left;width:700px;background:url(../contents/layout/bg_contents.png) no-repeat 0% 100%;padding-bottom:10px;}
#main #contents #cHeader #cTitle{width:700px;height:0px;padding-top:135px;overflow:hidden;}

#main #contents #cHeader .company{background:url(../contents/layout/image_title_company-information.jpg) no-repeat;}
#main #contents #cHeader .news{background:url(../contents/layout/image_title_news-information.jpg) no-repeat;}
#main #contents #cHeader .product{background:url(../contents/layout/image_title_product-information.jpg) no-repeat;}
#main #contents #cHeader .contact{background:url(../contents/layout/image_title_contact.jpg) no-repeat;}
#main #contents #cHeader .live{background:url(../contents/layout/image_title_live-service.jpg) no-repeat;}
#main #contents #cHeader .encode{background:url(../contents/layout/image_title_encode-service.jpg) no-repeat;}
#main #contents #cHeader .web{background:url(../contents/layout/image_title_web-service.jpg) no-repeat;}
#main #contents #cHeader .sitemap{background:url(../contents/layout/image_title_sitemap.jpg) no-repeat;}
#main #contents #cHeader .demo_sample{background:url(../contents/layout/image_title_demo-sample.jpg) no-repeat;}
#main #contents #cHeader .privacy{background:url(../contents/layout/image_title_privacy.jpg) no-repeat;}
#main #contents #cHeader .policy{background:url(../contents/layout/image_title_policy.jpg) no-repeat;}
#main #contents #cHeader .disclosure{background:url(../contents/layout/image_title_disclosure.jpg) no-repeat;}
#main #contents #cHeader .link{background:url(../contents/layout/image_title_link.jpg) no-repeat;}


#main #contents #cNav{width:700px;background:url(../contents/layout/bg_contents-breadcrumbs.png) no-repeat;}
#main #contents #cNav .breadcrumbs{position:relative;}
#main #contents #cNav .breadcrumbs a{color:#666;}
#main #contents #cNav .breadcrumbs a:hover{text-decoration:underline;}
#main #contents #cNav .breadcrumbs .item{height:32px;line-height:32px;float:left;padding:0 0px 0 10px;}
#main #contents #cNav .breadcrumbs .home{height:32px;float:left;padding:0 0 0 10px;}
#main #contents #cNav .breadcrumbs .home{padding-right:20px;background:url(../contents/layout/icon_seperator.png) no-repeat 100% 50%;}
#main #contents #cNav .breadcrumbs .home a{position:relative;top:11px;width:10px;height:0px;padding-top:10px;display:block;overflow: hidden;background:url(../contents/layout/icon_home.png) no-repeat;}
#main #contents #cNav ul.pageNav{margin-top:10px;width:700px;height:40px;background:url(../contents/layout/bg_contents-pageNav.png) no-repeat;}
#main #contents #cNav ul.pageNav li{float:left;}

/* =============================================== */
/** Page Style */
/* ----------------------------------------------- */
/** All */

#main #contents #cArea{background:url(../contents/layout/bg_contents-cArea.png) repeat-y;padding:11px 15px 8px 15px;font-size:103%;position:relative;}
#main #contents #cArea p{margin:0 10px 15px 10px;}
#main #contents #cArea p.arrow{text-align:center;margin:5px 0;}

#main #contents #cArea h2{margin:5px 0px 10px 0px;padding:0 0 9px 10px;background:url(../contents/layout/line_horizontal3.gif) repeat-x 0% 100%;font-size:129%;font-weight:bold;line-height:150%;}
#main #contents #cArea h3{margin:20px 10px 10px 10px;padding:0 0 5px 5px;background:url(../contents/layout/line_horizontal.gif) repeat-x 0% 100%;font-size:129%;font-weight:bold;}
#main #contents #cArea h3 span{padding:0 0 0px 20px;background:url(../contents/layout/icon_circle01.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.circle02{padding:0 0 0px 20px;background:url(../contents/layout/icon_circle02.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point1{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point01s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point2{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point02s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point3{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point03s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point4{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point04s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point5{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point05s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point6{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point06s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point7{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point07s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point8{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point08s.gif) no-repeat 0% 50%;}
#main #contents #cArea h3 span.point9{display:block;padding:5px 0 5px 35px;background:url(../contents/layout/icon_point09s.gif) no-repeat 0% 50%;}
#main #contents #cArea h4{margin:0 10px;padding:10px 0 10px 5px;background:url(../contents/layout/bg_topicsArea01.gif) repeat;}
#main #contents #cArea h4 span{padding-left:20px;background:url(../contents/layout/icon_circle02.gif) no-repeat 0% 50%;}
#main #contents #cArea ol{list-style-type:decimal;padding-left:20px;}
#main #contents #cArea ol li{list-style-type:decimal;list-style-position: outside;margin-bottom:10px;}
#main #contents #cArea li ul li,
#main #contents #cArea li ol li{margin-left:30px;margin-bottom:0px;}

#main #contents #cArea .contentsContact{width:660px;margin:30px auto 0px auto;padding-bottom:20px;background:url(../contents/layout/bg_topicsArea01.gif) repeat;}
#main #contents #cArea .contentsContact li{float:left;width:295px;padding:20px 0 0 30px;position:relative;}

#main #contents #cArea .tableDesign01{width:650px;margin:0 auto;border-spacing:0;border-collapse:separate;empty-cells:show;padding:0;border-top:1px solid #ccc;border-right:1px solid #ccc;}
#main #contents #cArea .tableDesign01 th{width:180px;padding:6px;border-top:1px solid #fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f1f1f1; vertical-align:middle;}
#main #contents #cArea .tableDesign01 td{width:470px;padding:6px;border-top:1px solid #fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fafafa; vertical-align:middle;}

#main #contents #cArea .tableDesign02{width:650px;border-collapse:collapse;margin:0px auto 10px auto;}
#main #contents #cArea .tableDesign02,
#main #contents #cArea .tableDesign02 td{font:94% Arial, Helvetica, sans-serif;}
#main #contents #cArea .tableDesign02 th,
#main #contents #cArea .tableDesign02 td{text-align:left;padding:0.5em;border:1px solid #fff;}
#main #contents #cArea .tableDesign02 th{background:#333; color:#fff;}
#main #contents #cArea .tableDesign02 td{background:#eee;text-align:center;}
#main #contents #cArea .tableDesign02 tr.even td{background:#e5f1f4;}
#main #contents #cArea .tableDesign02 tr.odd td{background:#fff;}
#main #contents #cArea .tableDesign02 th.over,
#main #contents #cArea .tableDesign02 tr.even th.over,
#main #contents #cArea .tableDesign02 tr.odd th.over{background:#f1f1f1;}
#main #contents #cArea .tableDesign02 th.down,
#main #contents #cArea .tableDesign02 tr.even th.down,
#main #contents #cArea .tableDesign02 tr.odd th.down{background:#bce774;}
#main #contents #cArea .tableDesign02 th.selected,
#main #contents #cArea .tableDesign02 tr.even th.selected,
#main #contents #cArea .tableDesign02 tr.odd th.selected{}
#main #contents #cArea .tableDesign02 td.over,
#main #contents #cArea .tableDesign02 tr.even td.over,
#main #contents #cArea .tableDesign02 tr.odd td.over{background:#ecfbd4;}
#main #contents #cArea .tableDesign02 td.down,
#main #contents #cArea .tableDesign02 tr.even td.down,
#main #contents #cArea .tableDesign02 tr.odd td.down{background:#bce774;color:#fff;}
#main #contents #cArea .tableDesign02 td.selected,
#main #contents #cArea .tableDesign02 tr.even td.selected,
#main #contents #cArea .tableDesign02 tr.odd td.selected{background:#bce774;color:#555;}
#main #contents #cArea .tableDesign02 td.empty,
#main #contents #cArea .tableDesign02 tr.odd td.empty,
#main #contents #cArea .tableDesign02 tr.even td.empty{background:#fff;}

#main #contents #cArea .tableDesign03{width:650px;margin:0 auto;border-spacing:0;border-collapse:separate;empty-cells:show;padding:0;border-top:1px solid #ccc;border-right:1px solid #ccc;}
#main #contents #cArea .tableDesign03 th{width:180px;padding:6px;border-top:1px solid #fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f1f1f1;vertical-align:middle;text-align:center;}
#main #contents #cArea .tableDesign03 td{width:470px;padding:6px;border-top:1px solid #fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fafafa;vertical-align:middle;text-align:center;}

#main #contents #cArea .topicsArea01{width:630px;margin:10px auto;background:url(../contents/layout/bg_topicsArea01.gif) repeat #edece8;padding:5px 15px 15px 15px;}
#main #contents #cArea .topicsArea01 .tableDesign01{width:600px;}

#main #contents #cArea .topicsAreaSub01{margin:0 10px;border:1px solid #e1e1e1;background-color:#FFFFFF;padding:15px;}
#main #contents #cArea .topicsAreaSub01 .tableDesign01{width:560px;margin:10px 0;}
#main #contents #cArea .topicsAreaSub01 ol li{margin:10px 0;padding:0;}

#main #contents #cArea .flowArea{width:650px;margin:0 auto 0px auto;padding:5px;background:url(../contents/layout/bg_topicsArea01.gif) repeat #edece8;}
#main #contents #cArea .flowArea .contents{background-color:#FFF;padding:10px;}
#main #contents #cArea .flowArea .contents h3{margin:0 0 5px 0;font-size:108%;font-weight:bold;}


#main #contents #cArea .entryArea{margin:0 0 20px 0;}
#main #contents #cArea .entryArea h3{margin:0 0 10px 0;font-size:108%;font-weight:bold;border:none;background:none;}
#main #contents #cArea .entryArea h3.pen{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_note.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.pointQ{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_pointQ.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point1{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point01s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point2{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point02s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point3{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point03s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point4{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point04s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point5{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point05s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point6{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point06s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point7{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point07s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point8{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point08s.gif) no-repeat 0% 50%;}
#main #contents #cArea .entryArea h3.point9{padding:4px 10px 4px 35px;background:url(../contents/layout/icon_point09s.gif) no-repeat 0% 50%;}

#main #contents #cArea .entryArea .entryBody{padding:15px;background-color:#FFF;}

#main #contents #cArea .entryArea .entryBody p{margin:0;padding:0;}
#main #contents #cArea .flowArea .contents ul,
#main #contents #cArea .entryArea .entryBody ul{margin:10px 0;}
#main #contents #cArea .flowArea .contents ul li,
#main #contents #cArea .entryArea .entryBody ul li{margin:0 0 0 40px;list-style-type: disc;}
#main #contents #cArea .flowArea .contents ul li ol li,
#main #contents #cArea .entryArea .entryBody ul li ol li{margin:0 0 0 20px;list-style-type: decimal;}

#main #contents #cArea .sitemap{color:#000;}
#main #contents #cArea .sitemap a{color:#666;}
#main #contents #cArea .sitemap a:hover{color:#333;}
#main #contents #cArea .sitemap h2 a{color:#000;}
#main #contents #cArea .sitemap h2{font-size:108%;font-weight:bold;margin:0;background:url(../contents/layout/icon_circle02.gif) no-repeat 0% 50%;padding:0 0 0 20px;}
#main #contents #cArea .sitemap h3{font-size:108%;font-weight:bold;margin:20px 40px 10px 40px;background:url(../contents/layout/line_horizontal.gif) repeat-x 0% 100%;}
#main #contents #cArea .sitemap ul{margin:0;padding:0 0 5px 40px;}
#main #contents #cArea .sitemap li{margin:0;padding:0px 0 5px 40px;}
#main #contents #cArea .sitemap li ul{margin:0;padding:5px 0 0px 0px;}
#main #contents #cArea .sitemap li a{color:#666;text-decoration:underline;padding:5px 0 5px 10px;background:url(../contents/layout/icon_arrow-single.png) no-repeat 0% 50%;}
#main #contents #cArea .sitemap li a:hover{color:#333;text-decoration:none;}


/** News */
#main #contents #cArea .newsEntry{margin-bottom:20px;}
#main #contents #cArea .newsEntry .newsHeader{position:relative;margin-bottom:10px;}
#main #contents #cArea .newsEntry .newsHeader .newsTitle{position:relative;left:6.5em;font-size:108%;padding: 5px 0px 5px 20px;font-weight:bold;width:530px;}
#main #contents #cArea .newsEntry .newsHeader .newsDate{background:url(../contents/layout/bg_red.gif) repeat;position:absolute;top:0px;left:0;padding:5px 10px;color:#FFF;}
#main #contents #cArea .newsEntry .newsHeader .newsDate:after {background: url(../contents/layout/icon_newsTitle.png) no-repeat;content: "";display: block;position: absolute;top: 0;right: -0.7em;width: 1.1em;height: 100%;}
#main #contents #cArea .newsEntry .newsEntryBody{padding:15px 10px 10px 10px;background-color:#FFF;margin-bottom:10px;}
#main #contents #cArea .newsEntry .newsEntryBody a{padding-left:10px;background:url(../contents/layout/icon_arrow-single.png) no-repeat 0% 50%;}


/** Company */
#main #contents #cArea #gMap{width:450px;height:400px; margin:0 auto;}

#main #contents #cArea .history{background:url(../contents/layout/bg_topicsArea01.gif) repeat #edece8;padding:15px;width:620px;margin:0 auto;}
#main #contents #cArea .history dl{clear:both;padding-bottom:10px;background:url(../contents/layout/icon_history-line.gif) repeat-y;}
#main #contents #cArea .history dl.end{background:none;}
#main #contents #cArea .history dt{width:120px;float:left;text-align:right;}
#main #contents #cArea .history dt.start{background:url(../contents/layout/icon_history-start.gif) no-repeat;}
#main #contents #cArea .history dt.year{background:url(../contents/layout/icon_history-circle.gif) no-repeat;}
#main #contents #cArea .history dt.now{padding-bottom:15px;background:url(../contents/layout/icon_history-now.gif) no-repeat;}
#main #contents #cArea .history dd{margin-left:140px;}

/** Service */
#main #contents #cArea .linkArea{width:650px;margin:0 auto 5px auto;background:url(../contents/layout/bg_topicsArea01.gif) repeat #edece8;padding:5px;}
#main #contents #cArea .linkArea .image{width:200px;float:left;}
#main #contents #cArea .linkArea .txt{width:450px;height:130px;overflow:hidden;float:left;background-color:#FFF;}
#main #contents #cArea .linkArea .txt .title{font-size:108%;font-weight:bold;margin:10px 0 5px 0px;}
#main #contents #cArea .linkArea a{color:#333;background:url(../contents/layout/icon_circle01.gif) no-repeat 0% 50%;padding-left:20px;}
#main #contents #cArea .bl-hover{background:#dce6ed;}

#main #contents #cArea .pointArea{width:670px;margin:0 auto 10px auto;}
#main #contents #cArea .pointArea .image{position:absolute;height:121px;z-index:3;}
#main #contents #cArea .pointArea .txt{position:relative;left:50px;width:615px;background:url(../contents/layout/bg_topicsArea01.gif) repeat #edece8;padding:10px 0;}
#main #contents #cArea .pointArea .txt .title{margin:0;padding:10px 0 0 0;margin-left:60px;}
#main #contents #cArea .pointArea .txt .read{margin-left:68px;padding-right:10px;}
#main #contents #cArea .pointArea .txt .nav{margin-left:70px;background-color:#FFF;width:490px;padding:5px 0px 5px 10px;}
#main #contents #cArea .pointArea .txt .nav li{float:left;margin-right:10px;}
#main #contents #cArea .pointArea .txt .nav li a{color:#666;text-decoration:underline;display:block;padding:5px 10px;background:url(../contents/layout/icon_arrow-single.png) no-repeat 0% 50%;}
#main #contents #cArea .pointArea .txt .nav li a:hover{color:#333;}

#main #contents #cArea .pointList{width:645px;margin:15px;padding:0;background:url(../contents/layout/bg_topicsArea01.gif) repeat #edece8;}
#main #contents #cArea .pointList li{background:url(../contents/layout/icon_check.gif) no-repeat;padding:5px 0 6px 50px;margin:0;list-style:none;border-bottom:5px solid #FFFFFF;}
#main #contents #cArea .pointList li.point1{background:url(../contents/layout/icon_point01.gif) no-repeat;}
#main #contents #cArea .pointList li.point2{background:url(../contents/layout/icon_point02.gif) no-repeat;}
#main #contents #cArea .pointList li.point3{background:url(../contents/layout/icon_point03.gif) no-repeat;}
#main #contents #cArea .pointList li.point4{background:url(../contents/layout/icon_point04.gif) no-repeat;}
#main #contents #cArea .pointList li.point5{background:url(../contents/layout/icon_point05.gif) no-repeat;}
#main #contents #cArea .pointList li.point6{background:url(../contents/layout/icon_point06.gif) no-repeat;}
#main #contents #cArea .pointList li.point7{background:url(../contents/layout/icon_point07.gif) no-repeat;}
#main #contents #cArea .pointList li.point8{background:url(../contents/layout/icon_point08.gif) no-repeat;}
#main #contents #cArea .pointList li.point9{background:url(../contents/layout/icon_point09.gif) no-repeat;}

#main #contents #cArea .flowList{width:650px;margin:0 auto 15px 20px;}
#main #contents #cArea .flowList li{margin:0;padding:0;}

#main #contents #cArea .plan{width:650px;margin:0 auto 15px auto;border-top:1px solid #CCC;border-left:1px solid #CCC;}
#main #contents #cArea .plan th,
#main #contents #cArea .plan td{border-bottom:1px solid #CCC;border-right:1px solid #CCC;padding:5px 0;text-align:center;}



/** Contact */
#main #contents #cArea .contact h3{font-size:100%;margin:0 10px;padding:5px 0 5px 0;color:#FFFFFF;text-align:center;border-bottom:1px solid #eee;}
#main #contents #cArea .contact h3{background: #888888;background: -moz-linear-gradient(top, #1e1f23 0%, #2e2f34 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1f23), color-stop(100%,#2e2f34));background: -webkit-linear-gradient(top, #1e1f23 0%,#2e2f34 100%);background: -o-linear-gradient(top, #1e1f23 0%,#2e2f34 100%);background: -ms-linear-gradient(top, #1e1f23 0%,#2e2f34 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1f23', endColorstr='#2e2f34',GradientType=0 );background: linear-gradient(top, #1e1f23 0%,#2e2f34 100%);-webkit-box-shadow : inset 0px 1px 0px #555,0px 1px 0px #555;-moz-box-shadow    : inset 0px 1px 0px #555,0px 1px 0px #555;box-shadow         : inset 0px 1px 0px #555,0px 1px 0px #555;border:1px solid #000;}
#main #contents #cArea .contact .topicsAreaSub01{margin:0 10px 10px 10px;border:1px solid #e1e1e1;color:#666;background-color:#FFFFFF;padding:15px;position:relative;}
#main #contents #cArea .contact .topicsAreaSub01 strong{color:#333;}
#main #contents #cArea .contact .topicsAreaSub01 p{margin:0 10px 15px 10px;}

#main #contents #cArea table.mailform {width:630px;margin:0 auto 30px auto;border-top:1px solid #ccc;border-left:1px solid #ccc;border-spacing: 0;border-collapse:separate;empty-cells:show;padding:1px 1px 1px 1px;}
#main #contents #cArea table.mailform th.mailTitle,
#main #contents #cArea table.mailform td.mailIcon,
#main #contents #cArea table.mailform td.mailArea  { padding:5px 0px 5px 0px;}
#main #contents #cArea table.mailform th.mailTitle { width:120px;padding-right:5px; border-top:1px solid #444; border-left:1px solid #555; border-bottom:1px solid #111; text-align:right;  background-color:#333333; vertical-align:middle; color:#fff;}
#main #contents #cArea table.mailform th.mailTitle .small{color:#999;}
#main #contents #cArea table.mailform td.mailIcon  { width:20px;border-top:1px solid #fff; border-left:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #fff; text-align:center; background-color:#f0f0f0; vertical-align:middle; color:#333;}
#main #contents #cArea table.mailform td.mailArea  { padding-left:10px;width:400px; border-top:1px solid #fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left;   background-color:#fafafa; vertical-align:middle; color:#333;}
#main #contents #cArea table.mailform td.mailArea input.mfp,
#main #contents #cArea table.mailform td.mailArea textarea.mfp{margin-right:10px;font-family:Arial,Helvetica,sans-serif;border:1px solid #ccc;}
#main #contents #cArea table.mailform td.mailArea input.mfp:focus,
#main #contents #cArea table.mailform td.mailArea textarea.mfp:focus{background-image: none;background-color: #fafafa;border: solid 1px #6699CC;}
#main #contents #cArea table.mailform td.mailArea input.mfp{padding:4px 4px;}
#main #contents #cArea table.mailform td.mailArea textarea.mfp{padding:4px 4px;resize:none;}
#main #contents #cArea table.mailform td.mailArea .inputSelect{}
#main #contents #cArea table.mailform td.mailArea .mfp_err {font-size:85%;margin:3px 0 0 0;color: #CC0000;display:none;}
#main #contents #cArea input#button_mfp_goconfirm {width: 224px;height: 45px;margin-bottom:30px;overflow: hidden;background-image: url(../contents/layout/btn_goconfirm.gif);border: none;border-style: none;cursor: pointer;}

/** Link */
#main #contents #cArea .bannerArea{ background-color:#FFF; margin:5px 0px 10px;}
#main #contents #cArea .bannerArea .title a { background: url("../contents/layout/icon_circle01.gif") no-repeat scroll 0 50% transparent; color:#333333; padding-left: 20px;}
#main #contents #cArea .bannerArea .banner dt{ width:160px; padding:10px;}
#main #contents #cArea .bannerArea dt{ width:160px; padding:20px 10px 0px;}
#main #contents #cArea .bannerArea dd{ width:450px;}

/* =============================================== */
/** Sidebar */
/* ----------------------------------------------- */
#main #sidebar{float:right;width:240px;}
#main #sidebar a{text-decoration:none;}

/* ++#sideContact */
#main #sidebar #sideContact,
#main #sidebar #sideChatContact
{width:200px;height:150px;padding:10px 20px 10px 20px;margin-bottom:5px;background:url(../contents/layout/bg_sidebar-contact.png) no-repeat;}
#main #sidebar #sideContact .title,
#main #sidebar #sideChatContact .title
{border-bottom:dashed 1px #CCC;padding-bottom:5px;margin-bottom:5px;}
#main #sidebar #sideContact .txt{font-size:85%;}
#main #sidebar #sideContact .img{margin:3px 0 6px 0;}
#main #sidebar #sideContact .btn{}

/* ++#sideMenu */
#main #sidebar #sideMenu{background:url(../contents/layout/bg_sideMenu_footer.gif) no-repeat 0% 100%;padding:0 0 10px 0;}
#main #sidebar #sideMenu .sMenuTitle{width:240px;height:0px;padding-top:44px;overflow:hidden;}
#main #sidebar #sideMenu .sLive{background:url(../contents/layout/title_sidebar_live-service.gif) no-repeat;}
#main #sidebar #sideMenu .sEncode{background:url(../contents/layout/title_sidebar_encode-service.gif) no-repeat;}
#main #sidebar #sideMenu .sWeb{background:url(../contents/layout/title_sidebar_web-service.gif) no-repeat;}
#main #sidebar #sideMenu .sService{background:url(../contents/layout/title_sidebar_service.gif) no-repeat;}
#main #sidebar #sideMenu .sProduct{background:url(../contents/layout/title_sidebar_product-information.gif) no-repeat;}
#main #sidebar #sideMenu .sCompany{background:url(../contents/layout/title_sidebar_company-information.gif) no-repeat;}
#main #sidebar #sideMenu .sMenuList{background:url(../contents/layout/bg_sideMenu.gif) repeat-y;padding:5px 0 5px 25px;}
#main #sidebar #sideMenu .sMenuList li{margin:0 0 4px 0;}
#main #sidebar #sideMenu .sMenuList li span{padding-left:10px;background:url(../contents/layout/icon_arrow-single.png) no-repeat 0% 50%;}
#main #sidebar #sideMenu .sMenuList li ul{padding-top:4px;}
#main #sidebar #sideMenu .sMenuList li ul li{margin-left:10px;margin-right:15px;padding-left:10px;background:url(../contents/layout/icon_arrow-single.png) no-repeat 0% 50%;}

/* ++#sideArea */
#main #sidebar #sideArea{background:url(../contents/layout/bg_sidebar-sideArea.png) no-repeat 0% 100%;padding-bottom:5px;}
#main #sidebar #sideArea .sContents{padding:0px 0;background:url(../contents/layout/bg_sidebar-sContents.png) repeat-y;}
#main #sidebar #sideArea .sMainTitle{width:240px;height:0px;padding-top:40px;overflow:hidden;background:url(../contents/layout/title_sidebar_purpose-search.gif) no-repeat;}
#main #sidebar #sideArea .sTitle{width:240px;height:0px;padding-top:40px;overflow:hidden;}
#main #sidebar #sideArea #sPicup .sTitle{background:url(../contents/layout/title_sidebar_picup.gif) no-repeat;}
#main #sidebar #sideArea #sService .sTitle{background:url(../contents/layout/title_sidebar_service-search.gif) no-repeat;}
#main #sidebar #sideArea #sProduct .sTitle{background:url(../contents/layout/title_sidebar_product-search.gif) no-repeat;}
#main #sidebar #sideArea .sNav{width:221px;background:url(../contents/layout/bg_sidebar-sNav.png) no-repeat 0% 100%;margin:0 auto 0px auto;padding: 0 0 10px 0;}
#main #sidebar #sideArea .sNav ul.sNavList,#main #sidebar #sideArea .sNav dl.sNavList{margin:0 auto;background:url(../contents/layout/bg_sidebar-sNavList.png) repeat-y;}
#main #sidebar #sideArea .sNav ul.sNavList{padding:5px 0 8px 15px;}
#main #sidebar #sideArea .sNav ul.sNavList li{padding-left:10px;background:url(../contents/layout/icon_arrow-single.png) no-repeat 0% 50%;}
#main #sidebar #sideArea .sNav dl.sNavList{width:221px;color:#333;padding:10px 0px 10px 0;}
#main #sidebar #sideArea .sNav dl.last{border-bottom:none;}
#main #sidebar #sideArea .sNav dl.sNavList dt{float:left;width:90px;margin:0 5px 0 5px;}
#main #sidebar #sideArea .sNav dl.sNavList dd{float:left;width:115px;font-size:85%;}
#main #sidebar #sideArea .sNav dl.sNavList dd strong{font-weight:bold;}

/* =============================================== */
/** Footer */
/* ----------------------------------------------- */
#footer{}
#footer #fNav{width:960px;margin:0 auto;background:url(../contents/layout/bg_footer-fNav.png) no-repeat;}
#footer #fNav .breadcrumbs{float:left;position:relative;}
#footer #fNav .breadcrumbs a{color:#666;}
#footer #fNav .breadcrumbs a:hover{text-decoration:underline;}
#footer #fNav .breadcrumbs .item,
#footer #fNav .breadcrumbs .home{height:35px;line-height:32px;float:left;padding:0 0px 0 10px;}
#footer #fNav .breadcrumbs .home{padding-right:20px;background:url(../contents/layout/icon_seperator.png) no-repeat 100% 50%;}
#footer #fNav .breadcrumbs .home a{position:relative;top:11px;width:10px;height:0px;padding-top:10px;display:block;overflow: hidden;background:url(../contents/layout/icon_home.png) no-repeat;}
#footer #fNav .pagetop{float:right;position:relative;}
#footer #fNav .pagetop a{position:relative;top:8px;right:5px;width:68px;height:0px;padding-top:18px;display:block;overflow: hidden;background:url(../contents/layout/btn_fNav-pagetop.gif) no-repeat;}
#footer #fNav .pagetop a:hover{background-position: 0 -18px;}

#footer #fArea{width:960px;background:url(../contents/layout/bg_footer-fArea.png) repeat-y;margin:0 auto;text-align:left;padding-bottom:40px;}
#footer #fArea .fAddress{float:left;width:235px;padding-left:10px;}
#footer #fArea .fAddress dt{padding-top:25px;}
#footer #fArea .fAddress dd{padding:20px 0 0 15px;font-size:92%;}

#footer #fArea .fSitemap{float:left;padding-top:30px;}
#footer #fArea .fSitemap dl.fPages{float:left;margin-right:-2px;padding:0 5px 0 8px;background:url(../contents/layout/line_vertical.gif) repeat-y 100% 0;}
#footer #fArea .fSitemap dt{height:0px;padding-top:26px;overflow:hidden;}
#footer #fArea .fSitemap dt.fourKTitle{width:165px;background:url(../contents/layout/title_footer_4k.gif) no-repeat;}
#footer #fArea .fSitemap dt.liveTitle{width:165px;background:url(../contents/layout/title_footer_live.gif) no-repeat;}
#footer #fArea .fSitemap dt.encodeTitle{width:165px;background:url(../contents/layout/title_footer_encode.gif) no-repeat;}
#footer #fArea .fSitemap dt.webTitle{width:165px;background:url(../contents/layout/title_footer_web.gif) no-repeat;}
#footer #fArea .fSitemap dt.productTitle{width:130px;background:url(../contents/layout/title_footer_product.gif) no-repeat;}
#footer #fArea .fSitemap dt.companyTitle{width:143px;background:url(../contents/layout/title_footer_company.gif) no-repeat;}
#footer #fArea .fSitemap dt.demoTitle{width:165px;background:url(../contents/layout/title_footer_demo-sample.gif) no-repeat;}
#footer #fArea .fSitemap dt.newsTitle{width:165px;background:url(../contents/layout/title_footer_news.gif) no-repeat;}
#footer #fArea .fSitemap dd{padding-left:15px;}
#footer #fArea .fSitemap dd .fPageList li{}
#footer p.copyright{margin:0px auto 0 auto;padding:5px 0;color:#FFFFFF;background-color:#36393D;}
#footer #fArea .pmark .text{overflow:hidden; zoom:1; font-size: 96%; padding-left:5px;}

/* =============================================== */
/** Float Clear */
/* ----------------------------------------------- */
#hArea:after,
#navArea:after,
.sNavList:after,
#fNav:after,
#cNav:after,
.breadcrumbs:after,
#fArea:after,
.fSitemap:after,
.history:after,
.linkArea:after,
#service:after,
.pointArea:after,
.nav:after,
.contentsContact:after,
.newsEntry:after,
.bannerArea:after,
.pmark:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;}

#hArea,
#navArea,
#fNav,
.breadcrumbs,
#fArea,
.fSitemap,
#cNav,
.history,
.linkArea,
#service,
.pointArea,
.nav,
.contentsContact,
.newsEntry,
.bannerArea,
.pmark
{display: inline-block;}

* html #hArea,
* html #navArea,
* html .sNavList,
* html #cNav,
* html #fNav,
* html .breadcrumbs,
* html #fArea,
* html .fSitemap,
* html .history,
* html .linkArea,
* html #service,
* html .pointArea,
* html .nav,
* html .contentsContact,
* html .newsEntry,
* html .bannerArea,
* html .pmark
{height: 1%;}

#hArea,
#navArea,
.sNavList,
#fNav,
#cNav,
.breadcrumbs,
#fArea,
.fSitemap,
.history,
.linkArea,
#service,
.pointArea,
.nav,
.contentsContact,
.newsEntry,
.bannerArea,
.pmark
{display: block;}