@charset "UTF-8";

/* common */
div#content div.area {
  background-color:#FFFFFF;
	}

/* guideline */
.guideline a#form_button {
	background-image:url(../recruit/img/guideline/form_button.gif);
  width:221px;
  height:31px;
	background-position:0 0;
  display:block;
	margin:auto;
  }
.guideline a:hover#form_button {
	background-image:url(../recruit/img/guideline/form_button_ov.gif);
	}	
.guideline td {
  font-size:0.85em;
	_font-size:12px;
	vertical-align:top;
	color:#666;
	padding:10px 0;
	line-height:150%;
  }
.guideline .item {
  font-size:0.9em;
	_font-size:13px;
  color:#969CAE;
  }
.guideline h3 {
  font-size:1.0em;
	_font-size:14px;
	line-height:120%;
  color:#505A78;
	border:1px solid #505A78;
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	margin-top:30px;
	margin-bottom:10px;
	font-weight:bold;
	}
.guideline h2 {
  padding-top:50px;
  }
.guideline #main .left {
	float:left;
  width:387px;
	}
.guideline #main .right {
  width:387px;
  margin-left:417px;
	}
.guideline table {
  width:387px;
  }
.guideline .button {
	text-align:center;
	padding-top:50px;
	padding-bottom:40px;
	padding-right:70px;
  }
.guideline span.item {
  text-align:center;
  display:block;
  width:387px;
  margin:0;
	padding-top:10px;
	}
.guideline td.item {
  white-space:nowrap;
	}

/* interview */
img#int1_p2 {
margin-left:-20px;
  position:relative;
  left:0px;
  top:0px;
	}
.interview h2 {
  margin-top:20px;
	margin-left:50px;
	}
.interview .block_3 {
	padding-top:60px;
  margin-left:65px;
  width:845px;
	}
.interview .block_3 h2 {
  margin-top:0px;
	margin-left:0;
	}
.interview .block_3 h3 {
  margin-top:30px;
	}
.interview .block_3 p {
  margin-right:25px;
	padding-bottom:20px;
	}
.interview .block_3 .fav {
  float:right;
  margin-left:10px;
  }
.interview #main {
  margin-top:10px;
  padding-bottom:40px;
	}
.interview .block_1,
.interview .block_2 {
  margin-top:30px;
  margin-left:70px;
  width:815px;
	}
.interview p {
	font-size:0.85em;
	_font-size:12px;
	margin-top:15px;
	text-align:left;
	color:#333333;
	line-height:160%;
	}
.interview .block_1 img.photo {
  float:right;
	margin-left:20px;
	}
.interview .block_2 img.photo {
  float:left;
	margin-right:20px;
	}


/* history */ 

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
.history td p {
  font-size:0.85em;
	_font-size:12px;
	text-align:left;
	color:#666;
	line-height:160%;
  }
.history #main {
  padding:50px 60px 10px;
	}
.history table {
  width:100%;
	margin-top:40px;
	margin-bottom:20px;
  }
.history td {
	vertical-align:top;
  }
.history td.right {
	text-align:right;
  }
.history td.right p.main_text,
.history td.right > div {
	margin-right:0;
	margin-left:auto;
  }
.history td.left {
	text-align:left;
  }
.history td.left p.main_text {
	margin-left:0;
	text-align:right;
  }
.history td p.main_text {
	margin-top:0px;
	margin-bottom:10px;
  width:300px;
  }
.history td .colum {
  background-image:url(../recruit/img/history/back.jpg);
  width:300px;
	margin-bottom:10px;
  }
.history td .colum p {
	padding:10px 15px;
	}
.history td.year {
  width:170px;
	background-image:url(../recruit/img/history/dot.gif);
  }
.history td#bottom {
	background-image:none;
	}
.history td.year img {
  margin-bottom:15px;
	background-color:#FFFFFF;
  }
	
	
/* message */ 

.message #main {
  padding:50px 0 0 60px;
	vertical-align:bottom;
	_height:0;
	}
	
	
/* volunteer */ 

.volunteer #main {
	width:950px;
	_width:850px;
  padding:30px 50px 50px 50px;
	}
.volunteer #main p{	
	font-size:0.85em;
	_font-size:12px;
	text-align:left;
	color:#333333;
	line-height:160%;
}
.volunteer #petbottle img {
	float:right;
}
.volunteer #petbottle h2 {
	width:610px;
	height:37px;
	margin-bottom:20px;
}
.volunteer #petbottle p {
	width:570px;
	margin-bottom:20px;
}
.volunteer #petbottle p.attention {
	background:url(../recruit/img/volunteer/volunteer_attention.gif) no-repeat;
	background-position:0 4px;
	border-top:1px solid #8f908d;
	border-bottom:1px solid #8f908d;
	padding:4px 0 4px 64px;
	_width:506px;
}
.volunteer #bokin h2 {
	clear:both;
	height:37px;
	margin-bottom:20px;
}
.volunteer #bokin div {
	float:right;
	width:520px;
}
.volunteer #bokin div img {
	float:right;
	margin-left:10px;
}
.volunteer #bokin p {
	width:300px;
}

/* index */
.recruit_whatnew p {
  font-size:0.85em;
	_font-size:12px;
  color:#666;
  line-height:160%;
  margin-top:10px;
	padding-bottom:10px;
  }
a#message_btn {
	background-image:url(../recruit/img/top/btn_message.jpg);
  width:440px;
  height:90px;
	background-position:0px 0px;
  display:block;
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  margin:0;
  }
a:hover#message_btn {
	background-image:url(../recruit/img/top/btn_message_ov.jpg);
	}
a#history_btn {
	background-image:url(../recruit/img/top/btn_history.jpg);
  width:150px;
  height:60px;
	background-position:0px 0px;
  display:block;
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  margin:0;
  }
a:hover#history_btn {
	background-image:url(../recruit/img/top/btn_history_ov.jpg);
	}
a#interview_part_btn {
	background-image:url(../recruit/img/top/btn_part.jpg);
  width:150px;
  height:60px;
	background-position:0px 0px;
  display:block;
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  margin:0;
  }
a:hover#interview_part_btn {
	background-image:url(../recruit/img/top/btn_part_ov.jpg);
	}
a#guideline_btn {
	background-image:url(../recruit/img/top/btn_guideline.gif);
  width:140px;
  height:60px;
	background-position:0px 0px;
  display:block;
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  margin:0;
  }
a:hover#guideline_btn {
	background-image:url(../recruit/img/top/btn_guideline_ov.gif);
	}
	
a#volunteer_btn {
	background-image:url(../recruit/img/top/btn_volunteer.jpg);
  width:150px;
  height:60px;
	background-position:0px 0px;
  display:block;
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  margin:0;
  }
a:hover#volunteer_btn {
	background-image:url(../recruit/img/top/btn_volunteer_ov.jpg);
	}
	
a#whatsnew_btn {
	background-image:url(../recruit/img/top/btn_sub_whatsnew.gif);
  width:334px;
  height:28px;
	background-position:0px 0px;
  display:block;
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  margin:0;
  }
a:hover#whatsnew_btn {
	background-image:url(../recruit/img/top/btn_sub_whatsnew_ov.gif);
	}
a#interview_1 {
	background-image:url(../recruit/img/top/btn_main_1.jpg);
	}
a#interview_2 {
	background-image:url(../recruit/img/top/btn_main_2.jpg);
	}
a#interview_3 {
	background-image:url(../recruit/img/top/btn_main_3.jpg);
	}
a#interview_4 {
	background-image:url(../recruit/img/top/btn_main_4.jpg);
	}
a#interview_5 {
	background-image:url(../recruit/img/top/btn_main_5.jpg);
	}
a#interview_6 {
	background-image:url(../recruit/img/top/btn_main_6.jpg);
	}
a#interview_7 {
	background-image:url(../recruit/img/top/btn_main_7.jpg);
	}
a#interview_8 {
	background-image:url(../recruit/img/top/btn_main_8.jpg);
	}
a:hover#interview_1 {
	background-image:url(../recruit/img/top/btn_main_1_ov.jpg);
	}
a:hover#interview_2 {
	background-image:url(../recruit/img/top/btn_main_2_ov.jpg);
	}
a:hover#interview_3 {
	background-image:url(../recruit/img/top/btn_main_3_ov.jpg);
	}
a:hover#interview_4 {
	background-image:url(../recruit/img/top/btn_main_4_ov.jpg);
	}
a:hover#interview_5 {
	background-image:url(../recruit/img/top/btn_main_5_ov.jpg);
	}
a:hover#interview_6 {
	background-image:url(../recruit/img/top/btn_main_6_ov.jpg);
	}
a:hover#interview_7 {
	background-image:url(../recruit/img/top/btn_main_7_ov.jpg);
	}
a:hover#interview_8 {
	background-image:url(../recruit/img/top/btn_main_8_ov.jpg);
	}
a#interview_1,
a#interview_2,
a#interview_3,
a#interview_4,
a#interview_5,
a#interview_6,
a#interview_7,
a#interview_8 {
  width:224px;
  height:183px;
	background-position:0px 0px;
  display:block;
  overflow:hidden;
  position:relative;
  left:0px;
  top:0px;
  margin:0;
  }
a#interview_1 img,
a#interview_2 img,
a#interview_3 img,
a#interview_4 img,
a#interview_5 img,
a#interview_6 img,
a#interview_7 img,
a#interview_8 img,
a#message_btn img,
a#history_btn img,
a#interview_part_btn img,
a#guideline_btn img,
a#btn_sub_whatsnew img {
  border:none;
  position:absolute;
  left:0;
  top:0;
	}
div.recruit #main {
	padding-top:15px;
  padding-left:25px;
	}
div.recruit #main > ul {
  width:896px;
	}
div.recruit #main li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	}
div.recruit #main table td {
  vertical-align:top;
	}
div.recruit .recruit_whatnew a {
	padding-left: 6.8em;
	text-indent: -6.8em;
	display: block;
	line-height: 1.5;
	margin-bottom: 5px;
}

/* path */
div#content #path {
  clear:both;
  position:relative;
  left:15px;
  top:5px;
  z-index:100;
	width:70%;
	height:20px;
  }
div#content #path li {
  color:#505A78;
	font-size:0.8em;  
	_font-size:11px;
  display:inline;
  line-height:110%;  
  list-style-type:none;
  padding-right:3px;  
  }
div#content #path li a {
  color:#505A78;
  }

/* navi */
ul#nav {
 padding:0;
 margin:0;
  }
ul#nav li {
	padding:0;
	margin:0;
	float:left;
  }
a#recruit,
a#message,
a#volunteer,
a#guideline,
a#entryform {
  display:block;
  overflow:hidden;
  position:relative;
  left:0;
  top:0;
  width:136px;
  height:35px;
  margin:0;
	}
a#interview {
  display:block;
  overflow:hidden;
  position:relative;
  left:0;
  top:0;
  width:135px;
  height:35px;
  margin:0;
	}
a#history {
  float:left;
  display:block;
  overflow:hidden;
  position:relative;
  left:0;
  top:0;
  width:135px;
  height:35px;
  margin:0;
	}
a#recruit img {
  border:none;
  position:absolute;
  left:0;
  top:0;
	}
a#message img {
  border:none;
  position:absolute;
  left:-136px;
  top:0;
	}
a#history img {
  border:none;
  position:absolute;
  left:-272px;
  top:0;
	}
a#interview img {
  border:none;
  position:absolute;
  left:-408px;
  top:0;
	}
a#volunteer img {
  border:none;
  position:absolute;
  left:-543px;
  top:0;
	}
a#guideline img {
  border:none;
  position:absolute;
  left:-679px;
  top:0;
	}
a#entryform img {
  border:none;
  position:absolute;
  left:-815px;
  top:0;
	}

a:hover#recruit,
a:hover#message,
a:hover#history,
a:hover#interview,
a:hover#guideline,
a:hover#entryform
  {
	border:none;
	}
a:hover#recruit img {
  border:none;
  position:absolute;
  left:0;
  top:-35px;
	}
a:hover#message img {
  border:none;
  position:absolute;
  left:-136px;
  top:-35px;
	}
a:hover#history img {
  border:none;
  position:absolute;
  left:-272px;
  top:-35px;
	}
a:hover#interview img {
  border:none;
  position:absolute;
  left:-408px;
  top:-35px;
	}
a:hover#volunteer img {
  border:none;
  position:absolute;
  left:-543px;
  top:-35px;
	}
a:hover#guideline img {
  border:none;
  position:absolute;
  left:-679px;
  top:-35px;
	}
a:hover#entryform img {
  border:none;
  position:absolute;
  left:-815px;
  top:-35px;
	}
.recruit a#recruit img {
  border:none;
  position:absolute;
  left:0;
  top:-35px;
	}
.message a#message img {
  border:none;
  position:absolute;
  left:-136px;
  top:-35px;
	}
.history a#history img {
  border:none;
  position:absolute;
  left:-272px;
  top:-35px;
	}
.interview a#interview img {
  border:none;
  position:absolute;
  left:-408px;
  top:-35px;
	}
.volunteer a#volunteer img {
  border:none;
  position:absolute;
  left:-543px;
  top:-35px;
	}
.guideline a#guideline img {
  border:none;
  position:absolute;
  left:-679px;
  top:-35px;
	}
.entryform a#entryform img {
  border:none;
  position:absolute;
  left:-815px;
  top:-35px;
	}
td dl {
	clear:both;
}
td dt {
	float: left;
	width: 50px;
}
td dd {
	float: left;
	width: 80px;
}

/* What's new */
#newBox {
	line-height: 140%;
	min-height: 600px;
	_height: 600px;
}
#whatsNew {
	line-height: 120%;
	width: 700px;
}
#whatsNew td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 20px 0;
}
#whatsNew .date {
	padding-right: 20px;
	vertical-align: top;
}
#newBox #subttl {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 700px;
}


/* ページトップへ */
.toplink {
	padding-right:5px;
	text-align:right;
	padding-bottom:15px;
	list-style-type: none;
	padding-top: 15px;
	margin-left: 10px;
	}
.toplink a:hover {
	text-decoration:underline;
	}
.toplink a {
  color:#808080;
	text-decoration:none;
	}
.toplink a .mark {
	color:#990000;
	}


/* pingfixバグ対策ハック（110117） */

*html #header #logo {
	background:url(../recruit/img/cmn/header_logo.gif) no-repeat top left;
}
*html h1 img {
	display:none;
	visibility:hidden;
}
*html #footer #footer_logo {
	background:url(../recruit/img/cmn/footer_logo.gif) no-repeat top left;
}
*html #footer_logo img {
	display:none;
	visibility:hidden;
}