@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:14px;line-height:1.25em;color:#333;font-family:arial;background:url(../image/bg_all.png) repeat}
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{margin:0 auto;width:100%;}
#wrapper_m{margin:0 auto;width:100%;background:url(../image/bg_grd_01_2.png) center 0 no-repeat;}


#wrap_body{margin:0 auto;padding:0 0 173px 0;width:1330px;height:100%;background:url(../image/bg_gradation.png) right 0 repeat-y;overflow:hidden}
#wrap_grd_02{margin:0 auto;padding:0 0 130px 0;width:1330px;height:100%;background:url(../image/bg_grd_02.png) right 0 repeat-y;overflow:hidden}
#wrap{margin:0 auto}

/* main */
.header{margin:0 145px;padding:19px 0; height:78px; position:relative;}
.logo{float:left;}
.logo a{display:block;padding:15px 0}
.menu{float:left; padding-left:20px;}
.menu li{float:left;margin-left:8px}
.menu li a{display:block;width:100%;height:100%;cursor:hand;text-indent:-9999px}
.menu li.story{width:194px;height:39px;background:url(../image/mn01.png) 0 -39px no-repeat}
.menu li.story:hover,.menu li.story_on{width:194px;height:39px;background:url(../image/mn01.png) 0 0 no-repeat}
.menu li.benefits{width:87px;height:39px;background:url(../image/mn02.png) 0 -39px no-repeat}
.menu li.benefits:hover, .menu li.benefits_on{width:87px;height:39px;background:url(../image/mn02.png) 0 0 no-repeat}
.menu li.spec{width:145px;height:39px;background:url(../image/mn03.png) 0 -39px no-repeat}
.menu li.spec:hover, .menu li.spec_on{width:145px;height:39px;background:url(../image/mn03.png) 0 0 no-repeat}
.menu li.image{width:67px;height:39px;background:url(../image/mn04.png) 0 -39px no-repeat}
.menu li.image:hover, .menu li.image_on{width:67px;height:39px;background:url(../image/mn04.png) 0 0 no-repeat}
.menu li.video{width:66px;height:39px;background:url(../image/mn05.png) 0 -39px no-repeat}
.menu li.video:hover, .menu li.video_on{width:66px;height:39px;background:url(../image/mn05.png) 0 0 no-repeat}
.menu li.use_case{width:109px;height:39px;background:url(../image/mn06.png) 0 -39px no-repeat}/*111020*/
.menu li.use_case:hover, .menu li.use_case_on{width:109px;height:39px;background:url(../image/mn06.png) 0 0 no-repeat}/*111020*/

.gnb li.use_case a{display:block;}
.gnb li ul.on_depth01 { position:absolute; right:-65px;width:400px; height:30px; padding-top:15px; display:none; z-index:9999px;}
.menu li .on_depth01 li a{ text-indent:0 !important;}

/*.gnb .on_depth01 li.on_m{ background:url(../image/bg_sub_social.png) no-repeat 14px 3px;}*/

/*
.gnb .on_depth01 li.s01{ width:81px; height:29px; margin-right:-6px;}
.gnb .on_depth01 li.s01:hover{ background:url(../image/bg_subm.png) no-repeat 0;}
.gnb .on_depth01 li.s01_on{ background:url(../image/bg_subm.png) no-repeat 0;}

.gnb .on_depth01 li.s02{ width:81px; height:29px; margin-right:-17px;}
.gnb .on_depth01 li.s02:hover{ background:url(../image/bg_subm.png) no-repeat 0;}
.gnb .on_depth01 li.s02_on{ background:url(../image/bg_subm.png) no-repeat 0;}

.gnb .on_depth01 li.s03{ width:81px; height:29px; margin-right:-17px;}
.gnb .on_depth01 li.s03:hover{ background:url(../image/bg_sub_social.png) no-repeat 14px 3px;}
.gnb .on_depth01 li.s03_on{ background:url(../image/bg_sub_social.png) no-repeat 14px 3px;}

.gnb .on_depth01 li.s04{ width:81px; height:29px; margin-right:-10px;}
.gnb .on_depth01 li.s04:hover{ background:url(../image/bg_subm.png) no-repeat 0;}
.gnb .on_depth01 li.s04_on{ background:url(../image/bg_subm.png) no-repeat 0;}
*/
.gnb .on_depth01 li.s01{margin-right:-6px; }
.gnb .on_depth01 li.s01:hover{margin-right:-6px; background:url(../image/bg_subm.png) no-repeat 0;}
.gnb .on_depth01 li.s01_on{margin-right:-6px; background:url(../image/bg_subm.png) no-repeat 0;}

.gnb .on_depth01 li.s02{margin-right:-17px; }
.gnb .on_depth01 li.s02:hover{margin-right:-17px; background:url(../image/bg_sub_biz.png) no-repeat 0;}
.gnb .on_depth01 li.s02_on{margin-right:-17px; background:url(../image/bg_sub_biz.png) no-repeat 0;}

.gnb .on_depth01 li.s03{ margin-right:-17px;}
.gnb .on_depth01 li.s03:hover{margin-right:-17px; background:url(../image/bg_sub_social.png) no-repeat 14px 3px;}
.gnb .on_depth01 li.s03_on{ margin-right:-17px;background:url(../image/bg_sub_social.png) no-repeat 14px 3px;}

.gnb .on_depth01 li.s04{margin-right:-10px; }
.gnb .on_depth01 li.s04:hover{margin-right:-10px; background:url(../image/bg_sub_creative.png) no-repeat 4px 0}
.gnb .on_depth01 li.s04_on{margin-right:-10px; background:url(../image/bg_sub_creative.png) no-repeat 4px 0}


.gnb li:hover ul { display:block;}

.visual{position:relative;margin:10px 140px 0 140px; width:960px; height:602px;background:url(../image/bg_main_visual.png) no-repeat}
.visual .main_video{padding:95px 0 0 18px}
.video_sns{margin:22px 0 0 0; padding-left:9px; overflow:hidden}
.video_sns dt{float:left;margin-right:7px;padding:3px 0 0 0}
.video_sns dd{float:left;margin:0 4px 0 0;}
/*.video_sns dd{float:left;margin-right:4px}*/

.app_down{clear:both;margin-top:35px; padding-left:9px; overflow:hidden}
.app_down dt{float:left;width:144px;height:55px;background:url(../image/txt_main02.png) 0 22px no-repeat; text-indent:-99999px}
.app_down dd{float:left;margin:0 7px 0 0; padding:0;}


/* contents default */
.con_area{margin:0 150px;}


/* story */
.story_top{height:278px;background:url(../image/line01.png) 0 bottom no-repeat}
.story_top h1{margin-bottom:40px}
.story_top h2{margin-bottom:17px}
.story_top .h1_u{font-size:16px;font-weight:bold;line-height:1.5em}

.story_con dl{margin-top:32px}
.story_con dt{display:none;}
.story_con dd{float:left;margin:0 26px 50px 0;width:449px;font-size:0.9em}
.story_con .story_con_txt{height:51px}
.story_con .story_con_img{margin-top:13px}

.sotry_btm{clear:both;height:355px;background:url(../image/img_story05.png) 525px 0 no-repeat}
.sotry_btm .stroy_btm_txt{width:530px;}
.sotry_btm .stroy_btm_txt strong{font-size:20px}


/* benefits 
.ben_top{position:relative;height:523px;background:url(../image/line01.png) 0 bottom no-repeat}
.ben_top .ben_visual{position:absolute;top:20px;left:0;width:950px;height:390px;padding:105px 0 0 0;background:url(../image/img_ben01.png) right 0 no-repeat}
.ben_top .ben_visual1{position:absolute;top:20px;left:0;width:950px;height:390px;padding:105px 0 0 0;background:url(../image/img_ben01b.png) right 0 no-repeat}
*/
.ben_top{position:relative;height:603px;background:url(../image/line01.png) 0 bottom no-repeat}
.ben_top .ben_visual{
	position:absolute;
	top:20px;
	left:0;
	width:950px;
	height:410px;
	padding:79px 0 0 0;
	background:url(../image/img_ben01.png) right 0 no-repeat;
	background-image: url(../image/img_ben01.png);
}
.ben_top .ben_visual ul{margin-top:-5px;}
.ben_top .ben_visual li{margin-left:2px;padding-left:12px;font-size:18px;color:#555;line-height:1.6em;background:url(../image/bul_gray.png) 0 12px no-repeat}
.ben_top .ben_visual li.bgno01{padding:10px 0 0 6px;background:none;color:#777;font-size:17px;}
.ben_top .ben_visual li.bgno02{background:none;color:#777;font-size:15px;line-height:20px;padding:25px 0 0 0;}
.ben_top .ben_visual li.bgno02 .pdl{padding-left:20px;}
.ben_top .ben_visual li.bgno03{background:none;color:#777;font-size:15px;line-height:20px;padding:0;}

/*120322*/
.ben_top .ben_visual li.no01{padding:5px 0 5px 6px;background:none;color:#4a4a4a;font-size:15px;}
.ben_top .ben_visual li.no02{background:none;color:#4a4a4a;font-size:15px;line-height:20px;padding:0;}
.ben_top .ben_visual li.no02 .pdl{padding-left:20px;}
.ben_top .ben_visual li.no03{background:none;color:#4a4a4a;font-size:15px;line-height:20px;padding:0;}
.point{color:#001c76 !important;}

.ben_con{overflow:hidden}
.ben_con dl{margin:40px 0 0 0;}
.ben_con dl.ben_con01{width:951px;height:3181px;padding:78px 0 0 55px;background:url(../image/bg_box02.png) no-repeat;overflow:hidden}
.ben_con dl.ben_con01 dt{width:840px;}
.ben_con dt{margin-bottom:16px}
.ben_con dd{float:left;width:425px;padding-right:50px}
.ben_con dd .desc{padding-left:9px;font-size:1em;background:url(../image/bul_gray02.png) 0 5px no-repeat}
.ben_con dd .desc strong { font-size:1.2em; color:#00809b}
.ben_con dd .desc span { color:#888888}

/*.ben_con dd.ben_image02{height:480px;background:url(../image/img_bencon02.png) 25px 125px no-repeat}*/
.ben_con dd.ben_image02_01{width:840px;position:relative;height:485px;padding-right:0;background:url(../image/img_bencon02b.png) 0 70px no-repeat}
.ben_con dd.ben_image02_02{width:780px;height:50px;padding:20px 0 40px 60px;}
.ben_con dd.ben_image02_02 span{color:#0034ac;font-size:12px;}
.ben_con dd.ben_image02_02 .ben_image0201{float:left;}
.ben_con dd.ben_image02_02 .ben_image0202{float:left;padding:0 45px 0 280px;}
.ben_con dd.ben_image02_02 .ben_image0203{float:left;}
.ben_con dd.ben_image02_03{width:840px;height:494px;padding-right:0;background:url(../image/img_bencon0203.png) 0 70px no-repeat}
.ben_con dd.ben_image02_07{width:840px;height:494px;padding-right:0;background:url(../image/img_bencon0203b.png) 0 70px no-repeat}
.ben_con dd.ben_image02_04{width:840px;height:492px;padding-right:0;background:url(../image/img_bencon0204.png) 50px 60px no-repeat}
.ben_con dd.ben_image02_05{width:479px;height:492px;/*padding:0 0 0 40px;*/background:url(../image/img_bencon0205.png) 0 107px no-repeat}
.ben_con dd.ben_image02_06{width:840px;height:252px;padding-right:0;}
.ben_con dd.ben_image03{height:518px;background:url(../image/img_bencon03.png) 10px 95px no-repeat}
.ben_con dd.ben_image04{position:relative;height:518px;background:url(../image/img_bencon04.png) 27px 122px no-repeat}
.ben_con dd.ben_image04 .ban_link{
	position:absolute;
	top:350px;
	left:354px;
	width:80px;
	height:80px;
	background:url(../image/img_bencon02_link.png) no-repeat
}
.ben_con dd.ben_image05_01{position:relative; height:455px; background:url(../image/img_bencon05.png) 0 100px no-repeat}
.ben_con dd.ben_image05_02{position:relative; height:455px; background:url(../image/img_bencon0502.png) 0 87px no-repeat}
.ben_con dd.ben_image05_02 .ban_point{position:absolute;top:-14px;left:0px;width:97px;height:42px;background:url(../image/img_ben_point01.png) no-repeat}
.ben_con dd.ben_image06_01{position:relative;width:900px;height:495px;background:url(../image/img_bencon06.png) -2px 124px no-repeat}
.ben_con dd.ben_image06_01 .ben_image0601{position:absolute;top:167px;left:325px;color:#0034ac;font-size:12px;font-weight:bold;line-height:15px;}
.ben_con dd.ben_image06_02{position:relative;width:410px;height:605px;background:url(../image/img_bencon0602.png) -2px 150px no-repeat}/* 120323 */
.ben_con dd.ben_image06_02 .ban_point{position:absolute;top:-15px;left:1px;width:97px;height:42px;background:url(../image/img_ben_point03.png) no-repeat}
.ben_con dd.ben_image06_03{position:relative;width:425px;height:605px;background:url(../image/img_bencon0603.png) 12px 137px no-repeat}/* 120323 */
.ben_con dd.ben_image06_04{position:relative;width:425px;height:570px;background:url(../image/img_bencon0604.png) 0 98px no-repeat}
.ben_con dd.ben_image06_05{position:relative;width:425px;height:570px;background:url(../image/img_bencon0605.png) 13px 87px no-repeat}
.ben_con dd.ben_image07_01{height:459px;background:url(../image/img_bencon07.png) 10px 90px no-repeat;}
.ben_con dd.ben_image07_02{height:459px;background:url(../image/img_bencon0702.png) 10px 99px no-repeat;}
.ben_con dd.ben_image07_03{height:405px;background:url(../image/img_bencon0703.png) 10px 92px no-repeat;}

.ben_con dd.ben_image01b{width:840px;height:594px;padding-right:0;background:url(../image/img_bencon01b.png) 0 95px no-repeat}

.ben_con dd.ben_image01{height:500px;background:url(../image/img_bencon01.png) 10px 95px no-repeat}
.ben_con dd.ben_image02{height:480px;background:url(../image/img_bencon02.png) 25px 125px no-repeat}
.ben_con dd.ben_image03{height:470px;background:url(../image/img_bencon03.png) 10px 105px no-repeat}
.ben_con dd.ben_image04{position:relative;height:470px;background:url(../image/img_bencon04.png) 3px 83px no-repeat}
.ben_con dd.ben_image04 .ban_point{position:absolute;top:-15px;left:-15px;width:97px;height:42px;background:url(../image/img_ben_point.png) no-repeat}
.ben_con dd.ben_image05{position:relative; height:556px; background:url(../image/img_bencon05.png) 0 144px no-repeat}
.ben_con dd.ben_image05 .ban_point{position:absolute;top:-14px;left:0px;width:97px;height:42px;background:url(../image/img_ben_point02.png) no-repeat}


.ben_con dd.ben_image06{height:605px;background:url(../image/img_bencon06.png) -7px 140px no-repeat}
.ben_con dd.ben_image07{height:452px;background:url(../image/img_bencon07.png) 10px 90px no-repeat;}
.ben_con dd.ben_image08{height:452px;background:url(../image/img_bencon08.png) 10px 71px no-repeat}
.ben_con dd.ben_image09{height:426px;background:url(../image/img_bencon09_1.png) 40px 130px no-repeat;}
.ben_con dd.ben_image10{position:relative;width:950px;height:500px;background:url(../image/img_bencon10.png) 0 110px no-repeat}
.ben_con dd.ben_image10 .ban_point{
	position:absolute;
	top:-13px;
	left:3px;
	width:97px;
	height:42px;
	background:url(../image/img_ben_point.png) no-repeat;
	background-image: url(../image/img_ben_point.png);
}

.ben_con dd.ben_image11{width:480px; height:550px;background:url(../image/img_bencon11.png) 20px 145px no-repeat; padding-right: 15px;}
.ben_con dd.ben_image11_1{position:relative; width:430px; height:515px;background:url(../image/img_bencon11_1.png) 3px 108px no-repeat; padding-right:0;}


.ben_con dd.ben_image12{height:480px;background:url(../image/img_bencon12.png) 11px 164px no-repeat}
.ben_con dd.ben_image13{height:480px;background:url(../image/img_bencon13.png) 25px 153px no-repeat}
.ben_con dd.ben_image14{height:560px;background:url(../image/img_bencon14.png) 10px 170px no-repeat}
.ben_con dd.ben_image15{height:560px;background:url(../image/img_bencon15.png) 25px 170px no-repeat}
.ben_con dd.ben_image16{height:520px;background:url(../image/img_bencon16.png) 10px 170px no-repeat}
.ben_con dd.ben_image17{height:520px;background:url(../image/img_bencon17.png) 25px 140px no-repeat}


/* add 2011.10.18 */
.ben_con .tt {display:inline-block; clear:both;}
.ben_con .tt img {float:left;}
.ben_con .tt a {float:left; margin-left:13px;}



/* Specifications */
.spec_top{margin-bottom:25px}
.spec_con{margin-bottom:70px;overflow:hidden}
.spec_con .spec_list01{float:left;width:310px}
.spec_con .spec_list01 span{ font-size:12px; color:#6a6a6a}
.spec_con .spec_list02{float:left;width:310px}
.spec_con .spec_list03{float:left;width:330px}
.spec_con dl{margin-bottom:20px}
.spec_con dt{margin-bottom:5px}
.spec_con dd{padding-left:7px;font-size:12px;background:url(../image/bul_green.png) 0 7px no-repeat}
.spec_con h3{font-size:16px;color:#33aaba;font-weight:bold}
.spec_con .spec_image01{padding-left:13px}
.spec_con .spec_image02{padding-left:15px}
.spec_con .spec_image03{padding-left:40px}
.spec_con .spec_image04{padding-left:0}
.spec_con .spec_image04{padding-left:15px}
.spec_con .btm_txt { float:right; font-size:12px;}

/* Images */
.image_top{margin-bottom:25px}
.image_con{margin-bottom:70px;padding-left:67px;overflow:hidden}
.image_con .big_image{float:left;width:582px}
.image_con .thum_image{float:right;margin-top:9px;width:258px}
.image_con .thum_image li{float:left;width:129px}

.share_sns{clear:both;width:180px;margin:10px 0 0 auto;}
.share_sns dt{float:left;padding-top:3px; margin-right:9px;width:116px;text-align:center; position:relative; left:-30px;}
.share_sns dd{float:left;margin-right:4px}
.share_sns dd.last{float:left;margin-right:0;}

/* Video */
.video_top{margin-bottom:25px}
.video_con{margin-bottom:70px;overflow:hidden}
.video_con .big_video{float:left;width:789px}
.video_con .big_video .play_video{width:789px;height:472px;}
.video_con .thum_video{float:right;width:129px}

.share_sns_video{ float:left; width:205px;margin:10px 0 0 auto; }
.share_sns_video dt{float:left;padding-top:3px; margin-right:9px;width:116px;text-align:center}
.share_sns_video dd{float:left;margin-right:4px}
.share_sns_video dd.last{float:left;margin-right:0;}

.mt_m {margin-top:-18px !important;}


/*use cases*/
.case_top{position:relative;height:466px;background:url(../image/line01.png) 0 bottom no-repeat}
.case_top .case_visual{
	position:absolute;
	top:46px;
	left:0;
	width:950px;
	height:451px;
	padding:0;
	background:url(../image/img_case01.png) right 0 no-repeat
}
.case_top .case_visual ul{margin-top:11px}
.case_top .case_visual li{margin-left:-3px;padding-left:11px;font-size:14px;color:#696969;line-height:1.6em;no-repeat}

.case_top .case_visual .case_ttCon{position:relative;}
.case_top .case_visual .case_video{margin-top:17px; margin-left:367px;}
.case_top .case_visual h3{display:inline-block; position:absolute; top:190px;}

.share_sns_case{position:absolute; top:340px; width:205px;}
.share_sns_case dt{float:left;padding-top:3px; margin-right:9px;width:116px;text-align:center}
.share_sns_case dd{float:left;margin-right:4px}
.share_sns_case dd.last{float:left;margin-right:0;}

.case_con{position:relative;}

.case_con .case_visual2{width:950px;height:290px;padding:75px 0 0 0;background:url(../image/img_case1_01.png) right 29px no-repeat}
.case_con .case_visual2 ul{margin-top:15px}
.case_con .case_visual2 li{margin-left:2px;padding-left:12px;font-size:18px;color:#555;line-height:1.6em;background:url(../image/bul_gray.png) 0 12px no-repeat}

.case_con dl{margin:40px 0 0 0;}
.case_con dt{margin-bottom:16px}
.case_con dd{float:left;width:425px;padding-right:50px}
.case_con dd .desc{padding-left:9px;font-size:1em;background:url(../image/bul_gray02.png) 0 5px no-repeat}
.case_con dd .desc strong { font-size:1.2em; color:#00809b}
.case_con dd .desc span { color:#888888}
.case_con dd.case_image1_01{height:520px;background:url(../image/img_case1_02.png) 10px 95px no-repeat}
.case_con dd.case_image1_02{height:520px;background:url(../image/img_case1_03.png) 10px 115px no-repeat}
.case_con dd.case_image1_03{height:460px;background:url(../image/img_case1_04.png) 10px 85px no-repeat}
.case_con dd.case_image1_04{height:460px;background:url(../image/img_case1_05.png) 10px 85px no-repeat}
.case_con dd.case_image1_04 .case_point{position:absolute;top:1006px;left:470px;width:97px;height:42px;background:url(../image/img_ben_point.png) no-repeat}
.case_con dd.case_image1_05{position:relative;width:950px;height:500px;background:url(../image/img_case1_06.png) 0 110px no-repeat}
.case_con dd.case_image1_06{height:470px;background:url(../image/img_case1_07.png) 10px 100px no-repeat}
.case_con dd.case_image1_07{height:470px;background:url(../image/img_case1_08.png) 10px 100px no-repeat}
.case_con dd.case_image1_08{height:400px;background:url(../image/img_case1_09.png) 10px 105px no-repeat}
.case_con dd.case_image1_09{clear:both; position:relative;width:950px;}
.case_con dd .cs{padding-left:142px; no-repeat}

.case_con dd.case_image2_01{height:460px;background:url(../image/img_case2_01.png) 10px 85px no-repeat}
.case_con dd.case_image2_02{height:460px;background:url(../image/img_case2_02.png) 10px 85px no-repeat}
.case_con dd.case_image2_02 .case_point{position:absolute;top:164px;left:470px;width:97px;height:42px;background:url(../image/img_ben_point.png) no-repeat}
.case_con dd.case_image2_03{height:520px;background:url(../image/img_case2_03.png) 10px 95px no-repeat}
.case_con dd.case_image2_04{height:520px;background:url(../image/img_case2_04.png) 10px 105px no-repeat}
.case_con dd.case_image2_05{position:relative;width:950px;height:500px;background:url(../image/img_case2_05.png) 0 120px no-repeat}
.case_con dd.case_image2_06{height:630px;background:url(../image/img_case2_06.png) 5px 145px no-repeat}
.case_con dd.case_image2_06 .case_point2{position:absolute;top:1730px;left:1px;width:97px;height:42px;background:url(../image/img_ben_point02.png) no-repeat}
.case_con dd.case_image2_07{height:630px;background:url(../image/img_case2_07.png) -7px 145px no-repeat}

.case_con dd.case_image3_01{height:500px;background:url(../image/img_case3_01.png) 10px 95px no-repeat}
.case_con dd.case_image3_02{height:500px;background:url(../image/img_case3_02.png) 10px 95px no-repeat}
.case_con dd.case_image3_03{position:relative;width:950px;height:490px;background:url(../image/img_case3_03.png) 0 110px no-repeat}
.case_con dd.case_image3_04{height:580px;background:url(../image/img_case3_04.png) 5px 140px no-repeat}
.case_con dd.case_image3_04 .case_point2{position:absolute;top:1195px;left:1px;width:97px;height:42px;background:url(../image/img_ben_point02.png) no-repeat}
.case_con dd.case_image3_05{height:580px;background:url(../image/img_case3_05.png) -7px 125px no-repeat}
.case_con dd.case_image3_06{height:550px;background:url(../image/img_case3_06.png) 5px 125px no-repeat}
.case_con dd.case_image3_07{height:550px;background:url(../image/img_case3_06_1.png) 30px 108px no-repeat}
.case_con dd.case_image3_08{height:460px;background:url(../image/img_case3_08.png) 10px 95px no-repeat}
.case_con dd.case_image3_09{height:460px;background:url(../image/img_case3_09.png) 40px 105px no-repeat}
.case_con dd.case_image3_10{position:relative;width:950px;height:500px;background:url(../image/img_case3_10.png) 70px 85px no-repeat}

.case_con dd.case_image4_01{position:relative;width:900px;height:500px;background:url(../image/img_case4_01.png) 0 130px no-repeat}
.case_con dd.case_image4_02{height:580px;background:url(../image/img_case4_02.png) 0px 150px no-repeat}
.case_con dd.case_image4_02 .case_point2{position:absolute;top:663px;left:1px;width:97px;height:42px;background:url(../image/img_ben_point02.png) no-repeat}
.case_con dd.case_image4_03{height:580px;background:url(../image/img_case4_03.png) 0px 110px no-repeat}
.case_con dd.case_image4_04{height:550px;background:url(../image/img_case4_04.png) 5px 125px no-repeat}
.case_con dd.case_image4_04_1{height:550px;background:url(../image/img_case4_04_1.png) 30px 108px no-repeat}
.case_con dd.case_image4_05{height:520px;background:url(../image/img_case4_06.png) 10px 85px no-repeat}
.case_con dd.case_image4_06{height:520px;background:url(../image/img_case4_07.png) 10px 105px no-repeat}
.case_con dd.case_image4_07{height:490px;background:url(../image/img_case4_08.png) 10px 95px no-repeat}






/* footer */
.footer_main{clear:both; margin-top:140px;}
.footer{position:relative;clear:both;margin-top:30px;padding:30px 150px 30px 140px}
.footer .footer_cmt{position:absolute;top:25px;padding-left:10px;font-size:11px;color:#666666}

.sns{float:right;width:350px;font-size:11px;color:#717171}

.follow{float:right;}
.follow dt{float:left;margin-right:11px;padding:2px 0 0 0;font-size:10px;color:#0c4da2}
.follow dd{float:left;margin:0 8px 0 0; padding:0;}
/*.follow dd{float:left;margin-right:8px;}*/
.follow dd.last{float:left;margin-right:0;}


.share{float:right;}
.share dt{float:left;margin-right:11px;padding:2px 0 0 0;font-size:10px;color:#0c4da2}
.share dd{float:left;margin:0 8px 0 0;}
/*.share dd{float:left;margin-right:8px;}*/
.share dd.tw{float:left;margin-right:0;}

.footer_logo{margin-bottom:10px;text-align:right}

.address{float:left;width:580px;margin-left:10px;padding-top:15px;font-size:10px;line-height:12px}
.address .add01{font-size:10px;color:#7f7f7f}
.address .add02{padding-bottom:8px;font-size:10px;color:#b2b2b2}
#insidedesc
{
	width: 860px;
	height: 800px;
	left:30px;
	top:52px;
	position:relative;
}
#insidetxt
{
	width: 860px;
	height: 800px;
	overflow:visible;
}
#insidecont
{
	background: url( "../image/bg_box03.png" );
	width: 970px;
	height: 850px;
	display:none;
	left:0px;
	top:-35px;
	position:absolute;
}

#divDropTrack
{
	width: 0px;
	height: 20px;
	background-color: #444444;
	border: solid thin #444444;
	position: relative;
	top: 0px;
	cursor: pointer;
}

#dropCont
{
	left: 0px;
	font-size: 11px;
	width: 435px;
	height: 241px;
	display:none;
	margin-top:20px;
}
#dropList
{
	border: none;
	width: 410px;
	height: 211px;
	color:#ffffff;
	overflow: hidden;
	visibility: visible;
	padding-left:10px;
	padding-right:15px;
}
#dropListMain
{
	position:relative;
	top:-294px;
	left:6px;
	border: none;
	height: 178px;
	visibility: visible;
	padding-top: 4px;
	margin-top: 1px;
}

#divDropSroll
{
	position:absolute;
	top:20px;
	left:880px;
	float: right;
	width: 2px;
	height: 340px;
	color:#ffffff;
	border: solid thin #444444;
	visibility: hidden;
}