@charset "utf-8";


body {
margin: 0;
padding: 0;
}

h1 { display: none; }

p, li { 
margin: 0; 
color: #505050;
font-size: 13px;
line-height: 160%;
}

a:focus { outline:none; }

a:link    { color: #0066CC; text-decoration: underline; }
a:visited { color: #0066CC; text-decoration: underline; }
a:hover   { color: #666666; text-decoration: none; }


input, textarea {
margin: 0;
font: 13px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
color: #505050;
}


/*============================ GLOBAL NAVIGATION ============================*/

#global-navi-bg {
margin: 0;
padding: 0;
width: 100%;
background: url(../images/menu_bg.gif) repeat-x top left;
}


#global-navi {
margin: 0 auto;
width: 900px;
height: 71px;
}


#global-navi li, #global-navi a { 
display: block; 
height: 71px;
font-size: 1px;
text-indent: -9999px;
line-height: 10%;
}



#global-navi ul { margin: 0; padding: 0; }
#global-navi li { height: 71px; list-style:none; }


.gNavi01,
.gNavi02,
.gNavi03,
.gNavi04,
.gNavi05,
.gNavi06,
.gNavi07,
.gNavi01-off,
.gNavi02-off,
.gNavi03-off,
.gNavi04-off,
.gNavi05-off,
.gNavi06-off,
.gNavi07-off { float: left; }


.gNavi01, .gNavi01-off { width: 203px; }
.gNavi02, .gNavi02-off { width: 130px; }
.gNavi03, .gNavi03-off { width: 199px; }
.gNavi04, .gNavi04-off { width: 107px; }
.gNavi05, .gNavi05-off { width: 82px; }
.gNavi06, .gNavi06-off { width: 96px; }
.gNavi07, .gNavi07-off { width: 83px; }


.gNavi01 a { background: url(../images/rogo.jpg)     top left no-repeat; }
.gNavi02 a { background: url(../images/btn_cp.jpg)   top left no-repeat; }
.gNavi03 a { background: url(../images/btn_mlws.jpg) top left no-repeat; }
.gNavi04 a { background: url(../images/btn_trns.jpg) top left no-repeat; }
.gNavi05 a { background: url(../images/btn_des.jpg)  top left no-repeat; }
.gNavi06 a { background: url(../images/btn_blog.jpg) top left no-repeat; }
.gNavi07 a { background: url(../images/btn_rec.jpg)  top left no-repeat; }

.gNavi01-off { background: url(../images/rogo.jpg)     0 -71px no-repeat; }
.gNavi02-off { background: url(../images/btn_cp.jpg)   0 -71px no-repeat; }
.gNavi03-off { background: url(../images/btn_mlws.jpg) 0 -71px no-repeat; }
.gNavi04-off { background: url(../images/btn_trns.jpg) 0 -71px no-repeat; }
.gNavi05-off { background: url(../images/btn_des.jpg)  0 -71px no-repeat; }
.gNavi06-off { background: url(../images/btn_blog.jpg) 0 -71px no-repeat; }
.gNavi07-off { background: url(../images/btn_rec.jpg)  0 -71px no-repeat; }



.gNavi02 a:hover,
.gNavi03 a:hover,
.gNavi04 a:hover,
.gNavi05 a:hover,
.gNavi06 a:hover,
.gNavi07 a:hover { background-position: 0 -71px; }


/*=================================================================*/

#side-menu {
padding: 1px 0;
background: url(../images/sidemanuDot.gif) repeat-x bottom left;
}


#side-menu ul { margin: 0; padding: 0; }
#side-menu li { height: 40px; list-style:none; }


#side-menu a { 
display: block; 
height: 40px;
text-indent: -9999px;
}


/* COMPANY */

.sMenu-company01,
.sMenu-company02,
.sMenu-company03 { width: 190px; }


.sMenu-company01 a { background: url(../images/company/menu_compnay03.gif) top left no-repeat; }
.sMenu-company02 a { background: url(../images/company/menu_compnay01.gif) top left no-repeat; }
.sMenu-company03 a { background: url(../images/company/menu_compnay02.gif) top left no-repeat; }


.sMenu-company01 a:hover,
.sMenu-company02 a:hover,
.sMenu-company03 a:hover { background-position: 0 -40px; }


/* COMPANY */

.sMenu-trans01,
.sMenu-trans02,
.sMenu-trans03,
.sMenu-trans04 { width: 190px; }


.sMenu-trans01 a { background: url(../images/translation/menu_trans01.gif) top left no-repeat; }
.sMenu-trans02 a { background: url(../images/translation/menu_trans02.gif) top left no-repeat; }
.sMenu-trans03 a { background: url(../images/translation/menu_trans03.gif) top left no-repeat; }
.sMenu-trans04 a { background: url(../images/translation/menu_trans04.gif) top left no-repeat; }

.sMenu-trans01 a:hover,
.sMenu-trans02 a:hover,
.sMenu-trans03 a:hover,
.sMenu-trans04 a:hover { background-position: 0 -40px; }


/* DESIGN */

.sMenu-design01 { width: 190px; }
.sMenu-design01 a { background: url(../images/design/menu_des01.gif) top left no-repeat; }
.sMenu-design01 a:hover { background-position: 0 -40px; }


/* RECURIT */

.sMenu-recruit01,
.sMenu-recruit02,
.sMenu-recruit03 { width: 190px; }


.sMenu-recruit01 a { background: url(../images/recruit/menu_rec01.gif) top left no-repeat; }
.sMenu-recruit02 a { background: url(../images/recruit/menu_rec02.gif) top left no-repeat; }
.sMenu-recruit03 a { background: url(../images/recruit/menu_rec03.gif) top left no-repeat; }


.sMenu-recruit01 a:hover,
.sMenu-recruit02 a:hover,
.sMenu-recruit03 a:hover { background-position: 0 -40px; }



/* MLWS */

.sMenu-mlws01,
.sMenu-mlws02,
.sMenu-mlws03,
.sMenu-mlws04,
.sMenu-mlws05,
.sMenu-mlws06,
.sMenu-mlws07,
.sMenu-mlws08 { width: 190px; }


.sMenu-mlws01 a { background: url(../images/mlws/menu_mlws01.gif) top left no-repeat; }
.sMenu-mlws02 a { background: url(../images/mlws/menu_mlws02.gif) top left no-repeat; }
.sMenu-mlws03 a { background: url(../images/mlws/menu_mlws03.gif) top left no-repeat; }
.sMenu-mlws04 a { background: url(../images/mlws/menu_mlws04.gif) top left no-repeat; }
.sMenu-mlws05 a { background: url(../images/mlws/menu_mlws05.gif) top left no-repeat; }
.sMenu-mlws06 a { background: url(../images/mlws/menu_mlws06.gif) top left no-repeat; }
.sMenu-mlws07 a { background: url(../images/mlws/menu_mlws07.gif) top left no-repeat; }
.sMenu-mlws08 a { background: url(../images/mlws/menu_mlws08.gif) top left no-repeat; }


.sMenu-mlws01 a:hover,
.sMenu-mlws02 a:hover,
.sMenu-mlws03 a:hover,
.sMenu-mlws04 a:hover,
.sMenu-mlws05 a:hover,
.sMenu-mlws06 a:hover,
.sMenu-mlws07 a:hover,
.sMenu-mlws08 a:hover { background-position: 0 -40px; }



/* banners */
.banner-box {
margin: 10px 0 0 0;
padding: 0;
width: 188px;
border: 1px solid #D6D6D6;
}


.banner-box img {
display: block;
width: 180px;
height: 111px;
border: 4px solid #EBEBEB;
}


.banner-box a:link img    { border-color: #EBEBEB; }
.banner-box a:visited img { border-color: #EBEBEB; }
.banner-box a:hover img   { border-color: #0066CC; }


.banner-box p {
padding: 10px 7px;
line-height: 180%;
font-size: 11px;
color: #666666;
}






/* spacer */
.spacer01 { margin: 0 0 40px 0; }
.spacer02 { margin: 0 0 30px 0; }
.spacer03 { margin: 0 0 20px 0; }
.spacer04 { margin: 0 0 10px 0; }
.spacer05 { margin: 0 0 15px 0; }
.spacer06 { margin: 0 0 25px 0; }
.spacer07 { margin: 0 0 35px 0; }
.spacer08 { margin: 0 0 45px 0; }

.spacer09 { margin: 15px 0 0 0; }

.spacer10 { margin: 220px 0 5px 0; padding: 15px 0 0 0; }
.spacer11 { margin: 15px 0 5px 0; padding: 15px 0 0 0; }

.spacer12 { padding: 10px 0 0 0; }
.spacer13 { padding: 0 0 10px 0; }

/* table td width */
.wFixer01 { width: 666px; }
.wFixer02 { width: 170px; }
.wFixer03 { width: 130px; }
.wFixer04 { width: 90px; }


/* td border */ 
.jBor01 { border-bottom: 1px solid #D6D6D6; }
.jBor02 { border-top: 1px solid #D6D6D6; }




/* emphasize */
.emp01 {
font-size: 14px;
font-weight: bold;
}

.emp02 {
color: #CC0000;
text-decoration: underline;
}

.emp03 {
color: #0066CC;
font-weight: bold;
}

.emp04 {
color: #505050;
font-weight: bold;
}

/* coloring */
.blue { color: #0066CC; }


.toTop {
margin: 0 0 0 0;
font-size: 11px;
text-align: right;
}

.toTop a { padding: 0 0 0 13px; }

.toTop a:link    { background: url(../images/toTop.gif) no-repeat 0 4px; }
.toTop a:visited { background: url(../images/toTop.gif) no-repeat 0 4px; }
.toTop a:hover   { background: url(../images/toTop.gif) no-repeat 0 -39px; }


#foot-links {
padding: 10px 0 0 0;
text-align: center;
color: #999999;
font-size: 11px;
}

#foot-links a:link    { color: #999999; text-decoration: none; }
#foot-links a:visited { color: #999999; text-decoration: underline; }
#foot-links a:hover   { color: #0066CC; text-decoration: underline; }


#intl-links {
padding: 5px 0 0 0;
text-align: center;
color: #999999;
font-size: 11px;
}

#intl-links a:link    { color: #999999; text-decoration: none; }
#intl-links a:visited { color: #999999; text-decoration: underline; }
#intl-links a:hover   { color: #0066CC; text-decoration: underline; }


#footer {
background: url(../images/footerBg.gif) repeat-x top left;
margin: 10px auto 0 auto;
padding: 10px 0 30px 0;
width: 100%;
}


#footer h6 {
background: url(../images/copyright.gif) no-repeat top left;
margin: auto;
width: 185px;
height: 10px;

font-size: 1px;
text-indent: -9999px;
line-height: 10%;
color: #FFFFFF;
}


.cut { clear: both; }
.noShow { display: none; }

.c-by {
padding: 2px 0 0 0;
font: 10px Georgia, "Times New Roman", Times, serif;
font-style: italic;
letter-spacing: 0.05em;
text-align: center;
color: #999999;
}

.c-by a { text-decoration: none; color: #999999; }
.c-by a:hover { text-decoration: underline; }

.em-red { color: #FF3333; }
.em-redb { color: #FF3333; font-weight: bold; }
.em-none { font-weight: bold; }
.em-gold { font-weight: bold; color: #7B5300; }
.em-line { text-decoration: underline; }
.em-not  { text-decoration: line-through; }



#global-navi-bg:after, #global-navi:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #global-navi-bg, * html #global-navi {
display:inline-block;
}








