@charset "shift_jis";

/* base.css
***********************************************************************************************************

	1.デフォルト
		・リセット
		・フォントリセット
	2.基本リンク
	3.基本フォント
	4.基本レイアウト
	5.フロートクリア
	6.テーブル
	7.汎用
		・マージン／パディング調整
		・配置調整

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



/* ======================================================================================

	1.デフォルト

=======================================================================================*/

/*リセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
img,abbr,acronym {border:0;}

/*フォントリセット*/
body {width:100%; font-size:100%;}
/*body {width:100%; font-size:100%; *font-size:small; *font:x-small;}*/
/*body{ font-family:"ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック";}*/
table {font-size:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.5;}

/* ======================================================================================

	2.基本リンク

=======================================================================================*/

a
{
	overflow:hidden;
}

a:link,
a:visited
{
	color:#2D4C8D;
	background-color:transparent;
	text-decoration:none;
}

a:hover,
a:active
{
	color:#2D4C8D;
	background-color:transparent;
	text-decoration:underline;
}



/* ======================================================================================

	3.基本フォント

=======================================================================================*/

/*【参考】フォントサイズ

 77% = 10px	|	122% = 16px	|	167% = 22px
 85% = 11px	|	129% = 17px	|	174% = 23px
 93% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	154% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

*/

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

.fs-9  {font-size:65%;}
.fs-10 {font-size:77%;}
.fs-11 {font-size:85%;}
.fs-12 {font-size:93%;}
.fs-13 {font-size:100%;}
.fs-18 {font-size:136%;}

.fw_b  {font-weight:bold;}
.col_f {color:#FFF}
.bld{ font-weight:bold;}
.col_gr{color:#999;}
.col_bl{color:#2D4C8D; font-weight:bold;}
.col_red{color:#FF0000;}
.txt_bdr{ text-decoration:underline;}


/* ======================================================================================

	4.基本レイアウト

=======================================================================================*/

html
{  
	overflow-y:scroll;
	background:#000000;
}

#wrapper
{
	margin:0 auto;
	text-align:center;
	background:#FFF url(../../images/bg_body.jpg) no-repeat;
}



/*　======↓　header　↓======　*/
#header
{
	width:1048px;
	margin:0 auto;
	margin-bottom:49px;
	background:url(../../images/header_bg.jpg) no-repeat right top;
	line-height:0;
	font-size:0;
}

.header_inner
{
	width:865px;
	margin:0 auto;
	text-align:left;
}

#header #logo
{
	display:inline;
	float:left;
	width:116px;
	margin-left:4px;
	padding:14px 0 39px;
}

.hd_rightarea
{
	float:right;
	width:440px;
}

.hd_rightarea .sub_area
{
	float:left;
	width:230px;
	margin-top:12px;
}

.hd_rightarea .sub_area ul
{
	float:right;
}

.hd_rightarea .sub_area li
{
	float:left;
	padding-right:15px;
}

.hd_rightarea #entry_area
{
	float:right;
	width:201px;
}

.hd_rightarea #entry_area li
{
	float:left;
	width:119px;
}

#header #gnav
{
	width:865px;
	margin:6px auto 0;
}

#header #gnav #g_company,
#header #gnav #g_business,
#header #gnav #g_message,
#header #gnav #g_education,
#header #gnav #g_job
{
	float:left;
	width:142px;
	height:32px;
	border-left:2px solid #000;
}

#header #gnav #g_top
{
	float:left;
	width:140px;
	height:32px;
}



/*　======↓　container　↓======　*/
#container
{
	width:1048px;
	margin:0 auto;
	padding-bottom:40px;
	background:#FFF;
}

#container .container_inner
{
	position:relative;
	width:865px;
	margin:0 auto;
	text-align:left;
}

.main_contents h2
{
	margin-bottom:23px;
}

.main_contents h3
{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;
}

.main_contents h3.clr
{
	margin-bottom:15px;
	padding-bottom:0px;
	border-bottom:none;
}

#container #lo_nav
{
	float:left;
	width:140px;
	padding-top:17px;
	border:1px solid #CCC;
}

#container #lo_nav h1
{
	margin-bottom:17px;
	padding:0 8px;
}

#container #lo_nav ul
{
	padding:0 8px;
}

#container #lo_nav li
{
	padding-bottom:8px;
	line-height:0;
	font-size:0;
}

#container .main_contents
{
	float:right;
	width:676px;
}

#container .main_contents2
{
	width:741px;
	margin:0 auto;
}

#container p.r_top1
{
	clear:both;
	padding-top:10px;
	text-align:right;
}

#container p.r_top2
{
	clear:both;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #CCC;
	text-align:right;
}



/*　======↓　footer　↓======　*/
#footer
{
	width:100%;
	background:#000;
}

.footer_inner
{
	width:865px;
	margin:0 auto;
	padding:5px 0;
	overflow:hidden;
}



/* ======================================================================================

	5.フロートクリア

=======================================================================================*/


.header_inner:after,
#header #gnav:after,
.container_inner:after,
.main_contents .box1:after,
.main_contents .box2:after,
.main_contents .c_box1:after,
.main_contents .com:after {
	 content:".";
	 display:block;
	 height:0;
	 clear:both;
	 visibility:hidden;
 }
 

.header_inner,
#header #gnav,
.container_inner,
.main_contents .box1,
.main_contents .box2,
.main_contents .c_box1,
.main_contents .com  {
	display:inline-block;
 }

/* Hides from IE-mac \*/

* html .header_inner,
* html #header #gnav,
* html .container_inner,
* html .main_contents .box1,
* html .main_contents .box2,
* html .main_contents .c_box1,
* html .main_contents .com
{
	height: 1%;
}

.header_inner,
#header #gnav,
.container_inner,
.main_contents .box1,
.main_contents .box2,
.main_contents .c_box1,
.main_contents .com
{
	display: block;
}
/* End hide from IE-mac */

.clear{
	margin:0;
	padding:0;
	clear: both;
}
.clearall {
	clear: both;
	height:0;
	visibility:hidden;
}



/* ======================================================================================

	6.テーブル

=======================================================================================*/

table
{
	border-collapse:collapse;
	border:1px solid #CCC;
	width:100%;
}

table th
{
	border:1px solid #CCC;
	border-bottom:1px solid #FFF;
	color:#FFF;
	background-color:#119EEA;
	font-weight:bold;
	white-space:nowrap;
}

table td
{
	border:1px solid #CCC;
	border-bottom:1px solid #FFF;
	background:url(../../seminar/images/dot.gif) repeat-x bottom bottom;
}

html>/**/body table td
{
	border:1px solid #CCC;
	border-bottom:1.5px dotted #CCC;
	background-image:none;
}

table th,
table td
{
	padding:7px 10px;
	text-align:center;
}

table td.bg_no
{
	border:1px solid #CCC;
	background-image:none;
}

td.col_g {
	background-color:#F2F2F2;
	border-bottom:1px solid #F2F2F2;
}

html>/**/body td.col_g {
	border-bottom:1.5px dotted #CCC;
}

html>/**/body td.bg_no {
	border-bottom:none;
}



/* ======================================================================================

	7.汎用

=======================================================================================*/

/* 画面表示なし*/
.explanation
{
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	font-size:0px;
}

hr
{
	display:none;
}

.fl
{
	float:left;
}



/* ---------------------------------------------------------------------
	マージン／パディング調整/　行間
---------------------------------------------------------------------- */

/* ----- 上 ----- */
.top0{margin-top:0px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}

.p-top2{padding-top:2px;}
.p-top7{padding-top:7px;}
.p-top10{padding-top:10px;}
.p-top20{padding-top:20px;}
.p-top44{padding-top:44px;}

/* ----- 下 ----- */
.bottom0{margin-bottom:0px;}
.bottom3{margin-bottom:3px;}
.bottom5{margin-bottom:5px;}
.bottom10{margin-bottom:10px;}
.bottom13{margin-bottom:13px;}
.bottom20{margin-bottom:20px;}
.bottom30{margin-bottom:30px;}

/* ----- 左 ----- */
.left0{margin-left:0px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left40{margin-left:40px;}

.p-left3{padding-left:3px;}
.p-left6{padding-left:6px;}
.p-left15{padding-left:15px;}
.p-left17{padding-left:17px;}

.sp-left06{padding-left:0.6em;}
.sp-left09{padding-left:0.9em;}
.sp-left10{padding-left:1em;}
.sp-left14{padding-left:1.4em;}

/* ----- 右 ----- */
.right10{margin-right:10px;}
.right20{margin-right:20px;}

.p-right3{padding-right:3px;}

/* ----- 上下 ----- */
.tb15{margin:15px 0;}

/* ----- 下左右 ----- */
.m_rbl_01
{
	margin:0.2em 2px 8px 10px;
}
.m_rbl_02
{
	margin:0.2em 2px 40px 14px;
}

.img-l
{
	display:inline; /* For IE Only */
	float:left;
}

.img-r
{
	display:inline; /* For IE Only */
	float:right;
}

.l_h18
{
	line-height:1.8;
}