@charset "utf-8";
/* CSS Document */
@import "common.css";
/**************************************************
ジョブフェア　フェアページ共通
**************************************************/


/*----------- 共通スタイルシート -----------*/

/*レイアウト系*/
#container{
	width:890px;
	margin:0 auto 10px auto;
}
#main_container {
}
#footer_area{
	clear:both;
}
.subLeft {
	float:left;
	width:200px;
}


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

.subLeft { display: inline-block; }

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



/*IEハック*/
.subLeft .pd_b10 img{
	margin-right:-2px;
}

.mainRight{
	width:665px;
	float:right;
}


/* ヘッダーログイン用IFRAM*/
iframe {
	width:880px;
	height:68px;
	border:none;
}

/* ヘッダーログイン用IFRAM foo Safari*/

html[xmlns*=""] body:last-child iframe#login_frame {
	width:895px;
}


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


/*レフトナビ*/
.subLeft h3{
	background:url(../img/fr020_title_w200.gif) 0 0 no-repeat;
	padding:5px 10px 2px 10px;
	font-size:12px;
	color:#333;
	margin:0;
}
.subLeft h3.safari{
	background:url(../img/fr_mobile_title.jpg) 0 0 no-repeat;
	padding:15px 10px 2px 35px;
	font-size:12px;
	color:#FFF;
	margin:0;
}
.mobile_bottom{
	clear:both;
/*	
	position:absolute;
	z-index:10;
	height:12px;
*/
	display:block;
	padding:0 0 0 0;
}
.mobile_in{
	margin:0 0 10px 0;
	_margin:0 0 0 0;
}
html[xmlns*=""] body:last-child .mobile_in p {
	letter-spacing:-0.1em;
} 

.subLeft ul {
	background-color:#F7F7F7;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px 7px;
	width:184px;
}
.subLeft ul li {
	margin-bottom:9px;
	padding-bottom:9px;
	background:url(../img/line_dot_02.gif) left bottom repeat-x;
}
.subLeft ul li.bottom {
	margin:0;
	padding-bottom:0;
	background:none;
}
.subLeft ul li a{
	padding:0 0 0 10px;
	background:url(http://globalleadernavi.com/jp/img/arrow_1.gif) 0 0.25em no-repeat;
	display:block;
}
.subLeft .registration {
	background:url(../img/fair_ln_registration_bg.gif) 0 0 no-repeat;
	text-align:center;
	padding:10px 10px 0 10px;
}
.subLeft .registration p{
	padding:10px 5px 5px 5px;
	text-align:left;
}

.subLeft .registration_in {
	background:url(../img/fair_ln_registration_bg.gif) 0 top no-repeat;
	text-align:center;
	padding:10px 0 0;
}
.subLeft .registration_in p{
	padding:5px 15px 5px 15px;
	text-align:left;
}

.subLeft .left_navi_bottom_in{
/*mobileハック用margin*/
	margin-top:-3px;
/*mobileハック用margin*/
	height:15px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img/fr020_bottom_w200.gif) 0 0 no-repeat;
}

.mobile_in{background:transparent url(../img/bg_taroMobile.gif) no-repeat 0 0;padding:10px 0 0;}
.mobile_text{padding:5px 0 1px 0; margin:0 15px; text-align:left;}
.mobile_textLink{background:transparent url(../img/line_dot_02.gif) repeat-x top;padding:5px 0; margin:0 15px; text-align:right;}
.mobileURL{font-size:10px; text-align:center; padding-top:5px;}


h3.safari{
backgroung:url(../img/fr_mobile_title.jpg) no-repeat scroll 0 0
}
/*//////////////////////////////////////////////////////////


2008 10 30 修正　中村
左ナビ画像部分位置調整


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

.subLeft .left_navi_1st_bottom{
	margin:0 0 10px 0;
	height:10px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img/fair_ln_registration_bottom2.gif) 0 0 no-repeat;
}

.subLeft .left_navi_top{
	height:5px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img/fr020_top_w200.gif) 0 0 no-repeat;
}
.subLeft .left_navi_bottom{
	height:5px;
	font-size:0;
	text-indent:-9999px;
	background:url(../img/fr020_bottom_w200.gif) 0 0 no-repeat;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/




/*メインエリアの共通スタイル*/
#fairGaikokujin,#fairKokunai {
	border:10px solid #AF1B31;
	padding:15px;
	float:right;
}

#fairKaigai{
	border:10px solid #5A4533;
	padding:15px;
	margin-bottom:15px;
}
#fairGaikokujin strong,#fairKokunai strong,#fairKaigai strong {
	color:#F60;
}
#fairContact {
	border:1px solid #CCC;
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	clear:both;
}
#fairContact h4 {
	font-size:14px;
	padding:0;
	font-weight:bold;
	color:#666;
	margin-bottom:3px;
	background:none;
}

.fairComlist .read {
	background:url(../img/line_dot_02.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}

.fairComlist .comList {
	background:url(../img/line_dot_02.gif) left bottom repeat-x;
	padding:10px 0;
}
.fairComlist .comList .comName {
	width:615px;
}
.fairComlist .comList .comName a{
	font-weight:bold;
}
.fairComlist .gyousyu{
	width:500px;
	float:left;	
}
.fairComlist .comList .btn {
	width:100px;
	float:right;
	text-align:right;
}


/*その他*/

.pd_b10 {padding-bottom:10px;}
.pd_b15 {padding-bottom:15px;}
.pd_b20 {padding-bottom:20px;}
.pd_b25 {padding-bottom:25px;}

/*----------リンク色変更----------*/
/*濃い青色太字リンク色*/
a.BBlink{
	color:#0857C2;
	font-weight:bold;
}
/*明るい青色リンク色*/
a.Blink{
	color:#0000FF;
	text-decoration:underline;
}


/*----------- フェア別スタイルシート -----------*/

/*タイトル系　　// フェアが終わったものはコメントアウトすること。*/

h3.fair_title081129 {	/* 2008年11月29国内学生向けプレミア用のタイトル*/
}
h3.fair_title081214Big {	/* 2008年12月14日外国人向けフェア用のタイトル大*/
	padding:0;
	margin:0;
	background:url(../img/fair01_detaile_title.jpg) 0 0 no-repeat;
	height:161px;
	text-indent:-9999px;
}
h3.fair_title081214 {	/* 2008年12月14日外国人向けフェア用のタイトル小*/
	padding:0;
	margin:0;
	background:url(../img/fair01_detaile_titleS.gif) 0 0 no-repeat;
	height:100px;
	text-indent:-9999px;
}

h4.fair_comList_kokunai {	/* 国内学生向けフェア用の参加企業一覧のタイトル*/
}
h4.fair_comList_gaikokujin {/*外国人向けフェア用の参加企業一覧のタイトル*/
	padding:0;
	margin:0;
	background:url(../img/fair02_ttl_list.gif) 0 0 no-repeat;
	height:40px;
	text-indent:-9999px;
}


/*外国人向けフェア系*/
#fairGaikokujin {
	margin-bottom:15px;
}
.topImgIE{
	_margin-bottom:-3px;
}
*+html body .topImgIE{
	margin-bottom:-3px;
}
.attention{
	color:#FF0000;
	font-weight:bold;
}
.attentionThin{
	color:#FF0000;
}
.attentionDeep{
	color:#AF1B31;
	font-weight:bold;
}
.attentionDeepThin{
	color:#AF1B31;
}
 .fairSeparate{
	padding:0 0 15px 0;
}
 .fairSeparate #place{
	width:300px;
	float:left;
}
 .fairSeparate #time{
	width:300px;
	float:right;
}
#fairGaikokujin #target ul{
	padding:5px 0 20px 20px;
}

/*フェアページ限定タイトル変更*/
#fairGaikokujin h4{
	background:none;
	padding:0 0 10px 0;
}
h4.pd_b10{
	padding:0 0 10px 0;
}
#fairGaikokujin h5.pd_b10{
	padding:0 0 10px 0;
	margin:0;
}


#forKaigai h4{
	backgroung:none;
	margin:0;
	padding:0 0 10px 0;
}
#fairKaigai h5.pd_b10{
	padding:0 0 10px 0;
	margin:0;
}




/*灰色細枠*/
.lineBox{
	padding:10px;
	margin:0 0 15px 0;
	border:1px solid #CCC;
}
h5.bar_orange{
	padding:0 0 5px 10px;
	margin:-5px 0 0 0;
	background:url(../img/bar_orange.gif) no-repeat 0 4px;
	font-size:16px;
	color:#FF6600;
}
.rightBtn{
	text-align:right;
}

.coutionTxt{
	padding:0 0 0 130px;
}
.rightTxt{
	text-align:right;
	padding:0 15px 10px 0;
}
.rightTxt a.questionlink{
	color:#0857C2;
}

/*テキスト系*/
/*青色太文字*/
.txt_BlueBold{
	color:#0099FF;
	font-weight:bold;
}
.txt_BlueBoldDeep{
	color:#0857C2;
	font-weight:bold;
}

/*フォントサイズ小*/
.txt_size_s{
	font-size:10px;
	}


/*ライン系*/
/*点線*/
.wideDot{
	height:1px;
	margin:5px -15px 10px -15px;
	background:url(../img/line_dot_02.gif) repeat-x 0 0;
	text-indent:-9999px;
	font-size:0;
}
.wideLine{
	margin:0 -15px 15px -15px;
	border-bottom:10px solid #AF1B31;
	text-indent:-9999px;
	font-size:0;
	
}

/*3画像揃え*/
.imgLine{
	text-align:center;
	padding:0 0 10px 0;
}
.imgLine img{
	padding:0 5px;
}

/*過去ジョブフェア画像揃え*/
h6.dot{
	background:url(../img/line_dot_02.gif) repeat-x bottom;
	font-size:14px;
	padding-bottom:2px;
	font-weight:bold;
	color:#333;
}
.beforeJob{
	padding:10px 12px;
	margin:0 0 15px 0;
	background:#F6F6F6 url(../img/line_dot_02.gif) repeat-x bottom;
}
.beforeJob .onecontent{
	width:160px;
	float:left;
}
.beforeJob .centercontent{
	width:160px;
	float:left;
	padding:0 54px;
}
.beforeJobBoxTop{
	padding-bottom:20px;
}
.beforeJobBoxBottom{
	
}

/*参加するボタン*/
.registBtn{
	padding:20px 0;
	text-align:center;
}


/*------事前チェックリスト系------*/
.grayBox{
	padding:10px;
	margin:0 0 15px 0;
	border:1px solid #CCC;
	background:#E7E7E7;
}
.checkContents{
	padding-left:20px;
}


/*-----交通マップ系-----*/
/*上部*/
.mapImgAreaTop{
	width:490px;
	margin:0 auto;
}
.mapImgAreaTop img{
	padding:0 0 5px 0;
}
.mapImgAreaTop ul li{
	padding-left:10px;
}
/*下部*/
.mapImgAreaBottom{
	width:452px;
	margin:0 auto;
}


/*-----質問回答-----*/
ul.questionList{
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../img/line_dot_02.gif) repeat-x bottom;
}
ul.questionList li{
	padding:0 0 5px 0;
}
ul.questionList li a{
	padding:0 0 0 15px;
	background:url(../img/icon_right.gif) no-repeat 0 2px;
	text-decoration:underline;
}
ul.questionList li a:link{
	color:#0000FF;
	text-decoration:underline;
}
ul.questionList li a:visited{
	text-decoration:underline;
}


dl.questions{
	padding:0 0 10px 0;
}
dl.questions dt{
	width:20px;
	float:left;
	color:#AF1B31;
}
dl.questions dd{
	padding:0 0 0 20px;
	color:#AF1B31;
}

dl.answer{
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	background:url(../img/line_dot_02.gif) repeat-x bottom;
}
dl.answerNodot{
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:none;
}
dl.answer dt , dl.answerNodot dt{
	width:20px;
	float:left;
}
dl.answer dd , dl.answerNodot dd{
	padding:0 0 0 20px;
}
.toPageTop{
	text-align:right;
	padding:10px 0 0 0;
}








/*国内学生向けフェア系*/
#fairKokunai {
}

/*海外大生向けフェア系*/
#fairKaigai {
}
/*フェア02トップ*/
h3.fair_title081129Big {
	background:transparent url(../img/fair02_detaile_title.jpg) no-repeat scroll 0 0;
	height:160px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
h3.fair_title081129 {
	background:transparent url(../img/fair02_detaile_titleS.jpg) no-repeat scroll 0 0;
	height:102px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#fair02topBtn{
	height:260px;
}
#fair02topBtn p{
	text-align:center;
	margin-top:-60px;
}
#fair02topBtn p .rightBtn{
	padding-left:20px;
}

.wideLine02{
	margin:0 -15px 15px -15px;
	border-bottom:10px solid #5A4533;
	text-indent:-9999px;
	font-size:0;
	
}
.dotTxt{
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../img/line_dot_02.gif) repeat-x bottom;
}


/*-----質問回答-----*/
ul.questionList02{
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../img/line_dot_02.gif) repeat-x bottom;
}
ul.questionList02 li{
	padding:0 0 5px 0;
}
ul.questionList02 li a{
	padding:0 0 0 15px;
	background:url(../img/icon_right02.gif) no-repeat 0 2px;
	color:#0857C2;
	text-decoration:none;
}
ul.questionList02 li a:visited{
	color:#0857C2;
	text-decoration:none;
}
ul.questionList02 li a:hover{
	text-decoration:underline;
}





/*----------- index.html -----------*/
/*フラッシュエリア*/
#flashArea{
	margin:0 0 20px 0;
}

/*トップボタン*/
#topButtonArea{
	float:left;
	width:540px;
}
#topButtonArea ul li{
	height:98px;
	padding-right:15px;
	float:left;
}
#topButtonArea .toDetail{
	margin:-25px 0 0 170px;
	text-align:right;
	padding-right:15px;
}
#topButtonArea .toDetail a{
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) no-repeat 0 3px;
	text-decoration:none;
}

/*年間イベントスケジュール*/
#topIventArea{
	width:335px;
	padding:0 0 9px 0;
	float:right;
	background:url(../img/img_iventBottom.gif) no-repeat bottom;
}
#topIventArea h2{
	height:22px;
	padding:8px 0 0 45px;
	background: url(../img/img_iventTop.gif) no-repeat 0 0;
	font-size:12px;
	color:#333;
}
#topIventArea #iventContentWrap{
	background:url(../img/bg_iventArea.gif) repeat-y 0 0;
}
#topIventArea .iventContentDot{
	margin:0 0 8px 0;
	background:url(../img/line_dot_01.gif) repeat-x bottom;
}
#topIventArea .iventContent , #topIventArea .iventContentDot{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
#topIventArea .iventContent p , #topIventArea .iventContentDot p{
	padding:0 0 5px 0;
}
#topIventArea .iventContent p .date , #topIventArea .iventContentDot p .date{
	font-weight:bold;
}
#topIventArea .iventContent img , #topIventArea .iventContentDot img{
	margin:2px 0 0 0;
}


/*----------- Job Fair -----------*/

/*-----タイトル後の背景黒　白抜き文字-----*/
#topExplanation{
	padding:15px 10px;
	margin:0 0 20px 0;
	background:#222;
	color:#FFF;
}



/*------------------------------グローバルリーダーについて------------------------------*/
h4.about_ttl01{
	height:37px;
	margin:0 0 10px 0;
}
h4.about_ttl02{
	height:20px;
	margin:0 0 10px 0;
}

/*トップ*/
#aboutTop{
	margin:0 0 15px 0;
}
#aboutTop p{
	width:420px;
	float:left;
}
#aboutTop #img_fair01{
	float:right;
}

/*--------------------------------------参加対象者--------------------------------------*/
h4.whom_ttl01{
	margin:0 0 10px 0;
}

.icon_bar01{
	padding-left:15px;
	background:url(../img/icon_bar01.gif) no-repeat 0 7px;
}
.whomContentWrap{
	background:url(../img/bg_whomContent.jpg) repeat-y;
	border-bottom:1px solid #000;
	margin:0 0 8px 0;
	padding-bottom:10px;
}
.whomContentWrap ul{
	padding:45px 0 0 105px;
}
.whomContentWrap ul li{
	padding-bottom:5px;
	padding-right:10px;
}
.pd_10{
	padding:10px;
}
.pd_t10{
	padding-top:10px;
}
.mg_t10{
	margin-top:10px;
}
/*1*/
#whomContent01{
	height:124px;
	background:url(../img/whom_content01.jpg) no-repeat 0 0;
}
/*2*/
#whomContent02{
	height:124px;
	background:url(../img/whom_content02.jpg) no-repeat 0 0;
}
/*3*/
#whomContent03{
	height:124px;
	background:url(../img/whom_content03.jpg) no-repeat 0 0;
}



/*--------------------------------------準備すること--------------------------------------*/
#preparationAll{
	padding:20px 0 0 0;
}
.preparationContentWrap{
	margin-top:-1px;
	padding-right:10px;
	border:1px solid #000;
	background:url(../img/bg_preparation.jpg) repeat-y;
	position:relative;
}
.preparationContentWrap .stepRight{
	width:480px;
	padding:20px 0;
	float:right;
}
.icon_bar02{
	padding-left:15px;
	background:url(../img/icon_bar02.gif) no-repeat 0 5px;
}


/*step1*/
.praparationStep1 .steps{
	position:absolute;
	top:-23px;
	left:-11px;
}
.praparationStep1 .dubleLeft{
	width:350px;
	float:left;
}
.praparationStep1 .dubleRight{
	width:130px;
	padding:10px 0 0 0;
	float:right;
}
.praparationStep1 .duble{
	background:#FFFFFF none repeat scroll 0 0;
	border:3px double #000000;
	margin:0 0 15px 0;
	padding:10px;
}


/*step2*/
.praparationStep2 .steps{
	position:absolute;
	top:-38px;
	left:-11px;
}
h5{
	font-size:12px;
}


/*step3*/
.praparationStep3 .steps{
	position:absolute;
	top:-28px;
	left:-11px;
}



/*--------------------------------------参加者の声--------------------------------------*/
#voiceContent{
	background:url(../img/dot_01.gif) repeat-x bottom;
}
#voiceContent .voiceLeft{
	width:325px;
	padding-right:10px;
	float:left;
	background:url(../img/dot_02.gif) repeat-y right;
}
#voiceContent .voiceRight{
	width:320px;
	padding-left:10px;
	float:right;
}
#voiceContent h5 , #voiceContent .comments{
	padding:0 0 10px 0;
}
#voiceContent h5#inpad{
	padding-top:10px;
}
#voiceContent .voiceData{
	padding:0 0 10px 0;
	text-align:right;
	color:#990000;
}





/*--------------------------------------よくある質問--------------------------------------*/
#topExplanation ul.question li a{
	color:#FFF !important;
	text-decoration:none;
}
#topExplanation ul.question li a:visited{
	color:#FFF !important;
	text-decoration:none;
}
#topExplanation ul.question li a:hover{
	text-decoration:underline;
}

#faq_answer h5{
	background:url(../img/dot_01.gif) repeat-x bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
#faq_answer h5.icon_bar01 a:hover{
	text-decoration:none;
	color:#333;
}
#faq_answer dl{
	padding:0 0 50px 20px;
}
#faq_answer dl dt{
	width:20px;
	float:left;
	font-weight:bold;
}
#faq_answer dl dd{
	padding-left: 20px;
}





/*下部コンテンツ*/
.about_feature{
	margin:0 0 20px 0;
}
.about_featureBox{
	width:450px;
	padding-left:20px;
	float:left;
}
.about_feature img.leftimg{
	display:block;
	float:left;
	width:170px;
}
.about_feature h5{
	height:13px;
	margin:0 0 10px 0;
}






/*--------------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--------------*/



/*--------------サイドナビモバイル部分（フェアページ/参加企業一覧以外のページのサイドナビで使用）--------------*/

.subLeft h3.mobile_ttl{
	background:url(../img/fr_mobile_title.jpg) no-repeat 0 0;
	padding:15px 10px 0 35px;
	color:#FFFFFF;
	}

.subLeft h3.mobile_ttl{
	background:url(../img/fr_mobile_title.jpg) no-repeat 0 0;
	padding:15px 10px 0 35px;
	color:#FFFFFF;
	}