@charset "utf-8";

/* * * * * * * * * * * * * * * * * * *
 * IMPORT WEB FONT
 * * * * * * * * * * * * * * * * * * */
@font-face { font-family: 'Didact Gothic'; font-style: normal; font-weight: 400; src: local('Didact Gothic'), local('DidactGothic'), url(//themes.googleusercontent.com/static/fonts/didactgothic/v4/v8_72sD3DYMKyM0dn3LtWp_RtrTXGeaL_Dia6_H9gNs.woff) format('woff');}

/* * * * * * * * * * * * * * * * * * *
 * GENERAL
 * * * * * * * * * * * * * * * * * * */
.bs85per {background-size: 85% !important;}
.bs60per {background-size: 60% !important;}
.bs40per {background-size: 49% !important;}

/* * * * * * * * * * * * * * * * * * *
 * RESET BROWSER'S DEFAULT STYLES
 * * * * * * * * * * * * * * * * * * */
body, div, p,  ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,h5, h6,
table, th ,td, img, form,figure {
	margin: 0;
	padding: 0;
}
ul, ol	{ list-style: none; }
img		{ border: 0; vertical-align: bottom; }
html,body { height: 100%; }
/* * * * * * * * * * * * * * * * * * *
 * INITIAL STYLES
 * * * * * * * * * * * * * * * * * * */

table			{ border-collapse: collapse; }
th,caption		{ vertical-align: top; text-align: left; font-weight: normal; }
input,
select			{ vertical-align: middle; }

/* define block for html5 new tags */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

/* * * * * * * * * * * * * * * * * * *
 * FONT STYLES
 * * * * * * * * * * * * * * * * * * */
body, input, textarea, select {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	line-height: 1.75;
	color: #0b0800;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

.contents-title {
	font-size: 24px;
	font-weight: bold;
}

.en-ruby {
	line-height: 1;
	font-size: 14px;
	color: #333;
}


/* * * * * * * * * * * * * * * * * * *
 * List STYLES
 * * * * * * * * * * * * * * * * * * */
.list-circle li {
position: relative;
padding-left: 1.5em;
}

.list-circle li:before {
	content: "●";
	position: absolute;
	left: 0;
}


/* * * * * * * * * * * * * * * * * * *
 * ANCHOR STYLES
 * * * * * * * * * * * * * * * * * * */
/* NORMAL */
a:link,
a:visited { color: #366d9f; text-decoration: none; }
a:hover,
a:active,
a.current { color: #B6111C; text-decoration: none; }


/* * * * * * * * * * * * * * * * * * *
 * STRUCTURE & SKIN STYLES
 * * * * * * * * * * * * * * * * * * */
/* LOGO */
.logo-bizreach {background: url(/img/old/top/logo_bizreach.svg) no-repeat 0 0;}

/* background texture */
body {
	background-image: url(/img/old/common/bg_body.png);
	background-repeat: repeat;
}
.recruit-body {
	height: 100%;
	background-image: none;
}

/* INNER BODY */
.inner-body {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}

/*TOP PAGE*/
#top-contents-wrapper {
	margin-top: 46px;
}

.top-left-column {
	float: left;
	width: 672px;
}

.top-right-column {
	clear: right;
	float: right;
	width: 220px;
}

.top-side-logo>li { margin-bottom:10px; }
.top-side-nav>li:last-child,
.top-side-logo>li:last-child { margin-bottom:0; }
.top-side-nav>li>a:hover,
.top-side-logo>li>a:hover { opacity:0.8; }

.top-side-logo>li>a {
	display: block;
	text-indent: -100%;
	width: 220px;
	height: 62px;
	border: solid 1px #DDDDDD;
	overflow: hidden;
	box-sizing: border-box;
	background-position: 50%;
}

/* SECOND PAGE */
.left-column {
	float: left;
	width: 700px;
}

.right-column {
	float: right;
	width: 190px;
	min-height:100%;
	position: relative;
}
.tracking-sidebar {
	position: absolute;
	right: auto;
	top: 10px;
}

.side-nav {
	width:150px;
	padding:15px 20px;
	background-color: rgba(255,255,255,0.5);
	border:solid 1px #ddd;
	font-size: 13px;
}

.side-nav li			{ margin-bottom:18px; }
.side-nav li:last-child	{ margin-bottom:0; }

.page-top {
	text-align: right;
}

.page-top a {
	padding-left: 20px;
	background: url(/img/old/common/icon_pagetop.png) left no-repeat;
}

/* table */
.table-set th,
.table-set td,
.table-set li,
.table-set caption			{ padding-bottom:16px; }
.table-set td				{ padding-left:20px; }
.table-set tr:last-child th,
.table-set tr:last-child td,
.table-set ul li:last-child	{ padding-bottom:0; }
.table-set th { width: 130px; }

#history th {
	padding-top: 1px;
	font-size: 12px;
	font-weight: bold;
}

/* * * * * * * * * * * * * * * * * * *
 * HEADER
 * * * * * * * * * * * * * * * * * * */
.headerWrap {
	width: 940px;
	margin: 0 auto;
	padding: 20px 10px;
	position: relative;
}
.header.logo-bizreach {
	display: block;
	width: 210px;
	height: 26px;
	margin-top: 10px;
	background-size: 95%;
	text-indent: 100%;
	overflow: hidden;
}

#biz-logo {
	float: left;
	width: 210px;
	padding-top: 34px;
}

.gnav>li {
	display: inline-block;
	margin-left: 30px;
}

.gnav>li.recruit { margin-left:15px; }

.recruit>a {
	padding: 10px 12px;
	background-color: rgba(204,204,204,0.5);
}
.gnav>li>a {
	display: block;
	height: 100%;
}

.gnav>li>a:link,
.gnav>li>a:visited { color: #333; }
.gnav>li>a:hover,
.gnav>li>a:active,
.gnav>li>a.current { color: #B6111C; text-decoration: none; }

/* * * * * * * * * * * * * * * * * * *
 * FOOTER
 * * * * * * * * * * * * * * * * * * */
footer {
	height: 80px;
	background-image: url(/img/old/common/bg_footer.png);
	background-repeat: repeat;
	color: #ccc;
}
.footer-rec {
	background-image: none;
	background-color: #111;
}
.footer-left-column {
	float: left;
}

.footer-link li {
	display: inline-block;
	padding: 33px 20px;
	line-height: 1;
}
.footer-right-column {
	float: right;
	width: 480px;
	padding-top: 24px;
}
.copyright {
	float: right;
	padding-top: 31px;
}
#lang-select {
	float: right;
	width: 80px;
	padding-top: 29px;
	margin-left: 10px;
	line-height: 1;
}
#lang-select li { float:left; }
#lang-select li+li {
	padding-left: 20px;
}
#lang-select li a:hover,
#lang-select li img.current { opacity:0.5; }

.social-link {
	float: right;
	padding-top: 24px;
	margin-left: 20px;
}
.social-link>li img:hover {
	opacity:0.5;
}/*
.social-fb {
	border-left: solid 1px #FFF;
	padding-left: 10px;
}*/

.footer-link li a:link,
.footer-link li a:visited { color:#ccc; }
.footer-link li a:hover,
.footer-link li a:active { color: #999; text-decoration: none; }

/* * * * * * * * * * * * * * * * * * *
 * KEY VISUAL
 * * * * * * * * * * * * * * * * * * */
.kv-contents {
	overflow: hidden;
	background-color: #FFFFFF;
	position: relative;
	font-size: 14px;
	line-height: 1.5;
}
.kv-slider {
	margin: 0 auto;
	position: relative;
	width: 940px;
	height: 400px;
}
.kv-slider-wrap {
	width: 940px;
	margin: 0 auto;
}
.kv-first-text-box {
	display: none;
}

/* * * * * * * * * * * * * * * * * * *
 * CONTACT
 * * * * * * * * * * * * * * * * * * */

.contactFormText {
	width: 248px;
	height: 16px;
	padding: 4px;
}
.contactComment {
	min-width: 390px;
	max-width: 766px;
	min-height: 98px;
	padding: 4px;
	margin: 0;
}
.contactSubmit {
	width: 560px;
	text-align: center;
	margin-top: 20px;
}

/* * * * * * * * * * * * * * * * * * *
 * BUTTON
 * * * * * * * * * * * * * * * * * * */

.externalLink{
	position: relative;
}
.externalLink:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -15px;
	bottom: 5px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJAgMAAAB2yFWAAAAACVBMVEUAAAC1tbXs7OzAYGm9AAAAAXRSTlMAQObYZgAAAB9JREFUCNdjYA0NYGBbNYEhNHQCgwMjMg4AYgagOAMAjzsHFNMSc6UAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
}