@charset "utf-8";

#wrapper {
   width: 100%;
   height: auto;
   border-top: 10px #120e69 solid;
   font-size: 85%;
   color: #404040;
   line-height:160%;
}

#header {
   width: 890px;
   height: auto;
   margin: 0px auto;
}

#contents {
   width: 890px;
   position: relative;
   overflow: hidden;
   height: auto;
   margin: 0px auto;
}

#wrapper2 {
   width: 100%;
   height: auto;
}

#fooder {
   clear: both;
   height: auto;
   width: 100%;
   padding-top: 40px;
}

.topa {
   position: absolute;
   right: 40px;
}
/*---------------------------------------------<header>*/
#header h1{
   width: 470px;
   float: left;
}

#header01 {
   width:345px;
   float: right;
   padding: 13px 0px 0px 75px;
}

#header02 {
   width:600px;
   height: 60px;
   padding-bottom: 10px;
   float: right;
}

#header ul {
   clear: both;
   width: 890px;
   height: 46px;
}

#header li {
   float: left;
}

/*---------------------------------------------<flow>*/
#caption_bg {
   width: 890px;
   height: auto;
}

.wrap_clip {
   width: 890px;
   height: 240px;
   margin: 0px auto;
}

.wrap_clip ul {
   margin-top: 10px;
   height: 240px;

}

.wrap_clip li {
   float: left;
}

.clip1 {
   width : 295px;
   height: 240px;
   background: url("../../Img/flow_satei_1.png") 0px 0px no-repeat;
   text-indent: -9999px;
}

.clip2 {
   width : 300px;
   height: 240px;
   background: url("../../Img/flow_satei_2.png") 0px 0px no-repeat;
}

.clip2 .btn {
   margin: 170px 0px 0px 30px;
}

.clip3 {
   width : 295px;
   height: 240px;
   background: url("../../Img/flow_satei_3.png") 0px 0px no-repeat;
}

.clip3 ul {
   margin: 140px 0px 0px 18px;
   height: 74px;
}

.clip3 li {
   float: left;
}
/*---------------------------------------------<flow1>*/
#flow1 {
   width: 890px;
   height: auto;
   margin: 0px auto;
}

#flow1 h3 {
   margin: 25px 0px 20px 0px;
   height:40px;
   background: url("../../Img/flow_h3_1.png") 0px 0px no-repeat;
   text-indent: -9999px;
}

#flow1 ul {
   width: 855px;
   float: right;
}

#flow1 li {
   float: left;
}

#flow_why1 {
   margin-left:35px;
}

#flow_why2 {
   margin-left:80px;
}

/*---------------------------------------------<flow2>*/
#flow2 {
   width: 890px;
   height: auto;
   margin: 0px auto;
}

#flow2 h3 {
   margin: 15px 0px 0px 20px;
   height:60px;
   background: url("../../Img/flow_h3_2.png") 0px 0px no-repeat;
   text-indent: -9999px;
}

#flow2 ul {
   width: 870px;
   float: right;
}

#flow2 li {
   float: left;
}

#flow_point {
   margin:0px 0px 30px 20px;
}

/*---------------------------------------------<flow3>*/
#flow3 {
   width: 890px;
   height: auto;
   margin: 0px auto;
}

#flow3 h3 {
   margin: 30px 0px 30px 0px;
   height:40px;
   background: url("../../Img/flow_h3_3.png") 0px 0px no-repeat;
   text-indent: -9999px;
}

#flow3 p {
   margin: 18px 0px 50px 35px;
   line-height: 145%;
}

/*---------------------------------------------<flow4>*/
#flow4 {
   width: 890px;
   height: auto;
   margin: 0px auto;
}

#flow4 h3 {
   margin: 30px 0px 20px 0px;
   height:40px;
   background: url("../../Img/flow_h3_4.png") 0px 0px no-repeat;
   text-indent: -9999px;
}

#flow4 h4 {
   margin: 10px 0px 5px 0px;
   height:76px;
   background: url("../../Img/flow_h4.png") 0px 0px no-repeat;
   text-indent: -9999px;
}

/*---------------------------------------------<footer>*/
.fooder_01{
   background-color: #e4e6e6
}

.fooder_01 p#footer_txt1 {
   padding: 20px 0px 0px 55px;
   font-size: 80%;
   width: 840px;
   margin: 0px auto;
}

.fooder_01 p#footer_txt2 {
   padding: 10px 0px 20px 55px;
   font-size: 70%;
   width: 840px;
   margin: 0px auto;
}

.fooder_02{
   background-color: #120e69;
}

.fooder_02 p {
   height: 20px;
   width: 450px;
   margin: 0px auto;
   font-size: 80%;
   color: #FFFFFF;
   padding-top: 5px;
}