html{ 
    height:100%; 
} 
body{ 
    height:100%; 
} 

img { border:0;}

body			{ margin:0;background-color:#000000;color:#505050;font-family: 'MS UI Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;font-size: 80%;line-height: 150%;}
body			{ background:url(../images/bg_body.gif) ;}

#body01			{margin:0;padding:0px;text-align:center;margin:0 auto 0px auto;background:url(../images/bg_head.jpg);background-repeat:repeat-x;}
#containar		{margin:0 auto 0px auto;width:800px;padding:0px 0 0 0;background:url(../images/bg_cnt.gif) ;background-repeat:repeat-y;text-align:center;}

/* ヘッダー */
#header			{width:800px;margin:0px 0px;padding:25px 0px 10px 0px;background:url(../images/header.gif) no-repeat ;clear: both;}
#header #logo	{float:left;margin:0px 0px 10px 0px;padding-left:20px;}
#header #glnav	{float:right;padding-right:18px;}

a				{text-decoration:none;}
a:link			{color: #666600; text-decoration: none;}
a:visited		{color: #666600; text-decoration: none;}
a:hover			{color: #336600; text-decoration: none;}

a.b_crumbs			{ color: #666666;text-decoration: underline;}
a.b_crumbs:link		{ color: #666666;text-decoration: underline;}
a.b_crumbs:visited	{ color: #666666;text-decoration: underline;}
a.b_crumbs:hover	{ color: #333333;text-decoration: underline;}

a.p_crumbs			{ color: #666666;text-decoration: underline;}
a.p_crumbs:link		{ color: #666666;text-decoration: underline;}
a.p_crumbs:visited	{ color: #666666;text-decoration: underline;}
a.p_crumbs:hover	{ color: #333333;text-decoration: underline;}

#f_link	a		{ color: #666666;text-decoration: none;}
#f_link	a:link		{ color: #666666;text-decoration: none;}
#f_link	a:visited	{ color: #666666;text-decoration: none;}
#f_link	a:hover		{ color: #333333;text-decoration: underline;}




/* メインイメージ */
#main_img		{width:914px;margin:0px 13px;clear: both;}


/* グローバルナビ */
#navi			{ width: 800px;height: 66px;padding:0px;margin:0px 0px 0px 0px;clear: both;background :url(../images/nav_btm.gif) no-repeat center bottom}
#navi ul		{ width: 800px;height: 45px;margin: 0px;padding:0px;list-style:none;}
#navi ul li		{ float: left;}

/* left_menu */
#left_menu		{ float: left;width: 191px;text-align:left;padding:4px 0px 0px 20px;}
#left_menu ul	{ margin:0;padding:0;list-style:none;}
#left_menu ul li{margin:5px 0px;padding:0 30px 0 110px;text-indent: -73px;background:url("../images/icon_y01.gif") no-repeat 7px 0.3em;}


/* パンクズリスト */
#b_crumbs		{ text-align:left;padding:5px 0px 10px 0px;clear: both;font-size: 85%;color: #666666;}

/* トップページコンテンツ（職種別の転職事情） */
#pro		{ padding:12px 0px 21px 0px;}


/* コンテンツ */
#contents		{ float: left;width: 549px;text-align:left;padding:0px 0px 0px 20px;}

#contents .search_box	{ margin-bottom:5px;padding:0px;border-color:#cccccc;border-width:1px;border-style:solid;width:547px;}
#contents .iframe		{ padding:10px 10px;width:527px;}
#contents .cnt_box		{ margin-top:20px;padding:0px;border-color:#cccccc;border-width:1px;border-style:solid;width:547px;}
#contents .cnt_box .box	{ width: 527px;padding:10px;margin:0px 0 0 0; }
#contents p				{ text-align:left;padding:2px;margin:0; }
#contents .txs			{ font-size: 85%; }
#contents .txss			{ font-size: 85%;line-height: 130%; }
#contents .txb			{ font-size: 120%; }
#contents .btn			{ padding:5px;text-align:center;}
#contents .btn-right	{ padding-top:10px;text-align:right;}

#check ul			{ margin:20px 0;padding:0;list-style:none;clear: both;}
#check ul li		{ margin:5px 0px;padding:0 0px 3px 30px;background:url("../images/check.gif") no-repeat 7px 0.2em;font-weight: bold;color: #000000;}

#check2 ul			{ margin:10px 0;padding:0;list-style:none;clear: both;}
#check2 ul li		{ margin:5px 0px 0px 0px;padding:0 0px 3px 60px;background:url("../images/check.gif") no-repeat 35px 0.2em;}

#notes ul			{ margin:20px 0 0px 0;padding:0;list-style:circle;clear: both;}
#notes ul li		{ margin:5px 0px 0 20px;padding:0 0px 0 0;font-size: 85%;}

#square ul			{ margin:0px 0 0px 0;padding:0;list-style:square;clear: both;}
#square ul li		{ margin:5px 0px 0 20px;padding:0 0px 0 0;}

#roman ul			{ margin:0px 0 0px 15px;padding:0;list-style:upper-roman;clear: both;}
#roman ul li		{ margin:5px 0px 0 20px;padding:0 0px 0 0;}

#decimal ul			{ margin:0px 0 0px 10px;padding:0;list-style:decimal;clear: both;}
#decimal ul li		{ margin:5px 0px 0 20px;padding:0 0px 0 0;}

#alpha ul			{ margin:10px 0 10px 20px;padding:0;list-style:lower-alpha;clear: both;font-weight: bold;color: #000000;}
#alpha ul li		{ margin:5px 0px 0 20px;padding:0 0px 0 0;}

#recruit ul			{ margin:10px 30px;padding:0;clear: both;}
#recruit ul li		{ margin:0px 0px;padding:0 0px 0px 0px;}

#faq ul			{ margin:20px 0;padding:0;list-style:none;clear: both;}
#faq .q			{ margin:5px 0px;padding:0 0px 10px 35px;background:url("../images/q.gif") no-repeat 7px 0em;font-weight: bold;color: #000000;}
#faq .a			{ margin:5px 0px;padding:0 0px 5px 35px;background:url("../images/a.gif") no-repeat 7px 0em;}
#faq .go_list	{ margin:5px 0px 10px 0px;text-align:right;font-size: 85%;}

.red	{ color: #ff0000;}
.black	{ color: #000000;}
.green	{ color: #669900;}

.media	{ margin:10px 0px 20px 0px;padding:0;clear: both;}
.kiji	{ border-color:#cccccc;margin:10px 0px 0px 10px}

h1	{font-size:100%;position:absolute;top:-100px;left: 0;}
h2	{font-size: 100%;line-height: 150%;color: #000000;text-align:left; margin:30px 0px 5px 0px;
	 padding:0px 5px;border-color:#669900;border-width:0 0 0 6px;border-style:solid; }
h3	{font-size: 120%;line-height: 150%;color: #000000;text-align:left; margin:0px 0px 0px 0px;padding:3px 5px 0 5px; }


#contents .company_box		{ float: left;margin:20px 24px 0px 0px;padding:0px;border-color:#cccccc;border-width:1px;border-style:solid;width:260px;}
#contents .company_box .box	{ width: 240px;padding:10px;margin:0px 0 0 0;}
#contents .company_box .photo	{ margin:0 5px 0 0;float: left;}
#contents .company_box_r		{ float: left;margin:20px 0px 0px 0px;padding:0px;border-color:#cccccc;border-width:1px;border-style:solid;width:260px;}
#contents .company_box_r .box	{ width: 240px;padding:10px;margin:0px 0 0 0; }
#contents .company_box_r .photo	{ margin:0 5px 0 0;float: left;}






.bg_b	{background:url(../images/bg02.gif) ; }
#contents #box h4	{font-size: 100%;line-height: 150%;color: #C20030;text-align:left;width: 600px;margin:20px 0 0px 18px;padding:0; }
#contents #box h5	{font-size: 100%;line-height: 150%;color: #000000;text-align:left;width: 600px;margin:15px 0 15px 18px;padding:0 8px;border-color:#669900;border-width:0 0 0 6px;border-style:solid; }


#contents #box_line	{padding: 5px 0 5px 15px; }




#contents #left	{ float: left;}
#contents #right{ float: left;}

#contents #left h2	{color: #000000;text-align:left;width: 400px;padding-left:17px;margin:10px 0 10px 0; }
#contents #left p	{font-size: 90%;line-height: 180%;text-align:left;width: 400px;padding-left:17px;margin:3px 0 0 0; }
#contents #right #info	{width: 210px; padding:0 0 0 20px;}
#contents #right .name		{float: left;font-weight: bold;font-size: 100%;color: #000000;text-align:left;margin:10px 0 10px 0; }
#contents #right .name_r	{float: left;font-size: 80%;color: #000000;text-align:left;margin:14px 0 10px 8px; }
#contents #right h3	{font-size: 100%;line-height: 150%;color: #000000;text-align:left;margin:0;}
#contents #right p	{text-align:left;margin:3px 0 0 0; clear: both;}



/* メニュー */
#menu			{ float:left;margin-left:34px;width: 190px;text-align:left;}
#menu ul		{ width: 190px;margin: 0px;padding:0px;list-style:none;}
#menu li		{ border-color:#333333;border-width:1px;border-style:solid;width:188px;background:url(../images/nav_bg.gif) no-repeat 1px 1px;}
.menu			{ font-size: 78%;text-align:left;padding:15px 8px 12px 20px;}





/* テーブル */
.table_box	{ font-size: 90%;line-height: 180%;text-align:left;padding-left:17px;margin:10px 0 10px 0; }

.table_box th {
	background: #eeeeee;
	color: #000;
	font-weight: bold;width: 20%;
	padding: 10px;border: 1px solid #cccccc;
}
.table_box td {
	padding: 10px;border: 1px solid #cccccc;
}

.table_box2	{ text-align:left;padding:0px;margin:0; }
.table_box2 td { padding: 5px;border:none; }

.table_box3	{ text-align:left;padding:0px;}
.table_box3 th { padding: 5px 10px 5px 0px;border-bottom: #cccccc 1px dashed;border-top: #cccccc 1px dashed }
.table_box3 td { padding: 3px;border-bottom: #cccccc 1px dashed;border-top: #cccccc 1px dashed }
.border-none { padding: 3px;border:none; }
.page_crumbs { text-align:center;margin:20px 0px 5px 0px;clear: both;}
.v_icon { margin:0px 3px 3px 0px;}
.icon_box { margin:5px 0px 5px 10px;width: 170px;}
.voice_box, .hreview { margin:10px 0px 40px 0px;padding: 3px 0 2px 0;border-bottom: #cccccc 1px solid;border-top: #cccccc 1px solid }

#navi2			{ padding:0px;margin:30px 0px 0px 0px;clear: both;}
#navi2 ul		{ width: 548px;height: 45px;margin: 0px;padding:0px;list-style:none;}
#navi2 ul li		{ float: left;}


table { 
border-collapse: collapse;
} 
td, th { 
vertical-align: top; 
} 

#c_message		 { padding-left:17px; padding-top:15px}
#c_message .area { padding:5px;border-color:#669900;border-width:1px;border-style:solid;width:638px;background:#E9E5C6;}
#c_message .area_tx { font-size: 90%;line-height: 180%;text-align:left;width: 610px;padding-left:17px;margin:3px 0 10px 0;}



/* マージン */
.marginT30	{margin-top:30px; }
.marginT20	{margin-top:20px; }
.marginL10	{margin-left:10px; }
.marginL20	{margin-left:20px; }
.marginB10	{margin-bottom:10px; }
.marginT5B10	{margin-top:5px;margin-bottom:10px; }

/* テキスト */
.normal		{font-weight: normal; }
.txs		{font-size: 90%;}
.page_link	{font-size: 90%;line-height: 150%;font-weight: bold;color: #000000;padding:0px 20px 0 0px;text-align:right;margin:10px 0 0 0;clear: both;}

.page_top	{padding:0px 0px 0 0px;text-align:right;margin:40px 0 0 0;clear: both;}



/* フッター */
#f_link			{ margin:1px;padding:14px;width:770px;font-size: 85%;line-height: 170%;background-color:#E0DED8;}
#footer			{ padding-top: 20px;clear: both;}

/* clear */
.clears			{ margin-top: -1px;height: 1px;clear: both;}