@charset "utf-8";
/* CSS Document */
/* http://www.tagindex.com/template/page/example/type3_top.html */
/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #f9f9f9; /* 全体の背景色 */
color: #000000; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
	font-family: "メイリオ","Meiryo", Arial, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

img {
	border-style:none;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover {
	color: #CC3399;
}
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 850px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* コンテナの背景色 */
border-left: 1px #c0c0c0 solid; /* コンテナの左境界線 */
border-right: 1px #c0c0c0 solid; /* コンテナの右境界線 */
}

/* --- ページ --- */
#wrapper {
width: 850px; /* ページの幅 */
margin: 0 auto; /* センタリング */
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
position: relative; /* 相対配置（ガイドメニューのために設定） */
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0 0 5px; /* ヘッダのマージン（上、左右、下） */
padding: 5px 0 0; /* ヘッダのパディング（上、左右、下） */
}

/* --- キャッチフレーズ --- */
#header h1.catch {
	color: #666;
	font-size: 85%;
	font-weight: bold;
	margin: 0 10px 15px; /* キャッチフレーズのマージン（上、左右、下） */
}
/* --- ガイドメニュー --- */
#header ul.guide {
	font-size: 85%;
	list-style-type: none;
	position: absolute; /* 絶対配置 */
	top: 15px; /* 上からの距離 */
	right: 10px; /* 右からの距離 */
	margin: 0;
	padding: 0;
}
/* メニュー項目 */
#header ul.guide li {
	display: inline;
	padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
	background: url(../images/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
	background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#opening {
	margin: 0 auto;
	margin-bottom: 2px;
	width: 800px;
}
/* オープニングエリア内の見出し */
#opening h2 {
margin: 0;
}

/* --- メイン --- */
#main {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 2px;
	width: 800px;
}

.top_flash_for {
	height: 398px;
	width: 729px;
	padding-top: 5px;
	padding-bottom: 0px;
	text-align: center;
}

/* --- 罫線 --- */
hr.none {
display: none; /* 表示形式（なし） */
}

/* --- 新着情報（トップページ） --- */
div.info01 {
margin: 1.5em 0;
}

div.info01 dl {
width: 100%; /* 新着情報の幅 */
margin: 0 auto; /* センタリング */
}
/* 日付エリア */
div.info01 dt {
/*width: 6.7em;  日付エリアの幅 */
width: 0;
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%; /* 行の高さ */
}
/* 本文エリア */
div.info01 dd {
margin: 0;
/*padding: 7px 3px 6px 6.6em;  本文エリアのパディング（上右下左） */
padding: 7px 3px 6px 1em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted;
line-height: 120%;
}

/* 左サイドバー・中 */
#top_content {
	border-right: 1px solid #CCC;
	float: left;
	margin-bottom: 10px;
	width: 480px;
}
#top_content_new {
	border-right: 1px solid #CCC;
	float: left;
	margin-bottom: 10px;
	width: 520px;
}


/* 中 */
#top_main {
	float: right;
	margin-bottom: 0;
	width: 230px;
	padding-right: 10px;
}
#top_main_new {
	float: right;
	margin-bottom: 0;
	width: 270px;
	padding-right: 10px;
}

/* 中 見出し */
#top_main  h3 {
	background-color: #FAFAFA; /* 見出しの背景色 */
	border: 1px solid #CCCCCC;
	font-size: 100%;
	margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
	padding: 2px; /* 見出しのパディング（上下、左右） */
	text-align: center;
}
#top_main_new  h3 {
	background-color: #FAFAFA; /* 見出しの背景色 */
	border: 1px solid #CCCCCC;
	font-size: 100%;
	margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
	padding: 2px; /* 見出しのパディング（上下、左右） */
	text-align: center;
}

/* 左サイドバー */
#top_left {
float: left;
width: 220px;
padding: 0;
padding-right: 10px;
border-right: 1px solid #CCC;
}

#top_left  h3 {
	background-color: #FAFAFA; /* 見出しの背景色 */
	border: 1px solid #CCCCCC;
	font-size: 100%;
	margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
	padding: 2px; /* 見出しのパディング（上下、左右） */
	text-align: center;
}

/* --- 罫線（3カラム用） --- */
#top_content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}
#top_content_new hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- 右サイドバー --- */
#top_right {
float: right;
width: 310px;
margin-bottom: 10px;
}
#top_right_new {
float: right;
width: 270px;
margin-bottom: 10px;
}

#top_right  h3 {
	background-color: #FAFAFA; /* 見出しの背景色 */
	border: 1px solid #CCCCCC;
	font-size: 100%;
	margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
	padding: 2px; /* 見出しのパディング（上下、左右） */
	text-align: center;
}
#top_right_new  h3 {
	background-color: #FAFAFA; /* 見出しの背景色 */
	border: 1px solid #CCCCCC;
	font-size: 100%;
	margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
	padding: 2px; /* 見出しのパディング（上下、左右） */
	text-align: center;
}

/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
#footer {
	background-color: #AD306E;
	clear: both;
	color: #FFF;
	font-size: 85%;
	padding: 5px 0; /* フッタの上境界線 */
	text-align: center;
	width: 850px;
}

/* --- フッタメニュー --- */
#footer a,
#footer a:hover {
color: #FFF;
}

/* --- ▲フッタ内の設定終了 --- */

#sp_area {
	height: 300px;
	padding: 20px;
}

#sp_area1 {
	height: 100px;
	padding: 20px;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* 修了者リスト 研修会参加申し込みの流れ */
#list_content {
	margin-bottom: 10px;
	width: 800px;
}

/* 中 */
#list_main {
	float: right;
	margin-bottom: 0;
	width: 640px;
}

/* 左サイドバー */
#list_left {
	float: left;
	width: 140px;
	padding: 0;
	padding-right: 10px;
	margin-top: 10px;
}

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