@charset "UTF-8";

@import url("common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　キャリア
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*----------------------------------------------------
	/career
----------------------------------------------------*/

/* ページ内リンク ------------------------------ */

body.career .indexArea ul.pagelink li{
	width:80%;
	background: url(../career/images/car_right.gif) no-repeat 0 0;
}

body.career .pagelink li a:link,
body.career .pagelink li a:visited {
	color: #003B7B;
}
body.career .pagelink li a:hover,
body.career .pagelink li a:active {
	color: #ABADAB;
}




/*----------------------------------------------------
	パンくず
----------------------------------------------------*/

#topic_path li {
	background: url(../career/images/car_topicpath.gif) no-repeat 0 4px;
}
#topic_path li strong {
	border: 1px solid #ABADAB;
	color: #003B7B;
}

.txtLink a:link,
.txtLink a:visited {
	border-bottom: 1px dashed #003B7B;
}


/* 画像へのテキスト回り込み ------------------------------ */

#contents dl.noMargin{
	padding:0;
}
/* 見出し ------------------------------ */

#contents h3.subtitle{
	padding:36px 0 10px;
}



body.career #contents .on01,
body.career #contents .on02,
body.career #contents .on03,
body.career #contents .on04,
body.career #contents .on05,
body.career #contents .on06{
	width:224px;
	height:31px;
	display:block;
}
body.career #contents a.on01:hover,
body.career #contents a.on02:hover,
body.career #contents a.on03:hover,
body.career #contents a.on04:hover,
body.career #contents a.on05:hover,
body.career #contents a.on06:hover{
	width:224px;
	height:31px;
	display:block;
	text-indent:-9999px;
}
body.career #contents a.on01:hover{
	background:url(../career/images/care_btn_p01_on.gif) 0 0 no-repeat;
}
body.career #contents a.on02:hover{
	background:url(../career/images/care_btn_p02_on.gif) 0 0 no-repeat;
}
body.career #contents a.on03:hover{
	background:url(../career/images/care_btn_p03_on.gif) 0 0 no-repeat;
}
body.career #contents a.on04:hover{
	background:url(../career/images/care_btn_p04_on.gif) 0 0 no-repeat;
}
body.career #contents a.on05:hover{
	background:url(../career/images/care_btn_p05_on.gif) 0 0 no-repeat;
}
body.career #contents a.on06:hover{
	background:url(../career/images/care_btn_p06_on.gif) 0 0 no-repeat;
}










body.career #contents .don01,
body.career #contents .don02,
body.career #contents .don03,
body.career #contents .don04{
	width:340px;
	height:31px;
	display:block;
}
body.career #contents a.don01:hover,
body.career #contents a.don02:hover,
body.career #contents a.don03:hover,
body.career #contents a.don04:hover{
	width:340px;
	height:31px;
	display:block;
	text-indent:-9999px;
}
body.career #contents a.don01:hover{
	background:url(../career/images/care_btn_d01_on.gif) 0 0 no-repeat;
}
body.career #contents a.don02:hover{
	background:url(../career/images/care_btn_d02_on.gif) 0 0 no-repeat;
}
body.career #contents a.don03:hover{
	background:url(../career/images/care_btn_d03_on.gif) 0 0 no-repeat;
}
body.career #contents a.don04:hover{
	background:url(../career/images/care_btn_d04_on.gif) 0 0 no-repeat;
}





body.career #contents .dori01,
body.career #contents .dori02,
body.career #contents .dori03,
body.career #contents .dori04,
body.career #contents .mass01,
body.career #contents .mass02,
body.career #contents .mass03{
	width:224px;
	height:31px;
	display:block;
}
body.career #contents .mass04{
	width:282px;
	height:31px;
	display:block;
}
body.career #contents a.dori01:hover,
body.career #contents a.dori02:hover,
body.career #contents a.dori03:hover,
body.career #contents a.dori04:hover,
body.career #contents a.mass01:hover,
body.career #contents a.mass02:hover,
body.career #contents a.mass03:hover{
	width:224px;
	height:31px;
	display:block;
	text-indent:-9999px;
}
body.career #contents a.mass04:hover{
	width:282px;
	height:31px;
	display:block;
	text-indent:-9999px;
}
body.career #contents a.dori01:hover{
	background:url(../career/images/care_btn_m01_on.gif) 0 0 no-repeat;
}
body.career #contents a.dori02:hover{
	background:url(../career/images/care_btn_m02_on.gif) 0 0 no-repeat;
}
body.career #contents a.dori03:hover{
	background:url(../career/images/care_btn_m03_on.gif) 0 0 no-repeat;
}
body.career #contents a.dori04:hover{
	background:url(../career/images/care_btn_m04_on.gif) 0 0 no-repeat;
}
body.career #contents a.mass01:hover{
	background:url(../career/images/care_btn_p1201_on.gif) 0 0 no-repeat;
}
body.career #contents a.mass02:hover{
	background:url(../career/images/care_btn_p1202_on.gif) 0 0 no-repeat;
}
body.career #contents a.mass03:hover{
	background:url(../career/images/care_btn_p1203_on.gif) 0 0 no-repeat;
}
body.career #contents a.mass04:hover{
	background:url(../career/images/care_btn_p1501_on.gif) 0 0 no-repeat;
}


body.career #contents .voice01{
	width:340px;
	height:30px;
	display:block;
}
body.career #contents a.voice01:hover{
	width:340px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
body.career #contents a.voice01:hover{
	background:url(../career/images/care_btn_v01_on.gif) 0 0 no-repeat;
}












/* /index ------------------------------ */

#index #header_image {
	background: url(../headimages/headimages_36.jpg) no-repeat;
}

#index #contents h2.text{
	padding:0 0 20px 22px;
}



/* /index02 ------------------------------ */

#career01 #header_image {
	background: url(../headimages/headimages_37.jpg) no-repeat;
}


#career01 #target_02{
	background:url(../career/images/care_02_p03.gif) 0 20px no-repeat;
	margin:0 0 10px;
	padding:0;
}
#career01 #target_02 span{
	text-indent:0;
	color:#003B7B;
	display:block;
	font-weight:normal;
	margin:0 0 0 8px;
	padding:22px 0 0 0;
	font-size:100%;
}
#career01 #target_02 span.title,
#career01 #target_03 span.title,
#career01 #target_04 span.title{
	display:none;
}

#career01 #target_03{
	background:url(../career/images/care_02_p05.gif) 0 20px no-repeat;
	margin:0 0 10px;
	padding:0;
}
#career01 #target_04{
	background:url(../career/images/care_02_p06.gif) 0 20px no-repeat;
	margin:0 0 10px;
	padding:0;
}
#career01 #target_03 span,
#career01 #target_04 span{
	text-indent:0;
	color:#003B7B;
	display:block;
	font-weight:normal;
	margin:0 0 0 8px;
	padding:22px 0 0 0;
	font-size:100%;
}
#career01 #target_03 span strong,
#career01 #target_04 span strong{
	font-weight:normal;
	color:#003B7B;
}



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

		アコーディオン

****************************************/
#career01 #_Acc_,
#career01 #_Acc2_{
	background:url(../career/images/care_02_p05_bottom.gif) 0 bottom no-repeat;
	padding:0 0 25px;
}

#career01 .accordion {
	width: 660px;
	margin-left: 16px;
}

#career01 .accordion dl{
	float:none;
	width: 660px;

}
#career01 .accordion dl dt{
	display:inline-block;
	float:none;
	width: 627px;
	color:#1C5189;
	margin-top:10px;
	padding: 5px 5px 5px 28px;
}
#career01 .accordion2 dt {
	display:inline-block;
	font-weight:800;
	background: url(../career/images/care_icon.gif) no-repeat 11px 0.6em #E6ECF2;
	font-size: 80%;
}

#career01 .accordion dl dd{
	overflow:hidden;
	float:none;
	width: 660px;
	margin:0;
	padding:0;
}



#career01 .accordion dl dd p{
	width:600px;
	margin:0 auto;
	padding:0;
}

#career01 .accordion2 dd {
	overflow:hidden;
	background: #ffffff url(../career/images/company_bg.gif) no-repeat bottom left;
	margin:0;
	padding:0 0 20px 0;
}
#career01 .accordion dl dd p{
	width:600px;
	font-size: 75%;
	line-height: 1.6;
	margin:0 auto;
	padding:15px 0;
}


/*IE6*/


* html #career01 .accordion dl dd{
	float:none;
	width: 660px;
	margin:0;
	padding:0;
}

* html #career01 .accordion dl dt{
	float:none;
	width: 660px;
	color:#1C5189;
	margin-top: 10px;
	padding: 5px 5px 5px 28px;
}
* html #career01 .accordion dl dd p{
	margin-left:18px;
	width: 635px;
	padding:0;
}
* html #career01 .accordion dl{
	float:none;
	width: 660px;
	padding:0;
	margin-bottom:20px;
}


/*IE6*/
/*
*:first-child+html #career01 #accordion dl dt{
	float:none;
	width: 627px;
	color:#1C5189;
	margin-top: 10px;
	padding: 5px 5px 5px 28px;
}
*:first-child+html #career01 #accordion dl{
	float:none;
	width: 660px;
	padding:0;
	margin-bottom:20px;
}
*:first-child+html #career01 #accordion dl dd p{
	margin-left:18px;
	width: 635px;
	padding:0;
}
*:first-child+html #career01 #accordion .hid{
	display:none;
}

*/


#career01 .accordion2 .open {
background: url(../career/images/care_icon_on.gif) no-repeat 11px 8px #E6ECF2;
}
#career01 .accordion2 p.title01{
	margin:18px 0 2px 0;
}
#career01 .accordion2 p.title02{
	margin:23px 0 2px 0;
}

/* /index03 ------------------------------ */

#career02 #header_image {
	background: url(../headimages/headimages_38.jpg) no-repeat;
}
#career02 #contents .zisseki{
	width:690px;
	margin:0 0 30px;
}
#career02 #contents .zisseki th,
#career02 #contents .zisseki td{
	text-align:center;
	border:4px solid #ffffff;
	padding:5px;
}
#career02 #contents .zisseki th{
	background:#CCD8E5;
}
#career02 #contents .zisseki td{
	background:#E5EBF2;
}
#career02 dl.air{
	width:700px;
	text-align:left;
	margin:0;
	padding:0;
}
#career02 dl.air dt,
#career02 dl.air dd{
	width:630px;
	font-size:75%;
	line-height:1.8;
	margin-left:30px;
	float:none;
}





#career02 div.voice{
	width:690px;
	margin:0 0 0 0;
	float:left;
}
#career02 div.voice dl{
	width:680px;
	border:5px solid #E5EBF2;
	padding:0;
	margin:5px 0 0;
}
#career02 div.voice dl dt{
	width:680px;
	float:none;
	background:#E5EBF2;
	margin:0;
	padding:5px 0;
	text-align:center;
}
#career02 div.voice dl dt strong{
	display:block;
	text-align:right;
}
#career02 div.voice dl dt strong img{
	margin:0 0 5px;
}

#career02 div.voice dl dd{
	width:650px;
	float:left;
	padding:5px 15px;
	_display:inline;
}

#career03 #header_image {
	background: url(../headimages/headimages_39.jpg) no-repeat;
}

#career04 #header_image {
	background: url(../headimages/headimages_40.jpg) no-repeat;
}


#career02 #jisseki{
	width:690px;
	background:url(../career/images/care_03_p05.gif) 0 20px no-repeat;
	margin:0 0 20px;
}
#career02 #jisseki span{
	text-indent:0;
	color:#003B7B;
	display:block;
	font-weight:normal;
	margin:3px 0 0 145px;
	font-size:85%;
}
#career02 #jisseki span.title{
	display:none;
}

#career02 .shusyoku01{
	width:680px;
	margin-left:10px;
	}
#career02 .shusyoku01 .text1{
	width:400px;
	font-size:14px;
	font-weight:bold;
	color:#003b7b;
	float:left;
	}
#career02 .shusyoku01 .text1 span{
	font-size:20px;
	padding:0 3px;
	}
#career02 .shusyoku01 .text2{
	width:220px;
	color:#003b7b;
	text-align:right;
	padding:10px 0 0 0;
	float:right;
	}










/* /index05 ------------------------------ */

#career04 ul.kako{
	width:688px;
	font-size:100%;
	margin:0;
	padding:0 0 10px 0;
}
#career04 ul.kako .pic{
	width:320px;
	float:right;
	}
#career04 ul.kako ul{
	width:343px;
	float:left;
	}
#career04 ul.kako li{
	line-height:1.5;
	padding:0 0 11px 16px;
	}




/* /index06 ------------------------------ */

#career05 #header_image {
	background: url(../headimages/headimages_41.jpg) no-repeat;
}
#career05 div.corce{
	width:221px;
	float:left;
	margin:0 15px 0 0;
}
#career05 div.corce p{
	width:auto;
	font-size:75%;
	margin:0 18px;
	line-height:180%;
}
#career05 div.corce h3{
	font-size:85%;
	font-weight:bold;
	color:#003b7b;
	text-align:center;
	margin-bottom:7px;
	padding:5px 0;
	background:#e5ebf2;
	}

#career05 p.kome{
	clear:both;
	padding:10px 0 0;
	font-size:90%;
}

#career06 #header_image {
	background: url(../headimages/headimages_42.jpg) no-repeat;
}

/* /index08 ------------------------------ */

#career07 #header_image {
	background: url(../headimages/headimages_43.jpg) no-repeat;
}
#career07 h3.subtitle{
	margin:0 0 5px;
}

#career07 ul.kako{
	width:700px;
	font-size:100%;
	margin:0;
}
#career07 ul.kako li{
	width:210px;
	padding:0 0 0 16px;
	float:left;
}
#career07 ul.kako li ul li{
	float:none;
	padding:0;
}
#career07 table.table_intern caption,
#career07 table.table_intern th{
	font-size:85%;
	}
#career07 table.table_intern td{
	font-size:75%;
	}



/* /index12～ ------------------------------ */
#career16 #header_image {
	background: url(../headimages/headimages_51.jpg) no-repeat;
}
#career13 #header_image {
	background: url(../headimages/headimages_52.jpg) no-repeat;
}
#career14 #header_image {
	background: url(../headimages/headimages_53.jpg) no-repeat;
}
#career15 #header_image {
	background: url(../headimages/headimages_54.jpg) no-repeat;
}

#career13  ul.kako{
	width:665px;
	margin:14px 0 0 23px;
	padding:0 0 10px 0;
}
#career13  ul.kako .pic{
	width:320px;
	float:right;
	}
#career13  ul.kako ul{
	width:310px;
	float:left;
	}
#career13  ul.kako li li{
	background: url(../ryugaku/images/ryug_03_icon.gif) no-repeat left 3px;
	line-height:1.5;
	padding:0 0 5px 10px;
	}

#career13 .masscomi-koza1,
#career13 .masscomi-kogi{
	margin:0 0 0 20px;
	}
#career13 .masscomi-koza1 ul li{
	font-size:75%;
	background: url(../ryugaku/images/ryug_03_icon.gif) no-repeat left 3px;
	line-height:1.5;
	padding:0 0 5px 10px;
}







/* /indexxx ------------------------------ */

#career08 #header_image {
	background: url(../headimages/headimages_44.jpg) no-repeat;
}
#career09 #header_image {
	background: url(../headimages/headimages_44b.jpg) no-repeat;
}
#career10 #header_image {
	background: url(../headimages/headimages_44c.jpg) no-repeat;
}
#career12 #header_image {
	background: url(../headimages/headimages_45c.jpg) no-repeat;
}



#career10 h3.subtitle{
	padding:30px 0 15px
}

#career10 #contents ul.shikaku{
}
#career10 #contents ul.shikaku h3{
	font-size:14px;
	font-weight:bold;
	color:#003b7b;
	text-align:center;
	margin-bottom:7px;
	padding:5px 0;
	background:#e5ebf2;
	}
#career10 #contents ul.shikaku li,
#career14 #contents ul.shikaku li,
#career15 #contents ul.shikaku li{
	width:320px;
	float:left;
	margin:0 0 0 16px;
	*display:inline;
}
#career10 #contents ul.shikaku li.no,
#career14 #contents ul.shikaku li.no,
#career15 #contents ul.shikaku li.no{
	clear:left;
	float:left;
}
#career10 #contents ul.shikaku strong,
#career14 #contents ul.shikaku strong,
#career15 #contents ul.shikaku strong{
	display:block;
	padding:10px 0;
}
#career10 #contents ul.shikaku strong,
#career14 #contents ul.shikaku strong,
#career15 #contents ul.shikaku strong{
	font-size:85%;
	font-weight:bold;
	color:#003b7b;
	text-align:center;
	margin-bottom:7px;
	padding:5px 0;
	background:#e5ebf2;
}
#career10 #contents ul.shikaku p,
#career14 #contents ul.shikaku p,
#career15 #contents ul.shikaku p{
	width:280px;
	font-size:75%;
	margin:5px 20px;
	*height:auto !important;
	*height:100px;
	word-break: break-all;
	min-height:100px;
	max-height:150px;
	line-height:180%;
}
#career10 #contents ul.shikaku p span{
	display:block;
}
#career14 #contents ul.shikaku p span.icon,
#career15 #contents ul.shikaku p span.icon{
	color:#7f9dbd;
	}



/*----------------------------------------------------
　　H2
----------------------------------------------------*/
#contents h2.chapter,
#contents h2.title,
#contents h2.subtitle {
	color:#003b7b;
}
#contents h2.chapter,
#contents h2.title{
	background:url(../career/images/line1.gif) repeat-x left bottom;
	}
#contents h2.subtitle{
	background:url(../career/images/line2.gif) repeat-x left bottom;
	}



/*----------------------------------------------------
　　Table
----------------------------------------------------*/
#contents table.data01{
	border-collapse:collapse;
	}
#contents table.data01 th,
#contents table.data01 td{
	font-size:85%;
	font-weight:bold;
	color:#003b7b;
	padding:3px;
	text-align:center;
	border-color:#ffffff;
	border-style:solid;
	border-width:0 2px 4px 0;
	background:#e6ecf2;
	}
#contents table.data01 th.th01{
	background:#ccd8e5;
	}
#contents table.data01 td.td01{
	color:#52585e;
	}
#contents table.data01 td span.font01{
	font-size:20px;
	}
#contents table.data01 td span.font02{
	font-size:12px;
	font-weight:normal;
	}
#contents table.data01 td.td02{
	background:none;
	border-width:0;
	}

#contents table.data02{
	border-collapse:collapse;
	border-color:#003b7b;
	border-style:solid;
	border-width:1px 0 0 1px;
	}
#contents table.data02 th,
#contents table.data02 td{
	font-size:75%;
	padding:5px 7px;
	border-color:#003b7b;
	border-style:solid;
	border-width:0 1px 1px 0;
	}
#contents table.data02 th{
	text-align:center;
	color:#003b7b;
	background:#ccd8e5;
	}
#contents table.data02 th.th01{
	font-weight:normal;
	background:#e5ebf2;
	}
#contents table.data02 td.td01{
	background:#f3f5f7;
	}
#contents table.data02 td.center{
	text-align:center;
	}



/*ボタンテキスト*/
ul.linkbot li a,
ul.linkbot2 li a{
	background:url(../images/bot_career.gif) no-repeat right 8px;
	border:1px solid #7f9dbd;
	}
ul.linkbot li.normal1 a,
ul.linkbot2 li.normal1 a{
	width:213px;
	padding-left:9px;
	}
ul.linkbot li.small2 a,
ul.linkbot2 li.small2 a{
	width:207px;
	padding-left:15px;
	}
ul.linkbot li a:hover,
ul.linkbot2 li a:hover{
	background-color:#ccd8e5;
	}