/*-------------------- 就職情報共通CSS --------------------*/

#placement #pageTitle h2{
background:url(/contents/placement/images/h2_placement.jpg) no-repeat top left;
}

#placement h2 .caution{
font-size:80%;
}

#placement #main em, #placement #main strong{
color:#df8b00;
}

#placement #main .subhead{
margin-top:30px;
}

.roundeBox .inner p.txt{
width:390px;
}


/*-------------------- タイトル --------------------*/

#main h2.backup{
background:url(/contents/placement/images/h2_placement_backup.jpg) no-repeat left;
} 

#main h2.application{
background:url(/contents/placement/images/h2_placement_application.jpg) no-repeat left;
} 

#main h3{
background:url(/contents/placement/images/h3_placement.gif) no-repeat left top;
color:#df8b00;
} 

#main h4{
background:url(/contents/placement/images/h4_placement.gif) no-repeat left;
color:#df8b00;
} 

#main h5{
color:#df8b00;
clear:both;
margin-bottom:5px;
font-size:100%;
}


/*-------------------- キャリアセンター --------------------*/

#threePoint{
width:373px;
float:left;
margin-top:10px;
}

#point1, #point2, #point3{
padding-left:90px;
}

#point1{
background:url(/contents/placement/images/careercenter01.gif) no-repeat left;
padding-top:25px;
height:65px;
}

#point2{
background:url(/contents/placement/images/careercenter02.gif) no-repeat left;
padding-top:25px;
height:65px;
}

#point3{
background:url(/contents/placement/images/careercenter03.gif) no-repeat left;
padding-top:15px;
height:75px;
}

.decision{
padding-top:20px;
float:left;
width:172px;
}

.caption{
font-size:0px;
line-height:0px;
text-indent:-9999px
}

#point1 dl dt, #point2 dl dt, #point3 dl dt{
font-size:130%;
font-weight:bold;
}

#point1 dl dt{
color:#ee937a;
}

#point2 dl dt{
color:#84b0c7;
}

#point3 dl dt{
color:#94c784;
}

#careercenter_03 dl{
margin-bottom:30px;
}

#careercenter_03 dl dt{
margin-bottom:10px;
}

#careercenter_01 .grade{
color:#df8b00;
font-size:85%;
padding-left:0.5em;
}

#careercenter_01 ul{
margin-bottom:30px;
}


/*-------- キャリアプランニング 人間生活学部 --------*/

#careerplanning_n_01 p,
#careerplanning_n_02 p{
margin-bottom:5px;
}

#main #careerplanning_n_01 table,
#main #careerplanning_n_02 table{
margin-bottom:30px;
}

/*------ キャリアプランニング 人間生活学部・キャリアプランニング 現代社会学部 -------*/

#careerplanning_s_01 p,
#careerplanning_s_02 p{
margin-bottom:5px;
}


.careerSchedule .number{
width:7%;
}

.careerSchedule .date{
width:7%;
}

.careerSchedule .tuition{
text-align:left;
width:40%;
}

.careerSchedule .tuition2{
text-align:left;
width:42%;
}

#main .careerSchedule{
margin-bottom:30px;
}

#main #careerplanning_n_01 .pageUp,
#main #careerplanning_n_02 .pageUp,
#careerplanning_s_01 .pageUp,
#careerplanning_s_02 .pageUp{
margin-bottom:0px;
}

/*-------------------- 証明書の交付 --------------------*/

.pricetable td{
text-align:center;
width:45%;
}

.caseBox dt{
float:left;
margin-right:5px;
}

.caseBox dd{
padding-left:20px;
}

.caseBox .necessary{
border:1px solid #e1e1e1;
padding:10px;
}
 
.caseBox .necessary li{
float:left;
margin-right:10px;
padding-left:5px;
margin-bottom:0px;
}


#resultCertificate_02 div,
#resultCertificate_02 p{
text-align:center;
}

#main .resultSchedule{
background-color:#F2F0E9;
border:1px solid #e1e1e1;
padding:10px 5px;
margin-bottom:0px;
}

#main .bgGray{
background-color:#D9D7D0;
border:1px solid #e1e1e1;
padding:10px 5px;
margin-bottom:0px;
}

#main .resultSchedule p{
padding:0px;
margin-bottom:0px;
}

#main .arrow{
padding:10px;
margin-bottom:0px;
}

.resultSchedule ul{
width:565px;
}

.resultSchedule li{
float:left;
margin-right:5px;
}

#main #resultCertificate_01 table.pricetable{
margin-bottom:30px;
}

.caseBox ol li{
margin-bottom:20px;
}

/*-------------------- 就職実績 --------------------*/

#percentage{
float:left;
width:235px;
}

#circumstances{
float:right;
}

#percentage span.title,
#circumstances span.title{
padding:5px 10px;
border:1px solid #C4C4C4;
}

#percentage dt,
#circumstances dt{
text-align:center;
padding-top:10px;
}

#percentage dd{
background:url(/contents/common/images/listmark.gif) no-repeat 0px 2em;
}

#main #percentage dd em{
font-size:230%;
padding-left:10px;
line-height:170%;
color:#F0AC3C;
}

#main #result_01 div.internCorp{
margin-bottom:30px;
}

#main #result_01 div.internCorp dl dt{
display:inline;
color:#DF8B00;
}

#main #result_01 div.internCorp dl dd{
display:inline;
}

/*------------ 資格取得 HECが支援している資格 -----------*/

.qualification_hec .subList{
float:left;
width:139px;
}

#main .roundeBox p .subt{
color:#df8b00;
}

.qua_hecComent{
margin-bottom:30px;
}

.qua_hecComent dt{
float:left;
margin-right:10px;
}

#main .quaSchedule .th03,
#main .quaScheduleLast .th03{
text-align:left;
font-weight:bold;
}

.quaSchedule td,
.quaScheduleLast td{
text-align:center;
width:27%;
}

.quaSchedule td.quaList,
.quaScheduleLast td.quaList{
text-align:left;
}

.quaSchedule .tuition,
.quaScheduleLast .tuition{
width:23%;
}

span.note{
font-size:87%;
}

#main .quaScheduleLast{
margin-bottom:0px;
}

/*--------------------- 資格取得  -------------------*/

#qua_01 em{
font-size:87%;
}

#main .quatxt{
margin-bottom:5px;
}
.quaimg{
text-align:center;
margin-top:30px;
}

#qua_02 img{
margin-top:20px;
}

/*#main #qua_03 .roundeBox h4{
color:#444;
font-size:100%;
}*/

#qua_03 .roundeBox .inner .qualificationBox{
border:1px solid #e1e1e1;
padding:5px 10px;
width:370px !important;
width:350px;
margin-bottom:10px;
}

p.txt_r{
text-align:right;
}

span.noteYe{
color:#df8b00;
font-size:87%;
}

#main #qua_02{
margin-bottom:0px;
}

/*--------------------- インターンシップ -------------------*/

.internbox{
padding-left:15px;
margin-bottom:30px;
}

#main .internbox h5{
margin-bottom:0px;
}

#main .internbox p{
margin-bottom:15px;
}

#main #intern_01 .mb20{
margin-bottom:20px;
}

#main #intern_02 h4.step1{
background:none;
color:#ee937a;
font-weight:bold;
padding:0;
margin-bottom:5px;
}

#main #intern_02 h4.step2{
background:none;
color:#84b0c7;
font-weight:bold;
padding:0;
margin-bottom:5px;
}

#main #intern_02 h4.step3{
background:none;
color:#94c784;
font-weight:bold;
padding:0;
margin-bottom:5px;
}

#main .internstep p.stepimg{
float:left;
margin:0 0 30px 0px;
padding:0;
}

#main #intern_03{
margin-bottom:10px;
}

#main #intern_03 div.internCorp dl{
margin-bottom:30px;
}

#main #intern_03 div.internCorp dl dt{
display:inline;
color:#DF8B00;
}

#main #intern_03 div.internCorp dl dd{
display:inline;
}


/*---------------- 資格取得 クーポンと単位認定について -------------------*/
#qua_cou_01 dt{
float:left;
}

#qua_cou_01 dd{
padding-left:20px;
}

#main #qua_cou_02{
margin-bottom:0px;
}