#logo {
background-color: #ffffff;
width: 100%;
padding: 20px 0px 20px 0px;
margin-right: auto;
margin-left: auto;
}


/***************************************************************
タイトル
***************************************************************/
.sub-title {/*青*/
background-color: #004ea2;
color: #ffffff;
width: 98%;
text-align: left;
padding: 5px 0px 5px 2%;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}

.sub-title02 {/*青*/
background-color: #004ea2;
color: #ffffff;
width: 98%;
text-align: left;
padding: 5px 0px 5px 2%;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}

/***************************************************************
トップページ
***************************************************************/
.top-area {
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
background: url(top/top-back.png);
background-position:center top;
background-repeat: repeat-y;
-moz-background-size:contain;
background-size:contain; 
width: 90%;
text-align: left;
clear: both;
padding: 10px 5%;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
}


.box-area01 {/*2分割*/
width: 49%;
color: #232323;
margin-right: 2%;
float:left;
}

.box-area02 {/*2分割*/
width: 49%;
color: #232323;
float:right;
}

.box-title {/*タイトル*/
color: #0b5b93;
font-size: 128%;
letter-spacing: 0.1em;
text-align: left;
margin-top: 18px;
margin-bottom: 3px;
}

@media only screen and (max-width:480px){
    .box-area01 {
       text-align: center; 
       float: none;
        width: 100%; 
        margin: 0px 0px 10px;
    }

    .box-area02 {
        float: none;
        width: 100%; 
    }

   .box-title {/*タイトル*/
       text-align: center; 
        margin-top: 7px;
        margin-bottom: 3px;
   }

}


/***************************************************************
エリア
***************************************************************/
.con-area {/*top*/
background-color: #ffffff;
border:1px solid #e0e0e0;
width:94%;
color: #232323;
text-align: left;
padding: 30px 2%;
margin-right: auto;
margin-left: auto;
}

.corp-area {/*会社概要*/
background-color: #ffffff;
border:1px solid #e0e0e0;
width:94%;
color: #232323;
text-align: left;
padding: 30px 2% 0px;
margin-right: auto;
margin-left: auto;
}

.text-area01 {/*サービス*/
width: 848px;
text-align: left;
padding: 0px;
margin-right: 30px;
margin-left: 30px;
}

.text-area02 {/*サービス:グレー*/
background-color: #ececec;
width: 96%;
text-align: left;
padding: 2%;
}

.text-area03 {/*サブタイトル下部*/
text-align: left;
padding: 0px 20px;
margin-right: 30px;
margin-left: 30px;
}


.text-area04 {/*サブタイトル下部*/
width: 95%;
text-align: left;
margin-right: auto;
margin-left: auto;
}



/***************************************************************
サービス
***************************************************************/
.raster-area {/*ラスター補正*/
background: url(../service/2back.png);
background-repeat: no-repeat;
line-height:1.6em;
width: 846px;
color: #232323;
margin-right:31px;
margin-left:31px;
}

.raster-left {
float:left;
width:412px;
padding: 0px;
text-align: left;
margin-right:22px;

}

.raster-right {
float:left;
width:412px;
padding: 0px;
vertical-align:top;
text-align: left;
}

.raster-img {/*グレー*/
width:361px;
text-align: left;
padding: 36px 26px 26px 26px;
}