@charset "utf-8";

/* ============================================ */
/*  既存CSS変更 Style CSS Set
 ============================================== */
#Existing .pagetop a {
	width: 100px;
	height: 20px;
	display: inline-block;
	background: url(/careercompass/wp-content/uploads/existing/hitome/img/pagetop-link.gif) left top no-repeat;
	text-indent: -9999em;
	font-size: 1px;
	line-height: 0;
	text-align: left;
	overflow: hidden;
}
#Existing .pagetop a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
html, body {
 color: #555;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font_ss {
	font-size:70%;
}
/* ============================================ */
/*  出身大学別年収データ Style CSS Set
 ============================================== */

/* headGroup
------------------------------------------------ */
#Existing #headGroup {
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_daigaku2013/hgroup_bg.gif) 0 0 repeat-x !important;
}
/* hgroup styles
------------------------------------------------ */
#Existing hgroup{
	position:relative;
	color:#333333;
	width:960px;
	margin:0 auto;
	height:470px;
}

#Existing hgroup h2{
	padding:30px 0 30px;
	position:relative;
	z-index:20;
}

#Existing hgroup p{
	width:570px;
	font-size:90%;
}

#Existing hgroup p.mainImg{
	width:322px;
}

#Existing hgroup .mainImg{
	position:absolute;
	width:auto;
	bottom:0px;
	right:0px;
	z-index:10;
	height:392px;
}
#Existing hgroup .backBuil{
	width:auto;
	position:absolute;
	top:78px;
	right:100px;
	z-index:1;
}
/* hgroup #download-btn {
	margin-top:15px;
	width:570px;
	height:60px;
	background-color:#FFF;
}
hgroup #download-btn dl {
	padding:12px 20px;
}
hgroup #download-btn dl dt {
	float:left;
	padding:8px 24px 3px 15px;
	border-left:8px solid #101177;
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_daigaku2013/icon_dl.gif) right center no-repeat;
}
hgroup #download-btn dl dd {
	float:right;
	line-height:1;
} */
#Existing hgroup #link-btn {
	margin-top:15px;
	background-color:#FFF;
	width:570px;
}
#Existing hgroup #link-btn dl {
	padding:7px 15px;
}
#Existing hgroup #link-btn dl dt {
	color:#00BE00;
}
#Existing hgroup #link-btn dl dd a{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
#Existing hgroup #link-btn dl dd a:link,
#Existing hgroup #link-btn dl dd a:visited {
	color:#333;
}
#Existing hgroup #link-btn dl dd a:hover,
#Existing hgroup #link-btn dl dd a:active {
	color:#ccc;
	text-decoration:none;
}

#Existing hgroup nav{
	width:412px;
	position:absolute;
	top:20px;
	left:535px;
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_daigaku2013/main.gif) no-repeat right 0;
	padding:301px 0 0 0;
}

#Existing nav.anchor ul{
	height:55px;
	background-color:#fff;
	padding:10px 0 10px 10px;
}

#Existing nav.anchor ul li{
	width:190px;
	height:55px;
	float:left;
	padding-right:10px;
}

#Existing nav.anchor ul li a{
	display:block;
	width:190px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
}

#Existing nav.anchor ul li.btn22 a{
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_daigaku2013/btn_22_25.gif) no-repeat 0 0;
}

#Existing nav.anchor ul li.btn26 a{
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_daigaku2013/btn_26_29.gif) no-repeat 0 0;
}

#Existing nav.anchor ul li a:hover,
#Existing nav.anchor ul li.on a{
	background-position:0 -55px;
}

#Existing nav.mid{
	width:412px;
	float:right;
	padding-bottom:30px;
}
#Existing #all-text {
	text-align:center;
}
#Existing #all-text p {
	text-align:left;
	width:960px;
	margin:15px auto;
	color:#333;
}

#Existing .area-check-btn {
	text-align:center;
	margin-bottom:30px;
}
#Existing .area-check-btn table {
	text-align:left;
	width:960px;
	margin:auto;
	background-color:#EBECF8;
	border-bottom:1px solid #FFF;
}
#Existing .area-check-btn table th {
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	width:220px;
	text-align:center;
	vertical-align:middle;
}
#Existing .area-check-btn table th p {
	background-color:#333333;
	text-align:center;
	padding:7px 0px;
	margin:10px;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	background:linear-gradient(#5f60b3, #101177);
	background:-webkit-gradient(linear, left top, left bottom, from(#5f60b3), to(#101177));
	background:-moz-linear-gradient(top, #5f60b3, #101177);
	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF5f60b3,endcolorstr=#FF101177));
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF5f60b3,endcolorstr=#FF101177));
	zoom:1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	color:#FFF;
}
#Existing .area-check-btn table th p span {
	font-size:13px;
	font-weight:normal;
}
#Existing .area-check-btn table td {
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:left;
	vertical-align:middle;
}

#Existing .area-check-btn table td ul.area-list {
	margin:5px;
	vertical-align:top;
	line-height:1;
}
#Existing ul.area-list li {
	margin:0px 3px;
	display:inline-block;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
	vertical-align:top;
}
* html #Existing ul.area-list li {
	display:inline;
	zoom:1;
}
*:first-child+html #Existing ul.area-list li {
	display:inline;
	zoom:1;
}
#Existing ul.area-list li a {
	display:block;
	padding:7px 8px;
	font-size:16px;
	line-height:16px;
	text-align:center;
	zoom:1;
	text-decoration:none;
}
#Existing ul.area-list li a:link,
#Existing ul.area-list li a:visited {
	background:linear-gradient(#ffffff, #f3f3f3);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
	background:-moz-linear-gradient(top, #ffffff, #f3f3f3);
	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFffffff,endcolorstr=#FFf3f3f3));
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFffffff,endcolorstr=#FFf3f3f3));
}
#Existing ul.area-list li a:hover,
#Existing ul.area-list li a:active {
	background:linear-gradient(#ff9a00, #ff7b00);
	background:-webkit-gradient(linear, left top, left bottom, from(#ff9a00), to(#ff7b00));
	background:-moz-linear-gradient(top, #ff9a00, #ff7b00);
	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFff9a00,endcolorstr=#FFff7b00));
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFff9a00,endcolorstr=#FFff7b00));
	color:#FFF;
}

/* Contents styles
------------------------------------------------ */
#Existing .Contents{
	width:960px;
	margin:0 auto 0;
	color:#333333;
}

#Existing .Contents h3.averageH3{
	padding:5px 0 55px;
}

#Existing .Contents dl.point {
    background-color: #FFFFFF;
    border: 1px solid #FFF447;
    margin: 10px 0 45px;
    padding: 15px 20px;
}

#Existing .Contents .average{
	background-color:#fafafa;
	padding:28px 30px 20px 30px;
	margin-bottom:20px;
}
#Existing .Contents .average h3{
	margin-bottom:10px;
}
#Existing .Contents .average .info1{
	background-color:#fff;
	padding:10px;
	height:58px;
	margin:25px 0 10px;
}
#Existing .Contents .average .info2{
	width:896px;
	margin:0 auto;
}
#Existing .Contents .average .info2 .sp{
	display:none;
}


#Existing aside{
	width:534px;
	padding:10px 10px 5px;
	background-color:#f0f0f0;
	border:solid 1px #fff;
	font-size:90%;
	float:right;
}

#Existing .Contents nav{
	padding:15px 110px 0;
	background-color:#ebecf8;
	border:solid 1px #fff;
	height:55px;
	margin:0 0 45px;
}

#Existing .Contents.mtop{
	padding-top:40px;
}

#Existing .Contents nav li{
	float:left;
	padding-bottom:10px;
	padding-right:50px;
}

#Existing .Contents nav li.btn5,
#Existing .Contents nav li.btn9{
	padding-right:0;
}

#Existing .Contents nav li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:17px;
}


#Existing .Contents nav li.btn1 a{width:58px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link01.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn2 a{width:103px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link02.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn3 a{width:99px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link03.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn4 a{width:155px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link04.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn5 a{width:100px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link05.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn6 a{width:141px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link06.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn7 a{width:155px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link07.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn8 a{width:127px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link08.gif) no-repeat 0 0;}
#Existing .Contents nav li.btn9 a{width:128px; background:url(/careercompass/wp-content/uploads/existing/hitome/img/img_nensyu/link09.gif) no-repeat 0 0;}
#Existing .Contents nav li a:hover,#Existing .Contents nav li.on a{background-position:0 -20px;}

#Existing .block {
	 margin-bottom:0px;
}
#Existing .block .Contents {
	margin-bottom:0px;
}
#Existing .block .Contents p.pagetop {
	margin-bottom:20px;
}
#Existing .block .diacrisis {
	margin-bottom:30px;
}
#Existing .block .diacrisis.top_d {
	margin-bottom:23px;
}
#Existing .block .Contents h3{
	/* float:left; */
	padding-top:48px;
	margin-bottom:15px;
}
#Existing .block .Contents .area-check-btn {
	margin-bottom:15px;
}
/* .block .Contents ul.area-list{
	margin:0px 0px 15px;
	padding:8px;
	background-color:#ebecf8;
	border:1px solid #FFF;
	vertical-align:top;
	line-height:1;
} */
#Existing .block .Contents ul.area-list a.check-this {
	background:linear-gradient(#ff9a00, #ff7b00);
	background:-webkit-gradient(linear, left top, left bottom, from(#ff9a00), to(#ff7b00));
	background:-moz-linear-gradient(top, #ff9a00, #ff7b00);
	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFff9a00,endcolorstr=#FFff7b00));
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFff9a00,endcolorstr=#FFff7b00));
	color:#FFF;
}

/* diacrisis styles
------------------------------------------------ */
#Existing .diacrisis{
	background-color:#fff;
}

#Existing .diacrisis .inner{
	width:960px;
	height:130px;
	margin:0 auto;
	background:url(/careercompass/wp-content/uploads/existing/hitome/img/bg_diacrisis.gif) no-repeat 50% 0;
}

#Existing .diacrisis p{
	float:left;
	/* padding:40px 200px 0 40px; */
	padding-top:40px;
	width:600px;
}
#Existing .diacrisis p img {
	margin-left:40px;
}

#Existing .diacrisis p.btn{
	padding:30px 0 0 0;
	width:auto;
}

#Existing .recruit {
	margin-top:15px;
	background-color:#fff;
}

#Existing .recruit .inner{
	width:924px;
	margin:0 auto;
	padding:24px 0 24px 52px;
}
#Existing .recruit .inner img{
	vertical-align:middle;
}
#Existing .recruit .inner .arrow{
	padding:0 72px 0 50px;
}

#Existing h2 img.mainSP,
#Existing .spNav{display:none;}

#Existing #next-conts {
	text-align:center;
}
#Existing #next-conts #next-inner{
	margin:20px auto 0px;
	width:960px;
	text-align:left;
	background-color:#FFF;
}
#Existing #next-conts #next-inner #next-news {
	border:1px solid #ccc;
	padding:15px;
}
#Existing #next-conts #next-inner #next-news p#next-title {
	font-size:18px;
	color:#101177;
	line-height:1;
	margin-bottom:10px;
}
#Existing #next-conts #next-inner #next-news h4 {
	text-align:center;
	font-weight:bold;
	font-size:25px;
	margin:10px 0px;
	line-height:1;
	color:#101177;
}
#Existing #next-conts #next-inner #next-news h4 span {
	font-size:14px;
	font-weight:normal;
}
/* #next-conts #next-inner #next-news p#end-next {
	margin-top:10px;
	text-align:right;
	color:#101177;
	font-size:16px;
	font-weight:bold;
	line-height:1;
} */