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

/* default */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none}
body{position:relative; font-size:16px;line-height:1.25em;color:#717171;font-family:arial;}
section,nav,article,aside,hgroup,header,footer{display:block}
input,textarea,select,button,table{font-size:inherit;font-family:arial;line-height:inherit}
img,fieldset{border:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
hr{display:none !important}
.clear{clear:both;}

/* highlight 색상 없앰 */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
#wrapper{ position:relative; margin:0 auto;width:100%; background:url(../image/bg_main.png) repeat-x}
.bg { position:relative; margin:0 auto;width:100%; min-width:950px; background:url(../image/bg_main_02.png) center 85px no-repeat}
#wrap{margin:0 auto;padding-top:28px;width:950px}
#wrapper_sub{margin:0 auto;width:100%;background:url(../image/bg_sub_top.png) repeat-x}

/* main */
.header{overflow:hidden;}
.logo{float:left;margin:0 0 0 17px}
.menu{float:right;margin-top:9px;margin-right:20px;}
.menu li{float:left;margin:0 16px}
.menu li a{display:block;width:100%;height:100%;cursor:hand;text-indent:-9999px}
.menu li.home{width:37px;height:13px;background:url(../image/mn01.png) 0 0 no-repeat}
.menu li.home:hover,.menu li.home_on{width:37px;height:13px;background:url(../image/mn01.png) 0 -13px no-repeat}
.menu li.feature{width:67px;height:13px;background:url(../image/mn02.png) 0 0 no-repeat}
.menu li.feature:hover, .menu li.feature_on{width:67px;height:13px;background:url(../image/mn02.png) 0 -13px no-repeat}
.menu li.spec{width:106px;height:13px;background:url(../image/mn03.png) 0 0 no-repeat}
.menu li.spec:hover, .menu li.spec_on{width:106px;height:13px;background:url(../image/mn03.png) 0 -13px no-repeat}
.menu li.image{width:53px;height:13px;background:url(../image/mn04.png) 0 0 no-repeat}
.menu li.image:hover, .menu li.image_on{width:53px;height:13px;background:url(../image/mn04.png) 0 -13px no-repeat}

.menu_sub{float:right;margin-top:5px;margin-right:20px;}
.menu_sub li{float:left;margin:0 16px}
.menu_sub a{ width:100%;height:100%;cursor:hand;text-indent:-9999px}
.menu_sub li.home{width:37px;height:13px;background:url(../image/mn01.png) 0 0 no-repeat}
.menu_sub li.home:hover, .menu li.home_on{width:37px;height:13px;background:url(../image/mn01.png) 0 -13px no-repeat}


.visual{ margin:0 auto; width:950px; height:578px;}
.visual img{padding:190px 0 0 18px}

.short_cut{ margin:15px auto 0 auto; width:950px;height:79px;background:url(../image/bg_shortcut.png) no-repeat}
.short_cut ul{margin:0 auto;padding:15px 0 0 0;width:796px}
.short_cut li{float:left}
.short_cut li a{display:block}
.short_cut li.short01{padding:0 52px}
.short_cut li.short02{padding:0 47px}
.short_cut li.short03{padding:0 52px}

/* feature */
.content{margin-top:110px;width:100%;overflow:hidden}
.content .top{margin-left:20px;height:170px;background:url(../image/line01.png) right bottom no-repeat;}
.content .top h1{margin-bottom:30px;}
.content .top_only{margin-left:20px;}

.content .fea_con01{margin:5px 0 0 20px;height:276px;background:url(../image/img_fea01.png) 480px 0 no-repeat;}
.content .fea_con01 .fea_con_txt{padding-top:50px}
.content .fea_con01 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con01 .fea_con_txt .con_txt{width:455px;font-size:16px;color:#000;line-height:22px}

.content .fea_con02{margin:0 0 0 20px;height:285px;background:url(../image/img_fea02.png) 0 59px no-repeat;}
.content .fea_con02 .fea_con_txt{float:right;padding-top:65px}
.content .fea_con02 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con02 .fea_con_txt .con_txt{width:430px;font-size:16px;color:#000;line-height:22px}

.content .fea_con03{margin:30px 0 0 20px;height:266px;background:url(../image/img_fea03.png) 410px 0 no-repeat;}
.content .fea_con03 .fea_con_txt{padding-top:80px}
.content .fea_con03 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con03 .fea_con_txt .con_txt{width:430px;font-size:16px;color:#000;line-height:22px}

.content .fea_con04{margin:20px 0 20px 20px;height:388px;background:url(../image/img_fea04.png) 0 0 no-repeat;}
.content .fea_con04 .fea_con_txt{float:right;padding-top:230px}
.content .fea_con04 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con04 .fea_con_txt .con_txt{width:440px;font-size:16px;color:#000;line-height:22px}

.content .fea_con05{margin:40px 0 0 20px;height:251px;background:url(../image/img_fea05.png) 410px 0 no-repeat;}
.content .fea_con05 .fea_con_txt{padding-top:60px}
.content .fea_con05 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con05 .fea_con_txt .con_txt{width:440px;font-size:16px;color:#000;line-height:22px}

.content .fea_con06{margin:20px 0 0 20px;height:314px;background:url(../image/img_fea06.png) 0 bottom no-repeat;}
.content .fea_con06 .fea_con_txt{float:right;padding-top:10px}
.content .fea_con06 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con06 .fea_con_txt .con_txt{width:440px;padding-left:5px;font-size:16px;color:#000;line-height:22px}
.content .fea_con06 .fea_con_txt .con_txt li{padding-left:10px;background:url(../image/bul_blue.png) 0 10px no-repeat}
.content .fea_con06 .fea_con_txt .con_txt li span{color:#0c4da2}
.content .fea_con06 .fea_con_txt .con_txt .con_icon{margin-top:20px;padding-left:10px}

.content .fea_con07{margin:40px 0 0 20px;height:300px;background:url(../image/img_fea07.png) right 0 no-repeat;}
.content .fea_con07 .fea_con_txt{padding-top:5px}
.content .fea_con07 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con07 .fea_con_txt .con_txt{width:470px;font-size:16px;color:#000;line-height:22px}
.content .fea_con07 .fea_con_txt .con_txt li{padding-left:10px;background:url(../image/bul_blue.png) 0 10px no-repeat}
.content .fea_con07 .fea_con_txt .con_txt li span{color:#0c4da2}

.content .fea_con08{margin:20px 0 20px 80px;height:448px;background:url(../image/img_fea08.png) 0 0 no-repeat;}
.content .fea_con08 .fea_con_txt{float:right;padding-top:130px}
.content .fea_con08 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con08 .fea_con_txt .con_txt{width:440px;font-size:16px;color:#000;line-height:22px}

.content .fea_con09{margin:40px 0 30px 20px;height:280px;background:url(../image/img_fea09.png) 430px 0 no-repeat;}
.content .fea_con09 .fea_con_txt{padding-top:95px}
.content .fea_con09 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con09 .fea_con_txt .con_txt{width:440px;font-size:16px;color:#000;line-height:22px}

.content .fea_con10{margin:40px 0 0 20px;height:255px;background:url(../image/img_fea10.png) 0 0 no-repeat;}
.content .fea_con10 .fea_con_txt{float:right;padding-top:70px}
.content .fea_con10 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con10 .fea_con_txt .con_txt{width:440px;font-size:16px;color:#000;line-height:22px}

.content .fea_con11{margin:40px 0 0 20px;height:370px;background:url(../image/img_fea11.png) right 0 no-repeat;}
.content .fea_con11 .fea_con_txt{padding-top:140px}
.content .fea_con11 .fea_con_txt h2{padding:0 0 12px 0;}
.content .fea_con11 .fea_con_txt .con_txt{width:430px;margin-bottom:30px;font-size:16px;color:#000;line-height:22px}

.content .con_line{height:1px;background:url(../image/line_con01.png) right 0 no-repeat;}
.content .con_line02{height:13px;background:url(../image/line_con02.png) right 0 no-repeat;}

.content .comment{float:right;margin-top:20px;width:470px;font-size:10px;color:#7f7f7f;line-height:13px;text-align:right;}

/* specificatioon */
.spec01{margin:40px 0 0 20px;height:430px;background:url(../image/line01.png) 0 bottom no-repeat}
.spec02{margin:40px 0 0 0;}
.spec03{margin:10px 0 0 0;font-size:14px;color:#000;;background:url(../image/line01.png) 0 bottom no-repeat}
.spec03 .spec03_01{float:left;width:309px;padding-left:18px}
.spec03 .spec03_02{float:left;width:310px;}
.spec03 .spec03_03{position:relative;float:left;width:313px;}

.footer_cmt{position:absolute;bottom:-130px;padding-left:10px;font-size:10px;color:#b2b2b2;line-height:1.3em}

.spec03 h2{margin-bottom:12px;}
.spec03 ul{margin-bottom:35px;}
.spec03 li{padding-left:7px;background:url(../image/bul_black.png) 0 7px no-repeat}
.spec03 li.blue{padding-left:7px;background:url(../image/bul_blue.png) 0 7px no-repeat}
.spec03 li.cmt{padding-top:5px;font-size:12px;color:#717171;background:none;}
.spec03 li span{color:#0c4da2}


/* images */
.big_image{margin-top:15px;padding-left:173px;height:630px;background:url(../image/line01.png) 0 bottom no-repeat}
.thum_image{margin-bottom:50px;height:120px;background:url(../image/line01.png) 0 bottom no-repeat}
.thum_image ul{margin-bottom:35px;}
.thum_image li{float:left}


/* footer */
.footer{ clear:both; margin:50px 20px 30px 0;text-align:right;}
.sns{font-size:11px;color:#717171}

.follow{float:right;margin-right:11px;padding-right:8px;background:url(../image/img_divide.png) right 0 no-repeat}
.follow dt{float:left;margin-right:11px;padding:4px 0 0 0;font-size:11px;color:#4d4d4d}
.follow dd{float:left;margin-right:8px;}
.share{float:right;}
.share dt{float:left;margin-right:11px;padding:4px 0 0 0;font-size:11px;color:#4d4d4d}
.share dd{float:left;margin-right:8px;}
.share dd.tw{float:left;margin-right:0;}

.address{clear:both;padding-top:15px;padding-right:81px;font-size:10px;line-height:12px;background:url(../image/img_footer_logo.png) right 28px no-repeat}
.address .add01{padding-bottom:8px;color:#7f7f7f}
.address .add02{color:#b2b2b2}


/*
.footer_sub{clear:both;margin:30px 20px 30px 0;text-align:right;}
.footer_sub.sns{font-size:11px;color:#717171}

.footer_sub.follow{float:right;margin-right:11px;padding-right:8px;background:url(../image/img_divide.png) right 0 no-repeat}
.footer_sub.follow dt{float:left;margin-right:11px;padding:4px 0 0 0;font-size:11px;color:#4d4d4d}
.footer_sub.follow dd{float:left;margin-right:8px;}
.footer_sub.share{float:right;}
.footer_sub.share dt{float:left;margin-right:11px;padding:4px 0 0 0;font-size:11px;color:#4d4d4d}
.footer_sub.share dd{float:left;margin-right:8px;}
.footer_sub.share dd.tw{float:left;margin-right:0;}

.footer_sub.address{clear:both;padding-top:15px;padding-right:81px;font-size:10px;line-height:12px;background:url(../image/img_footer_logo.png) right 28px no-repeat}
.footer_sub.address .add01{padding-bottom:8px;color:#7f7f7f}
.footer_sub.address .add02{color:#b2b2b2}
*/