@charset "utf-8";

/*------------------------------------------------------------------------------
JAC Recruitment Co., Ltd. - CSS Modules Import
Date: 2011-04-22
Copyright (C) JAC Recruitment Co., Ltd. All Rights Reserved.
------------------------------------------------------------------------------*/

body {
	background-image: none;
	background-color: #00a9e0;
}

div#MainVisual {
	margin-top: 28px;
}

/* ----------------------------------------

Content

---------------------------------------- */

div#Content {
	margin-top: 38px;
}

/* ----------------------------------------

Content - Main

---------------------------------------- */

div#Main {
	width: 500px;
	padding-right: 40px;
	padding-left: 26px;
}

/* -- div#NewsSec , div#TopicsSec -- */

div#NewsSec {
	padding-bottom: 50px;
}

div#NewsSec h2.TitStyle01 a#NewsList {
	padding-right: 10px;
	padding-left: 15px;
	background: url(../image/icon_arrow_01.png) 100% 50% no-repeat;
	font-size: 12px;
	color: #808080;
}

div#NewsSec p.Notes01 {
	margin-bottom: 10px;
}

div#NewsSec ol li a,
div#NewsSec ol li span {
	display: block;
	margin-left: 110px;
	_text-indent: -3px; /* IE6 */
	color: #000;
}

div#TopicsSec ol li a,
div#TopicsSec ol li span {
	color: #000;
}

div#NewsSec ol li a:visited,
div#TopicsSec ol li a:visited {
	text-decoration: none;
	color: #69be28;
}


div#NewsSec ol li a:hover,
div#TopicsSec ol li a:hover {
	color: #009b48;
}

div#NewsSec ol li span.Date {
	float: left;
	width: 100px;
	margin-left: 0;
	padding-left: 0;
	_text-indent: 0px;
	color: #808080;
}

div#TopicsSec {
	padding-bottom: 35px;
}

div#TopicsSec ol li {
	margin-bottom: 15px;
}

div#TopicsSec ol li a,
div#TopicsSec ol li span {
	font-weight: 700;
	font-size: 12px;
	color: #00a9e0;
}

div#TopicsSec dl dt {
	font-weight: 700;
	font-size: 116.7%;
	color: #00a9e0;
}

/* News 11-04-11 OSD
----------------------------------*/

div#NewsSec table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

div#NewsSec table th,
div#NewsSec table td {
	padding: 0 0 5px;
	vertical-align: top;
}

div#NewsSec table th {
	padding-right: 10px;
	font-weight: 400;
	color: #808080;
}

div#NewsSec table td {
	padding-left: 10px;
}

div#NewsSec table td.cat {
	width: 52px;
	padding: 2px 0 0;
}

div#NewsSec table td.cat span {
	display: block;
	text-align: center;
	background-color: #999;
	font-size: 83.4%;
	color: #fff;
}

div#NewsSec table td a { color: #000;}
div#NewsSec table td a:visited { text-decoration: none; color: #69be28;}
div#NewsSec table td a:hover { color: #009b48;}

div#NewsSec table td.cat01 span { background-color: #999;}
div#NewsSec table td.cat02 span { background-color: #9fb414;}
div#NewsSec table td.cat03 span { background-color: #e17000;}
div#NewsSec table td.cat04 span { background-color: #0088ce;}

/* -- div#CSRSec -- */

div#CSRSec dl {
	min-height: 70px;
	height: auto !important;
	height: 70px; /* IE6 */
}

div#CSRSec dl.tree {
	min-height: 70px;
	height: auto !important;
	height: 70px; /* IE6 */
	background: url(../image/logo_csr_01.png) 380px 10px no-repeat;
}

div#CSRSec dl dt {
	font-weight: 700;
	font-size: 116.7%;
	color: #00a9e0;
}

div#CSRSec dl dd {
	padding-right: 130px;
}

/* ----------------------------------------

Sub

---------------------------------------- */

div#Sub {
	float: right;
	width: 227px;
	padding: 15px 29px 40px;
	border: 1px solid #ccc;
	background: url(../../image/bg_sub_01.png) 0 100% repeat-x;
}

/* ul#SubNav02 */

div#Sub ul#SubNav02 {
	margin-bottom: 0;
}
div#Sub ul#SubNav02 li img {
	margin-right: 5px;
}

/* ----------------------------------------

Footer

---------------------------------------- */

div#Footer {
	width: auto;
}

div#Footer p#Copyright {
	text-align: center;
}


/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

div#NewsSec ol li:after,
div#TopicsSec ol li:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div#NewsSec ol li,
*:first-child+html div#TopicsSec ol li {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html div#NewsSec ol li,
* html div#TopicsSec ol li {
	zoom: 1;
}
