@charset "utf-8";


h1, h2, h3, h4, h5, h6, p, strong, a, li, td, dt, dd {
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

h2, h3, h4, h5, h6 { margin: 0; }


table {
border-collapse: collapse;
}

td {
padding: 10px 0;
border-spacing: 0;
font-size: 13px;
color: #505050;
line-height: 170%;
vertical-align: top;
}




#wrapper {
margin: 15px auto 0 auto;
width: 900px;
}



#menu-side {
float: left;
padding: 0 12px 0 0;
width: 190px;
}




.bg-company,
.bg-translation,
.bg-recruit,
.bg-design,
.bg-mlws {
width: 190px;
height: 50px;
font-size: 1px;
text-indent: -9999px;
line-height: 10%;
}

.bg-company     { background: url(../images/company/page_title.gif) no-repeat top left; }
.bg-translation { background: url(../images/translation/page_title.gif) no-repeat top left; }
.bg-recruit     { background: url(../images/recruit/page_title.gif) no-repeat top left; }
.bg-design      { background: url(../images/design/page_title.gif) no-repeat top left; }
.bg-mlws      { background: url(../images/mlws/page_title.gif) no-repeat top left; }




#content-side {
float: left;
padding: 0;
width: 698px;
}


.content-box {
margin: 0 0 15px 0;
padding: 15px 15px 0 15px;
width: 666px;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
}


#content-side ol, #content-side ul { margin: 0; padding: 0; }
#content-side li {
font-size: 13px;
line-height: 170%;
list-style-position: inside;
color: #505050;
}





/* h2 title bar */

.bg-company,
.bg-trans,
.bg-recruit {
width: 190px;
height: 50px;
font-size: 1px;
text-indent: -9999px;
line-height: 10%;
}

.bg-company { background: url(../images/company/page_title.gif) no-repeat top left; }
.bg-trans   { background: url(../images/translation/page_title.gif) no-repeat top left; }
.bg-recruit { background: url(../images/recruit/page_title.gif) no-repeat top left; }


/* h3 title bar */
.h-bg {
margin: 0;
padding: 0;
width: 698px;
height: 58px;
}

.h-bg img { display: block; }







/*=========================== COMPANY ===========================*/

/* google > check it on bigger map link */
.check-big {
display: block;
margin: 10px 0 10px 0;
font-size: 13px;
}


#service-bg {
background: url(../images/company/work_four.jpg) no-repeat 15px 60px; /* left top*/
}

#service-category h4,
#service-category p {

}


/*=========================== TRANSLATION ===========================*/
.trans-catCover {
background-color: #F1F9FE;
margin: 0 0 18px 0;
padding: 10px;
border: 1px solid #E3E3E3;
}

.trans-catCover strong {
font-size: 14px;
color: #0066CC;
}

#work-flow {
margin: 0 auto;
padding: 10px 0 20px 0;
width: 660px;
}



/*=========================== DESIGN ===========================*/
#design-work {
margin: 0 0 15px 0;
padding: 373px 13px 15px 13px;
background: #F7F7F7 url(../images/design/design_work.gif) no-repeat top left;
width: 640px;
border-bottom: 1px solid #D6D6D6;
}

#design-work-txt {
margin: auto;
padding: 10px;
background-color: #FFFFFF;
border: 1px solid #E3E3E3;
}


#design-work-txt ul { margin: 0; padding: 0 0 0 20px; }
#design-work-txt li { list-style-position: outside; padding: 0 0 7px 0; }


/*=========================== RECRUIT ===========================*/


.rec-box {
padding: 15px 0 40px 0;
}

.rec-box table {
width: 100%;
border: 1px solid #D6D6D6;
}

.rec-box td {
padding: 10px;
}

.rec-left { width: 20%; background-color: #EDEDED; border-right: 1px solid #D6D6D6; }
.rec-right { width: 80%; }

.icon-on {

background: url(../images/recruit/icon_kyubo.jpg) no-repeat top right;
padding: 8px 40px 8px 0;
height: 31px;
font-size: 14px;
color: #0066CC;
}

.number  { font: 26px Georgia, "Times New Roman", Times, serif; }
.number2 { font: 20px Georgia, "Times New Roman", Times, serif; }


.icon-off {
font-size: 14px;
color: #0066CC;
}

#boshu-yoko { padding: 15px 0 35px 0; }


#content-side #boshu-yoko ol { margin: 0; padding: 0 0 0 25px; }

#content-side #boshu-yoko li {
font-size: 13px;
line-height: 170%;
list-style-position: outside;
color: #CC0000;
}


/*=========================== MLWS ===========================*/
.mlws-colum01 {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #D6D6D6;
}

.mlws-colum01 h4, .mlws-colum02 h4 {
margin: 0 0 5px 0;
color: #0066CC;
font-size: 14px;
}

.mlws-colum02 {
/*margin: 0 0 15px 0;*/
padding: 0 0 15px 0;
/*border-bottom: 1px solid #D6D6D6;*/
}





.add-center-area {
margin: 0 auto 15px auto;
padding: 15px;
background-color: #F7F7F7;
border: 1px solid #D6D6D6;
width: 480px;
}


.no-bb {
background-color: #FFFFFF;
border: none;
}

.add-center-area {
list-style-position: outside;
font-size: 30px;
}


#content-side .add-center-area ul { margin: 0; /*padding: 0 0 0 20px;*/ }
#content-side .add-center-area li {
line-height: 150%;
list-style-position: outside;
list-style-type: none;
}

.aca-li01 { padding: 0 0 7px 0; }
.aca-li02 { padding: 7px 0; }
.aca-li01, .aca-li02 { border-bottom: 1px solid #D6D6D6; }




.add-center-area2 {
margin: 0 auto 0 auto;
padding: 0 15px 15px 15px;
width: 480px;
}

.add-center-area3 {
margin: 10px auto 15px auto;
padding: 15px;
width: 510px;
background-color: #F7F7F7;
border: 1px solid #D6D6D6;
}

.add-center-area3 strong {
display: block;
font-size: 12px;
text-align: center;
color: #0066CC;
}



.mlws-txtimg01 { background: url(../images/mlws/mlws_txt01.gif) no-repeat 0 5px; }
.mlws-txtimg02 { background: url(../images/mlws/mlws_txt02.gif) no-repeat 0 5px; }
.mlws-txtimg03 { background: url(../images/mlws/mlws_txt03.gif) no-repeat 0 5px; }
.mlws-txtimg04 { background: url(../images/mlws/mlws_txt04.gif) no-repeat 0 5px; }
.mlws-txtimg05 { background: url(../images/mlws/mlws_txt05.gif) no-repeat 0 5px; }
.mlws-txtimg06 { background: url(../images/mlws/mlws_txt06.gif) no-repeat 0 5px; }
.mlws-txtimg07 { background: url(../images/mlws/mlws_txt07.gif) no-repeat 0 5px; }
.mlws-txtimg08 { background: url(../images/mlws/mlws_txt08.gif) no-repeat 0 5px; }

.para-type01 {
padding: 0 0 0 190px;
}

.add-center-area2 table {
width: 100%;
border: 1px solid #D6D6D6;
}

.add-center-area2 td {
padding: 10px;
}

.mlws-left { width: 20%; background-color: #E4F0FA; border-right: 1px solid #D6D6D6; }
.mlws-right { width: 80%; background-color: #FFFFFF; }


/*=========================== SITE POLICY ===========================*/


#sitepolicy-title {
display: block;
margin: 0 auto;
width: 800px;
height: 58px;
}

#sitepolicy-title img { display: block; }


#site-policy {
margin: 0 auto;
padding: 15px;
width: 768px;
border-bottom: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
}

#site-policy h3, 
#site-policy h4, 
#site-policy h5, 
#site-policy h6 {
margin: 0 0 10px 0;
font-size: 14px;
color: #0066CC;
}


#site-policy ul {
margin: 0;
padding: 0 0 0 20px;
}

#site-policy li {
list-style-position: outside;
padding: 0 0 15px 0;
}

.site-policy-box {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #D6D6D6;
}



/*=========================== FORM ===========================*/


#form-body { margin: 15px 0 15px 0; }

.form-table {
width: 100%;
border: 1px solid #D6D6D6;
}

#form-body td {
padding: 10px;
}


.hisu { color: #CC0000; font-size: 11px; }

.colum01 {
width: 130px;
}

.colum02 {
}

.valign-top { vertical-align: top; }
.valign-mid { vertical-align: middle; }

.td-sp01 { word-spacing: 10px; }
.td-sp02 { word-spacing: 20px; }

.input-sp01 {
margin: 0 6px 0 0;
}

.input-length01 { width:240px; } /* 名前、ふりがな */
.input-length02 { width:35px;  } /* 郵便番号、市外局番 */
.input-length03 { width:500px; } /* 住所 */
.input-length04 { width:60px;  } /* 電話番号 */
.input-length05 { width:500px; height: 100px;  } 
.input-length06 { width:240px; }
.input-length07 { width:240px; }


.input-length01,
.input-length02,
.input-length03,
.input-length04,
.input-length05,
.input-length06,
.input-length07,
.input-length08,
.input-length09,
.input-length10,
.input-length11,
.input-length12,
.input-length13,
.input-length14,
.input-length15,
.input-length16,
.input-length17,
.input-length18,
.input-length19,
.input-length20 {
padding: 5px;
/*background-color: #F3F3F3;*/
background-color: #F1F9FE;
border: 1px solid #CCCCCC;
}










/* border only */
.bdr01 {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #E3E3E3;
}


#content-side .bdr01 ul { margin: 0; padding: 0 0 0 20px; }
#content-side .bdr01 li { list-style-position: outside; }






#wrapper:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #wrapper {
display:inline-block;
}