@charset "utf-8";

/* ============================================ */
/*  出身大学別年収データ グラフ用 Style CSS Set
 ============================================== */

/* career_graf
------------------------------------------------ */
div.graf-data-col {
	width:960px;
	overflow:hidden;
}
ul.item_ranking {
	clear:both;
	overflow:hidden;
	zoom:1;
	width:980px;
}
ul.item_ranking li.graff-List {
	width:470px;
	margin-bottom:20px;
	display:inline-block;
	margin-right:20px;
	vertical-align:top;
}
* html ul.item_ranking li.graff-List {
	display:inline;
	zoom:1;
}
*:first-child+html ul.item_ranking li.graff-List {
	display:inline;
	zoom:1;
}
ul.item_ranking li.graff-List .career_graf {
	/* width:470px; */
	margin: auto;
	border:1px solid #CCC;
	background-color:#FFF;
}
ul.item_ranking li.graff-List .career_graf table {
	width:100%;
	table-layout:fixed;
}
ul.item_ranking li.graff-List .career_graf table th,
ul.item_ranking li.graff-List .career_graf table td {
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
}
ul.item_ranking li.graff-List .career_graf table thead th {
	/* border:1px solid #FFF; */
	background:linear-gradient(#6b8dda, #0c42c1);
	background:-webkit-gradient(linear, left top, left bottom, from(#6b8dda), to(#0c42c1));
	background:-moz-linear-gradient(top, #6b8dda, #0c42c1);
	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF6b8dda,endcolorstr=#FF0c42c1));
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF6b8dda,endcolorstr=#FF0c42c1));
	zoom:1;
	font-size:20px;
	font-weight:bold;
	/* color:#000099; */
	/* color:#FFF;
	line-height:1.5;
	padding:8px 10px; */
}
ul.item_ranking li.graff-List .career_graf table thead th span {
	display:block;
	border:1px solid #FFF;
	color:#FFF;
	line-height:1.5;
	padding:8px 10px;
	font-size:18px;
}
ul.item_ranking li.graff-List .career_graf table {
}
ul.item_ranking li.graff-List .career_graf table tbody tr.bg_tr {
	background-color:#FAFAFA;
}
ul.item_ranking li.graff-List .career_graf table tbody th {
	background:linear-gradient(#DDDDDD, #EEEEEE);
	background:-webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#EEEEEE));
	background:-moz-linear-gradient(top, #DDDDDD, #EEEEEE);
	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFDDDDDD,endcolorstr=#FFEEEEEE));
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFDDDDDD,endcolorstr=#FFEEEEEE));
	zoom:1;
	color:#101177;
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
	padding:4px 5px;
	border-top:2px solid #CCC;
}
ul.item_ranking li.graff-List .career_graf table tbody td {
	border-left:1px solid #EEE;
	border-bottom:1px solid #EEE;
	padding:7px 0px;
	font-size:14px;
	color:#333;
	line-height:1;
}
ul.item_ranking li.graff-List .career_graf table tbody td.type_old {
	border-left:none;
	/* background-color:#FAFAFA; */
}

ul.item_ranking li.graff-List .career_graf .graf_img p {
	font-size:12px;
	margin:0px;
	padding:8px;
	background-color:#FAFAFA;
	border-top:1px solid #FFF;
	border-bottom:1px solid  #DDD;
	background:linear-gradient(#EEEEEE, #FAFAFA);
	background:-webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FAFAFA));
	background:-moz-linear-gradient(top, #EEEEEE, #FAFAFA);
	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFEEEEEE,endcolorstr=#FFFAFAFA));
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFEEEEEE,endcolorstr=#FFFAFAFA));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img {
}

ul.item_ranking li.graff-List .career_graf .graf_img ul {
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
	text-align:center;
}

ul.item_ranking li.graff-List .career_graf .graf_img ul li {
	width:45px;
	vertical-align:top;
	font-size:11px;
	text-align:center;
	display:inline-block;
	line-height:1.2;
	margin:0 2px;
}

* html ul.item_ranking li.graff-List .career_graf .graf_img ul li {
	display:inline;
	zoom:1;
}

*:first-child+html ul.item_ranking li.graff-List .career_graf .graf_img ul li {
	display:inline;
	zoom:1;
}
ul.item_ranking li.graff-List .career_graf .graf_img .graf_bbg {
	position:relative;
	border-bottom:1px solid #ccc;
	margin-bottom:6px;
	height:99px;
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/graf_bg.gif) left bottom repeat #FAFAFA;
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img ul.graf_type {
	padding-top:2px;
	padding-left:12px;
	bottom:0;
	margin-bottom:0;
	position:absolute;
	vertical-align:top;
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img ul.graf_type li {
	width:35px;
	margin:0 7px;
	vertical-align:bottom;
	font-weight:700;
	color:#000;
	font-size: 12px;
	line-height: 12px;
}

ul.item_ranking li.graff-List .career_graf .graf_img ul.graf_type li span {
	display:block;
	margin-top:3px;
	overflow:hidden;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.indigo {
	background-color:#039;
/* 通常 */
	background:linear-gradient(#335cad,#039);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#335cad),to(#039));
/* mozilla用 */
	background:-moz-linear-gradient(top,#335cad,#039);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF335cad,endcolorstr=#FF003399));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF335cad,endcolorstr=#FF003399));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.blue {
	background-color:#06f;
/* 通常 */
	background:linear-gradient(#0092ff,#0266ff);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#0092ff),to(#0266ff));
/* mozilla用 */
	background:-moz-linear-gradient(top,#0092ff,#0266ff);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF0092ff,endcolorstr=#FF0266ff));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF0092ff,endcolorstr=#FF0266ff));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.liteblue {
	background-color:#39f;
/* 通常 */
	background:linear-gradient(#3cb4ff,#39f);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#3cb4ff),to(#39f));
/* mozilla用 */
	background:-moz-linear-gradient(top,#3cb4ff,#39f);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF3cb4ff,endcolorstr=#FF3399ff));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF3cb4ff,endcolorstr=#FF3399ff));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.pink {
	background-color:#c39;
/* 通常 */
	background:linear-gradient(#d966b2,#c39);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#d966b2),to(#c39));
/* mozilla用 */
	background:-moz-linear-gradient(top,#d966b2,#c39);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFd966b2,endcolorstr=#FFcc3399));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFd966b2,endcolorstr=#FFcc3399));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.orange {
	background-color:#f93;
/* 通常 */
	background:linear-gradient(#ffb43c,#f93);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#ffb43c),to(#f93));
/* mozilla用 */
	background:-moz-linear-gradient(top,#ffb43c,#f93);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFffb43c,endcolorstr=#FFff9933));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFffb43c,endcolorstr=#FFff9933));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.yellow {
	background-color:#fc6;
/* 通常 */
	background:linear-gradient(#ffd98c,#fc6);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#ffd98c),to(#fc6));
/* mozilla用 */
	background:-moz-linear-gradient(top,#ffd98c,#fc6);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFffd98c,endcolorstr=#FFffcc66));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFffd98c,endcolorstr=#FFffcc66));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.litegreen {
	background-color:#6c6;
/* 通常 */
	background:linear-gradient(#9bde9b,#6c6);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#9bde9b),to(#6c6));
/* mozilla用 */
	background:-moz-linear-gradient(top,#9bde9b,#6c6);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF9bde9b,endcolorstr=#FF66cc66));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF9bde9b,endcolorstr=#FF66cc66));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.green {
	background-color:#396;
/* 通常 */
	background:linear-gradient(#7abd9b,#396);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#7abd9b),to(#396));
/* mozilla用 */
	background:-moz-linear-gradient(top,#7abd9b,#396);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF7abd9b,endcolorstr=#FF339966));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF7abd9b,endcolorstr=#FF339966));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img span.dark_green {
	background-color:#01adb3;
/* 通常 */
	background:linear-gradient(#0f697f,#104b4b);
/* webkit用 */
	background:-webkit-gradient(linear,left top,left bottom,from(#0f697f),to(#002949));
/* mozilla用 */
	background:-moz-linear-gradient(top,#0f697f,#002949);
/*IE6 IE7 */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF0f697f,endcolorstr=#FF002949));
/* IE8 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF0f697f,endcolorstr=#FF002949));
	zoom:1;
}

ul.item_ranking li.graff-List .career_graf .graf_img em.over_gf {
	display:block;
	width:100%;
	height:100%;
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/over_graf.png) 0 center repeat-x;
}

* html ul.item_ranking li.graff-List .career_graf .graf_img em.over_gf {
	background-image:none;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../2012/img/over_graf.png, sizingMethod=scale); */
}