/* ******** encoding="UTF-8" ******** */

/* ******** common style 設定 ******** */

/* ******** fonts 設定 ******** */
.s_9, .s_10, .s_10_blue, .s_10_red, .s_10_white, .s_12, .s_12_blue, .s_12_blue_under, .s_12_green, .s_12_red, .s_12_orange, .s_12_white, .s_12_khaki, .s_12_CBlue, .s_12_SetSubmit, .s_12_SBlue, .s_14, .s_14_left, .s_14_blue, .s_14_blue_under, .s_14_green, .s_14_red, .s_14_orange, .s_14_white, .s_14_khaki, .s_14_CBlue, .s_14_SBlue, .s_16_white, 
			.b_10, .b_10_blue, .b_10_red, .b_10_white, .b_12, .b_12_blue, .b_12_blue_under, .b_12_green, .b_12_red, .b_12_orange, .b_12_white, .b_12_khaki, .b_12_CBlue, .b_12_SetSubmit, .b_12_SBlue, .b_14, .b_14_left, .b_14_blue, .b_14_blue_under, .b_14_green, .b_14_red, .b_14_orange, .b_14_white, .b_14_khaki, .b_14_CBlue, .b_14_SBlue, .b_16_white {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
.s_9, .s_10, .s_10_blue, .s_10_red, .s_10_white, .s_12, .s_12_blue, .s_12_blue_under, .s_12_green, .s_12_red, .s_12_orange, .s_12_white, .s_12_khaki, .s_12_CBlue, .s_12_SetSubmit, .s_12_SBlue, .s_14, .s_14_left, .s_14_blue, .s_14_blue_under, .s_14_green, .s_14_red, .s_14_orange, .s_14_white, .s_14_khaki, .s_14_CBlue, .s_14_SBlue, .s_16_white {
	font-weight: normal;
}
			.b_10, .b_10_blue, .b_10_red, .b_10_white, .b_12, .b_12_blue, .b_12_blue_under, .b_12_green, .b_12_red, .b_12_orange, .b_12_white, .b_12_khaki, .b_12_CBlue, .b_12_SetSubmit, .b_12_SBlue, .b_14, .b_14_left, .b_14_blue, .b_14_blue_under, .b_14_green, .b_14_red, .b_14_orange, .b_14_white, .b_14_khaki, .b_14_CBlue, .b_14_SBlue, .b_16_white {
	font-weight: bold;
}
.s_9, .s_10, .s_10_blue, .s_10_red, .s_10_white, .s_12, .s_12_blue, .s_12_blue_under, .s_12_green, .s_12_red, .s_12_orange, .s_12_white, .s_12_khaki, .s_12_CBlue, .s_12_SetSubmit, .s_12_SBlue, 
			.b_10, .b_10_blue, .b_10_red, .b_10_white, .b_12, .b_12_blue, .b_12_blue_under, .b_12_green, .b_12_red, .b_12_orange, .b_12_white, .b_12_khaki, .b_12_CBlue, .b_12_SetSubmit, .b_12_SBlue {
	line-height: 18px;
}
.s_14, .s_14_left, .s_14_blue, .s_14_blue_under, .s_14_green, .s_14_red, .s_14_orange, .s_14_white, .s_14_khaki, .s_14_CBlue, .s_14_SBlue, .s_16_white, 
.b_14, .b_14_left, .b_14_blue, .b_14_blue_under, .b_14_green, .b_14_red, .b_14_orange, .b_14_white, .b_14_khaki, .b_14_CBlue, .b_14_SBlue, .b_16_white {
	line-height: 20px;
}
.s_9, .s_10, .s_12, .s_14, .s_14_left, 
			.b_10, .b_12, .b_14, .b_14_left {
	color: #555555;
}
.s_10_blue, .s_12_blue, .s_12_SetSubmit, .s_14_blue, 
.b_10_blue, .b_12_blue, .b_12_SetSubmit, .b_14_blue {
	color: #336699;
}
.s_12_blue_under, .s_14_blue_under, .b_12_blue_under, .b_14_blue_under {
	color: #000099;
	text-decoration: underline;
}
.s_12_green, .s_14_green, .b_12_green, .b_14_green {
	color: #18a145;
}
.s_10_red, .s_12_red, .s_14_red, .b_10_red, .b_12_red, .b_14_red {
	color: #ff0000;
}
.s_12_orange, .s_14_orange, .b_12_orange, .b_14_orange {
	color: #ff6600;
}
.s_10_white, .s_12_white, .s_14_white, .s_16_white, .b_10_white, .b_12_white, .b_14_white, .b_16_white {
	color: #ffffff;
}
.s_12_khaki, .s_14_khaki, .b_12_khaki, .b_14_khaki {
	color: #99bb0d;
}
.s_12_CBlue, .s_14_CBlue, .b_12_CBlue, .b_14_CBlue {
	color: #26a17c;
}
.s_12_SBlue, .s_14_SBlue, .b_12_SBlue, .b_14_SBlue {
	color: #4b9caf;
}
.sm_12_under {
	display: inline-block;
	height: 1.3em;
	border-bottom: 1px dotted;
}
.sm_12_left {
	display: inline-block;
	margin: 1px 0 -1px;
	color: #555555;
	text-indent: 1.0em;
}
.s_9 {
	font-size: 9px;
}
.s_10, .s_10_blue, .s_10_red, .s_10_white, 
.b_10, .b_10_blue, .b_10_red, .b_10_white {
	font-size: 10px;
}
.s_12, .s_12_blue, .s_12_blue_under, .s_12_green, .s_12_red, .s_12_orange, .s_12_white, .s_12_khaki, .s_12_CBlue, .s_12_SetSubmit, .s_12_SBlue, 
.b_12, .b_12_blue, .b_12_blue_under, .b_12_green, .b_12_red, .b_12_orange, .b_12_white, .b_12_khaki, .b_12_CBlue, .b_12_SetSubmit, .b_12_SBlue {
	font-size: 12px;
}
.s_14, .s_14_left, .s_14_blue, .s_14_blue_under, .s_14_green, .s_14_red, .s_14_orange, .s_14_white, .s_14_khaki, .s_14_CBlue, .s_14_SBlue, 
.b_14, .b_14_left, .b_14_blue, .b_14_blue_under, .b_14_green, .b_14_red, .b_14_orange, .b_14_white, .b_14_khaki, .b_14_CBlue, .b_14_SBlue {
	font-size: 14px;
}
.s_14_left, .b_14_left {
	padding-left: 3px;
	border-left: 3px solid #ffd700;
}
.s_16_white, .b_16_white {
	font-size: 16px;
}
body {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 18px;
	font-size: 12px;
}
/* ******** fonts 設定 ******** */

/* ******** clearfix ******** */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
/* ******** clearfix ******** */

/* ******** common setting ******** */
a {
	text-decoration: none;
}
a.em_client {
	font-weight: bold;
}
a:link, a:visited, #navi_menu li > a, #navi_menu li > a:visited, 
#navi_search > div > ul > li > a, #navi_search > div > ul > li > a:visited {
	color: #336699;
}
#navi_menu > ul.marker_red > li > a, #navi_menu > ul.marker_red > li > a:visited {
	color: #ff6600;
}
#navi_menu > ul.marker_red > li.col_grey > a > span {
	color: #555555;
}
a:hover, #navi_menu li > a:hover, #navi_search > div > ul > li > a:hover {
	color: #ff0000;
}
img {
	border-width: 0px;
}
li {
	height: 24px;
}
td, input {
	font-size: 12px;
}
/* ******** common setting ******** */

/* ******** background setting ******** */
html, body {
	height: 100%;
	background-image: url("../img/bodyback.png");
	background-position: center center;
}
#wrapper {
	width: 794px;
	margin: 0px auto;
	padding: 0px 18px;
	position: relative;
	background-image: url("../img/yback.png");
	background-repeat: repeat-y;
}
#wrapper > div{
	height: 100%;
	background-color: #ffffff;
}
/* ******** background setting ******** */

/* ******** header ******** */
#header {
	width: 794px;
	height: 73px;
	margin-bottom: 8px;
	position: relative;
	border-bottom: 2px solid #007701;
}
#header > img {
	display: block;
	margin: 0px;
	padding: 0px;
}
#tab_menu {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	list-style: none;
}
#tab_menu > li, #title_menu > li {
	float: left;
}
#tab_menu > li, #tab_menu > li > a {
	width: 77px;
	height: 25px;
	margin: 0px;
	padding: 0px;
}
#tab_menu > li.menu_7th, #tab_menu > li.menu_7th > a {
	width: 115px;
}
#tab_menu > li > a, #navi_menu > a, #title_menu > li > a, #inner_tab_menu > li > a {
	display: block;
	background-position: 0px 0px;
	cursor: pointer;
}
#tab_menu > li > a:hover {
	background-position: 0px 25px;
}
#tab_menu > li.menu_1st > a {
	background-image: url("../img/btn_top_head01.png");
}
#tab_menu > li.menu_2nd > a {
	background-image: url("../img/btn_top_head02.png");
}
#tab_menu > li.menu_3rd > a {
	background-image: url("../img/btn_top_head03.png");
}
#tab_menu > li.menu_4th > a {
	background-image: url("../img/btn_top_head04.png");
}
#tab_menu > li.menu_5th > a {
	background-image: url("../img/btn_top_head05.png");
}
#tab_menu > li.menu_6th > a {
	background-image: url("../img/btn_top_head06.png");
}
#tab_menu > li.menu_7th > a {
	background-image: url("../img/btn_top_head07.png");
}
/* ******** header ******** */

/* ******** contents ******** */
#contents {
	min-height: 970px;
}
/* ******** contents ******** */

/* ******** navigation menu ******** */
#navi_menu {
	float: left;
	width: 150px;
}
#navi_menu > a {
	width: 150px;
	height: 23px;
	margin: 0px;
	padding: 0px;
}
#navi_menu > a:hover {
	background-position: 0px 23px;
}
#navi_menu > a.menu_1st {
	margin-bottom: 22px;
	background-image: url("../img/btn_01.png");
}
#navi_menu > a.menu_2nd {
	background-image: url("../img/btn_02.png");
}
#navi_menu > a.menu_3rd {
	background-image: url("../img/btn_03.png");
}
#navi_menu > a.menu_4th {
	background-image: url("../img/btn_05.png");
}
#navi_menu > a.menu_5th {
	background-image: url("../img/btn_04.png");
}
#navi_menu > a.menu_6th {
	background-image: url("../img/btn_06.jpg");
}
#navi_menu > ul {
	margin: 11px 0px 12px;
	padding-left: 26px;
}
#navi_menu > ul.two_rows {
	margin: 0px;
}
#navi_menu > ul.marker_green {
	list-style-image: url("../img/triangle01re.gif");
}
#navi_menu > ul.marker_lime {
	list-style-image: url("../img/triangle02re.gif");
}
#navi_menu > ul.marker_red {
	margin-top: 5px;
	list-style-image: url("../img/triangle_ere.gif");
}
#navi_menu > ul.marker_turquoise {
	margin-top: 5px;
	margin-bottom: 18px;
	list-style-image: url("../img/triangle05re.gif");
}
#navi_menu > ul.marker_sphere {
	margin-top: 6px;
	padding-left: 36px;
	list-style-image: url("../img/triangle04re.png");
}
#navi_menu > ul.two_rows > li {
	height: 22px;
	padding-top: 20px;
	position: relative;
	line-height: 4px;
}
#navi_menu > ul > li > a {
	margin-left: -1px;
	cursor: pointer;
}
#navi_menu > ul.two_rows > li > a {
	position: absolute;
	top: 6px;
}
#navi_menu > div.pro_skill {
	display: table;
}
#navi_menu > div.pro_skill > div {
	display: table-cell;
	padding-top: 2px;
	vertical-align: middle;
}
/* IE7 */
*+html #navi_menu > div.pro_skill > div {
	display: inline;
	zoom: 1;
}
#navi_menu > div.pro_skill > div.cd_rom a {
	display: inline-block;
	width: 35px;
	height: 29px;
	margin-left: 5px;
	padding: 8px 8px 4px;
	background-image: url("../img/icon04.gif");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
#navi_menu > div.pro_skill > div.two_rows a {
	line-height: 14px;
	cursor: pointer;
}
#navi_menu > div.pro_skill > div.two_rows span {
	padding-right: 2px;
	color: #fe2c40;
}
#navi_menu > a.pri_logo {
	width: 147px;
	height: 50px;
}
#navi_menu > p {
	margin: 8px 0px 15px;
	padding-left: 6px;
	line-height: 10px;
}
#navi_menu > ul.marker_red > li.col_grey > a {
	cursor: default;
}
/* ******** navigation menu ******** */

/* ******** search menu ******** */
#navi_search {
	float: right;
	width: 160px;
}
#navi_search > img {
	display: block;
}
#navi_search > div {
	width: 150px;
	margin-bottom: 8px;
	border: 1px solid #9a9a9a;
}
#navi_search > div.menu_1st {
	height: 91px;
	padding-top: 5px;
}
#navi_search > div.menu_1st div.text_box {
	width: 100%;
	text-align: center;
}
#navi_search > div.menu_1st div.text_box > input {
	width: 138px;
	height: 16px;
}
#navi_search > div.menu_1st div.submit_btn {
	width: 100%;
	padding-top: 5px;
	text-align: right;
}
#navi_search > div.menu_1st div.submit_btn > input {
	width: 48px;
	height: 18px;
	margin-right: 4px;
	padding: 0px;
	line-height: 12px;
}
#navi_search > div.menu_1st div.radio_btn {
	width: 100%;
	padding: 7px 0px 0px 9px;
}
#navi_search > div.menu_1st label.s_12 {
	color: #333333;
}
#navi_search > div.menu_1st label > input {
	margin-right: 3px;
}
#navi_search > div.menu_2nd {
	text-align: center;
}
#navi_search > div.menu_2nd > a {
	display: inline-block;
	width: 124px;
	height: 22px;
	margin: 14px 0px;
	background-image: url("../img/btn_order_el3.png");
	cursor: pointer;
}
#navi_search > div.menu_2nd > a:hover {
	background-position: 0px 22px;
}
#navi_search > div > ul {
	margin: 0px;
	padding-left: 22px;
}
#navi_search > div > ul.marker_green {
	list-style-image: url("../img/triangle03re.gif");
}
#navi_search > div > ul > li {
	margin: 3px 0px 0px;
	height: 21px;
}
#navi_search > div > ul > li > a {
	cursor: pointer;
}
#navi_search > div > ul.marker_point {
	list-style-image: url("../img/sphere01re.gif");
}
#navi_search > div > ul.marker_point > li {
	margin: 3px 0px 0px 1px;
	padding-left: 4px;
}
#navi_search > div > ul > li.marker_double {
	margin: 3px 0px 0px 5px;
	padding-left: 0px;
	list-style-image: url("../img/Arrow_re.gif");
	vertical-align: top;
}
#navi_search > div > ul > li.marker_double.two_rows {
	margin: 9px 0px 8px 5px;
	position: relative;
}
#navi_search > div > ul > li.marker_double.two_rows > span {
	position: absolute;
	top: -5px;
	line-height: 14px;
}
#navi_search > div > span.separator {
	display: inline-block;
	width: 142px;
	height: 1px;
	margin-left: 4px;
	background-color: #9a9a9a;
	border-top: 1px solid #9a9a9a;
}
#navi_search > div > div.pro_skill {
	margin-bottom: 9px;
	text-align: center;
}
#navi_search > div > div.e_learning {
	margin-bottom: 12px;
	text-align: center;
}
#navi_search > div > div.pro_skill > a, #navi_search > div > div.e_learning > a {
	display: inline-block;
	cursor: pointer;
}
#navi_search > div > div.pro_skill > a.thumbnail {
	width: 60px;
	height: 84px;
	background-image: url("../img/A4IT_Pro_16_s.jpg");
}
#navi_search > div > div.e_learning > a.thumbnail {
	width: 60px;
	height: 85px;
	background-image: url("../img/el.jpg");
}
#navi_search > div > div.pro_skill > a.link_icon, #navi_search > div > div.e_learning > a.link_icon {
	width: 36px;
	height: 13px;
	margin-left: 3px;
	background-image: url("../img/mark_pdf.gif");
}
/* ******** search menu ******** */

/* ******** top page title ******** */
#top_title {
	width: 464px;
	margin-left: 159px;
	padding: 6px 1px;
	background-color: rgb(0, 127, 0);
}
#title_menu {
	width: 466px;
	height: 28px;
	margin: 0px 0px 0px 159px;
	padding: 0px;
	list-style: none;
}
#title_menu > li, #title_menu > li > a {
	width: 100px;
	height: 28px;
	margin: 0px;
	padding: 0px;
}
#title_menu > li.menu_1st {
	padding-left: 3px;
	background-color: rgb(51, 102, 0);
}
#title_menu > li.menu_4th, #title_menu > li.menu_4th > a {
	width: 163px;
}
#title_menu > li > a:hover {
	background-position: 0px 28px;
}
#title_menu > li.menu_1st > a {
	background-image: url("../img/top_titleA_menu1_u.png");
}
#title_menu > li.menu_2nd > a {
	background-image: url("../img/top_titleA_menu2_u.png");
}
#title_menu > li.menu_3rd > a {
	background-image: url("../img/top_titleA_menu4_u.png");
}
#title_menu > li.menu_4th > a {
	background-image: url("../img/top_titleA_menu3_u.png");
}
/* ******** top page title ******** */

/* ******** main ******** */
#main {
	width: 464px;
	margin-left: 159px;
	border: 1px solid #999999;
	overflow: hidden;
}
#main > h1.title_bar {
	margin: 0px;
	padding: 0px;
}
/* ******** main ******** */

/* ******** common_footer ******** */
#common_footer {
	width: 794px;
	height: 47px;
	margin-right: 18px;
	padding-top: 41px;
/*
	position: absolute;
	bottom: 0px;
	right: 0px;
*/
	text-align: right;
}
#common_footer > p {
	margin-right: 8px;
}
/* ******** common_footer ******** */



/* --------------- CLASS --------------- */
/*---------------------------------------------------------
月別・ジャンル別一覧画面用 CLASS 宣言

-----------------------------------------------------------*/
.ErrorTbl {
	width				: 460px;
	height				: 70px;
	background-color	: #FFFACD;
	table-layout		: fixed;
	border				: #FFD700 Solid 1px;
	margin-left			: 5px;
	margin-bottom		: 4px;
	margin-top			: 10px;
	padding-top			: 10px;
	font-size			: 11px;	
}

/* タイトルテーブルフォント */
.TitleFt {
	font-size			: 12pt; 
	font-weight			: bold;
	padding-left		: 10px;
	color				: #FFFFFF;
}

/* ページ分類 表示テーブル */
.PageCateTitle {
	width				: 435px;
	height				: 25px;
	background-color	: #FFFFFF;
	color				: #22BB77;
	table-layout		: fixed;
	margin-left			: 5px;
	margin-bottom		: 4px;
	margin-top			: 10px;
	border-left			: #009933 Solid 5px;
	border-top			: 0px;
	border-right		: 0px;
	border-bottom		: #009933 Solid 1px;
	padding-top			: 10px;
	font-size			: 12px;	
}

/* タイトルテーブルフォント */
.PageCateTitleFt {
	font-size			: 12pt; 
	font-weight			: bold;
	color				: #22BB77
}

/* リスト表示テーブル */
.ListPage {
	width				: 450px;
	height				: 0px;
	border-collapse   	: collapse;
	border				: #DDDDDD Solid 1px;
	margin-left			: 0px;
	margin-bottom		: 0px;
	margin-top			: 0px;
	margin-right		: 0px;
	padding-top			: 0px;

}

/* 表示テーブル */
.TableSet {
	width				: 460px;
	height				: 0px;
	border-collapse   	: collapse;
	margin-left			: 10px;
	margin-bottom		: 4px;
	margin-top			: 10px;
	margin-right		: 10px;
	padding-top			: 10px;

}

/* リスト表示カラム名部分 */
.ListPageColName {
	height				: 20px;
	background-color	: #26A17C;
	color				: #FFFFFF;
	border				: #DDDDDD Solid 1px;
	table-layout		: fixed;
	text-align			: center
}

/* リスト表示表部分 */
.ListPageContents {
	background-color	: #FFFFFF;
	color				: #FFFFFF;
 	border            	: none;
  	border-width      	: 1px;
 	border-color      	: #DDDDDD;
  	border-style      	: solid;
	table-layout		: fixed;
}

.ListFtlink {
	background-color	: #FFFFFF;
	color				: #777777;
	border				: 0px;
	table-layout		: fixed;
	margin-bottom		: 2px;
	margin-top			: 2px;
}

/* ページ移動　クリック不可フォント*/
.ClickDisableFt {
	background-color	: #FFFFFF;
	color				: #777777;
	border				: 0px;
	table-layout		: fixed;
	font-size			: 11px;
	font-weight			: normal;
	text-align			: center;
	cursor				: default;
}

/* ページ移動　クリック不可フォント*/
.ClickEableFt {
	background-color	: #FFFFFF;
	color				: #0000EE;
	border				: 0px;
	table-layout		: fixed;
	font-size			: 11px;
	font-weight			: normal;
	text-align			: center;
	cursor				: hand;
}

/* 一覧画面のリスト部分 書籍や講座の題名 */
.ItemTitleFtNormal {
	font-size			: 14px;
	font-weight			: normal;
	margin-top			: 3px;
}

/* リンクの下線を消す */
.LinkUnderNone {
    text-decoration		: none;
    color				: #000000;
}

/* 選択画面の講座・書籍セル用 */
.LinkUnderNone {
	color				: #000000;
	table-layout		: fixed;
	font-size			: 12px;
	font-weight			: bold;
	text-align			: center;
}

/* タイトル部リンク マウスオーバー時 */
.TitleOver {
	/*background-color	: #ffff66; */
	color				: #cc3333;
	font-size			: 14px;
	font-weight			: bold;
}

/* 書籍一覧画面のジャンルテーブル部分 マウスアウト時 */
.TitleOut {
	/*background-color	: #FFFFFF; */
	color				: #000000;
	font-size			: 14px;
	font-weight			: bold;
}

.ReturnBtn {
	background-color	:#ADD8E6;
	color				:#555555;
	font-size			:14px;
	font-weight			:bold;
	height				:40px;
	width				:600px;
	cursor				:hand
}