@charset "UTF-8";
/* CSS Document */

@import url(common.css);

/**************************/
/*　　　ラボラトリ　　　　*/
/**************************/

#labolabo h2{
	border-bottom: 2px solid #120658;
	padding: 4px 0 3px 3px;
}
#labolabo h2 span{
    visibility:hidden;
    /* タイトルに画像を使う場合 */
}


/*本文全体*/
#labolabo {
    font-size: 120%;
	line-height: 1.5em;
}



/* clearfix ----------------------------------------------------------------------------------- */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
/*\*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/**/

/*********トップページ*********/

/*本文全体*/
#top-contents{
	width:790px;
	margin:0 auto;
	padding: 0 5px;
	line-height: 1.6em;
      }

.linkbox {
	width:513px;
	border:solid 1px #666;
}

.box_hover{
	 background:url(../images/labo/ttl_waku.gif) 247px 0px;
	cursor:pointer;
	}
.none{
	height:0px;
	overflow:hidden;
	}


#top-contents h2 { margin-left:3px;}

.catch { border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AAFA;
	font:110%;
	line-height: 1.3em;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:5px}

.update {
	margin-bottom:5px;
	font-family: normal;
	font-size: 100%;
}

.update-new {
	background:url(../images/icon/new.gif) no-repeat 0 1px;
	_background:url(../images/icon/new.gif) no-repeat 0 0px;
	padding-left:30px;
	margin-bottom:5px;
	font-family: normal;
	font-size: 100%;
}

.top_images { margin: 0 0 0 3px;}

.top_txt { margin: 0 0 15px 3px;}

.thumbnail { float:left; margin-right:5px; width:73px;}

.archive { float:left; width:153px; color: #00aafa;}

.top-number { background:url(../images/labo/underline.gif) repeat-x 0 17px; margin-bottom:2px; height:20px;}

.top-name { font-weight:bold; font-size:140%; color:#00AAFA;}

.top-title { color:#00AAFA; line-height: 1.2em; margin-top:5px;}

#top-others{
	width:780px;
	margin:40px auto 0 auto;
	padding: 0 10px;
	line-height: 1.6em;
      }
	  
#top-others h3 {
	color:#00aafa;
	background:url(../images/title/title_head_s.gif) no-repeat;
	padding:0 0 0 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AAFA;
	}
	
#top-others h4 {
	color:#00aafa;
	padding:0 0 0 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AAFA;
	}
	
#topic-left { float:left; margin-left:60px; _margin-left:30px; width:300px;}

#topic-right { float:left; margin-left:60px; width:300px;}

.topic-txt { float:left; width:212px; color: #666; padding-left:10px;}

.pink { background-color:#ff59df; color:#fff; text-align:center; margin-bottom:5px;}

.top-event { margin:30px 0 0 10px; padding-bottom:30px;}  






/*カテゴリートップ*/

.linkbox-c {
	width:231px;
	height:300px;
	background-image:url(../images/labo/top_waku-c.gif);
	background-repeat: no-repeat;
	float:left;
	margin: 20px 0 0 0;
	padding: 10px 8px 10px 8px;
}
.box_hover-c {
	 background:url(../images/labo/top_waku-c.gif) 247px 0px;
	cursor:pointer;
	}
#category-left { float:left; width:505px; margin:20px 0 0 10px; _ margin:20px 0 0 5px; padding-bottom:50px;}

#category-right { float:right; width:247px;}

.c-top-numbox {
	margin-top:20px;
	padding-bottom:15px;
 	_padding-bottom:0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AAFA;
	width:505px;}
	
.c-top-number { float:left; width:250px;  font-weight:bold; font-size:140%; color:#00AAFA;}

.c-top-date { float:right; width:200px; text-align:right; padding-right:2px;}

.c-top-pic { float:left; width:231px; margin: 10px 10px 0 0 ;}

.c-top-txt { float:left; width:264px; margin-top: 10px;} 

.c-top-lead { font-size: 120%;}

.c-top-topic { padding-top:30px; clear:both;}

#category-right h3 { color:#00aafa;
	background:url(../images/title/title_head_s.gif) no-repeat;
	padding:0 0 0 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AAFA;}

#category-left h3 { color:#00AAFA; font-size:120%; }



#category-left .c-top-txt p { font-size:120%;line-height: 1.5em;}

.more { margin:10px 0 0 153px;}

.company-info { padding-top:20px;}


#back-number {
	text-align: center;
	padding-top: 10px;
	margin-top:30px;
	background-image: url(../images/labo/line.gif);
	background-repeat: repeat-x;
}

#back-number p { display:inline; margin: 0 10px;}


/*目次*/
.portal-lbox {
    clear: both;
}
.feature {
	border-left: 2px solid #46C800;
	padding: 0 0 0 3px;
	width: 237px;
    margin: 5px 0 8px;
    float: left;
    display: inline;
}
.feature_thumb{
    float: left;
	width: 72px;
}
.feature_txt {
    width:155px;
    float:right;
	margin-left: 8px;
	font-size: 85%;
	line-height: 1.3em;
	color: #323232;
}
.feature_txt img {
    margin: 1px 3px 0;
}
/*.feature_txt_name {
    margin-top: 1.3em;
    font-size: 90%;
}*/
.feature h3 {
    margin-bottom: 0px;
    padding: 0;
    font-size: 100%;
	font-weight: normal;
}

.feature-labo-name {
    font-size: 100%;
	margin-top: 0.5em;
}
.feature-labo-name .name {
    font-size: 125%;
	line-height: 1.35em;
}

.schedule {
    border-top: 1px dotted #C8C8C8;
	margin: 15px 0 0;
	padding: 5px 0 0;
	text-align: right;
	color: #FF58DC;
	font-weight: bold;
}
/*「社会人インタビュー」間隔*/
#interview .feature {
    margin-right: 8px;
}

/*********詳細ページ*********/
/*左カラム*/
#main-left {
    float: left;
	width: 514px;
	padding: 0 10px 0 0;
	border-right: 1px dotted #C8C8C8;
}

/*右カラム*/
#sub-right {
    float: right;
	width: 245px;
	font-size: 83.3%;
}

/*vol*/

h2 .ttl {
    float: left;
	display: inline;
	font-weight: bold;
}

/**　左カラム　本文　**/
#main-left #honbun {
    margin: 20px 0 10px 5px;
}

#main-left h3 {
    color: #13075b;
	font-size: 120%;
	background:url(../images/common/interview_midashi.gif) no-repeat; padding-left:40px;
}
#main-left #honbun p.indent {
	text-indent: 1em;
	margin-top:12px;
}

#main-left #lead {
	font-size: 100%;
	font-weight:normal;
	margin-bottom:35px;
}

/************************
  社会人インタビュー2007
  　　　キーワード
************************/
.keyword {
    width: 500px;
	margin: 0 5px;
	padding: 0;
}

.keyword img {
   display: block;
}
.keyword .word {
	padding: 10px;
	font-size: 83.3%;
	 border: 1px solid #a28d16;
	background-color: #f6f6ec;
}

.keyword .ttl {
    color: #a28d16;
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 8px;
	padding: 0 0 0 15px;
	background: url(../images/interview2007/keyword_head.gif) no-repeat 0 4px;
	
}
.keyword .key {
    font-weight: bold;
	font-size: 120%;
}

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

/*下部リンクスペース*/
#main-left .links {
    margin: 10px 0;
	font-size: 83.3%;
}
.links .list03 {
    float: left;
	display: inline;
}
.links .pagetop {
    float: right;
	display: inline;
}

/**　右カラム　プロフィール　**/
#profile {
	padding: 0;
	font-size:83%; margin:15px 0 0 5px; _margin:15px 0 0 3px;
}
#profile img {
    display: block;
}
#prof-main {
    border: 1px solid #a28d16;
	padding: 8px;
	width: 480px;
	text-align: left;
	background-color: #f6f6ec;
}
#prof-sub {
    border: 1px solid #a28d16;
	 padding:5px 0 4px 10px;
	width: 501px;
	text-align: left;
	background-color: #f6f6ec;
}
/**　右カラム　INTERVIEWER　**/
#interviewer {
    margin: 0 0 20px 0;
	padding: 0;
	float:right; font-size:83%; margin:15px 4px 0 0; _margin:15px 2px 0 0;
}
#int-main {
    border: 1px solid #AAA;
	padding: 8px;
	width: 227px;
	text-align: left;
	background-color: #EBEBEB;
}
#int-main img {
    margin-bottom: 10px;
}
.studentname {
    font-size: 120%;
}

/*名前*/
/*#prof-main */.name {
    font-size: 140%;
}


/**　右カラム　会社概要**/
#sub-right ul.corprofile {
    line-height: 1.5em;
}

/*会社名*/
/*#prof-main */.company {
    font-size: 110%;
	font-weight: bold;
}

/*「INDEX」*/

#link-other{padding-top:10px; margin-top:15px;}
	
	#sub-right #link-other li a:link{
        background-color : inherit;
        color: #666;
		background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
		display:block;
		text-decoration:none;
      }
	  #sub-right #link-other li a:visited{
        background-color : inherit;
        color: #666;
		background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
		display:block;
		text-decoration:none;
      }

#sub-right #link-other li a:hover{
	  background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
        background-color : inherit;
        color: #666;
		display:block;
		background-color: #DCE4E5;
		text-decoration:none;
      }
	  
	  
	  
#link-other li {
    margin: 0px 0;
	background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;	
	border-bottom:dotted 1px #666;
	line-height:20px;
}	  
	  
	  
#sub-right #index {
    margin: 8px 0 0 0;
	padding: 0;
}
#sub-right #index h3 {
	padding-bottom: 2px;
	margin: 20px 0 12px;
}
#sub-right #index li {
    margin: 0px 0;
	background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;	
	border-bottom:dotted 1px #666;
	line-height:20px;
}

#sub-right #index li a:link{
        background-color : inherit;
        color: #666;
		background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
		display:block;
		text-decoration:none;
      }
	  #sub-right #index li a:visited{
        background-color : inherit;
        color: #ccc;
		background:url(../images/common/sidebar_listmark_visited.gif) no-repeat 0px 4px;
		display:block;
		text-decoration:none;
      }

#sub-right #index li a:hover{
	  background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
        background-color : inherit;
        color: #666;
		display:block;
		background-color: #DCE4E5;
		text-decoration:none;
      }

#main-left #new li {
    margin: 0px 0;
	background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;	
	border-bottom:dotted 1px #666;
	line-height:20px;
}

#main-left #new li a:link{
        background-color : inherit;
        color: #666;
		background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
		display:block;
		text-decoration:none;
      }
	  #main-left #new li a:visited{
        background-color : inherit;
        color: #666;
		background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
		display:block;
		text-decoration:none;
      }

#main-left #new li a:hover{
	  background:url(../images/common/sidebar_listmark.gif) no-repeat 0px 4px;
        background-color : inherit;
        color: #666;
		display:block;
		background-color: #DCE4E5;
		text-decoration:none;
      }
	  

/*画像寄せ指定*/
/*右*/
.img-right {
    float: right;
	margin: 0 0 4px 5px;
}
.img-right2 {
    float: right;
	margin: 0 0 4px 0px;
}
.img-left {
    float: left;
	margin: 0 5px 4px 0;
}


/*社会人基礎力ページ*/
/*コメント人名ブルー*/
.come_blue{
    color:#a38c18;
}
/*コメント人名ピンク*/
.come_pink{
    color:#1a55ce;
}
/*プロフィール*/
#prof-main_ba01 {
    border: 1px solid #AAE1F5;
	border-top: none;
	border-bottom: none;
	padding: 0 8px 8px;
	width: 227px;
	text-align: left;
	
}
#prof-main_ba01 li{
    padding-top:2px;
    padding-bottom:2px;
}
#prof-main li{
    padding-top:2px;
    padding-bottom:2px;
}
.prof-sub {
	 padding:5px 0 4px 10px;
	width: 503px;
	text-align: left;
	background-color: #f6f6ec;
	color:#71725F;
}

/***社会人基礎力***/

/*プロフィールライン*/
.pro_line{
　　border-top: none;
    border-left: none;
	border-right: none;
	border-bottom-width:1px;
	border-bottom-style: dashed;
	border-bottom-color: #AAE1F5;
	padding-bottom:10px;
	margin-bottom:8px;
}

/*「社会人基礎力とは？」*/
#sub-right #about {
    margin: 0;
	padding: 0;
}
#sub-right #about img {
    display: block;
}
#about-main {


	width: 227px;
	text-align: left;
	
	border: 1px solid #a28d16;
	padding: 8px;

	background-color: #f6f6ec;
}


/*****インタビューページ*****/
/*右側会社情報、ロゴ位置*/
.logo{
    text-align:center;
	padding-bottom:10px;
	}
/*右側会社情報*/
#ca_info {
	padding: 0 8px 8px 0;
	width: 227px;
	text-align: left;
}
#ca_info ul, #ca_info li{
	margin: 0;
	padding: 0;
	list-style:none;
}
#ca_info li{
    padding-top:2px;
    padding-bottom:2px;
}
/*右側会社情報、会社名フォント*/
#ca_info .ca_font {
    font-size: 14px;
	font-weight: bold;
	padding-top:10px;
}
.ca_link{
    font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	}
/*右側会社情報、項目*/
.bo{
    font-weight:bold;
	}
/*プロフィール名前「氏」部分*/
.name_uji{
    font-size:120%;
	}
.name_uji02{
    font-size:80%;
	}
	

.kiso { color:#a28d16; font-size:120%; background:url(../images/bace/kiso_bg.gif) no-repeat; padding-left:9px;}

.midashi { font-size:18px; font-weight:bold; color:#a28d16; margin-bottom:10px;}

.name { font-weight:bold; font-size:16px;}

.int01 { font-size:90%;}

.int02 { font-size:90%; font-weight:bold;}

.linkbox {
	width:503px;
	border:solid 1px #ccc;
	margin-top:25px;
	padding:5px
}

.box_l {
	width:243px;
	border:solid 1px #ccc;
	margin-top:7px;
	padding:5px;
	float:left;
	height:135px;
}

.box_r {
	width:243px;
	border:solid 1px #ccc;
	margin-top:7px;
	padding:5px;
	float:right;
	height:135px;
}
.linkbox_l { float:left; width:240px;}

.linkbox_r { float:left; width:240px; margin-left:10px; }

.menu-ttl01 { color:#907d14; background:url(../images/common/camp_name.gif) no-repeat 1px; padding-left:20px; border-bottom:1px dotted #999; margin-bottom:5px;}

.box_hover{
	 background:#DCE4E5;
	cursor:pointer;
	}
.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}
/*キャリアセンター*/
#univ-data li { float:left; margin:0 0 5px 11px; _margin:0 0 6px 8px;}

#linkbox div a:link,#top_pickup div a:visited{
display:block;
width:278px;
height:100px;
background:#fff;
overflow:hidden;
text-decoration:none;
color:#333;
}
#linkbox div a:hover,#top_pickup div a:active{
display:block;
width:278px;
height:100px;
background:#d3cbba;
overflow:hidden;
text-decoration:none;
color:#333;
}