/* CSS Document */

body{
	color:#000000;/*通常のテキストカラー*/
}
a{
	color:#0E40FB;/*通常のリンクテキストカラー*/
}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示*/
}

*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
}

/*フォントサイズ調整*/
body {
	font-size: 13px; /* モダンブラウザ */
	*font-size: normal; /* IE 7 */
	*font: normal; /* IE 6以下 */
	font-family:'ＭＳ Ｐゴシック', sans-serif;/*フォント種*/
}
p,th,td{
	font-size:13px;
	*font-size:100%;
	*font:100%;
}
li,ul,ol{
	font-size:12px;
	*font-size:90%;
	*font:90%;
}

body{
	text-align:center;
}

/*基本レイアウト*/
#base{
	width:796px;
	margin:auto;
	text-align:left;
}

#head{}
#head h1{
	height:16px;
	line-height:16px;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	text-indent:0;
}
#head h2{
	margin:6px 0 3px 0px;
	font-weight:normal;

}
#head h2 a{
	background:url(img/top/top_title.gif) no-repeat;
	width:350px;
	height:26px;
}
#head h2 a:hover{
	width:350px;
	height:26px;
}
#head_menu{
	background:url(img/bg_head_menu.gif) no-repeat;
	width:796px;
	height:30px;
}
#head_menu ul{
	list-style-type:none;
}
#head_menu ul li{
	font-size:14px;
	letter-spacing:1px;
	float:left;
	width:113px;
	height:30px;
	position:relative;
}
#head_menu ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	font:14px;
	width:113px;
	height:30px;
	line-height:30px;
	text-align:center;
}
#head_menu ul li a:hover{
	color:#FFCC00;
}
#head_menu ul li.off{
	overflow:hidden;
	width:113px;
}
#head_menu ul li.off ol.sub{
	left:0px;
	top:-999px;
}
#head_menu ul ol.sub{
	position:absolute;
	left:0px;
	top:30px;
	width:113px;
	border:1px solid #999999;
	text-align:center;
	list-style-type:none;
}
#head_menu ul li.on{
	width:113px;
}
#head_menu ul>li.on{
	overflow:visible;/*×*/
}
#head_menu ul ol.sub li{
	float:none;
	width:113px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999999;
	text-align:center;
	float:none;
	filter:alpha(opacity=82); /*IE*/
	-moz-opacity:0.82; /*FF*/
}
#head_menu ul ol.sub li a{
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:center;
}
#head_menu ul ol.sub li a font{
	line-height:1.4;
	font-size:11px;
}

#head_menu ul ol.sub li a:hover{
	background-color:#FFCC00;
	color:#000000;
}

.line{
	clear:left;
	margin:0 0 0 0;
}


#main_image{
	float:left;
	background:url(img/top/main_pic.jpg) no-repeat;
	width:796px;
	height:180px;
}
#main_image p{
	margin:20px;
	color:#FFFFFF;
	font-size:12px;
	text-align:right;
}

#inner{
	width:796px;
	height:550px;
	margin:0 0 0 0;
	clear:left;
	zoom:100%;
}

#contents{
	margin:10px 0 0 0;
	clear:left;
	zoom:100%;
}
#contents:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#foot_up{
	background:url(img/line_02.gif) no-repeat bottom;
	clear:both;
	height:20px;
	margin:0 0 0 0;
}
#copy{
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333333;
	padding:2px;
	margin:4px 0 0 0;
}
#copy a{
	color:#333333;
	text-decoration:none;
}
#copy a:hover{
	color:#333333;
}


/***トップ***/
#top{}
#top_btm{
	zoom:100%;
}
#top_btm:after{
	content: "";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#top div#left{
	float:left;
	width:440px;
	margin:20px 0 0 0;
}
#top div#left h3{
	font-size:16px;
}
#top div#left div#info{
	background:url(img/top/bg_info2.gif) no-repeat;
	width:440px;
	height:280px;
}
#top div#left div#info div#main{
	overflow:auto;
	height:277px;
	margin:2px 1px 1px 0;
	text-align:left;
	font-size:14px;
}
#top div#left div#info div#main h4{
	margin:8px 10px 0 10px;
	font-size:100%;
	color:#003366;
}
#top div#left div#info div#main p{
	margin:4px 10px 0 10px;
	font-size:120%;
}
#top div#right{
	float:left;
	width:160px;
	margin:20px 0 0 7px;
}
/* バナー(大) */
#top div#right div#bnr_sps{}
#top div#right div#bnr_sps p{
	margin:0 0 6px 0;
	border:solid #000000;
	border-width:2px 1px 1px 1px;
}
#top div#right div#bnr_sps p a{
	background:url(img/top/bg_bnr_anc.gif) no-repeat center top;
	display:block;
	width:160px;
	height:69px;
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	vertical-align:bottom;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	text-align:right;
	padding-right:5px;
	color:#000000;
}
#top div#right div#bnr_sps p a:hover{
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
}
#top div#right div#bnr_sps div#mail p a:hover{
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
}

/* バナー(小) */
#top div#right div#bnr_sps_small{}
#top div#right div#bnr_sps_small p{
	margin:0 0 6px 0;
	border:solid #000000;
	border-width:2px 1px 1px 1px;
}
#top div#right div#bnr_sps_small p a{
	background:url(img/top/bg_bnr_anc.gif) no-repeat center top;
	display:block;
	width:160px;
	height:35px;
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	vertical-align:bottom;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	text-align:right;
	color:#000000;
	padding-right:5px;
}
#top div#right div#bnr_sps_small p a:hover{
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
}
#top div#right div#bnr_sps_small div#mail p a:hover{
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
}

/*** トップ バナー ***/
/* ビジネスちょっと一言 */
#top div#right div#bnr_sps p.bnr01{
	background:url(img/top/bnr01.jpg) no-repeat center;
}
/* 社団法人 日本経営士会 */
#top div#right div#bnr_sps p.bnr02{
	background:url(img/top/bnr02.jpg) no-repeat center;
}
/* 日本企画計画学会 */
#top div#right div#bnr_sps p.bnr03{
	background:url(img/top/bnr03.jpg) no-repeat center;
}
/* 中小企業大学校旭川校 */
#top div#right div#bnr_sps p.bnr04{
	background:url(img/top/bnr04.jpg) no-repeat center;
}
/* 栗原 弘の社長ブログ */
#top div#right div#bnr_sps p.bnr05{
	background:url(img/top/bnr05.jpg) no-repeat center;
}
/* 日本キャリア開発協会 */
#top div#right div#bnr_sps p.bnr06{
	background:url(img/top/bnr06.jpg) no-repeat center;
}
/* 北海道中小企業家同友会 */
#top div#right div#bnr_sps p.bnr07{
	background:url(img/top/bnr07.jpg) no-repeat center;
}
/* その他リンク */
#top div#right div#bnr_sps p.bnr08{
	background:url(img/top/bnr08.jpg) no-repeat center;
}

/***********************************/


/***********************************/


/*** フォント ***/
#bold_green{
	font-weight:bold;
	color:#118D0B;
}
#bold_orange{
	font-weight:bold;
	color:#FB5515;
}
#bold_large{
	font-weight:bold;
	font-size:18px;
	*font:18px;
}
#bold_large_line{
	font-weight:bold;
	font-size:large;
	*font:large;
}
#bold_large_blue{
	font-weight:bold;
	font-size:18px;
	*font:18px;
	color:#3342FC;
	line-height:150%;
}
#line_height_150{
	line-height:150%;
}

/***その他のページ***/
#other_page{
	text-align:left;
	font-size:16px;
}
#other_page h3{
	font-size:24px;
	line-height:100px;
	height:100px;
	color:#000000;
	font-weight:normal;
	text-indent:20px;
}
#other_page h4{
	text-indent:15px;
	font-size:120%;
	line-height:1.0em;
	vertical-align:top;
	color:#003366;
	margin:16px 0 0 0;
}
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#003366;
}	
#other_page div.typeA{
	margin:8px 0 16px 0;
}
#other_page div.typeA p{
	margin:8px 0 16px 0;
	line-height:180%;
}
#other_page div.typeB{
	zoom:100%;
}
#other_page div.typeB:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#other_page div.typeB p{
	margin:8px 0 10px 0;
	line-height:180%;
}	
#other_page div.typeB div.left{
	float:left;
	width:370px;
	line-height:180%;
}
#other_page div.typeB div.right{
	float:right;
	width:370px;
	margin:0 0 0 20px;
}

#other_page p.margin_none{
	margin:0;
}
#other_page p{
	margin:6px 0 0 0;
}

/**02_社員教育のページ***/
#other_page h4 div.h02{
	background:url(img/sub_page/02/bg_h3_01.gif) no-repeat center left;
}
#other_page div.typeB div.left02_1{
	float:left;
	width:250px;
	line-height:180%;
}
#other_page div.typeB div.right02_1{
	float:left;
	width:510px;
	height:425px;
	margin:10px 0 0 10px;
}
#other_page div.typeB div.right02_1 table tr td div.problem{

}
#other_page div.typeB div.right02_1 table tr td div.problem h5{
	font-size:14px;
	color:#F53704;
	margin:5px 0 0 0;
}
#other_page div.typeB div.right02_1 table tr td div.problem h4{
	background:url(img/sub_page/02/bg_h3_01.gif) no-repeat center left;
	font-size:20px;
	font-weight:bold;
	color:#1E4C02;
	margin:5px 0 10px 10px;
}
#other_page div.typeB div.right02_1 table tr td div.problem p{
	font-size:12px;
	margin:5px 0 10px 20px;
}
#topics{
	font-size:12px;
	color:#F53704;
	margin:5px 0 10px 30px;
	padding:5px;
	border: 1px solid gray;
	width:350px;
	line-height:150%;
	background-color:#FBF7CF;
}
#hi_content{
	line-height:120%;
	margin:5px 0 10px 40px;
}
#hi_content h6{
	font-size:16px;
	font-weight:bold;
	margin:10px 0 10px 0;
}
#hi_content b{
	font-size:12px;
	color:#0F6B03;
	margin:5px 0 0 20px;
}
#hi_content div{
	font-size:12px;
	margin:0 0 0 20px;
}

/**03_講演のページ***/
#other_page h4 div.h03{
	background:url(img/sub_page/03/bg_h3_01.gif) no-repeat center left;
}

/**04_カウンセリングのページ***/
#other_page h4 div.h04{
	background:url(img/sub_page/04/bg_h3_01.gif) no-repeat center left;
	font-size:22px;
	color:#FB5515;
}
#frame04_1{
	float:left;
	border: 1px solid gray;
	width:400px;
	background-color:#FBF7CF;
}

#frame04_2{
	float:left;
	border: 1px solid gray;
	width:420px;
	background-color:#FBF7CF;
	margin:10px 0 10px 0;
	padding-bottom:5px;
}
#other_page div.typeB div.left04_2{
	float:left;
	width:430px;
	line-height:100%;
}
#other_page div.typeB div.right04_2{
	float:left;
	width:300px;
	margin:0 0 0 20px;
}

/**05_経営コンサルのページ***/
#other_page h4 div.h05{
	background:url(img/sub_page/05/bg_h3_01.gif) no-repeat center left;
}
#frame05_2{
	border: 1px solid gray;
	width:350px;
	background-color:#FFD599;
	margin:10px 0 10px 0;
	padding-bottom:10px;
}

/**06_会社概要のページ***/
#other_page h4 div.h06{
	background:url(img/sub_page/06/bg_h3_01.gif) no-repeat center left;
}
#other_page div.typeB div.left06_1{
	float:left;
	width:300px;
	line-height:100%;
}
#other_page div.typeB div.right06_1{
	float:left;
	width:450px;
	margin:0 0 0 20px;
}

#other_page div.typeB div.left06_2{
	float:left;
	width:130px;
	margin:10px 15px 10px 10px;
	text-align:center;
}
#other_page div.typeB div.left06_2 p img{
	border: 1px solid #F99900;
}
#other_page div.typeB div.right06_2{
	float:left;
	width:450px;
	line-height:100%;
	height:230px;
}

/**07_その他リンクのページ***/
#other_page h4 div.h07{
	background:url(img/sub_page/07/bg_h3.gif) no-repeat center left;
}

/*テーブルセット*/
#tbl_setA{
	border:#003366 solid 1px;
	border-collapse:collapse;
	margin:0;
	font-size: 13px; /* モダンブラウザ */
	*font-size: normal; /* IE 7 */
	*font: normal; /* IE 6以下 */
}
#tbl_setA th{
	border:#003366 solid 1px;
	background:url(img/bg_th_a.gif);
	padding:6px;
	color:#003366;
	text-align:center;
	font-weight:bold;
}
#tbl_setA td{
	border:#003366 solid 1px;
	padding:6px;
}