@charset "utf-8";
@import url("reset.css");


body	 {text-align:center; overflow-x: hidden; background:url('../../resource/images/main/main_bg.jpg') repeat-x left top; }

.cb:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}  
.blind {display:none;}
.blindtext	{ visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em; position:absolute;}
select {vertical-align:middle; font-size:12px;}
:root select {padding:2px 0 1px;}
input.check {width:13px;height:13px;margin-right:3px;border:none;background:none;}
:root input.check {margin-left:0;vertical-align:-2px;}
input {color:#333; background:transparent; font-size:12px;}
input.intext	{ height:15px; padding:3px 2px 0 2px; border:1px solid #d5dce4; vertical-align:middle; background:#fff;}
.blank	{ color:#ff6917; text-decoration:underline;}
.img, fieldset { border:0px none; }
.point01	{ color:#239b0b; }

/* skip */
#skip_navi {list-style:none;font-size:1.15em;}
#skip_navi a:active,
#skip_navi a:focus{text-align:center;}
#skip_navi a:active,
#skip_navi a:focus{color:#000;background:#fff;border:1px solid#475470;outline:0;}
#skip_navi {position:absolute;top:-10em; left:0; margin:0 auto; width:18em;}
#skip_navi a:active,
#skip_navi a:focus{position:absolute;top:10.5em; left:0; width:18em;z-index:2;}

/*layout */
#header		{position:relative;  height: 99px;   width:920px;  margin:0 auto; text-align:left; z-index: 10; }
#wrap		{ width:970px; margin:0 auto; height:auto;}
#container  { position:relative; left:20px; clear:both; width:970px;  margin:0 auto; text-align:left;  }
#footer		{ position:relative; clear:both; width:100%;  height:70px;text-align:center;  border-top:1px solid #ececec;  }



/* hader */
#header h1	 {position:absolute;  width:105px; height:55px; float:left; padding:20px 0 0 0px; z-index:1}
#utilmenu	{position:absolute; width:240px; left:682px; top:16px;}
#utilmenu li	{ float:left; padding:0; }
#utilmenu li.allmenu	{padding:0 0 0 11px;}


/* allmenu */
.openmenu	{position:absolute; width:419px; height:230px; top:37px;  left:501px; background:url('../../resource/images/common/allmenu_bg.jpg') no-repeat left top; z-index:200000;}
.openmenu dl	{position: relative; padding:5px 0 0 25px; margin:20px 0 0 0; }
.openmenu dl dt	{height:15px;}
.openmenu dl dd	{padding:0 0 0 0; display:inline; float:left; }
.menuclose	{position: relative; padding:35px 0 0 215px; float:left; }

/* gnb */
#gnb	{position:absolute;  width:721px;  margin:37px 0 0 200px; height:34px; float:left; background:url('../../resource/images/common/gnb_bg.jpg') no-repeat left top;}
#gnb ul	{ width:100%; margin:0 0 0 30px;}
#gnb ul li	{ position:relative; float:left; display:inline; padding:10px 44px 0 44px; }
#gnb ul li ul	{ display:none; width:auto; position:absolute; top:37px; left:0; white-space:nowrap;}
#gnb ul li ul.gnb_sub01	{ left:0;}
#gnb ul li ul.gnb_sub02	{ left:-60px; }
#gnb ul li ul.gnb_sub03	{ left:-505px;}
#gnb ul li ul.gnb_sub04	{ left:-30px;}
#gnb ul li ul li	{ float:none; display:inline-block; padding:0 0 0 20px; } 




/* Contents */

.longdesc {display: block; position: absolute; left: -10240px; width: 1px; height: 1px; overflow: hidden; }

.flash01	{position: relative; width:488px; height:348px; float:left; margin:1px 0 0 0; background:url('../../resource/images/main/bg.jpg') no-repeat left top; z-index:5;}
.flash02	{position: relative; width:422px; height:83px; float:left; margin:18px 0 0 0; z-index:6; }

.boxcont	{ position: relative; width:296px; height:274px; float:left; margin:3px 0 0 0; background:url('../../resource/images/main/box_bg.jpg') no-repeat left top; z-index:7;}
.boxcont h2	{ padding:80px 0 0 71px; }
.boxcont ul	{ margin:2px 0 0 0; text-align:center;}
.boxcont ul	li	{padding:0 0 5px 0;}


.repot	{ width:126px; height:132px; float:left; margin:105px 0 0 0; background:url('../../resource/images/main/re_bg.jpg') no-repeat left top; }
.repot h2	{ padding:52px 0 0 0; }
.repot ul	li	{padding:10px 0 0 40px;}

.notice	 { width:310px; height: 164px; position: relative; float:left; margin:10px 30px 0 0;}
.notice ul	{ width:100%; padding:10px 0 0 0;}
.notice ul li	{ padding:4px 0 3px 0; color:#666; background:url('../../resource/images/main/list_point.gif') no-repeat left 12px; border-bottom:1px solid #eaeaea;}
.notice ul li a	{ width:230px; display:inline-block; color:#444; padding:0 0 0 9px;}
.notice ul li a:hover	{ color:#2c772d; }
.notice .moreview	{ position:absolute; top:0px; left:100px; }


.notice2	 { width:290px; height: 164px; position: relative; float:left; margin:10px 10px 0 0;}
.notice2 ul	{ width:100%; padding:10px 0 0 0;}
.notice2 ul li	{ padding:4px 0 3px 0; color:#666; background:url('../../resource/images/main/list_point.gif') no-repeat left 12px; border-bottom:1px solid #eaeaea;}
.notice2 ul li a	{ width:220px; display:inline-block; color:#444; padding:0 0 0 9px;}
.notice2 ul li a:hover	{ color:#2c772d; }
.notice2 .moreview	{ position:absolute; top:0px; left:56px; }

.about	{ width:270px; height:140px; float:left; margin:15px 0 0 0; background:url('../../resource/images/main/about01.gif') no-repeat left top; }
.about h2	{ padding:18px 0 0 165px;}
.about ul {margin-top:10px;}
.about ul li	{padding:0 0 0 165px;}

.bannerzone { 
    float:left;
    width:820px;    
    }

/* Footer */
#footer .footer {width:500px;margin:0 auto; padding:10px 0 0 150px;}
.footer .footlogo {float:left;width:63px; padding:0 20px 0 0}
.footer .foottext {float:left; width:300px; padding:10px 0 0 10px; text-align:left;}


#footer .container {position: relative; width: 926px; z-index: 10; margin: 0px auto; padding-top: 26px;}
    html>body #footer .container:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
        #footer .area-banner {position: relative; width: 100%; height: 63px; background: url("/resource/new_images/common/bg_banner1.gif") no-repeat; }
            #footer .area-banner .area-banner-total {position: absolute; left: 15px; top: 18px; }
                #footer .area-banner .area-banner-total img {display: block; }
            #footer .area-banner ul {display: inline-block; width: 809px; height: 33px; overflow: hidden; padding: 15px 0px 0px 62px; }
            html>body #footer .area-banner ul:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
                #footer .area-banner ul li {display: inline; float: left; margin: 0px 5px; white-space: nowrap; }
                    #footer .area-banner ul li img {display: block; width: 148px; height: 31px; border: 1px solid #e1e0e0; }
            #footer .area-banner .button {position: absolute; left: 0px; top: 0px; width: 100%; }
                #footer .area-banner .button .prev {position: absolute; left: 20px; top: 19px; }
                #footer .area-banner .button .next {position: absolute; right: 20px; top: 19px; }
                #footer .area-banner .button button {float: left; width: 21px; height: 21px; }
                    #footer .area-banner .button .prev button {background: url("/resource/new_images/common/button/btn_banner_prev.gif") no-repeat 50% 50%; }
                    #footer .area-banner .button .next button {background: url("/resource/new_images/common/button/btn_banner_next.gif") no-repeat 50% 50%; }
        #footer .area-anb {float: left; width:100%; margin-top: 17px; }
            #footer .area-anb ul {height:29px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
            #footer .area-anb ul li {display: inline; float: left; margin-left:13px; padding: 9px 0px 9px 13px; background: url("/resource/new_images/common/bar_v_anb.gif") no-repeat 0% 50%; }
            #footer .area-anb ul li img{display: block; }
            #footer .area-anb ul li.first-child {margin-left: 0px; padding-left: 7px; background: none;}



/* Content all */
#contents h3	{margin:25px 0 0 5px; padding:0 0 0 25px; background:url('../../resource/images/bul/icon_h3.gif') no-repeat 3px 1px; }
#contents h3 img	{ vertical-align:top; }
#contents h4	{width:660px; color:#444; font-weight:bold; margin-top:15px; margin-left:25px; padding:0px 0 9px 25px; background:url('../../resource/images/bul/icon_h4.gif') no-repeat 5px 1px; }
#contents h4 span	{ font-weight:normal;}