@charset "utf-8";

/* Font-size Adjustment [ base font size 13px ]
-----------------------------------------------------
 *
 *    77% = 10px  |  124% = 16px  |	170% = 22px
 *    85% = 11px  |  131% = 17px  |	177% = 23px
 *    93% = 12px  |  139% = 18px  |	185% = 24px
 *    100% = 13px |  147% = 19px  |	193% = 25px
 *    108% = 14px |  154% = 20px  |	200% = 26px
 *    116% = 15px |  162% = 21px  |
 *
-----------------------------------------------------
*/


/*===================================================

    Top

===================================================*/

.topContents{
    width:1336px;
    margin:0px auto;
    }

/*  record
---------------------------------------------------*/
.record{
    position:relative;
    padding:0px 118px;
    }
.record h1{
    position:absolute;
    top:-66px;
    left:178px;
    }

.equipment{
    position:relative;
    margin-bottom:40px;
    padding-top:70px;
    }
.equipment h2{
    float:left;
    width:550px;
    min-height:165px;
    padding-top:95px;
    background:url(../images/top/equ_bg.jpg) no-repeat;
    color:#FFF;
    font-size:231%;
    line-height:120%;
    text-align:center;
    }
.equipment .items{
    float:right;
    width:450px;
    min-height:220px;
    padding:40px 50px 0px;
    background:#69A4D9;
    color:#FFF;
    line-height:160%;
    }
.equipment .items p:first-child em{
    font-size:185%;
    font-weight:normal;
    }
.equipment .equList{
    margin-top:2.5em;
    text-align:center;
    }
.equipment .equList a{
    padding:0.3em 2.5em 0.3em 1.0em;
    border:1px solid #DAE9F6;
    background:url(../images/top/arrow01.jpg) no-repeat 12em;
    color:#FFF;
    text-decoration:none;
    }
.equipment .equList a:hover{
    background:#5598D5 url(../images/top/arrow01.jpg) no-repeat 12em;
    background:#FFF url(../images/top/arrow02.jpg) no-repeat 12em;
    color:#69A4D9;
    }

.record .contact{
    margin-bottom:40px;
    }
.record .contact li{
    float:left;
    width:500px;
    height:130px;
    margin-left:20px;
    padding:30px 0px 0px 39px;
    border-left:1px solid #555;
    background:url(../images/top/cont_bg.jpg) no-repeat left;
    }
.record .contact li:first-child{
    margin-left:0px;
    }
.record .contact li:first-child h2{
    margin-bottom:18px;
    }
.record .contact li p:nth-child(2){
    float:left;
    margin-right:30px;
    }

/*  feature
---------------------------------------------------*/
.feature{
    margin:0px 118px 60px;
    padding:31px 30px 0px;
    background:#C0D9EF;
    }
.feature h1{
    margin-bottom:32px;
    text-align:center;
    }
.feature ul li{
    float:left;
    width:346px;
    line-height:160%;
    }
.feature ul li a{
    display:block;
    padding:0px 19px;
    text-decoration:none;
    }
.feature ul li a:hover{
    background:#FFF;
    text-decoration:none;
    }
.feature ul li h2{
    margin-bottom:2.0em;
    }
.feature ul li p:nth-child(2){
    margin-bottom:0.8em;
    font-size:170%;
    }
.feature .detail{
    margin:1.5em 0px 0em;
    padding:20px 0px 4.0em;
    background:url(../images/top/arrow03.png) no-repeat left top;
    }

/*  integrate
---------------------------------------------------*/
.integrate{
    margin:0px 118px 50px;
    line-height:160%;
    }
.integrate h1{
    float:left;
    margin:0px 28px 2.0em 0px;
    }
.integrate .catch{
    margin-bottom:0.6em;
    font-size:170%;
    }
.integrate ul{
    clear:both;
    border-top:1px solid #DDD;
    border-right:1px solid #DDD;
    }
.integrate ul li{
    float:left;
    width:305px;
    padding:30px;
    border-left:1px solid #DDD;
    border-bottom:1px solid #DDD;
    }
/*.integrate ul li:hover{
    background:#C0D9EF;
    }*/
.integrate ul li:first-child,
.integrate ul li:nth-child(4){
    width:306px;
    }
/*.integrate ul li a{
    display:block;
    padding:30px;
    text-decoration:none;
    }*/
.integrate h2{
    margin-bottom:0.5em;
    padding-left:37px;
    background:url(../images/top/ico_check_off.jpg) no-repeat left;
    font-size:154%;
    line-height:160%;
    }
/*.integrate ul li:hover h2{
    background:url(../images/top/ico_check_on.jpg) no-repeat left;
    }*/
.integrate ul li p{
    padding-top:1.0em;
    }

/*  flow
---------------------------------------------------*/
.flow{
    margin:0px 118px 5.0em;
    line-height:160%;
    }
.flow h1{
    float:left;
    }
.flow ol{
    position:relative;
    z-index:1;
    overflow:hidden;
    }
.flow ol li{
    float:left;
    width:180px;
    height:269px;
    margin-left:1px;
    padding:38px 20px 0px;
    background:#E6F0F9;
    overflow:hidden;
    }
.flow ol li:nth-child(2){
    background:#CDE1F2 url(../images/top/flow_pic01.jpg) no-repeat center 161px;
    }
.flow ol li:nth-child(3){
    background:#B4D1EC url(../images/top/flow_pic02.jpg) no-repeat 64px 179px;
    }
.flow ol li:nth-child(4){
    background:#82B3DF url(../images/top/flow_pic03.jpg) no-repeat center 195px;
    color:#FFF;
    }
.flow ol h2{
    margin-bottom:1.0em;
    padding-bottom:0.5em;
    border-bottom:1px solid #ACB2B7;
    text-align:center;
    }
.flow ol li:nth-child(4) h2{
    border-bottom:1px solid #B4D1EC;
    }
.flow ol .tel{
    margin:0.5em 0px 0.2em;
    }
.flow ol li .arrow{
    position:absolute;
    top:32px;
    z-index:100;
    }
.flow ol li:first-child .arrow{
    left:206px;
    }
.flow ol li:nth-child(2) .arrow{
    left:427px;
    }
.flow ol li:nth-child(3) .arrow{
    left:648px;
    }