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

/*===================================
 solution
===================================*/
dl.top_box{ float: left; position: relative; width: 790px; height: 180px; }
dl.top_box dt{left: 30px; top: 15px; position: absolute; font-size: 38px; font-weight: bold;}
dl.top_box dd{color: #00519E; line-height: 1.5em; font-size: 16px; top: 75px; left: 30px; position: absolute; font-weight: bold;}
dl.task{ padding-bottom: 20px; float: left; width: 950px;}
dl.task dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/purple_T_bg.jpg);}
dl.task dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/purple_M_bg.jpg);height: 100px; clear: both;}
dl.task dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/purple_B_bg.jpg);}
dl.task dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.task dt.middle .task_copy_01{top: 10px; font-weight: bold; line-height: 1.5em; font-size: 18px; left: 150px; position: absolute;}
dl.task dt.middle .task_copy_02{top: 35px; font-weight: bold; line-height: 1.5em; font-size: 18px; left: 150px; position: absolute;}
dl.task dt.middle .task_copy_03{top: 35px; font-weight: bold; line-height: 1.5em; font-size: 20px; left: 150px; position: absolute;}
dl.task dt.middle .task_copy_04{top: 27px; font-weight: bold; line-height: 1.5em; font-size: 18px; left: 150px; position: absolute;}

dl.solution_01{ padding-bottom: 20px; float: left; width: 950px;}
dl.solution_01 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_T_bg.jpg);}
dl.solution_01 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/gray_M_bg.jpg);height: 550px; clear: both;}
dl.solution_01 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_B_bg.jpg);}
dl.solution_01 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.solution_01 dt.middle .catch{left:150px; top: 10px; position: absolute; font-size: 28px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_01 dt.middle .solution_copy_01{top: 120px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute;}
dl.solution_01 dt.middle .solution_im_01{top: 0px; right: 30px; position: absolute;}
dl.solution_01 dt.middle .solution_im_02{bottom: 0px; right: 30px; position: absolute;}

dl.prd_01{ padding-bottom: 20px; float: left; width: 950px;}
dl.prd_01 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_T_bg.jpg);}
dl.prd_01 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/violet_M_bg.jpg);height: 230px; clear: both;}
dl.prd_01 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_B_bg.jpg);}
dl.prd_01 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.prd_01 dt.middle .left_box{padding-right: 50px; float: left; padding-left: 165px; width: 360px;}
dl.prd_01 dt.middle .right_box{width: 360px; float: left;}
dl.prd_01 dt.middle .btn_box{padding-top: 10px;}
dl.prd_01 dt.middle .btn_box dt{padding-right: 20px; width: 160px; float: left;}
dl.prd_01 dt.middle .btn_box dt{width: 160px; float: left;}
dl.prd_01 dt.middle .left_box p.series,dl.prd_01 dt.middle .right_box p.series{ font-weight: bold; font-size: 18px;}
dl.prd_01 dt.middle .left_box p.caption,dl.prd_01 dt.middle .right_box p.caption{ font-size: 12px;}

dl.solution_02{ padding-bottom: 20px; float: left; width: 950px;}
dl.solution_02 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_T_bg.jpg);}
dl.solution_02 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/gray_M_bg.jpg);height: 650px; clear: both;}
dl.solution_02 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_B_bg.jpg);}
dl.solution_02 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.solution_02 dt.middle .catch{left:150px; top: 10px; position: absolute; font-size: 28px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_02 dt.middle .solution_copy_01{top: 120px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute;}
dl.solution_02 dt.middle .solution_im_01{top: 0px; right: 0px; position: absolute;}
dl.solution_02 dt.middle .solution_im_02{bottom: 0px; right: 30px; position: absolute;}
dl.solution_02 dt.middle .solution_im_03{top: 0px; right: 50px; position: absolute;}

dl.prd_02{ padding-bottom: 20px; float: left; width: 950px;}
dl.prd_02 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_T_bg.jpg);}
dl.prd_02 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/violet_M_bg.jpg);height: 460px; clear: both;}
dl.prd_02 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_B_bg.jpg);}
dl.prd_02 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.prd_02 dt.middle .left_box{padding-right: 50px; float: left; padding-left: 165px; width: 360px;}
dl.prd_02 dt.middle .right_box{width: 360px; float: left;}
dl.prd_02 dt.middle .btn_box{padding-top: 10px;}
dl.prd_02 dt.middle .btn_box dt{padding-right: 20px; width: 160px; float: left;}
dl.prd_02 dt.middle .btn_box dt{width: 160px; float: left;}
dl.prd_02 dt.middle .left_box p.series,dl.prd_02 dt.middle .right_box p.series{ font-weight: bold; font-size: 18px;}
dl.prd_02 dt.middle .left_box p.caption,dl.prd_02 dt.middle .right_box p.caption{ font-size: 12px;}

dl.solution_03{ padding-bottom: 20px; float: left; width: 950px;}
dl.solution_03 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_T_bg.jpg);}
dl.solution_03 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/gray_M_bg.jpg);height: 850px; clear: both;}
dl.solution_03 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_B_bg.jpg);}
dl.solution_03 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.solution_03 dt.middle .catch{left:150px; top: 10px; position: absolute; font-size: 28px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_03 dt.middle .solution_copy_01{top: 120px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute;}
dl.solution_03 dt.middle .solution_copy_02{left:120px; top: 490px; position: absolute; font-size: 22px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_03 dt.middle .solution_copy_03{top: 490px; line-height: 1.5em; font-size: 16px; left: 370px; position: absolute; width: 480px;}
dl.solution_03 dt.middle .solution_im_01{top: 210px; left: 155px; position: absolute;}
dl.solution_03 dt.middle .solution_im_02{bottom: 0px; right: 30px; position: absolute;}

dl.solution_04{ padding-bottom: 20px; float: left; width: 950px;}
dl.solution_04 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_T_bg.jpg);}
dl.solution_04 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/gray_M_bg.jpg);height: 1750px; clear: both;}
dl.solution_04 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_B_bg.jpg);}
dl.solution_04 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.solution_04 dt.middle .catch{left:150px; top: 10px; position: absolute; font-size: 28px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_04 dt.middle .solution_copy_01{top: 120px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute;}
dl.solution_04 dt.middle .solution_im_01{top: 0px; right: 30px; position: absolute;}
dl.solution_04 dt.middle .solution_im_02{bottom: 1150px; right: 30px; position: absolute;}
dl.solution_04 dt.middle .solution_im_03{bottom: 0px; right: 30px; position: absolute;}

dl.solution_05{ padding-bottom: 20px; float: left; width: 950px;}
dl.solution_05 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_T_bg.jpg);}
dl.solution_05 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/gray_M_bg.jpg);height: 800px; clear: both;}
dl.solution_05 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_B_bg.jpg);}
dl.solution_05 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.solution_05 dt.middle .catch{left:150px; top: 30px; position: absolute; font-size: 28px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_05 dt.middle .solution_copy_01{width: 420px; top: 100px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute;}
dl.solution_05 dt.middle .solution_copy_02{padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; background-color: #ff0018; left: 150px; top: 200px; position: absolute; font-size: 18px; color: white; line-height: 1.3em; font-weight: bold; }
dl.solution_05 dt.middle .solution_copy_03{top: 200px; line-height: 1.5em; font-size: 14px; left: 230px; position: absolute; width: 340px;}
dl.solution_05 dt.middle .solution_copy_04{padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; background-color: #ff0018; left: 150px; top: 370px; position: absolute; font-size: 18px; color: white; line-height: 1.3em; font-weight: bold; }
dl.solution_05 dt.middle .solution_im_01{top: 430px; left: 100px; position: absolute;}
dl.solution_05 dt.middle .solution_im_02{top: 110px; right: 10px; position: absolute;}

dl.solution_06{ padding-bottom: 20px; float: left; width: 950px;}
dl.solution_06 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_T_bg.jpg);}
dl.solution_06 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/gray_M_bg.jpg);height: 650px; clear: both;}
dl.solution_06 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_B_bg.jpg);}
dl.solution_06 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.solution_06 dt.middle .catch{left:150px; top: 10px; position: absolute; font-size: 28px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_06 dt.middle .solution_copy_01{top: 120px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute;}
dl.solution_06 dt.middle .solution_copy_02{top: 250px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute; width: 300px;}
dl.solution_06 dt.middle .solution_im_01{top: 0px; right: 30px; position: absolute;}
dl.solution_06 dt.middle .solution_im_02{bottom: 0px; right: 30px; position: absolute;}

dl.prd_03{ padding-bottom: 20px; float: left; width: 950px;}
dl.prd_03 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_T_bg.jpg);}
dl.prd_03 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/violet_M_bg.jpg);height: 150px; clear: both;}
dl.prd_03 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_B_bg.jpg);}
dl.prd_03 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.prd_03 dt.middle .left_box{padding-right: 50px; float: left; padding-left: 165px; width: 360px; position: relative;}
dl.prd_03 dt.middle .right_box{width: 360px; float: left; padding-top: 100px;}
dl.prd_03 dt.middle .btn_box{padding-top: 10px;}
dl.prd_03 dt.middle .btn_box dt{padding-right: 20px; width: 160px; float: left;}
dl.prd_03 dt.middle .btn_box dt{width: 160px; float: left;}
dl.prd_03 dt.middle .left_box p.series,dl.prd_01 dt.middle .right_box p.series{ font-weight: bold; font-size: 18px;}
dl.prd_03 dt.middle .left_box p.caption{ font-size: 12px; left: 300px; top: 100px; position: absolute;}

dl.prd_05{ padding-bottom: 20px; float: left; width: 950px;}
dl.prd_05 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_T_bg.jpg);}
dl.prd_05 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/violet_M_bg.jpg);height: 250px; clear: both;}
dl.prd_05 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_B_bg.jpg);}
dl.prd_05 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.prd_05 dt.middle .left_box{padding-right: 50px; float: left; padding-left: 165px; width: 360px;}
dl.prd_05 dt.middle .right_box{width: 360px; float: left;}
dl.prd_05 dt.middle .btn_box{padding-top: 10px;}
dl.prd_05 dt.middle .btn_box dt{padding-right: 20px; width: 160px; float: left;}
dl.prd_05 dt.middle .btn_box dt{width: 160px; float: left;}
dl.prd_05 dt.middle .left_box p.series,dl.prd_05 dt.middle .right_box p.series{ font-weight: bold; font-size: 18px;}
dl.prd_05 dt.middle .left_box p.caption,dl.prd_05 dt.middle .right_box p.caption{ font-size: 12px;}

dl.prd_06{ padding-bottom: 20px; float: left; width: 950px;}
dl.prd_06 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_T_bg.jpg);}
dl.prd_06 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/violet_M_bg.jpg);height: 260px; clear: both;}
dl.prd_06 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_B_bg.jpg);}
dl.prd_06 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.prd_06 dt.middle .left_box{padding-right: 50px; float: left; padding-left: 165px; width: 360px;}
dl.prd_06 dt.middle .right_box{width: 360px; float: left;}
dl.prd_06 dt.middle .btn_box{padding-top: 10px;}
dl.prd_06 dt.middle .btn_box dt{padding-right: 20px; width: 160px; float: left;}
dl.prd_06 dt.middle .btn_box dt{width: 160px; float: left;}
dl.prd_06 dt.middle .left_box p.series, dl.prd_06 dt.middle .right_box p.series { font-weight: bold; font-size: 18px;}
dl.prd_06 dt.middle .left_box p.caption, dl.prd_06 dt.middle .right_box p.caption { font-size: 12px;}

dl.top_box_07{ float: left; position: relative; width: 790px; height: 230px; }
dl.top_box_07 dt{line-height: 1.3em; left: 30px; top: 15px; position: absolute; font-size: 38px; font-weight: bold;}
dl.top_box_07 dd{color: #00519E; line-height: 1.5em; font-size: 16px; top: 130px; left: 30px; position: absolute; font-weight: bold;}

dl.solution_07{ padding-bottom: 20px; float: left; width: 950px;}
dl.solution_07 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_T_bg.jpg);}
dl.solution_07 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/gray_M_bg.jpg);height: 950px; clear: both;}
dl.solution_07 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/gray_B_bg.jpg);}
dl.solution_07 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.solution_07 dt.middle .catch{left:150px; top: 10px; position: absolute; font-size: 28px; color: #FF0000; line-height: 1.3em; font-weight: bold; }
dl.solution_07 dt.middle .solution_copy_01{top: 120px; line-height: 1.5em; font-size: 16px; left: 150px; position: absolute;}
dl.solution_07 dt.middle .solution_copy_02{top: 210px; line-height: 1.5em; font-size: 16px; right: 30px; position: absolute; width: 420px;}
dl.solution_07 dt.middle .solution_im_02{bottom: 10px; right: 30px; position: absolute;}

dl.prd_07{ padding-bottom: 20px; float: left; width: 950px;}
dl.prd_07 dt.top{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_T_bg.jpg);}
dl.prd_07 dt.middle{ background-repeat: repeat-y; float: left; position: relative; width: 950px; background: url(../img/common/violet_M_bg.jpg);height: 260px; clear: both;}
dl.prd_07 dt.bottom{float: left; height: 20px; background-repeat: no-repeat; width: 950px; background: url(../img/common/violet_B_bg.jpg);}
dl.prd_07 dt.middle .balloon{left: 20px; top: 0px; position: absolute;}
dl.prd_07 dt.middle .left_box{padding-right: 50px; float: left; padding-left: 165px; width: 360px;}
dl.prd_07 dt.middle .right_box{width: 360px; float: left;}
dl.prd_07 dt.middle .btn_box{padding-top: 10px;}
dl.prd_07 dt.middle .btn_box dt{padding-right: 20px; width: 160px; float: left;}
dl.prd_07 dt.middle .btn_box dt{width: 160px; float: left;}
dl.prd_07 dt.middle .left_box p.series, dl.prd_07 dt.middle .right_box p.series { font-weight: bold; font-size: 18px;}
dl.prd_07 dt.middle .left_box p.caption, dl.prd_07 dt.middle .right_box p.caption { font-size: 12px;}

/*===================================
 IE7
===================================*/
*:first-child+html .top_box img{float: right;}