@charset "utf-8";

/*---------- 共通 ----------*/
*{
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	background:url("../images/bg.gif") 50% 0%;
	text-align:center;
}
img{
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
}
h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	line-height: 1;
	list-style-type: none;
}
h3 {
	line-height: 1.5;
}

p,ol,div,ul,li,span{
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:100%;
	color:#333333;
	font-weight:normal;
}
ul,li{
	list-style:none;
}
hr {
	display: none;
}
.clear{
	clear:both;
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
}

a:link {color:#000000; text-decoration:none }
a:visited {color:#000000; text-decoration:none }
a:hover {color:#000000; text-decoration:underline }
a:active {color:#000000; text-decoration:underline }

p.speaknavi{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#contents .link{
	font-size:80%;
	line-height:140%;
	text-align:right;
	padding:10px;
	color:#c6983d;
}
#contents .link a:link {color:#845800; text-decoration:none }
#contents .link a:visited {color:#845800; text-decoration:none }
#contents .link a:hover {color:#845800; text-decoration:underline }
#contents .link a:active {color:#845800; text-decoration:underline }

/*---------- rayout ----------*/
#wrap{
	width:800px;
	margin:0px auto;
	text-align:left;
}
#head{
	height:64px;
	padding:0px 10px;
	background:url("../images/head_bg.gif") no-repeat bottom;
	text-align:left;
}
#contents{
	padding:0px 10px;
	background:url("../images/bg2.gif") repeat-y;
	height:100%;
	text-align:left;
}
#foot{
	height:34px;
	background:url("../images/foot_bg.gif") repeat-x;
	text-align:center;
}

/*---------- head ----------*/

/*---------- foot ----------*/
#foot div{
	width:760px;
	margin:0px auto;
	text-align:left;
	padding-top:10px;
}
#foot div p{
	font-size:70%;
	line-height:120%;
	color:#ffffff;
}
#foot div ul{
	float:right;
}
#foot div ul li{
	float:left;
	font-size:70%;
	line-height:120%;
	color:#ffffff;
}
#foot div a:link {color:#ffffff; text-decoration:none }
#foot div a:visited {color:#ffffff; text-decoration:none }
#foot div a:hover {color:#ffffff; text-decoration:underline }
#foot div a:active {color:#ffffff; text-decoration:underline }


/*---------- interview ----------*/
#contents #interview{
	padding:20px 50px 0px;
}
#contents #interview p{
	font-size:80%;
	line-height:140%;
}

/*---------- interview_詳細ページ ----------*/
#contents #interview .main-image{
	border:10px solid #eeeeee;
	margin-bottom:30px;
}

#contents #interview .indent{
	padding-left:3em;
	text-indent:-3em;
	margin-bottom:10px;
}
#contents #interview .txtBoxLeft{
	float:left;
	width:480px;
	margin-bottom:10px;
}
#contents #interview .txtBoxRight{
	float:right;
	width:480px;
	margin-bottom:10px;
}
#contents #interview .cvBoxLeft{
	float:left;
	width:180px;
	margin-bottom:20px;
	background:url("../images/cv_bg.jpg") repeat-y right;
}
#contents #interview .cvBoxLeft p{
	color:#000000;
	font-size:70%;
	padding:10px;
}
#contents #interview .cvBoxRight{
	float:right;
	width:180px;
	margin-bottom:20px;
	background:url("../images/cv_bg.jpg") repeat-y right;
}
#contents #interview .cvBoxRight p{
	color:#000000;
	font-size:70%;
	padding:10px;
}

#contents #interview .read{
	margin:0px 0px 20px;
}

#contents #interview .PhotoLeftIndent{
	float:left;
	margin-right:50px;
	margin-bottom:10px;
}
#contents #interview .PhotoLeft{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#contents #interview .PhotoRight{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}

#contents #interview .corp-table{
	border:8px solid #eeeeee;
	margin:0px 0px 30px;
}
#contents #interview .corp-table table{
	width:664px;
	font-size:80%;
	border:2px solid #9c8225;
	border-collapse:collapse;
}
#contents #interview .corp-table table th{
	width:15%;
	color:#000000;
	background:#c0af74;
	font-weight:normal;
	padding:5px 10px;
	border-bottom:1px solid #999999;
}
#contents #interview .corp-table table td{
	width:85%;
	color:#333333;
	background:#ffffff;
	padding:5px 10px;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}

#contents #interview .corp-table a:link {color:#000000; text-decoration:none }
#contents #interview .corp-table a:visited {color:#000000; text-decoration:none }
#contents #interview .corp-table a:hover {color:#000000; text-decoration:underline }
#contents #interview .corp-table a:active {color:#000000; text-decoration:underline }

#contents #interview .ttl{
	margin:20px 0px 10px 8px;
}
#contents #interview .btn{
	margin:0px 160px 20px;
}

/* 2009/03/25 追加 */
.interviewLink {
	padding: 15px 15px 0 15px;
	font-size: 80%;
	line-height: 100%;
	zoom:1;/*for IE 5.5-7*/
}
.interviewLink:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.interviewLink span {
	vertical-align: middle;
}
.interviewLink a {
	color: #845800;
	vertical-align: middle;
}
.interviewLink .left {
	float: left;
}
.interviewLink .right {
	float: right;
}
.txtCenter {
	text-align: center;
}
.readTop {
	margin: 10px 0 10px 0;
}
#contents #interview .PhotoLeft2{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#contents #interview .indent2{
	text-indent:1em;
	margin-bottom:10px;
}
.profile {
	border:8px solid #eeeeee;
}
.clearfix {
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#contents #interview .profile{
	border:8px solid #55709b;
	margin:0px 0px 30px;
	padding: 10px 10px 0 10px;
}
.profile h3 {
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
}
.profile h3 span {
	margin-left: 0.5em;
}
.profile p {
	margin: 0 0 10px 0;
}

.profile ul.link {
	width: 100%;
	zoom:1;/*for IE 5.5-7*/
}
.profile ul.link:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.profile ul.link li {
	float: left;
	width: 310px;
	text-align: left;
}
.profile ul.link img {
	float: left;
	margin: 0 5px 10px 0;
}


/* 採用担当者からのひとこと */
.hitokoto {
	background: #eee;
	padding: 10px;
	zoom:1;/*for IE 5.5-7*/
}
.hitokoto:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.hitokoto h3 {
	margin: 0 0 10px 0;
	color: #0066cc;
	font-size: 80%;
	font-weight: bold;
}

.hitokoto .name {
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
}




.closeBox2{
	float:left;
	width: 440px;
	margin:0 0 20px 0;
}
.linkBox{
	float:right;
	width: 335px;
	background:#e6e6e6;
	margin:0 0 20px 0;
}
.seminarBox{
	float:right;
	width: 230px;
	background:#e6e6e6;
	margin:0 0 20px 0;
}
.seminarBox .bnr{
	margin:10px 0 0 0;
}
.seminarBox .padd{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px
}
.seminarBox{
	background: #e6e6e6;
	float: right;
	margin: 0px 0px 20px;
	width: 230px
}

.closeBox p,
.closeBox2 p{
	margin:0;
}
.closeBox img,
.closeBox2 img,
.linkBox img {
	margin-bottom:10px;
}
#entryBox {
	background: #F2F2F2;
	margin: 0 0 20px;
	overflow: hidden;
	width: 100%;
	clear: both;
	}

#entryBox h3 {
	margin: 0 0 10px;
	padding: 5px 10px 2px;
	background: #E0E0E0;
	font-size: 90%;
	}

#entryBox p {
	margin: 0;
	}

#entryBox .floatboxRight {
	width: 178px;
	margin: 0 10px 10px 0;
	display: inline;
	}

#entryBox .floatboxLeft {
	width: 470px;
	margin: 0 0 10px 10px;
	display: inline;
	}

#entryBox p.entry {
	width: 178px;
	height: 94px;
	background: url("/lib/imglib/btn_entry_regist_over.gif") no-repeat 0 0;
	}

#entryBox p.entry a {
	display: block;
	width: 178px;
	height: 94px;
	}

#entryBox p.entry a:hover {
	background: transparent;
	}

#entryBox p.entry a:hover img {
	visibility: hidden;
	}
.floatboxLeft {
	float: left;
	display: inline;
	}

.floatboxRight {
	float: right;
	display: inline;
	}

img.floatimgRight {
	float: right;
	margin: 0 0 5px 2em;
	border: 5px solid #DDD;
	}

img.floatimgLeft {
	float: left;
	margin: 0 2em 5px 0;
	}


.border {
	clear: both;
	background: url("/lib/imglib/border_gray_dot.gif") repeat-x 0 0;
	height: 1px;
	margin: 0 0 20px;
	}


/* この企業の求人を見る */
.jobOffer {
	margin-bottom: 30px;
	text-align: center;
}
.jobOffer a {
	display: block;
	width: 199px;
	height: 30px;
	background: url(../images/btn_search.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
.jobOffer a:hover {
	background: url(../images/btn_search.gif) no-repeat 0px -30px;	
}
/* /この企業の求人を見る */