@charset "utf-8";

/* ===================================================================
CSS information

 file name  :recruit.css
 author     :yourName (admin)
 style info :indexページ用CSS
=================================================================== */

/* default style - リセット初期設定
----------------------------------------------------------- */
@import url("import.css");


/* -----------------------------------------------------------
	.global navi
----------------------------------------------------------- */
li#naviCorporate {
	background: url(../img/share/navi/btn-corporate_off.gif) no-repeat left top;
	width: 210px; height: 60px;
}
li#naviCorporate a {
	display: block; overflow: hidden;
	width: 100%; height: 100%;
	text-indent: -999em;
}
li#naviCorporate a:hover {
	background: url(../img/share/navi/btn-corporate_on.gif) no-repeat left top;
}
li#naviRecruit {
	background: url(../img/share/navi/btn-freshers_off.gif) no-repeat left top;
	width: 210px; height: 61px;
}
li#naviRecruit a {
	display: block; overflow: hidden;
	width: 100%; height: 100%;
	text-indent: -999em;
}
li#naviRecruit a:hover {
	background: url(../img/share/navi/btn-freshers_on.gif) no-repeat left top;
}
li#naviPressroom {
	background: url(../img/share/navi/btn-pressroom_off.gif) no-repeat left top;
	width: 210px; height: 60px;
}
li#naviPressroom a {
	display: block; overflow: hidden;
	width: 100%; height: 100%;
	text-indent: -999em;
}

li#naviPressroom a:hover {
	background: url(../img/share/navi/btn-pressroom_on.gif) no-repeat left top;
}

li#naviContact {
	background: url(../img/share/navi/btn-inquiry_on.gif) no-repeat left top;
	width: 210px; height: 61px;
	text-indent: -999em;
}
li#naviContact a {
	display: block; overflow: hidden;
	width: 100%; height: 100%;
}
div#globalNavi ul li.naviUnder {
	background: url(../img/share/navi/line-dashed.gif) repeat-x left bottom;
	border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;
}
div#globalNavi ul li.otherType {
	background: none;
	border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;
}
div#globalNavi ul li.naviUnder a,
div#globalNavi ul li.otherType a{
	display: block;
	background: url(../img/share/navi/icn-arrow.jpg) no-repeat 23px center;
	height: 100%; width: 169px;
	padding: 15px 0 15px 39px;
}

div#globalNavi a:link,div#globalNavi a:visited {color: #000000; text-decoration: none;}
div#globalNavi a:hover,div#globalNavi a:active {color: #FF8A00; text-decoration: none; font-weight: bold;}

div#globalNavi ul li#stay {
	background: url(../img/share/navi/line-dashed.gif) repeat-x left bottom;
	border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;
	padding: 15px 0;
	color: #FF8A00; text-decoration: none; font-weight: bold;
}
div#globalNavi ul li#stayOther {
	border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;
	padding: 15px 0;
	color: #FF8A00; text-decoration: none; font-weight: bold;
}
div#globalNavi ul li span {
	background: url(../img/share/navi/icn-arrow.jpg) no-repeat 23px center;
	margin: 15px 0; padding-left: 39px;
}


/* -----------------------------------------------------------
	.index
----------------------------------------------------------- */
.contact div {
	background: url(../img/share/navi/line-dashed.gif) repeat-x left bottom;
	margin-bottom: 20px; padding-bottom: 20px;
}
.contact div p,
.contact div dl {
	margin-bottom: 0!important;
}
.contact div dl {
	background: url(../img/share/icn-grayring.gif) no-repeat 0 5px;
	padding-left: 25px;
}
.contact div dl dd.otherType {
	margin-bottom: 2em;
}

#article.contact ul.note {
	padding:10px 0 0 0;
	margin-bottom:1em;
}

/* -----------------------------------------------------------
	.contact form
----------------------------------------------------------- */
.form table {
	background: url(../../img/share/navi/line-dashed.gif) repeat-x left top;
	width: 677px;
	margin: 0 0 35px;
}
.form table tr {
	background: url(../../img/share/navi/line-dashed.gif) repeat-x left bottom;
}
.form table th {
	width: 215px;
	padding: 20px 0;
	vertical-align: top;
}
.form table td {
	padding: 20px 0;
	vertical-align: top;
}
.form table p,
.form table ul {
	margin-bottom: 0!important;
	line-height: 1.4!important;
}
.form table dt {
	font-weight: bold;
}
.form table th p {
	border-left: 5px solid #FFCC00;
	margin-left: 15px; padding-left: 15px;
	font-weight: bold;
}

.form span {
	color: #FF8A00;
}
.form input.box01{
	width:130px;
}
.form input.box02{
	width:250px;
}
.form input.box03{
	width:350px;
}
.form input.box04{
	width:50px;
}
.form textarea {
	width:350px;
	padding:3px;
	font-size: 100%;
}
p.btnArea {
	text-align: center;
}
p.btnArea input {
	background:#CCCCCC;
	border:1px solid #999999;
	padding: 3px;
	font-size: small;
	cursor: pointer;
}

