@charset "Shift_JIS";
/*====================================================================
 reset styles
====================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul {
	list-style: none;
}
ol li {
	margin-left: 20px;
}
* html ol li {
	margin-left: 25px;
}
*+html ol li {
	margin-left: 25px;
}
ol li ul li {
	margin-left: 0;
}
* html ol li ul li {
	margin-left: 0;
}
*+html ol li ul li {
	margin-left: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
fieldset, img {
	border: 0;
}
img {
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
tr {
	vertical-align: top;
}
caption, th {
	text-align:left;
}
abbr, acronym {
	border: 0;
}
sup {
	vertical-align: 2px;
}
sub {
	vertical-align: bottom;
}

/*====================================================================
 general purpose
====================================================================*/
/* tag
--------------------------------------------------------------------*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
	letter-spacing: 1px;
}

/* margin
--------------------------------------------------------------------*/
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}

.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}

.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}

/* text-align
--------------------------------------------------------------------*/
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

/* font-size
--------------------------------------------------------------------*/
.f10 {font-size: 85%;}
.f14 {font-size: 114%;}
.f16 {font-size: 132%;}

/* font-type
--------------------------------------------------------------------*/
.bold {font-weight: bold;}
.italic {font-style: italic;}

/* link
--------------------------------------------------------------------*/
a.normalLink {
	padding-left: 9px;
	background: transparent url(/recruit/common/images/contents_icon_001.gif) no-repeat 0 0.25em;
}
p.normalLink,
ul.normalLink li,
dd.normalLink {
	padding-left: 9px;
	background: transparent url(/recruit/common/images/contents_icon_001.gif) no-repeat 0 0.4em;
}
a.anchorLink {
	padding-left: 12px;
	background: transparent url(/recruit/common/images/contents_icon_004.gif) no-repeat 0 0.3em;
}
p.anchorLink,
ul.anchorLink li,
dd.anchorLink {
	padding-left: 12px;
	background: transparent url(/recruit/common/images/contents_icon_004.gif) no-repeat 0 0.6em;
}

/* notes
--------------------------------------------------------------------*/
ul.notesA01 {
	margin-top: 10px;
}
ul.notesA01 li {
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

/* list
--------------------------------------------------------------------*/
ul.listA01 li {
	padding-left: 1em;
	text-indent: -1em;
}
ul.listA01 li:first-letter {
	font-family: "ＭＳ ゴシック";
}

/* section
--------------------------------------------------------------------*/
div.section {
	margin-top: 20px;
}
div.section div.sectionInner {
	margin-top: 35px;
}

/* headingBlock
--------------------------------------------------------------------*/
h1 {
	margin-bottom: -10px;
}
div.h2BlockA01 {
	margin: 50px 0 -10px;
}
div.h3BlockA01 {
	margin: 35px 0 20px;
}
div.h3BlockA01 h3 {
	padding-left: 16px;
	font-weight: bold;
	background: transparent url(/recruit/common/images/contents_icon_003.gif) no-repeat 0 0.2em;
}

/* tableBlock
--------------------------------------------------------------------*/
div.tableBlockA01 th,
div.tableBlockA01 td {
	padding: 7px 10px 5px;
	border: #adced8 1px solid;
}
div.tableBlockA01 th {
	background-color: #e5eff2;
}
div.tableBlockA01 thead th {
	background-color: #d0e5eb;
}
table.noStyleTable th,
table.noStyleTable td {
	padding: 0;
	border: none;
}
table.noStyleTable th {
	background-color: transparent;
}
table.noStyleTable thead th {
	background-color: transparent;
}

/* columnBlock
--------------------------------------------------------------------*/

/* floatImage
--------------------------------------------------------------------*/
div.imageLeft p.image {
	padding: 0 20px 20px 0;
	float: left;
}
div.imageRight p.image {
	padding: 0 0 20px 20px;
	float: right;
}
div.columnImageLeft p.image {
	margin-right: 20px;
	float: left;
}
div.columnImageLeft div.text {
	overflow: hidden;
	height: 1%;
}
div.columnImageRight p.image {
	margin-left: 20px;
	float: right;
}
div.columnImageRight div.text {
	overflow: hidden;
	height: 1%;
}

/* generalBlock
--------------------------------------------------------------------*/
div.generalBlockA01 {
	background: transparent url(/recruit/common/images/contents_bg_004.gif) repeat-y 0 0;
}
div.generalBlockA01 div.blockInner01 {
	background: transparent url(/recruit/common/images/contents_bg_004_top.gif) no-repeat 0 0;
}
div.generalBlockA01 div.blockInner02 {
	padding: 23px;
	background: transparent url(/recruit/common/images/contents_bg_004_bottom.gif) no-repeat 0 100%;
}

/*====================================================================
 link
====================================================================*/
a:link, a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover, a:active {
	color: #666666;
	text-decoration: none;
}

/*====================================================================
 body
====================================================================*/
body {
	font: 12px/1.5 "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #333333;
	text-align: center;
}
* html body {font-size:76%;}
*+html body {font-size:76%;}
table {
	font-size:100%;
	line-height: 1.5;
}

/* fontsize
-------------------------------
10px = 85% 
12px = 基準
14px = 114%
16px = 132%
-----------------------------*/

/*====================================================================
 header
====================================================================*/
div#header {
	min-width: 890px;
	background: transparent url(/recruit/common/images/header_bg_001.gif) no-repeat 50% 100%;
}
div#header div#headerInner {
	margin: 0 auto;
	padding: 14px 15px 15px;
	width: 860px;
	text-align: left;
}
div#header .logo {
	margin: 0;
	float: left;
}
div#header p.groupLogo {
	float: right;
}
div#header p.corpBtn {
	margin: 4px 20px 0;
	float: right;
}

/*====================================================================
 contents
====================================================================*/
div#contents {
	min-width: 890px;
	background: transparent url(/recruit/common/images/contents_bg_003.gif) repeat-x 50% 322px;
}
div#contents div#contentsInner01 {
	padding: 25px 15px 0;
	background: transparent url(/recruit/common/images/contents_bg_002.jpg) no-repeat 50% 0;
}
div#contents div#contentsInner02 {
	margin: 0 auto;
	width: 860px;
	min-height: 550px;
	text-align: left;
}
* html div#contents div#contentsInner02 {
	height: 550px;
}

/*====================================================================
 leftArea
====================================================================*/
div#leftArea {
	padding: 36px 0 0 20px;
	width: 180px;
	float: left;
}
div#leftArea div.bnrBlock ul {
	margin-top: 33px;
}
div#leftArea div.bnrBlock ul li {
	margin-top: 10px;
}

/*====================================================================
 rightArea
====================================================================*/
div#rightArea {
	padding: 50px 20px 0 0;
	width: 590px;
	float: right;
}

/*====================================================================
 pageTop
====================================================================*/
div.pageTop {
	margin: 40px auto 0;
	width: 860px;
}
div.pageTop ul {
	float: right;
}
div.pageTop ul li {
	padding-left: 14px;
	font-size: 85%;
	background: transparent url(/recruit/common/images/contents_icon_002.gif) no-repeat 0 0.5em;
}
div.pageTop ul li a {
	color: #333333 !important;
	text-decoration: none !important;
}

/*====================================================================
 footer
====================================================================*/
div#footer {
	margin-top: 15px;
	padding: 0 15px;
	text-align: center;
	background: transparent url(/recruit/common/images/footer_bg_001.gif) repeat-x 50% 0;
}
div#footer div#footerInner {
	margin: 0 auto;
	padding: 35px 0 15px;
	width: 860px;
	background: transparent url(/recruit/common/images/footer_bg_002.gif) no-repeat 50% 0;
}
div#footer ul.footerNav {
	margin-bottom: 4px;
}
div#footer ul.footerNav li {
	padding: 0 2px 0 6px;
	font-size: 85%;
	white-space: nowrap;
	border-left: #333333 1px solid;
	display: inline;
}
div#footer ul.footerNav li.first {
	padding-left: 0;
	border-left: none;
}
div#footer ul.footerNav li a:link,
div#footer ul.footerNav li a:visited {
	color: #333333;
	text-decoration: none;
}
div#footer ul.footerNav li a:hover,
div#footer ul.footerNav li a:active {
	color: #333333;
	text-decoration: underline;
}
div#footer div.copyright address {
	font-size: 85%;
	color: #666666;
}

/*====================================================================
 clearfix
====================================================================*/
.clear:after,
div#headerInner:after,
div.pageTop:after,
div#contentsInner02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*+html .clear,
*+html div#headerInner,
*+html div.pageTop,
*+html div#contentsInner02 {
	height: 1%;
}
* html .clear,
* html div#headerInner,
* html div.pageTop,
* html div#contentsInner02 {
	height: 1%;
}