@charset "utf-8";

/* ========================================================================
    01. header
    02. contents
    03. footer
------------------------------------------------------------------------ */


/* ========================================================================
    01. header
------------------------------------------------------------------------ */

/*  header
-------------------------------------------------------------- */
#header{
min-width:970px;
_width:auto;
border-bottom:1px solid #b7c5d0;
background:#fff;
}

#header-inner{
position:relative;
z-index:2;
width:950px;
margin:0 auto;
padding:0 10px;
font-size:1.2em;
text-align:left;
*zoom:1;
}
#header-inner:after{display:block;clear:both;content:'';}

.popup-01 #header{min-width:760px;_width:auto;}
.popup-01 #header-inner{width:720px;padding:0 20px;}

#header .ci{
height:34px;
padding:.625em 0 .75em 0;
font-size:2em;
font-weight:bold;
}

#header .nav-01{
position:absolute;
top:.5em;
right:10px;
z-index:4;
max-width:780px;
padding-top:9px;
*zoom:1;
}
#header .nav-01:after{display:block;clear:both;content:'';}

#header .nav-01 p,
#header .nav-01 form{
float:left;
}

#header .nav-01 p a{
padding-left:12px;
background:url("/resource/style/images/ico-bullet-03-right.gif") no-repeat 0 .01em;
}

#header .nav-01 form label{
display:inline-block;
margin-left:20px;
font-weight:bold;
}

#header .nav-01 form select{
margin:0 5px;
padding:1px;
height:21px;
vertical-align:top;
font-size:1em;
*font-size:.9em;
}

#header .nav-01 form input{
vertical-align:top;
}

#header .nav-01 form input#site-search-field{
width:180px;
height:15px;
_margin-top:-1px;
padding:2px 1px 0 1px;
font-size:1em;
*font-size:.9em;
}

#header .nav-01 form span.site-search-submit{
display:inline-block;
width:41px;
height:21px;
background:url("/resource/images/btn-search-submit-01.gif") no-repeat 0 0;
vertical-align:top;
}

#header .nav-01 form input#site-search-submit{
width:41px;
height:21px;
border:0 none;
color:rgba(0,0,0,0);
cursor:pointer;
*filter:alpha(opacity=0);
}
html>/**/body #header .nav-01 form input#site-search-submit{background:none;}

#header .nav-02{
position:absolute;
top:2em;
right:10px;
z-index:3;
max-width:780px;
padding-top:20px;
*zoom:1;
}
#header .nav-02:after{display:block;clear:both;content:'';}

#header .nav-02 p,
#header .nav-02 ul{
float:left;
}

#header .nav-02 p{
margin-left:20px;
}

#header .nav-02 p img{
margin-top:1px;
*margin-top:0;
*margin-bottom:1px;
vertical-align:middle;
}

#header .nav-02 ul{
margin-left:1.75em;
}

#header .nav-02 ul li{
display:inline;
*zoom:1;
}

#header .nav-02 ul li a{
margin-left:16px;
padding-left:16px;
background:url("/resource/style/images/ico-bullet-02-right.gif") no-repeat 0 .01em;
}

#header .nav-02 ul li a:link{color:#000;text-decoration:none;},
#header .nav-02 ul li a:visited{color:#6c8293;text-decoration:underline;}
#header .nav-02 ul li a:hover,
#header .nav-02 ul li a:active,
#header .nav-02 ul li a:focus{color:#00b69a;text-decoration:underline;}

/*  nav-header
-------------------------------------------------------------- */
#nav-header{
min-width:970px;
_width:auto;
background:#fff;
}

#nav-header-inner{
width:950px;
margin:0 auto;
padding:15px 10px 30px 10px;
font-size:1.2em;
text-align:left;
*zoom:1;
}
#nav-header-inner:after{display:block;clear:both;content:'';}

#nav-header .nav-01{
background:url("/resource/style/images/nav-header-bg.gif") repeat-y left 0;
padding-left:1px;
/*border-left:1px solid #b7c5d0;*/
*zoom:1;
}
#nav-header .nav-01:after{display:block;clear:both;content:'';}

#nav-header .nav-01 li{
position:relative;
z-index:4;
float:left;
/*border-right:1px solid #b7c5d0;*/
padding:0 5px 0 4px;
background:url("/resource/style/images/nav-header-bg.gif") repeat-y right 0;
}

#nav-header .nav-01 li a{
display:table-cell;
*display:block;
height:65px;
font-weight:bold;
text-align:center;
vertical-align:middle;
text-decoration:none;
}
#nav-header .nav-01 li#nh-home a{width:229px;}
#nav-header .nav-01 li#nh-products a,
#nav-header .nav-01 li#nh-support a,
#nav-header .nav-01 li#nh-contact a{width:228px;}

#nav-header .nav-01 li#nh-home div a,
#nav-header .nav-01 li#nh-products div a,
#nav-header .nav-01 li#nh-support div a,
#nav-header .nav-01 li#nh-contact div a{
width:174px;
height:auto;
font-weight:normal;
text-align:left;
_font-size:.96em;
_font-family:arial, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}

#nav-header .nav-01 li div{
display:none;
position:absolute;
top:65px;
left:4px;
z-index:4;
width:220px;
padding:11px 4px 4px 4px;
background:#000 url("/resource/style/images/nav-header-01-bg.gif") no-repeat 0 0;
}

#nav-header .nav-01 li div ul{
padding:5px;
*padding-top:7px;
background:#167dcb;
*zoom:1;
}

#nav-header .nav-01 li div ul li{
position:static;
z-index:1;
float:none;
margin:2px;
border-right:0 none;
padding:0;
background:#fff;
*zoom:1;
}

#nav-header .nav-01 li div ul li a{
padding:5px 5px 6px 27px;
background:#fff url("/resource/style/images/ico-bullet-01-right.gif") no-repeat 9px 50%;
*zoom:1;
}

#nav-header .nav-01 li div ul li a:link,
#nav-header .nav-01 li div ul li a:visited{background-color:#fff;color:#167dcb;text-decoration:underline;}
#nav-header .nav-01 li div ul li a:hover,
#nav-header .nav-01 li div ul li a:active,
#nav-header .nav-01 li div ul li a:focus{background-color:#ffd200;color:#167dcb;text-decoration:underline;}

#nav-header .nav-02{
margin-top:1em;
border-bottom:1px solid #000;
padding:4px 2px 3px 2px;
background:#f2f3f3 url("/resource/style/images/nav-header-02-bg.gif") no-repeat 0 0;
*zoom:1;
}
#nav-header .nav-02:after{display:block;clear:both;content:'';}

#nav-header .nav-02 dt{
float:left;
width:64px;
margin-right:20px;
*margin-right:18px;
background:#000;
color:#fff;
text-align:center;
}

#nav-header .nav-02 dd{
overflow:auto;
word-spacing:.5em;
*zoom:1;
}

#nav-header .nav-02 dd a,
#nav-header .nav-02 dd em{
word-spacing:0;
}

#nav-header .nav-02 dd em{
color:#989898;
}


/* ========================================================================
    02. contents
------------------------------------------------------------------------ */
#contents{
min-width:970px;
_width:auto;
padding-bottom:20px;
background:#fff;
}

#contents-inner{
width:950px;
margin:0 auto;
padding:0 10px;
text-align:left;
*zoom:1;
}
#contents-inner:after{display:block;clear:both;content:'';}

.line #contents-inner{
background:#fff url("/resource/style/images/contents-01-bg.gif") repeat-y 230px 0;
}

.popup-01 #contents{min-width:760px;_width:auto;}
.popup-01 #contents-inner{width:760px;padding:20px 0 0 0;}

/*  special
-------------------------------------------------------------- */
#contents #special{
padding-bottom:30px;
}

.line #contents #special{
background:#fff;
}

/*  main
-------------------------------------------------------------- */
#contents #main{
float:right;
width:720px;
padding-left:20px;
}

.line #contents #main{
width:710px;
}

.liner #contents #main,
.remain #contents #main{
float:none;
width:950px;
padding-left:0;
}

.remain #contents #main{
text-align:center;
}

.remain #contents #main #remain{
width:790px;
margin:0 auto;
text-align:left;
}

.popup-01 #contents #main{
float:none;
}

/*  sub
-------------------------------------------------------------- */
#contents #sub{
float:left;
width:200px;
}

.liner #contents #sub,
.remain #contents #sub,
.popup-01 #contents #sub{
display:none;
}


/* ========================================================================
    03. footer
------------------------------------------------------------------------ */

/*  nav-footer
-------------------------------------------------------------- */
#nav-footer{
min-width:950px;
_width:auto;
padding:0 10px;
background:#fff;
}

#nav-footer-inner{
width:950px;
margin:0 auto;
border-top:1px solid #b7c5d0;
padding-top:1.5em;
font-size:1.2em;
*zoom:1;
}
#nav-footer-inner:after{display:block;clear:both;content:'';}

#nav-footer .nav-01{
word-spacing:-.3em;
margin-bottom:1.5em;
*zoom:1;
}
#nav-footer .nav-01:after{display:block;clear:both;content:'';}

#nav-footer .nav-01 li{
display:inline;
}

#nav-footer .nav-01 li a{
margin-left:.5em;
border-left:1px solid #b7c5d0;
padding-left:.5em;
white-space:nowrap;
}

#nav-footer .nav-01 li:first-child a,
#nav-footer .nav-01 li.first-child a{
margin-left:0;
border-left:0 none;
padding-left:0;
}

#nav-footer .nav-page-top{
margin-top:1.5em;
*zoom:1;
}
#nav-footer .nav-page-top:after{display:block;clear:both;content:'';}

#nav-footer .nav-page-top a{
display:block;
float:right;
padding:4px 10px 2px 27px;
background:#2485ce url("/resource/style/images/nav-page-top-bg.gif") no-repeat 10px .6em;
white-space:nowrap;
}

#nav-footer .nav-page-top a:link,
#nav-footer .nav-page-top a:visited{color:#fff;text-decoration:none;}
#nav-footer .nav-page-top a:hover,
#nav-footer .nav-page-top a:active,
#nav-footer .nav-page-top a:focus{color:#fff;text-decoration:underline;}

/*  footer
-------------------------------------------------------------- */
#footer{
min-height:100px;
_height:100px;
padding:10px 0;
}

#footer #footer-inner{
width:950px;
margin:0 auto;
padding:0 10px;
text-align:left;
*zoom:1;
}
#footer #footer-inner:after{display:block;clear:both;content:'';}

.popup-01 #footer #footer-inner{width:720px;}

#footer .nav-01{
float:left;
font-size:1.2em;
*zoom:1;
}
#footer .nav-01:after{display:block;clear:both;content:'';}

#footer .nav-01 li{
float:left;
}

#footer .nav-01 li a{
margin-left:.5em;
border-left:1px solid #fff;
padding-left:.5em;
}

#footer .nav-01 li:first-child a,
#footer .nav-01 li.first-child a{
margin-left:0;
border-left:0 none;
padding-left:0;
}

#footer .nav-01 li a:link,
#footer .nav-01 li a:visited{color:#fff;}
#footer .nav-01 li a:hover,
#footer .nav-01 li a:active,
#footer .nav-01 li a:focus{color:#fff;text-decoration:none;}

#footer .copyright{
float:right;
color:#fff;
font-size:1.1em;
font-family:"Arial", sans-serif;
text-align:right;
}