@charset "Shift_JIS";

/* *********************************
FileName: top.css(http://www.mod.go.jp/pco/sapporo/css/top.css)
*********************************** */

/* *********************************
001: 表示消去
002: トップページ
003: プライバシーポリシー & ご利用に際しての注意事項用
004: サイトマップ、リンク
*********************************** */




/* *********************************
/* 001: 表示消去
*********************************** */
#img_call2,.print_top {
	display: none;
}




/* *********************************
/* 002: トップページ
*********************************** */
/* イメージ画像位置補正
=================================== */
#topimg {
	float: left;
	width: 450px;
	margin-top: 2px;
}

#topimg h2 {
	margin-top: 13px;
}



/* 領域指定
=================================== */
.news_info_2ndleft,.news_info_2ndright {
	float: left;
	width: 308px;
}

.news_info_2ndleft {
	margin-right: 30px;
}

.news_info_4ndleft,.news_info_4ndright {
	float: left;
}

.news_info_4ndleft {
	margin-right: 30px;
	width: 436px;
}

.news_info_4ndright {
}


/* 新着情報 & 募集採用情報 & 試験日程 テキスト
=================================== */
#topimg ul li,.news_info_2ndright dt,.news_info_2ndright dd,.news_info_2ndleft dt,.news_info_2ndleft dd,.news_info_3nd li,.news_info_4ndleft dt,.news_info_4ndleft dd {
	text-indent: 0em;
	line-height: 1.3;
	_line-height: 1.5;/* IE6対策 */
}

#topimg ul {
	margin-top: 5px;
	_margin-top: 7px;/* IE6対策 */
	padding-left: 0px;
	padding-left: 10px;
}

#topimg ul li {
	margin-bottom: 0px;
	text-indent: -10px;
}

#topimg .list {
	padding-bottom: 5px;
	_padding-bottom: 8px;/* IE6対策 */
}

.notice {
	clear: both;
	margin-bottom: 0px;
}

.news_info_3nd {
	height: 50px;
	_height: 55px;/* IE6対策 */
	margin-top: 0px;
	padding: 3px;
	_padding-top: 2px;/* IE6対策 */
	border: 1px solid #999999;
	overflow-x: hidden;
	overflow-y: scroll;
}

.news_info_3nd li {
	width: 597px;
	_width: 596px;/* IE6対策 */
	margin-top: 0px;
	margin-bottom: 4px;
	margin-left: 5px;
	font-size: 0.92em;
	line-height: 1.2;
}

.news_info_2ndright dl,.news_info_2ndleft dl,.news_info_4ndleft dl {
	margin-right: 0px;
}

.news_info_2ndright dt,.news_info_2ndleft dt,.news_info_4ndleft dt {
	margin-bottom: 0px;
}

.news_info_2ndright dd,.news_info_2ndleft dd,.news_info_4ndleft dd {
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 1em;
	line-height: 1.2;
}

.news_info_4ndleft dd {
	margin-left: 18px;
	text-indent: -5px;
}

li.list img,dt.list img {
	vertical-align: middle;
}

.news_info_4ndleft dd {
	margin-bottom: 2px;
}



/* 右側バナー用位置設定
=================================== */
#banner {
	float: left;
	margin-left: 13px;
}


/* 右側バナー */
#banner img {
	width: 180px;
	vertical-align: bottom;
}

#banner a {
	display: block;
	margin-bottom: 9px;
	padding: 2px;
}

#banner a:hover {
	padding: 0px;
	border: 2px solid #80A660;
}




/* *********************************
/* 003: プライバシーポリシー & ご利用に際しての注意事項用
*********************************** */
/* テキスト
=================================== */
ol {
	margin-top: 10px;
	padding: 0px;
}




/* *********************************
/* 004: サイトマップ、リンク
*********************************** */
/* 領域設定
=================================== */
.sitemap_left,.sitemap_right,.link_left,.link_right {
	width: 315px;
}

.sitemap_left,.link_left {
	float: left;
}

.sitemap_right,.link_right {
	float: right;
}



/* 画像設定
=================================== */
li.back_mark img,li.list_mark img,li.list_mark1 img,li.list_mark2 img {
	vertical-align: middle;
}



/* テキスト
=================================== */
.link_left ul,.link_right ul,.sitemap_left ul,.sitemap_right ul {
	margin-left: 0px;
	padding: 0px;
}

.link_left ul li,.link_right ul li,.sitemap_left ul li,.sitemap_right ul li {
	margin-top: 0px;
	margin-bottom: 0px;
}

li.back_mark a,li.list_mark a,li.list_mark1 a,li.list_mark2 a {
	margin-left: 5px;
}


/* サイトマップ */
.sitemap_right li.back_mark,.sitemap_left li.back_mark {
	margin-bottom: 5px;
}

.sitemap_right li.list_mark2,.sitemap_left li.list_mark2 {
	margin-bottom: 5px;
}

.sitemap_right li.list_mark1,.sitemap_left li.list_mark1 {
	margin-bottom: 5px;
}


/* リンク */
li.list_mark {
	margin-left: 53px;
}

li.list_mark1 {
	margin-left: 64px;
	text-indent: -1em;
}

li.list_mark2 {
	margin-left: 19px;
}