@charset 'UTF-8';
@import url(navi.css);

/* -----------------------------------------------------------------------------
>> 文書全体
----------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrap {
	width:950px;
	margin : 0 auto;
	text-align:left;
	line-height: 140%;
	font-size : 95%;
	color : #333333;
}

table { border-collapse: collapse; }
img { border: none; }
li { list-style: none; }
a { color : #004788; }
address { font-style: normal; }

/* -----------------------------------------------------------------------------
>> header
----------------------------------------------------------------------------- */
header {
	height: 103px;
	background:url(../img/parts/header_bg.jpg) repeat-x 0 0;
}
h1 {
	margin : 37px 0 0;
	float : left;
}
#tel-fax {
	margin : 20px 0 0;
	clear:right;
	float: right;
}


/* -----------------------------------------------------------------------------
>> main-content
----------------------------------------------------------------------------- */
.content {
	clear:both;
	_zoom : 1;
	overflow:hidden;
	border-bottom : 1px solid #C8C8C8;
	background:url(../img/parts/cont_bg.jpg) repeat-x;
}
.left-area {
	width:703px;
	float : left;
}
.right-area {
	width: 230px;
	float:right;
}


.update-box {
	position:relative;
	background:url(../img/parts/article_box_in.png) repeat-y 0 0;
}
.update-box article {
	_zoom : 1;
	overflow:hidden;
	padding : 10px 15px;
	border-bottom : 1px solid #DFDFD5;
}
.update-box h3 a {
	text-decoration: none;
}


.left-area section {
	width: 332px;
	margin : 0 0 20px;
	padding : 0 0 3px;
	background:url(../img/parts/article_box_bottom.png) no-repeat 0 bottom;
}

.left-area p {
	margin : 0 0 0.25em;
}

.right-area section {
	width:230px;
}
.right-area {
}


.left-box {
	width : 332px;
	float : left;
}
.right-box {
	width : 332px;
	float : right;
}


.left-area .day {
	font-weight:bold;
}
.left-area .day img {
	vertical-align:middle;
}
.left-area .update-box h3 {
	margin : 0 0 0.5em;
	padding : 8px;
}

/*------------------------------------------------------------- テーブル(カスタム) */
table.no-border ,table.no-border td {
	border : 0px solid #DFDFD5;
}

/*--------------------------------------------------------------- 一覧ボタン */
.left-area .more-btn {
	position:absolute;
	top : 2px;
	left : 260px;
}
.right-area .more-btn {
	position:absolute;
	top : 2px;
	left : 160px;
}

.more-btn a {
	width:65px;
	height:40px;
	overflow:hidden;
	text-indent : -5000px;
}

/*------------------------------------------------------------------ 検定情報 */
.license h3 {
	border-left : 3px solid #018787;
}
.license .more-btn a {
	display: block;
	background:url(../img/btn/license_more.jpg) no-repeat 0 0;
}

/*------------------------------------------------------------ 今月の注目企業 */
#pick-up h3 {
	border-left : 3px solid #9B2F00;
}
#pick-up .more-btn a {
	display: block;
	background:url(../img/btn/pick_up_more.jpg) no-repeat 0 0;
}

/*-------------------------------------------------------------- 講習・講演会 */
.talk h3 {
	border-left : 3px solid #055896;
}
.talk .more-btn a {
	display: block;
	background:url(../img/btn/talk_more.jpg) no-repeat 0 0;
}

/*------------------------------------------------------------------ 新着情報 */
.right-area .news h3 {
	font-weight:normal;
	font-size : 0.9em;
}
.right-area .news .more-btn a {
	display: block;
	background:url(../img/btn/news_more.jpg) no-repeat 0 0;
}


.news .day {
	font-size : 0.8em;
	margin : 0 0 0.4em;
}

/*------------------------------------------------------------- バナーエリア */
.bnr-box {
	margin : 0 0 20px;
	padding : 15px;
	background: #EFF0EE;
	border : 1px solid #DFDFD5;
}
.bnr-box li {
	margin : 0 0 15px;
}

/* -----------------------------------------------------------------------------
>> footer
----------------------------------------------------------------------------- */
footer {
	clear:both;
	_zoom : 1;
	overflow: hidden;
	border-top : 1px solid #fff;
	background: #eeeeee;
}
footer .wrap {
	padding-top : 15px;
	background : url(../img/parts/footer_bg.jpg) no-repeat 0 top;
}
#footer-in {
	_zoom : 1;
	overflow: hidden;
	margin: 0 0 15px;
	background:url(../img/parts/footer_nav_bg.jpg) repeat-y 0 0;
}
footer nav {
	float : left;
}
footer nav a {
	display:inline-block;
	margin : 0 0 0.5em;
	font-size: 0.9em;
	text-decoration: none;
}

footer nav dl,footer nav ul{
	float : left;
}
footer nav dl {
	width: 185px;
	margin : 0 0 0 15px;
}
footer ul#f-navi02 {
	width: 135px;	
	margin : 0 0 0 15px;
}
footer ul#f-navi03 {
	width:150px;
	margin : 0 0 0 15px;
}

footer address {
	float:right;
	font-size: 0.95em;
	line-height: 180%;
}
#copy {
	clear:both;
	text-align: center;
	font-size : 0.8em;
	padding : 10px 0;
	border-top : 1px solid #C8C8C8;
}


/* -----------------------------------------------------------------------------
>> 汎用クラス
----------------------------------------------------------------------------- */

.att {
	font-size : 0.8em;
}
.att2 {
	color : #666;
	font-size : 0.8em;
}

.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }
.clear  { clear: both; }

.more {
	display:block;
	float:right;
	padding: 0 0 0 20px;
	text-decoration:none;
	background:url(../img/icon/a_anc01.gif) no-repeat 0 center;
}