@charset "utf-8";
/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
		: general params
		: acronyms and abbreviations styles
	3: form
	4: link setting
	5: clear
	6: common
	7: layout and base

==========================================================
*/


/*
===== 1: universal reset =================================
*/

*{
	margin:0;
	padding:0;
}

/*
===== 2: body and base setting ===========================
*/
html,body{
    height:100%;
}
body {
	text-align:center;/* box centering */
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height: 1.6; /*base line height */
	position: relative;
    height:auto !important; /*for IE6*/
    height: 100%; /*for IE6*/
    min-height: 100%;
    min-width: 1000px;
	-webkit-text-size-adjust: none;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	text-align: left;
	display: block;
	margin: 0px;
}
table {margin : 0;empty-cells: show; font-size:small; border-collapse: collapse;}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li { list-style: none; }/* link do not want a dot */

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

/*
===== 3: form setting ===========================
*/
# fieldset, form, label, legend {  
     margin:0;  
     padding:0;  
     border:0;  
     font-weight:inherit;  
     font-style:inherit;  
     font-size:100%;  
     font-family:inherit;  
     vertical-align:baseline;  
}
select{ padding-right:0; }
/*
===== 4: link setting ===========================
*/
a {
    outline: none;
}
a:link{
	color: #00508a;
	text-decoration: none;
    outline: none;
}
a:visited{
	color: #00508a;
	text-decoration:none;
    outline: none;
}
a:hover{
	color: #3397ca;
	background-color: none;
	text-decoration: underline;
    outline: none;
}
a:active{
	color: #00508a;
	text-decoration:none;
}
a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}
/*
===== 5: clear ===========================
*/
.clear {clear:both;}

.clearfix {
    zoom: 1; /* for IE7- */
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
/*
===== 6: common ===========================
*/
.rOver a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.dspB {
	display: block !important;
}
.dspI {
	display: inline !important;
}
.dspIB {
	vertical-align: top;
	display: inline-block;
	*display: inline;/*for ie*/  
    *zoom: 1;/*for ie*/
}
.flL {
	float: left !important;
}
.flR {
	float: right !important;
}
.mg10 {
	margin: 10px !important;
}
.mg20 {
	margin: 20px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb2 {
	margin-bottom: 2px !important;
}
.mb3 {
	margin-bottom: 3px !important;
}
.mb5 {
	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;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb120 {
	margin-bottom: 120px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.bdb {
	border-ttom: solid 1px #000 !important;
}
.mgLess {
	margin: 0 !important;
}
.mbLess {
	margin-bottom: 0 !important;
}
.bdLess {
	border: none !important;
}
.pd5 {
	padding: 5px !important;
}
.pd10 {
	padding: 10px !important;
}
.pd20 {
	padding: 20px !important;
}
.pd40 {
	padding: 40px !important;
}
.pdt20 {
	padding-top: 20px !important;
}
.pdL5 {
	padding-left: 5px !important;
}
.pdL20 {
	padding-left: 20px !important;
}
.pdRLess {
	padding-right: 0 !important;
}
.pdBLess {
	padding-bottom: 0 !important;
}
.pdLess {
	padding: 0 !important;
}
.mrLess {
	margin-right: 0 !important;
}
.mbLess {
	margin-bottom: 0 !important;
}
.ct {
	text-align: center !important;
}
.rt {
	text-align: right !important;
}
.fs8 {
	font-size: 62% !important;
}
.fs9 {
	font-size: 68% !important;
} 
.fs10 {
	font-size: 77% !important;
}
.fs11 {
	font-size: 85% !important;
}
.fs12 {
	font-size: 93% !important;
}
.fs13 {
	font-size: 100% !important;
}
.fs14 {
	font-size: 108% !important;
}
.fs15 {
	font-size: 116% !important;
}
.fs16 {
	font-size: 123.1% !important;
}
.fs17 {
	font-size: 131% !important;
}
.fs18 {
	font-size: 138.5% !important;
}
.fs19 {
	font-size: 146.5% !important;
}
.fs20 {
	font-size: 153.9% !important;
}
.fs21 {
	font-size: 161.6% !important;
}
.fs22 {
	font-size: 167% !important;
}
.fs23 {
	font-size: 174% !important;
}
.fs26 {
	font-size: 197% !important;
}
.fs28 {
	font-size: 215.4% !important;
}
.fs30 {
	font-size: 230.8% !important;
}
.ffM {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
.fwB {
	font-weight: bold !important;
}
.fwN {
	font-weight: normal !important;
}
.ltSpaceN {
	letter-spacing: -1px !important;
}
.txtRed {
	color: #e50012 !important;
}
.txtGrn {
	color: #187018 !important;
}
.txtBlue {
	color: #036EB7 !important;
}
.txtOrg {
	color: #f29600 !important;
}
.taL {
	text-align: left !important;
}
.taR {
	text-align: right !important;
}
.liststyleDisc li {
	list-style-type: disc !important;
	margin-left: 30px;
}
.liststyleRoman li {
	list-style-type: lower-roman !important;
}
.vtaT {
	vertical-align: top !important;
}
.vtaM {
	vertical-align: middle !important;
}
.vtaB {
	vertical-align: bottom !important;
}
.icIndent {
	padding-left: 1em !important;
    text-indent: -1em !important;
}
.txtIndt1 {
	text-indent: 1em !important;
}
.txtIndt13 {
	text-indent: 1.3em !important;
}
.txtIndt-05 {
	text-indent: -0.5em !important;
}
.txtLh1 {
	line-height: 1 !important;
}
.txtLh2 {
	line-height: 2 !important;
}
.bgW {
	background-color: #FFF !important;
}
.bgLGy {
	background-color: #eee !important;
}
/*
===== 7: layout and base ===========================
*/
#container {
	position: relative;
	padding-bottom: 280px; /*for Prevention of footer covered*/
}
.inner {
	width: 936px;
	padding: 0 32px;
	margin: 0 auto;
}
#mainWrapper {
	width: 680px;
	float: right;
	display: inline;
	padding-bottom: 50px;
}
/*--------  header --------------*/
#header {
	border-bottom: solid 6px #3397ca;
	padding-bottom: 1.3em;
	margin-bottom: 2.5em;
}
.tagLine {
	background-color: #00508c;
	margin-bottom: 1.3em;
}
.tagLine h1 {
	font-size: 93%;
	color: #FFF;
	font-weight: normal;
}
.gNav {
	margin-right: 1.8em;
	margin-left: 0.4em;
	line-height: 1;
}
.gNav li {
	float: left;
	background: url(../img/header_menu_ic.jpg) no-repeat left center;
	padding-left: 1em;
	margin-left: 1.8em;
}
.gNav li a {
	font-size: 108%;
	font-weight: bold;
}
/*--------  sideL --------------*/
#sideL {
	width: 216px;
	float: left;
	margin-left: 10px;
	display: inline;
}
.sideMenu {
	margin-bottom: 45px;
}
.sideMenu ul li {
	border: solid 1px #00508a;
	margin-bottom: 1em;
}
.sideMenu ul li a {
	display: block;
	background: url(../img/side_ic_arrow.jpg) no-repeat 0.5em center;
	color: #000;
	font-size: 108%;
	padding: 0 1.7em;
	line-height: 1.8;
}
.sideMenu ul li a:hover, .sideMenu ul li a.current {
	display: block;
	background: url(../img/side_ic_arrow_on.jpg) no-repeat 0.5em center #00508a;
	color: #FFF;
	text-decoration: none;
}

.sideBnr {
	margin-bottom: 15px;
}
.sideForm {
	border: solid 1px #00508a;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 15px 20px;
}
.sideForm dl {
	margin-bottom: 5px;
}
.sideForm dl dd input {
	width: 167px;
	padding: 2px;
	margin-bottom: 10px;
}
/*--------  footer --------------*/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.footerBg {
	background-color: #f7ffe7;
	padding: 1.5em 0;
	margin-bottom: 1em;
}
.footerL {
	margin-left: 45px;
}
.footerL ul li {
	font-size: 93%;
	margin-top: 0.5em;
	margin-left: 0.5em;
}
.footerC {
	margin-right: 50px;
	margin-left: 40px;
}
.footerC dt {
	background-color: #008dcd;
	color: #FFF;
	display: inline-block;
	text-align: center;
	padding: 0 2em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.footerR {
	width: 84px;
}
#footer small {
	font-style: normal;
	font-size: 93%;
}
/*--------  contents common --------------*/
.ttl01 {
	font-size: 182%;
	color: #204c89;
	border-bottom: solid 1px #204c89;
	padding: 0 0 0.1em 0.1em;
	margin-bottom: 1em;
}
.ttl02 {
	background: url(../img/joblist_ttl_bg.jpg) repeat-x top;
	font-size: 153.9%;
	padding: 0.3em 1.3em;
	border-top: solid 4px #204c89;
	border-bottom: solid 1px #76b4db;
	color: #204c89;
	margin-bottom: 1em;
}
.ttl03 {
	font-size: 123.1%;
	border-left: solid 5px #189b9e;
	margin-bottom: 10px;
	line-height: 1.2;
	padding-left: 0.3em;
}
.bread {
	font-size: 93%;
	margin-bottom: 1.5em;
}
.bread a {
	color: #000;
}
.pageTop {
	text-align: right;
	margin: 20px 0 30px 0;
}
.pageTop a {
	background: url(../img/pagetop_ic.jpg) no-repeat left center;
	font-size: 93%;
	padding-left: 1.9em;
	line-height: 2;
}
.mainBtmContact {
	width: 680px;
	height: 141px;
	position: relative;
}
.mainBtmContactBtn img {
	position: absolute;
	bottom: 32px;
	right: 42px;
}
.blueBox {
	border: solid 1px #76b4db;
}
.blueBoxHead {
	line-height: 1;
	color: #FFF;
	text-align: center;
	font-size: 131%;
	font-weight: bold;
}
/*
===== はじめての方へ employee/index.html ===========================
*/
.employeeBox {
	width: 322px;
	height: 270px;
	position: relative;
	border: solid 2px #00508a;
	float: left;
	display: inline;
	margin-right: 27px;
	margin-bottom: 20px;
}
.employeeBoxTtl {
	background-color: #76b4db;
	padding: 0.5em 0 0.5em 0.8em;
}
.employeeBoxInner {
	padding: 1.2em;
}
.employeeBoxInner p {
	font-size: 108%;
	margin-bottom: 1em;
	letter-spacing: -0.02em;
}
.employeeBoxInner ul li {
	font-size: 116%;
	background: url(../../employee/img/employee_01_ic.jpg) no-repeat left top;
	padding-left: 1.5em;
	line-height: 1.2;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.employeeBoxBtn {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
}
#employeeBox02, #employeeBox04 {
	margin-right: 0;
}
#employeeBox01 .employeeBoxInner {
	background: url(../../employee/img/employee_01_img.jpg) no-repeat 240px bottom;
}
#employeeBox02 .employeeBoxInner {
	background: url(../../employee/img/employee_02_img.jpg) no-repeat 240px 62px;
}
#employeeBox03 .employeeBoxInner {
	background: url(../../employee/img/employee_03_img.jpg) no-repeat 230px 112px;
}
#employeeBox04 .employeeBoxInner {
	background: url(../../employee/img/employee_04_img.jpg) no-repeat 219px 120px;
}
#employeeBox03, #employeeBox04 {
	height: 328px;
	margin-bottom: 0;
}
#employeeBox04 .employeeBoxInner ul li {
	margin-bottom: 0.2em;
}
#employeeBox04 .employeeBoxInner ul li.employeeBox04Li {
	padding-left: 0;
	background: none;
}
.tblEmployee01 {
	width: 100%;
	border-top: solid 1px #204c89;
	border-left: solid 1px #204c89;
}
.tblEmployee01 th {
	border-right: solid 1px #204c89;
	border-bottom: solid 1px #204c89;
	background-color: #d8ebf5;
	text-align: center;
	font-weight: bold;
	font-size: 108%;
	color: #204c89;
	padding: 0.5em;
	width: 12%;
}
.tblEmployee01 td {
	font-size: 93%;
	border-right: solid 1px #204c89;
	border-bottom: solid 1px #204c89;
	padding: 0.5em;
	width: 38%;
}
/*
===== KDPのキャリアアップ career_up.html ===========================
*/
.careerup_menu li {
	float: left;
	margin-right: 19px;
}
.careerup_dl01 {
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}
.careerup_dl01 dt {
	background-color: #189b9e;
	color: #FFF;
	font-size: 93%;
	display: inline-block;
	padding: 0 1em;
	margin-bottom: 0.5em;
	line-height: 1.8;
}
.careerup_dl01 dd {
	font-size: 108%;
	margin-bottom: 20px;
}
.careerupBox01Wrapper {
	text-align: center;
	margin-bottom: 40px;
}
.careerupBox01 {
	width: 155px;
	font-size: 93%;
	margin: 0 30px;
}
.careerupBox01Ttl {
	background-color: #189b9e;
	color: #FFF;
	margin-bottom: 0.5em;
	line-height: 1.8;
	text-align: center;
}
.careerupBox01Img {
	height: 125px;
	text-align: center;
}
.careerupBox02Head {
	width: 308px;
	height: 33px;
	line-height: 33px;
	background: url(../../career_up/img/career_ttl_bg02.jpg) no-repeat left bottom;
}
.careerupBox02 {
	padding: 1.5em 2em;
	position: relative;
	margin-bottom: 40px;
}
.careerupBox02 table {
	font-size: 93%;
	margin-bottom: 3em;
	margin-left: -0.3em;
}
.careerupBox02 table th {
	text-align: left;
	font-weight: normal;
	padding: 0 0.2em 0.1em 0;
}
.careerupBox02 table td {
	padding: 0 0.2em 0.1em 0.2em;
}
.careerupBox02Btn {
	position: absolute;
	bottom: 1.5em;
}
.careerupBox03 {
	border: solid 2px #204c89;
	padding: 2em 0.5em 2em 1.5em;
	margin-bottom: 40px;
}
.careerupBox03 p {
	line-height: 1.7;
}
.bgGrArrow {
	width: 279px;
	height: 32px;
	background: url(../../career_up/img/career_ttl_bg01.jpg) no-repeat;
	line-height: 32px;
}
.careerupBox04 {
	font-size: 93%;
	padding: 1em;
	margin-bottom: 30px;
}
.careerupBox04Img {
	width: 110px;
}
.careerupBox04 p {
	margin-top: 1em;
}
/*
===== 先輩スタッフの声 staff.html ===========================
*/
.staffMenu li {
	float: left;
	margin-right: 5px;
}
.staffBox {
	padding: 0 20px;
}
.staffBoxR {
	width: 36em;
	margin-left: 0.7em;
	margin-bottom: 30px;
}
.staffBoxR p {
	font-size: 108%;
}
.staffComment {
	margin-bottom: 30px;
}
.staffComment .blueBoxHead {
	width: 150px;
	height: 24px;
	line-height: 24px;
	background: url(../../staff/img/staff_ttl_bg.jpg) no-repeat left bottom;
}
.staffComment .blueBox {
	padding: 0.8em 0.5em;
}
.staffCommentR {
	font-size: 93%;
	width: 38em;
	margin-left: 0.9em;
}
/*
===== トップページ home.html ===========================
*/
body#home {
}
body#home #sideL {
	float: right;
	margin-left: 0;
}
body#home #header {
	margin-bottom: 0;
	border-bottom: none;
	position: relative;
	z-index: 100;
}
body#home #container {
	width: 845px;
	margin: 0 auto;
	padding-bottom: 230px;
}
body#home #mainWrapper {
	float: left;
	width: 613px;
	padding-bottom: 0;
}
#homeHeadlineWrapper {
	position: relative;
	z-index: 10;
	height: 520px;
}
.caroufredsel_wrapper > div, #homeHeadline {
	z-index: 1000 !important;
	overflow: visible !important;
}
#homeHeadline .headlineSlide {
	float: left;
	text-align: center;
	height: 436px;
}
#homeHeadline .headlineSlide img {
	position: relative;
	top: -65px;
	z-index: 1000;
}
#homeHeadline .slide01 {
	background-color: #cef4df;
}
#homeHeadline .slide02 {
	background-color: #b1ecf2;
}
#homeHeadline .slide03 {
	background-color: #ffd1d2;
}
#homeHeadline .slide04 {
	background-color: #ffefd2;
}
#homeHeadline .slide05 {
	background-color: #ffd3da;
}
#homeHeadlineMenu {
	text-align: center;
	position: relative;
	z-index: 1000;
	top: -65px;
}
#homeHeadlineMenu .headlineSlide {
	margin: 0 20px;
	display: inline-block;
}
#homeHeadlineMenu .slide01 {
	width: 89px;
	height: 112px;
	background: url(../../home/img/home_menu01.png) no-repeat;
}
#homeHeadlineMenu .slide01.selected, #homeHeadlineMenu .slide01:hover {
	background: url(../../home/img/home_menu01_on.png) no-repeat;
}
#homeHeadlineMenu .slide02 {
	width: 87px;
	height: 112px;
	background: url(../../home/img/home_menu02.png) no-repeat;
}
#homeHeadlineMenu .slide02.selected, #homeHeadlineMenu .slide02:hover {
	background: url(../../home/img/home_menu02_on.png) no-repeat;
}
#homeHeadlineMenu .slide03 {
	width: 95px;
	height: 112px;
	background: url(../../home/img/home_menu03.png) no-repeat;
}
#homeHeadlineMenu .slide03.selected, #homeHeadlineMenu .slide03:hover {
	background: url(../../home/img/home_menu03_on.png) no-repeat;
}
#homeHeadlineMenu .slide04 {
	width: 115px;
	height: 112px;
	background: url(../../home/img/home_menu04.png) no-repeat;
}
#homeHeadlineMenu .slide04.selected, #homeHeadlineMenu .slide04:hover {
	background: url(../../home/img/home_menu04_on.png) no-repeat;
}
#homeHeadlineMenu .slide05 {
	width: 87px;
	height: 111px;
	background: url(../../home/img/home_menu05.png) no-repeat;
}
#homeHeadlineMenu .slide05.selected, #homeHeadlineMenu .slide05:hover {
	background: url(../../home/img/home_menu05_on.png) no-repeat;
}
#homeDesc {
	margin-bottom: 25px;
}
#homeDesc p {
	text-align: center;
	line-height: 1.8;
}
#homeMenu {
	text-align: center;
	margin-bottom: 35px;
}
#homeMenu img {
	margin: 0 8px;
}
.homeTtl {
	background-color: #00508c;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 0.3em 0.6em;
	position: relative;
	margin-bottom: 20px;
}
.homeTtl a.moreLink {
	color: #FFF;
	position: absolute;
	top: 0.2em;
	right: 1em;
	font-size: 116%;
}
.newInfo {
	margin-bottom: 40px;
}
.newInfo dl dt {
	clear: left;
	float: left;
	display: inline;
	width: 6em;
	color: #000;
	font-size: 11px;
	padding: 0 0.8em;
	margin-bottom: 1.2em;
}
.newInfo dl dd {
	padding: 0 0.8em 0 7em;
	margin-bottom: 1.2em;
	line-height: 1.2;
}
.newInfo dl dd a {
	color: #000;
}
.jobSearchWrapper {
	margin-bottom: 40px;
}
.jobSearchBox {
	padding: 0.8em;
	margin-bottom: 25px;
}
.jobSearchBox01 {
	background-color: #effce3;
}
.jobSearchBox01 ul {
	margin-right: 27px;
}
.jobSearchBox01 ul li {
	margin-bottom: 0.7em;
}
.jobSearchMap {
	width: 280px;
	height: 189px;
	position: relative;
}
#map01 {
	position: absolute;
	top: 5px;
	left: 111px;
}
#map02 {
	position: absolute;
	top: 48px;
	left: 7px;
}
#map03 {
	position: absolute;
	top: 71px;
	left: 150px;
}
#map04 {
	position: absolute;
	top: 115px;
	left: 6px;
}
#map05 {
	position: absolute;
	top: 128px;
	left: 145px;
}
.jobSearchBox02 {
	background-color: #e4f6f9;
}
.jobSearchBox02 ul li, .jobSearchBox03 ul li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.jobSearchBox03 {
	background-color: #f9e4e4;
}
body#home .mainBtmContact {
	width: 615px;
	height: 142px;
	margin-bottom: 40px;
}
body#home .mainBtmContactBtn img {
	position: absolute;
	bottom: 38px;
	right: 18px;
}