@charset "UTF-8";


/*リスト共通 ---------------------------------------------------*/
#eventList p.details {
	clear: both;
	text-align: right;
	padding: 0;
}
#eventList p.details a {
	background: url("../images/bg_btn2.gif") repeat-x left top;
	border: 1px solid #448CCB;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	margin-left: 3px;
   	padding: 2px 10px 0;
	text-decoration: none;
}
#eventList p.details a:hover {
	background: url("../images/bg_btn2_o.gif") repeat-x left top;
}



table.pagelink {
	width: 652px;
}
table.pagelink td {
	line-height: 2;
	margin: 0;
	padding: 0;
}

table.pagelink td.beflink,
table.pagelink td.nextlink {
	width: 67px;
}
table.pagelink td.nextlink {
	text-align: right;
}
table.pagelink td.movelink {
	text-align: center;
}
table.pagelink td span {
	border: 1px solid #448CCB;
	display: inline-block;
	margin: 0 1px 2px;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
}

table.pagelink td span,
table.pagelink td span a {
	height: 2em;
	width: 2em;
}
table.pagelink td span a {
	display: block;
}

table.pagelink td.beflink span,
table.pagelink td.nextlink span,
table.pagelink td.beflink span a,
table.pagelink td.nextlink span a {
	width: 4em;
}

table.pagelink td span.current,
table.pagelink td span a:hover {
	background-color: #C7DCEF;
}



/*　リスト  ---------------------------------------------------------------*/
#main ul#eventList {
	margin: 25px 0 15px;
	padding: 0px;
	line-height: 1.4;
	width: 650px;
}
#main ul#eventList li {
	border: 1px solid #A7A7A7;
	clear: both;
	margin: 0 0 5px;
	padding: 10px 10px 5px;
	position: relative;
}

#case #main ul#eventList li dl dt,
#event #main ul#eventList li dl dt,
#recruit #main ul#eventList li dl dt {
	clear: both;
	float: left;
	width: 7em;
}
#case #main ul#eventList li dl dd,
#event #main ul#eventList li dl dd,
#recruit #main ul#eventList li dl dd {
 	padding-left: 7em;
}


#case #main ul#eventList li {
	padding: 5px;
	position: relative;
	min-height: 150px;
}
*html #case #main ul#eventList li {
	height: 150px;
	overflow: visible;
}

#case #main ul#eventList li dl {
	margin-left: 180px;
	width: 460px;
}
#case #main ul#eventList li dl dt {
	width: 5em;
}
#case #main ul#eventList li dl dd {
 	padding-left: 5em;
}
#case #main ul#eventList li dl dt.outline {
	float: none;
	width: 9em;
}
#case #main ul#eventList li dl dd.outline {
 	padding-left: 0;
}
#case #main ul#eventList li div {
	position: absolute;
	text-align: center;
	width: 160px;
	top: 5px;
	left: 5px;
}
#case #main ul#eventList li div.photoBox img {
	margin-bottom: 4px;
}


#event ul#eventList li dl dd.eventName,
#case ul#eventList li dl dd.title {
	color: #737373;
	font-weight: bold;
}
#event #main ul#eventList li p.details {
	position: absolute;
	top: 10px;
	right: 10px;
}



/*　企業ページ
 ---------------------------------------------------------------*/
#listBox {
	margin-right: 12px;
   	padding: 0;
	width: 400px;
	float: right;
}
*html #listBox {
	margin-right: 6px;
}

#listBox h2 {
	font-size: 14px;
	margin-bottom: 6px;
}



/*　企業ページ　リスト  ---------------------------------------------------------------*/
#listBox ul#eventList {
	margin: 5px 0px;
	width: 398px;
}


#case #listBox ul#eventList li {
	min-height: 120px;
}
*html #case #listBox ul#eventList li {
	height: 120px;
	overflow: visible;
}

#case #listBox ul#eventList li dl {
	margin-left: 95px;
	width: 293px;
}
#case #listBox ul#eventList li div {
	width: 90px;
}
#case #listBox ul#eventList li div.photoBox p.details {
	margin: 0;
	padding: 0;
	text-align: center;
}
#case #listBox ul#eventList li div.photoBox p.details a {
	margin: 0;
}


#event #listBox ul#eventList li p.details {
	clear: both;
	position: static;
	margin: 0;
	padding: 0;
	text-align: right;
}

#listBox table.pagelink {
	width: 398px;
}





/*　企業ページ　詳細  ---------------------------------------------------------------*/
#listBox h2 {
	text-align: center;
}

#listBox table.details {
	width: 100%;
}

#listBox table.details th,
#listBox table.details td {
	border: #EEAB45 solid 1px;
	padding: 1em 0.5em;
	vertical-align: top;
	line-height: 1.2;
}

#listBox table.details th {
	background-color: #FFFFF9;
	width: 7em;
}



#listBox div.details {
	border: 1px solid #A7A7A7;
	padding: 10px 10px 5px;
	line-height: 1.4;
	width: 378px;
}
#listBox div.details dl {
}
#listBox div.details dl dt {
	clear: both;
	color: #737373;
}
#listBox div.details dl dd {
	margin-bottom: 24px;
}
#listBox div.details dl dd.title {
	font-size: 16px;
	font-weight: bold;
	color: #385686;
}
#listBox div.details dl dd.title p.title2 {
	color: #737373;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding: 0.5em 0;
}
#listBox div.details dl dd p.photoBox {
	text-align: center;
}
#listBox div.details dl dd p.photos {
	color: #737373;
	float: left;
	font-size: 10px;
	margin: 0 12px 12px 0;
	text-align: center;
	width: 160px;
}
#listBox div.details dl dd p.photos span.caption {
	display: block;
	text-align: left;
	width: 160px;
}




/*Clearfix---------------------------------------------------*/

#main ul#eventList li:after,
#listBox div.details dl dd:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#main ul#eventList li,
#listBox div.details dl dd {
  min-height: 1px;
}

* html #main ul#eventList li,
* html #listBox div.details dl dd {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}