@charset "utf-8";
/* CSS Document */

@import url("header.css");
@import url("footer.css");

/**************************************************
お役立ち情報
**************************************************/


/*--------------初期化--------------*/
* {	
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
} 
body{
	line-height:1.4;
	color:#333;
	font-size:12px;
	background:url(../img/body_bg.gif) 0 0 repeat-x;
}
img {
	border:0
}
table{
	border-collapse:collapse;
}
select {vertical-align:middle;}

li {list-style:none;}
li img {vertical-align:top;}
ifram {height:0px;}
input, button, optgroup, option,textarea{
	vertical-align:middle;
	color:#333;
	font-size:12px;
	line-height:1.1;
	padding:1px;
	}
input[type="radio"],input[type="checkbox"] {padding:0; margin-right:3px;}
textarea {
	padding:3px;
	line-height:1.4;
	}
a:link{
	color:#0066CC !important;
	text-decoration:none;
}
a:visited{
	/*color:#4D1A73;*/
	text-decoration:none;
}
a:hover,a:active{
	color:#993399;
	text-decoration:underline;
}


/*----------- 共通スタイルシート -----------*/
#pkz {
	margin-bottom:15px;
}
b {font-weight:bold; color:#FF9900;}

/*レイアウト系*/

#container{
	width:890px;
	margin:0 auto 10px auto;
}
#main_container {
	padding-left:10px;
}
#footer_area{
	clear:both;
}
.subLeft {
	float:left;
	width:200px;
}
.subRight {
	float:left;
	width:325px;
}
.mainRight{
	width:665px;
	float:right;
}
.mainLeft{
	width:550px;
	float:left;
}
/*///////////////////////////
 2008 10 14
 login表示調整（中村）
 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓
///////////////////////////*/

/* ヘッダーログイン用IFRAM*/
iframe#login_frame {
	margin:3px 0 0 0;
	width:880px;
	height:68px;
	border:none;
	background:$FF0000;
}

*:first-child+html iframe#login_frame {
	margin:2px 0 0 0;
}
iframe#login_frame body{
	background:none;
	font-size:12px;
	line-height:1.4em;
	vertical-align:top;
}

#login_frame #headerLogin .loginForm{
	font-size:12px;
	padding:2px 1px;
	width:120px;
}
iframe#login_frame .headLoginText {
	padding:4px 0 0 84px;
}

iframe#login_frame .loginForm input{
}

/* ヘッダーログイン用IFRAM*/
/*///////////////////////////
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
 2008 10 14 
 login表示調整（中村）
///////////////////////////*/


/*-----ログイン移動追加-----*/
#jobTopLogin{
	height:30px;
	padding:5px 5px 10px 0;
	background:url(../img/img_jobTopLogin.gif) no-repeat 0 0;
	text-align:right;
}

/*レフトナビ*/
.subLeft h2{
	background:url(../img_useful/fr020_title_w200.gif) 0 0 no-repeat;
	padding:5px 10px 6px 10px;
	font-size:12px;
}
.subLeft h3{
	padding:6px 12px 6px 12px;
	font-size:12px;
}

.subLeft ul {
	background-color:#F7F7F7;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px 7px;
	width:184px;
}
.subLeft ul li {
	margin:0 3px 4px 3px;
	line-height:1.3;
}
.subLeft ul li a{
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) 0 0.25em no-repeat;
}

.subLeft ul li.line {
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(../img_useful/line_dot_02.gif) left bottom repeat-x;
}	
.subLeft ul.pickup {
	background:url(../img_useful/useful_ln_pickup_bg.gif) -1px 0 no-repeat;

}
.subLeft ul.pickup li{
	background:url(../img_useful/line_dot_02.gif) left bottom repeat-x;
	margin:0 4px;
	padding:4px 0;
}
.subLeft ul.pickup li.title {
	background:none;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
.subLeft ul.pickup li a{
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) 0 0.25em no-repeat;
}

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

 2008 10 30 修正　中村

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


.subLeft .left_navi_1st_top{
	clear:both;
	margin:0 0 0 0;
	_margin:0 0 0 0px;
	height:5px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img_useful/fr020_top_w200.gif) 0 0 no-repeat;

}
.subLeft .left_navi_pickup_m{
	clear:both;
	margin:0 0 0 0;
	height:8px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img_useful/useful_ln_pickup_bottom1.gif) 0 0 no-repeat;
}

.subLeft .left_navi_pickup_bottom{
	clear:both;
	margin:0 0 10px 0;
	height:10px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img_useful/useful_ln_pickup_bottom2.gif) 0 0 no-repeat;
}
/*業界--------------*/
.subLeft .left_navi_gyokai_pickup_m{
	clear:both;
	margin:0 0 0 0;
	height:8px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img_useful/useful_ln_pickup_bottom1.gif) 0 0 no-repeat;
}
.subLeft .left_navi_gyokai_pickup_bottom{
	clear:both;
	margin:0 0 10px 0;
	height:10px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img_useful/useful_ln_pickup_bottom2.gif) 0 0 no-repeat;
}
/*職種--------------*/
.subLeft .left_navi_syokusyu_pickup_m{
	clear:both;
	margin:0 0 0 0;
	height:8px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img_useful/useful_ln_pickup_bottom1.gif) 0 0 no-repeat;
}
.subLeft .left_navi_syokusyu_pickup_bottom{
	clear:both;
	margin:0 0 10px 0;
	height:10px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img_useful/useful_ln_pickup_bottom2.gif) 0 0 no-repeat;
}


/*アイコンなど*/

.arrow_1{
	padding:0 0 0 10px;
	background:url(http://globalleadernavi.com/jp/img/arrow_1.gif) 0 0.25em no-repeat;
	color:#4D1A73;
}
.arrow_2{
	padding:0 0 0 10px;
	background:url(http://globalleadernavi.com/jp/img/arrow_2.gif) 0 0.25em no-repeat;
}
.arrow_3{
	padding:0 0 0 10px;
	background:url(http://globalleadernavi.com/jp/img/arrow_3.gif) 0 0.25em no-repeat;
	color:#4D1A73;
}

.arrow_6{
	padding:0 0 0 10px;
	background:url(../img/arrow_6.gif) no-repeat 0 3px;
	color:#4D1A73;
}
a.arrow_pageTop {
	color:#4D1A73;
	padding:0 0 0 11px;
	background:url(../img/arrow_3.gif) 0 0.5em no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

/*タイトル*/
#mainTitle{
	background:url(../img_useful/useful_maintitle_bg.jpg) 0 0 no-repeat;
	padding:0 10px 20px 13px;
}
#mainTitle .Title{
	width:400px;
	padding-top:35px;
	float:left;
}
#mainTitle .read{
	padding:0 10px 0 55px;
	width:365px;
}
#mainTitle .illust {
	float:left;
	width:220px;
	padding-top:10px;
}
.title01{
	margin-bottom:15px;
}
.title02{
	margin-bottom:10px;
	padding:3px 4px;
	background-color:#4D1A73;
	margin-bottom:15px;
}
.title02 span{
	padding-left:4px;
	border-left:5px solid #FFF;
	display:block;
	font-size:14px;
	color:#FFF;
	line-height:1.1;
}
.title03{
	margin-bottom:10px;
	padding:3px 4px;
	background-color:#E0E0E0;
	margin-bottom:15px;
}
.title03 span{
	padding-left:4px;
	border-left:5px solid #999;
	display:block;
	font-size:12px;
	line-height:1.1;
}
.copy01 {
	font-size:14px;
	margin-bottom:5px;
}

.textBlock {padding-bottom:15px;}
.textBlock img {
	float:right;
	margin:0 0 10px 15px;
}

.pd_b10 {padding-bottom:10px;}
.pd_b15 {padding-bottom:15px;}



/*----------- index.html -----------*/

.indexMenu {
	float:left;
	width:275px;
	margin-bottom:10px;
}
.indexMenu .text,.indexMenu .linkDetail{
	border:1px solid #CCC;
	padding:5px 13px;
	margin-right:10px;
}
.indexMenu .text{
	border-width:0 1px;
}
.indexMenu .linkDetail{
	border-top:none;
	text-align:right;
	padding:0 13px 10px;
}
.index .know {
	background:url(../img_useful/useful_idx_know_bg.gif) 0 0 repeat-y;
}
.index .know p {
	padding:9px;
}
.index .know ul{
	padding:0 9px;
}

/*----------- 就活カレンダー -----------*/
.cal ul.tab {
	margin-left:13px;
}
.cal ul.tab li {
	float:left;
	width:66px;
}
.cal #mainTitle{
	padding:0 10px 20px 15px;
	background: url(../img_useful/cal_mainttl_bg.jpg) 0 0 no-repeat;
}

.cal #mainTitle .illust{
	float:right;
	width:330px;
	text-align:right;
	padding:10px 0;
}
.cal #mainTitle .inner{
	float:left;
	width:525px;
}

.cal #mainTitle .calTitle{
	padding-top:35px;
}
.cal #mainTitle .read{
	padding:10px 0 0 0;
}
.cal .calBlock {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../img_useful/line_dot_01.gif) left bottom repeat-x;
}
.cal .calBlock .task, .cal .calBlock .taskTop {
	float:left;
	width:455px;
	height:140px;
	background:url(../img_useful/cal_bg02.jpg) 0 0 no-repeat;
}
.cal .calBlock .taskTop {
	background:url(../img_useful/cal_bg01.jpg) 0 0 no-repeat;
}
.cal .calBlock .detail {
	float:right;
	width:400px;
}
.cal .calBlock h3 {
	float:left;
	width:170px;
	padding-top:45px;
}
.cal .calBlock h3.line2{
	padding-top:35px;
}
.cal .calBlock h3 img, .cal .calBlock a.arrow_1 {
	font-weight:normal;
	font-size:12px;
	margin:0 10px 5px 20px;
	display:block;
	line-height:1.2;
}
.cal .calBlock .per {
	float:left;
	width:260px;
	padding-top:45px;
	text-align:right;
}

.cal .calBlock .detail .text {
	margin-bottom:10px;
}
.cal .calBlock .link {
	background:url(../img_useful/cal_bg03.gif) 0 0 no-repeat;
}
.cal .calBlock .link h4 {
	padding:5px 10px 4px 30px;
	font-size:12px;
}
.cal .calBlock .link p {
}

.cal .calBlock ul.kw_qa li {
	background:url(../img_useful/arrow_qa.gif) 0 0.1em no-repeat;
	margin:5px 10px;
	padding:0 0 2px 30px;
	line-height:1.2;
}
.cal .notice {font-size:10px;}




/*----------- 業界を知る/職種を知る -----------*/
.know ul.tub {
	margin-left:10px;
	_margin-left:8px;
}
.know ul.tub li {
	float:left;
	width:91px;
}
.know .gyokai_mainTitle{
	background:url(../img_useful/gyoukai_mainttl_bg.jpg) 0 0 no-repeat  !important;
}
.know .syokusyu_mainTitle {
	background:url(../img_useful/syokusyu_mainttl_bg.jpg) 0 0 no-repeat  !important;
}

.know #mainTitle .title{
	width:530px;
	padding-top:35px;
}
.know #mainTitle .goto_tokusyu{
	margin-top:10px;
	text-align:right;
}
.know .knowList {
	width:327px;
	float:left;
	margin-bottom:10px;
	background:url(../img_useful/contentsmenu01_top.gif) 0 0 no-repeat;
	border-bottom:1px solid #CCC;
}
.know .knowList_right {
	float:right;
}
.know .knowList h3,.know .knowList p {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.know .knowList h3 {
	padding:20px 10px 0 10px;
}
.know .knowList p {
	text-align:right;
	padding:0 10px 5px 10px;
}
.know .tokusyu {
	background:url(../img_useful/gyoukai_tokusyu_bg.gif) 0 0 repeat-y;
	padding:10px 15px 5px 15px;
}
.know .tokusyu dt {
	float:left;
	width:4em;
}
.know .tokusyu dt,.know .tokusyu dd {
	padding-bottom:5px;
	margin-bottom:5px;
}
.know .tokusyu dd {
	background:url(../img_useful/line_dot_01.gif) left bottom repeat-x;
	padding-left:4em;
}
/*--- 下層ページ ---*/
.know #mainTitle {
	padding:20px 10px;
}
.know #mainTitle .title_detail{
	width:450px;
	float:left;
}
.know #mainTitle .goto_list{
	width:185px;
	float:left;
}

.gyoukaiList ul {
	border:1px solid #CCC;
	border-top:none;
	padding:10px 20px;
}
.gyoukaiList ul li {
	float:left;
	width:300px;
	padding-bottom:2px;
}
.gyoukaiList ul li a, .gyoukaiList ul li span {
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) 0 0.25em no-repeat;
}
.syokusyuList p, .gyoukaiList p {
	background:url(../img_useful/fr110_title_w665.gif) 0 0 no-repeat;
	padding:4px 10px;
}
.syokusyuList ul {
	border:1px solid #CCC;
	border-top:none;
	padding:10px 20px;
}
.gyoukaiList ul li span{
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) 0 0.25em no-repeat;
}
/*----------- 業界研究のツボ -----------*/


/*----------- 就活マニュアル -----------*/

.manual .newTextTag {
	background:url(../img_useful/manual_newtext_tag.gif) 0 0 no-repeat;
	text-align:right;
	padding:10px 10px 0px 10px;
}
.manual .newText,.manual .Text {
	padding:10px 10px 5px 10px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#F3EAFB;
}
.manual .newText h3 ,.manual .Text h3 {
	margin-bottom:10px;
}
.manual .newText p.continu {
	text-align:right;}
.manual .newText .textBlock{
	padding-bottom:5px;
}

.manual .TextTag {
	margin:0;
	padding:0;
}
.manual .Text {
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	padding-bottom:10px;
}
.manual .kijiList_L{
	width:325px;
	float:left;
	padding-bottom:35px;
}
.manual .kijiList_R{
	width:325px;
	float:right;
	padding-bottom:35px;
}
.manual .kijiList_L h4,.manual .kijiList_R h4 {
	margin-bottom:5px;
}

.manual .kijiList_L ul,.manual .kijiList_R ul {
	margin-bottom:15px;
}
.manual .kijiList_L li,.manual .kijiList_R li{
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(../img_useful/line_dot_01.gif) left bottom repeat-x;
}
.manual .kijiList_L li a,.manual .kijiList_R li a{
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) 0 0.25em no-repeat;
}


/*----------- 就活Q&A -----------*/
.qa #categoryList {
	padding:0 15px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#F3EAFB;
}
.qa #categoryList li {
	float:left;
	padding:3px 0;
	width:210px;
}
.qa #categoryList li a{
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) 0 0.25em no-repeat;
}
.qa #questionList {
	background:url(../img_useful/icon_q.gif) 0 0 no-repeat;
	padding-left:40px;
	margin-bottom:20px;
}
.qa #questionList li {
	margin-bottom:5px;
}
.qa #questionList li a {
	padding:0 0 0 10px;
	background:url(http://globalleadernavi.com/jp/img/arrow_2.gif) 0 0.25em no-repeat;
}
.qa .answer {
	border:1px solid #CCC;
	border-top:none;
}
.qa .answer h4 {
	background:url(../img_useful/line_dot_01.gif) left bottom repeat-x;
	padding:8px 15px;
}
.qa .answer h4 span {
	display:block;
	background:url(../img_useful/icon_q.gif) 0 0.1em no-repeat;
	padding:0 0 0 30px;
	font-size:12px;
}
.qa .answer p {
	background:url(../img_useful/icon_a.gif) 0 0.1em no-repeat;
	margin:8px 15px;
	padding:0 0 0 30px;
}
.qa .backto_questionList {
	padding:10px 0 20px 0;
	text-align:right;
}

/*----------- 就活マナー講座 -----------*/

.manner .tab {
	border-bottom:10px solid #4D1A73;
	margin-bottom:15px;
}
.manner .tab li {
	float:left;
	width:127px;
}
.manner .tab li.activ {
	width:157px;
}

#qaList {
	background:url(../img_useful/fr060_bg_w665.gif) 0 0 repeat-y;
}

#qaList h3 {
	background:url(../img_useful/fr060_title_w665.gif) 0 0 no-repeat;
	padding:10px 15px;
	font-size:14px;
}
#qaList ul {padding-top:5px;}
#qaList ul li {
	margin:0 15px 5px 15px;
	padding-bottom:5px;
	background:url(../img_useful/line_dot_01.gif) left bottom repeat-x;
}
#qaList ul li a {
	padding:0 0 0 10px;
	background:url(../jp/img/arrow_1.gif) 0 0.25em no-repeat;
}
#qaList .gotoQA {
	text-align:right;
	padding:0 15px 5px 15px;
}


/*-----職種一覧用-----*/
.ie_hack{
	_padding-left:2px;
}



/*----------- 自己分析術 -----------*/
.self .step {
	margin-bottom:15px;
}

.self .step li {
	float:left;
	width:156px;
}
.self .step li.step1_activ {width:223px;}
.self .step li.step4 {width:130px;}


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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------clearfix--------------*/