@charset "utf-8";
/* CSS Document */

@import "common.css";


/* employ */
/* =========================================================== */


/* sNav */
#sNav ul.btn {
	margin: 0 0 20px 0;
}



/* top */
#main.top h2 {
	margin: 30px 0 0 0;
}

#main.top dl.news {
	margin: 25px 0 0 0;
}

#main.top dl.news dt {
	margin: 0 0 10px 0;
}

#main.top dl.news dd ul {
	float: left;
	width: 515px;
}

#main.top dl.news dd ul span.date {
	float: left;
	margin: 0 1em 0 0;
	font-size: 78%;
	line-height: 1.7;
}

#main.top dl.news dd ul span.ttl {
	font-size: 78%;
	line-height: 1.7;
}

#main.top dl.news dd div.btn {
	float: right;
	width: 165px;
}

#main.top dl.shinsotsu {
	float: left;
	width: 330px;
	margin: 35px 0 0 0;
}

#main.top dl.communicater {
	float: right;
	width: 330px;
	margin: 35px 0 0 0;
}

#main.top dl.shinsotsu dt,
#main.top dl.communicater dt {
	margin: 0 0 12px 0;
}

#main.top dl.shinsotsu dd p,
#main.top dl.communicater dd p {
	margin: 0 0 18px 0;
	font-size: 78%;
	line-height: 1.7;
}

#main.top ul.shinsotsuBtn {
	float: left;
	width: 330px;
	margin: 0 0 70px 0;
}

#main.top ul.communicaterBtn {
	float: right;
	width: 330px;
	margin: 0 0 70px 0;
}

#main.top ul.shinsotsuBtn li,
#main.top ul.communicaterBtn li {
	width: 330px;
	margin: 0 0 5px 0;
}

#main.top ul.shinsotsuBtn li span,
#main.top ul.communicaterBtn li span {
	float: left;
	padding: 4px 12px 3px 8px;
	border: solid 1px #E2E5F2;
	background: url(../employ/images/btn_bg.gif) repeat-x bottom;
	font-size: 78%;
	line-height: 1.5;
}

#main.top ul.shinsotsuBtn li span a,
#main.top ul.communicaterBtn li span a {
	padding: 0 0 0 12px;
	background: url(../common/arw02.gif) no-repeat left center;
}



/* shinsotsu */
#main.shinsotsu p.boshuInfo {
	margin-top: 20px;
	font-size: 90%;
	line-height: 1.4;
	font-weight: bold;
}

#main.shinsotsu h2.boshu {
	float: left;
	width: 485px;
/*	margin: 30px 0 15px 0;*/
	margin: 15px 0;
}

#main.shinsotsu div.btn {
	float: right;
	width: 200px;
	margin: 25px 0 15px 0;
}

#main.shinsotsu div.btn span {
	float: right;
	padding: 4px 12px 3px 8px;
	border: solid 1px #E2E5F2;
	background: url(../employ/images/btn_bg.gif) repeat-x bottom;
	font-size: 78%;
	line-height: 1.5;
}

#main.shinsotsu div.btn span a {
	padding: 0 0 0 12px;
	background: url(../common/arw03.gif) no-repeat left center;
}

#main.shinsotsu table {
	clear: both;
	width: 100%;
	border: solid 1px #CCC;
}

#main.shinsotsu table th {
	width: 130px;
	padding: 8px 10px 5px 12px;
	background: url(../common/table_bg01.gif) left top;
	border: solid 1px #CCC;
	text-align: left;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.7;
	font-weight: bold;
}

#main.shinsotsu table td {
	padding: 8px 10px 5px 14px;
	border: solid 1px #CCC;
	text-align: left;
	vertical-align: top;
	font-size: 78%;
	line-height: 1.7;
}

#main.shinsotsu dl.bannerArea {
	display: table;
	width: 660px;
	margin: 25px 0 0 40px;
}

#main.shinsotsu dl.bannerArea dt {
	display: table-cell;
	width: 290px;
	text-align: left;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.shinsotsu dl.bannerArea dd {
	display: table-cell;
	width: 370px;
	text-align: left;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.shinsotsu dl.bannerArea dd ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0;
}

#main.shinsotsu h2.faq {
	position: relative;
	margin: 50px 0 -1px 0;
	background: #FFF;
}

#main.shinsotsu dl.faq {
	margin: 0 0 70px 0;
}

#main.shinsotsu dl.faq dt {
	padding: 27px 20px 12px 55px;
	background: url(../employ/images/shinsotsu_icon_q.gif) no-repeat left top;
	font-size: 78%;
	line-height: 1.7;
	font-weight: bold;
}

#main.shinsotsu dl.faq dd {
	padding: 6px 20px 14px 55px;
	background: url(../employ/images/shinsotsu_icon_a.gif) no-repeat 10px 0;
	font-size: 78%;
	line-height: 1.7;
}



/* interview */
#main.interview div.btnArea {
	position: relative;
	margin: 25px 0 -11px 0;
	background: #FFF;
}

#main.interview div.btnArea h2 {
	float: left;
	width: 425px;
}

#main.interview div.btnArea ul {
	float: right;
	width: 270px;
}

#main.interview div.btnArea ul li {
	float: right;
	margin: 0 0 0 1px;
}

#main.interview div.area01,
#main.interview div.area02,
#main.interview div.area03 {
	padding: 40px 0 30px 0;
	background: url(../common/tensen01.gif) repeat-x left top;
}

#main.interview div.area04 {
	padding: 40px 0 70px 0;
	background: url(../common/tensen01.gif) repeat-x left top;
}

#main.interview div.area01 h3,
#main.interview div.area03 h3 {
	float: right;
	width: 470px;
}

#main.interview div.area02 h3,
#main.interview div.area04 h3 {
	float: left;
	width: 470px;
}

#main.interview div.area01 div.img,
#main.interview div.area03 div.img {
	float: left;
	width: 200px;
}

#main.interview div.area02 div.img,
#main.interview div.area04 div.img {
	float: right;
	width: 200px;
}

#main.interview div.area01 dl,
#main.interview div.area03 dl {
	float: right;
	width: 470px;
}

#main.interview div.area02 dl,
#main.interview div.area04 dl {
	float: left;
	width: 470px;
}

#main.interview div.area01 dl dt,
#main.interview div.area02 dl dt,
#main.interview div.area03 dl dt,
#main.interview div.area04 dl dt {
	margin: 18px 0 0 0;
}

#main.interview div.area01 dl dd,
#main.interview div.area02 dl dd,
#main.interview div.area03 dl dd,
#main.interview div.area04 dl dd {
	margin: 12px 0 0 0;
	font-size: 78%;
	line-height: 1.7;

}


/* communicater */
#main.communicater p.mainCopy {
	width: 700px;
	margin: 28px 0 12px 0;
	font-size: 90%;
	line-height: 1.7;
}

#main.communicater div.pageLink {
	width: 700px;
}
#main.communicater div.pageLink ul {
	margin: 0 0 12px 2px;
}
#main.communicater div.pageLink ul li {
	float: left;
}
#main.communicater div.pageLink ul li a {
	padding: 0 20px 0 12px;
	background: url(../employ/images/arw_link01.gif) no-repeat left center;
	font-size: 78%;
	line-height: 1.5;
}

#main.communicater div.link {
	width: 700px;
}
#main.communicater div.link ul {
	float: right;
	width: 220px;
	margin: 0 0 29px 0;
	text-align: right;
}
#main.communicater div.link ul a {
	padding: 0 0 0 12px;
	background: url(../common/arw02.gif) no-repeat left center;
	font-size: 78%;
	line-height: 1.5;
}

#main.communicater h2 {
	border-left: 5px solid #3a52a5;
	padding: 4px 0 2px 7px;
	font-size: 105%;
	font-weight: bold;
	line-height: 1;
}

#main.communicater table {
	clear: both;
	width: 100%;
	margin: 15px 0 0 0;
	border: solid 1px #CCC;
}

#main.communicater table th {
	width: 130px;
	padding: 8px 10px 5px 12px;
	background: url(../common/table_bg01.gif) left top;
	border: solid 1px #CCC;
	text-align: left;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.7;
	font-weight: bold;
}

#main.communicater table td {
	padding: 8px 10px 5px 14px;
	border: solid 1px #CCC;
	text-align: left;
	vertical-align: top;
	font-size: 78%;
	line-height: 1.7;
}

#main.communicater table td ul.indent01 li {
	margin: 0 0 0 1em;
	text-indent: -1em;
	line-height: 1.7;
}

#main.communicater table td ul.indent02 li {
	margin: 0 0 0 0.6em;
	text-indent: -0.6em;
	line-height: 1.7;
}

#main.communicater table td.contactCel {
	font-weight: bold;
	vertical-align: baseline;
}
#main.communicater table td.contactCel span {
	font-size: 200%;
	line-height: 1;
	color: #ff6666;
}

#main.communicater p.attention {
	margin: 10px 0 14px 0;
	font-size: 78%;
	line-height: 1;
}
#main.communicater p.attentionLast {
	margin: 10px 0 100px 0;
	font-size: 78%;
	line-height: 1;
}

#main.communicater div.pageLinkTop {
	margin-bottom: 50px;
}
#main.communicater div.pageLinkTop ul {
	margin: 0 0 12px 2px;
}
#main.communicater div.pageLinkTop ul li {
	float: right;
}
#main.communicater div.pageLinkTop ul li a {
	padding: 0 12px 0 0;
	background: url(../employ/images/arw_link02.gif) no-repeat right center;
	font-size: 78%;
	line-height: 1;
}







/* privacy */
#main.privacy p.mainCopy {
	margin: 28px 0 0 0;
	font-size: 78%;
	line-height: 1.7;
}

#main.privacy dl {
	width: 660px;
	margin: 32px 0 0 20px;
}

#main.privacy dl dt {
	font-size: 78%;
	line-height: 1.7;
	font-weight: bold; 
}

#main.privacy dl dd {
	margin: 0 0 22px 0;
	font-size: 78%;
	line-height: 1.7;
}

#main.privacy dl dd ul li {
	margin: 0 0 0 0.6em;
	text-indent: -0.6em;
	line-height: 1.7;
}

#main.privacy p.sign {
	width: 660px;
	margin: 0 0 70px 20px;
	text-align: right;
	font-size: 78%;
	line-height: 1.7;

}