@charset "utf-8";
@import url("second.css");

#main .student p{margin-bottom:30px;line-height:1.8;}

/*-------------------------
	ランキング
	/student/ranking/
-------------------------*/
#contents #main .ranking{padding-bottom:50px;}
#main .ranking table{
	width:300px;
	margin-bottom:40px;
	}
#main .ranking table.t3{width:350px;}

#main .ranking table th{
	padding:8px 8px 6px;
	font-size:13px;
	color:#FFF;
	border:1px solid #ccc;
	line-height:1.2;
	}
#main .ranking table.t1 th{background-color:#1276DD;}
#main .ranking table.t2 th{background-color:#81C100;}
#main .ranking table.t3 th{background-color:#FF8900;}
#main .ranking table td{
	padding:5px 8px;
	border:1px solid #ccc;
	}
#main .ranking table td.no,
#main .ranking table td.nm2{text-align:right;}
#main .ranking table td.no{text-align:right;}
#main .ranking table th.no{text-align:right;width:25px;background-color:#e8e8e8;color:#333;font-weight:normal;}
#main .ranking table th.nm{text-align:center;background-color:#e8e8e8;color:#333;font-weight:normal;}
#main .ranking table th.nm2{text-align:center;background-color:#e8e8e8;color:#333;font-weight:normal;}



/*-------------------------
	どんな資格があるの？
	/student/license/
-------------------------*/
#main .licenses{}

#main .licenses .section{
	margin-bottom:40px;
	}
#main .licenses .txt{float:left;width:331px;}
#main .licenses .txt p{margin-bottom:30px;line-height:1.8;}
#main .licenses .img{float:right;}

#main .licenses .license-list{
	position:relative;
	}
#main .licenses .license-list ul{
	margin-right:-10px;
	width:	640px;
	position:relative;
	}
#main .licenses .license-list li{
	float:left;
	width:150px;
	height:175px;
	margin-right:10px;
	}
.license-list li p{
	margin:6px 0 0;
	padding-left:14px;
	line-height:1.4;
	background:transparent 0 2px no-repeat;
	background-image:url(../student/license/img/icn-arrow-bl.gif);
	}
	
.license-list li a{color:#1C5DB9}

/*-------------------------
	各資格詳細
	/student/license/---
-------------------------*/
#contents #license-detail{
	float:left;
	width:700px;
}
#license-detail h2 {
	float: left;
	font-size: 18px;
	padding-left: 35px;
	font-weight: bold;
}
#license-detail h3 {
	margin-bottom: 25px;
}
#license-detail .category {
	float: right;
	font-size: 11px;
	color: #1C5DB9;
	padding-right: 35px;
}
#license-detail p {
	padding-left: 15px;
}
#license-detail .main-top {
	background-image: url(../student/license/img/detail/border-top.gif);
	background-repeat: no-repeat;
	line-height: 5em;
	height: 5em;
	background-position: left bottom;
}
#license-detail  .main-top02 {
	/*background-image: url(../student/license/img/detail/border-top02.gif);*/
	background-image: url(../student/license/img/detail/border-top.gif);
	background-repeat: no-repeat;
	line-height: 5em;
	height: 5em;
	background-position: left bottom;
}
#license-detail .main-top03 {
	/*background-image: url(../student/license/img/detail/border-top03.gif);*/
	background-image: url(../student/license/img/detail/border-top.gif);
	background-repeat: no-repeat;
	line-height: 5em;
	height: 5em;
	background-position: left bottom;
}
#license-detail .main-top04 {
	/*background-image: url(../student/license/img/detail/border-top04.gif);*/
	background-image: url(../student/license/img/detail/border-top.gif);
	background-repeat: no-repeat;
	line-height: 5em;
	height: 5em;
	background-position: left bottom;
}
#license-detail .main-top05 {
	/*background-image: url(../student/license/img/detail/border-top05.gif);*/
	background-image: url(../student/license/img/detail/border-top.gif);
	background-repeat: no-repeat;
	line-height: 5em;
	height: 5em;
	background-position: left bottom;
}
#license-detail .main-middle {
	background-image: url(../student/license/img/detail/border-middle.gif);
	background-repeat: repeat-y;
	padding-top: 30px;
	padding-bottom: 20px;
}
#license-detail .main-bottom {
	background-image: url(../student/license/img/detail/border-bottom.gif);
	height: 10px;
	margin-bottom: 25px;
}
#license-detail .section01 {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px;
}
#license-detail .section01 .text {
	width: 292px;
	float: left;
}
#license-detail .section01 p {
	padding-left: 0px;
}
#license-detail .section01 .bnr {
	padding-top: 40px;
}
#license-detail .section02 {
	width: 630px;
	margin: 20px 0px 40px 0px;
	margin-right: auto;
	margin-left: auto;
}
#license-detail .section03 {
	width: 630px;
	margin: 20px 0px 20px 0px;
	margin-right: auto;
	margin-left: auto;
}
#license-detail .section04 {
	width: 630px;
	margin: 20px 0px 40px 0px;
	margin-right: auto;
	margin-left: auto;
}
#license-detail .section04 .list01 {
	padding-right: 20px;
	padding-left: 15px;
}
#license-detail .section04 .list02 {
	float: left;
	padding-right: 20px;
	padding-left: 15px;
	width: 280px;
}

#license-detail .section04 .list01 .name,
#license-detail .section04 .list02 .name {
	margin-bottom: 30px;
	padding-left: 0px;
}

#license-detail .section04 .list01 table th,
#license-detail .section04 .list02 table th {
	font-weight:normal;
	padding: 3px 3px 5px 0px;
}
#license-detail .section04 .list01 table td,
#license-detail .section04 .list02 table td {
	background-image: url(../student/license/img/detail/icn-circle.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	vertical-align: middle;
	padding: 3px 3px 5px 25px;
}
#license-detail .section04 .list01 table.icn02 td,
#license-detail .section04 .list02 table.icn02 td {
	background-image: url(../student/license/img/detail/icn-circle02.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	vertical-align: middle;
	padding: 3px 3px 5px 25px;
}

#license-detail .section04 .list01 table.icn02 td,
#license-detail .section04 .list02 table.icn02 td {
	background-image: url(../student/license/img/detail/icn-circle02.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	vertical-align: middle;
	padding: 3px 3px 5px 25px;
}
#license-detail .section04 .list01 table.icn03 td,
#license-detail .section04 .list02 table.icn03 td {
	background-image: url(../student/license/img/detail/icn-circle03.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	vertical-align: middle;
	padding: 3px 3px 5px 25px;
}
#license-detail .section04 .list01 table.icn04 td,
#license-detail .section04 .list02 table.icn04 td {
	background-image: url(../student/license/img/detail/icn-circle04.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	vertical-align: middle;
	padding: 3px 3px 5px 25px;
}
#license-detail .section04 .list01 table.icn05 td,
#license-detail .section04 .list02 table.icn05 td {
	background-image: url(../student/license/img/detail/icn-circle05.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	vertical-align: middle;
	padding: 3px 3px 5px 25px;
}
#license-detail .section05 {
	width: 630px;
	margin: 35px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDCDCD;
}
#license-detail .section05 .bnr {
	padding-top:20px;
	text-align:center;
}
	
/*-------------------------
	資格が取得できる大学を探そう
	/student/search/
-------------------------*/
#main .search .section{
	margin-bottom:40px;
	}
#main .search .txt{float:left;width:320px;}
#main .search .txt p{margin-bottom:30px;line-height:1.8;}
#main .search .img{float:right;}

#contents #main .search .section p.subheader{
	margin-bottom:20px;
	}
.search table{width:100%;border:1px solid #ccc;margin-bottom:20px;}
.search table th{width:130px;color:#FFF;vertical-align:middle;padding:10px 15px;background:transparent url(../student/search/img/bg-th.gif) 0 100% repeat-x;}
.search table td{vertical-align:middle;}
.search table td div{position:relative;padding:10px 15px;line-height:2;}
.search table td a.selectall{position:absolute;top:8px;right:90px;}
.search table td a.selectoff{position:absolute;top:8px;right:8px;}

.search table td#cond2 div.area{
	width:367px;
	height:233px;
	padding:0;
	margin:0 auto;
	background:transparent url(../student/search/img/bg-map.gif) top left no-repeat;
	}
	.area .area1{position:absolute;top:24px;left:250px;}
	.area .area2{position:absolute;top:86px;left:258px;}
	.area .area3{position:absolute;top:148px;left:270px;}
	.area .area4{position:absolute;top:138px;left:220px;}
	.area .area5{position:absolute;top:138px;left:176px;}
	.area .area6{position:absolute;top:120px;left:118px;}
	.area .area7{position:absolute;top:167px;left:118px;}
	.area .area8{position:absolute;top:142px;left:53px;}
	
.search table td#cond3 div{padding:20px 15px;}
.search table td#cond4 input{height:18px;}

.btns{text-align:center;}

/*------------------
	検索結果
--------------------*/
.btn-cond{
	position:relative;
	margin-top:-15px;
	text-align:right;
	margin-bottom:15px;
	}
#detailBox{display:none;}
.search #detailBox table{width:100%;border:1px solid #ccc;margin-bottom:30px;}
.search #detailBox table th{width:100px;1px solid #ccc;color:#FFF;vertical-align:middle;padding:5px 15px;background:transparent url(../student/search/img/bg-th.gif) 0 100% repeat-x;}
.search #detailBox table td{vertical-align:middle;border-bottom:1px solid #ccc;}

.search #detailBox table td.btns{text-align:center;padding:8px 0;}

.search #detailBox table td div{position:relative;padding:5px 15px;line-height:1.8;}
.search #detailBox table td#cond3 div{padding:5px 15px;}

 .search .page-nav{
	 margin-bottom:15px;
	 }
 .search .page-nav .txt{float:left;}
 .search .page-nav .nav{float:right;}
 .search .page-nav .nav .prev{margin-right:10px;}
 .search .page-nav .nav .next{margin-left:10px;}
 
 .search .result{margin-bottom:20px;border:1px solid #ccc;}
 .search .result table{border-width:0px;border-top:3px solid #0870D2;margin-bottom:0;}
 .search .result td.thumb{text-align:center;width:128px;border-right:1px solid #ccc;}
 .search .result td.kubun{padding:5px;border-bottom:1px solid #ccc;background-color:#D8F0F9;}
 .search .result td.ttl{padding:5px;border-bottom:1px solid #ccc;font-size:16px;font-weight:bold;}
 .search .result td.description{padding:5px;}
 
/*------------------
	大学詳細
--------------------*/
.detail-header{
		padding:15px 35px 25px;
		height:24px;
		margin-bottom:20px;
	}
.college .detail-header{background:transparent url(../student/search/img/bg-title-college.gif) top left no-repeat;}
.short .detail-header{background:transparent url(../student/search/img/bg-title-short.gif) top left no-repeat;}

.detail-header p.ttl{float:left;width:510px;font-size:20px;font-weight:bold;}
.detail-header p.ttl span{font-size:10px;font-weight:normal;color:#666;}
.detail-header p.kubun{float:right;text-align:right;width:110px;padding-top:8px;}

#contents .college p.subheader{}
#contents .short p.subheader{background-image:url(../student/search/img/bg-subtitle-short.gif);}

#contents .detail .section {
margin-bottom:30px;
}
.detail .section table td.img{width:220px;border:0px;vertical-align:top;}
.detail .section table td.txt{border:0px;padding-right:5px;}
.detail .section .txt .midasi{margin-bottom:12px;font-weight:bold;font-size:14px;}

.detail .section table{width:100%;}
.detail .section table th,
.detail .section table td{padding:4px 10px;border:1px solid #ccc;}

.college .section table.sikaku th{background:transparent url(../student/search/img/bg-th-college.gif) top left repeat-x;height:22px;line-height:22px;color:#fff;text-align:center;}
.short .section table.sikaku th{background:transparent url(../student/search/img/bg-th-short.gif) top left repeat-x;height:22px;line-height:22px;color:#fff;text-align:center;}
.detail .section table.sikaku .td1{width:160px;}
.detail .section table.sikaku .td2{width:140px;}

.detail .section table.info .td1{width:100px;background-color:#eee;}
#main .detail .section .map{padding:0;}
.detail .section .map p{padding:10px;}
.detail .section .map #gmap{width:100%;height:320px}

#main .detail .viewsite{
		width:560px;
		margin:0 auto 20px;
		height:40px ;
		padding:20px;
		background:transparent url(../student/search/img/bg-viewsite.gif) top left no-repeat;
}
.detail .viewsite .txt{float:left;width:360px;}
.college .detail .viewsite .txt .midasi{color:#0368D9}
.short .detail .viewsite .txt .midasi{color:#7CBC01}
.detail .viewsite .view{float:right;width:195px;}
/**/
#sub .viewsite{
		padding:15px;
		height:113px;
		background:transparent url(../student/search/img/bg-side-box.gif) top left no-repeat;
}
#sub .viewsite .txt p{margin-bottom:6px;}
#sub .viewsite .txt .midasi{color:#E94D9A;margin-bottom:4px;font-weight:bold;font-size:14px;line-height:17px;}
#sub .viewsite .view{}

/*-------------------------
	君の未来を発見！
	/student/discover/
-------------------------*/
#main .category-body.discover {
	padding-bottom: 15px;
}
#main .discover .section{
	margin-bottom:30px;
	margin-left: 0px;
	}
#main .discover .txt{float:left;width:331px;}
#main .discover .txt p{margin-bottom:30px;line-height:1.8;}
#main .discover .img{float:right;}
#main .discover .img02{float:left;}

#main .discover .discover-list{
	position:relative;
	}
#main .discover .discover-list ul{
	margin-right:-10px;
	width:	640px;
	position:relative;
	}
#main .discover .discover-list li{
	float:left;
	width:150px;
	height:185px;
	margin-right:10px;
	}	
#main .discover .subheader {
	margin-bottom: 20px;
}
.discover-list li p{
	margin:6px 0 0;
	padding-left:14px;
	line-height:1.4;
	background:transparent 0 2px no-repeat;
	background-image:url(../student/license/img/icn-arrow-bl.gif);
	}
	
.discover-list li a{color:#1C5DB9}

.discover div.check {
	border: 7px solid #E8E8E8;
	float: right;
	width: 351px;
	padding: 10px;
}

.discover p.check {
	font-size: 13px;
	font-weight: bold;
}

.discover .check p a {
	background-image: url(../common/img/icn-arrow1.gif);
	background-position: left 4px;
	padding-left: 7px;
	background-repeat: no-repeat;
}
.discover h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	width: 630px;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	margin-bottom: 20px;
	
}

.discover h2.job01 {
	background-image: url(../student/discover/img/detail/bg-ttl01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.discover h2.job02 {
	background-image: url(../student/discover/img/detail/bg-ttl02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.discover h2.job03 {
	background-image: url(../student/discover/img/detail/bg-ttl03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.discover h2.job04 {
	background-image: url(../student/discover/img/detail/bg-ttl04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.discover h2.job05 {
	background-image: url(../student/discover/img/detail/bg-ttl05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.discover h2.job06 {
	background-image: url(../student/discover/img/detail/bg-ttl06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.discover .txt02 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.discover .txt02.lastChild {
	border:none;
	margin-bottom:0px;
	padding-bottom: 0px;
}

.discover p.job01 {
	color: #0288A6;
	font-weight: bold;
	padding-bottom: 8px;
}

.discover p.job02 {
	color: #0A65CC;
	font-weight: bold;
	padding-bottom: 8px;
}

.discover p.job03 {
	color: #E73833;
	font-weight: bold;
	padding-bottom: 8px;
}

.discover p.job04 {
	color: #328D35;
	font-weight: bold;
	padding-bottom: 8px;
}

.discover p.job05 {
	color: #0086C1;
	font-weight: bold;
	padding-bottom: 8px;
}

.discover p.job06 {
	color: #F60;
	font-weight: bold;
	padding-bottom: 8px;
}

/*-------------------------
　資格取得者の就職先アンケート
	　/student/job/
-------------------------*/
#main .category-body.job {
	padding-bottom: 50px;
}
.job .section {
	margin-bottom: 30px;
}
.job .job-list {
	margin-left: 10px;
	}
.job .job-list ul li {
	border: 4px solid #E8E8E8;
	background-image: url(../common/img/icn-arrow3.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	padding-right: 25px;
	padding-left: 25px;
	width: 300px;
	margin-bottom: 12px;
	height: auto;
	line-height: 35px;
}
#main .job .subheader {
	margin-bottom: 15px;
}
.job table.job {
	width: 600px;
	border:1px solid #ccc;
	margin-bottom: 40px;
	margin-left: 10px;
}
.job table.job.lastChild {
	margin-bottom: 0px;
}
.job table.job th {
	background:#E8E8E8;
	padding:8px;
	border:1px solid #ccc;
	text-align: center;
	font-weight: normal;
}
.job table.job td {
	padding:8px;
	border:1px solid #ccc;
	width: 158px;
}
.job table.job .icn {
	text-align: center;
	width: 56px;
}