/* CSS Document */

/*shinsotu-CSS ======================

File name :top.css
Contents:toppage mainSP
Editor : SHibayama
Renew : 2009.05.29

======================================*/

	
/**********

 layout
 
 **********/
 	
#left-side
    {
	width:460px;
	float:left;
	margin:0 auto;
	padding:0;
	text-align:left;
	}
	
#right-side
    {
	width:323px;
	float:right;
	margin:0 auto;
	padding:0;
	}
	
/**********

 left-side
 
 **********/


/*企業情報*/
.kigyo{
	width:460px;
	margin-bottom:5px;
	background:url(../images/statics/2011/top/category_bg.gif) no-repeat 0 100%; 
}

.kigyo h2{
	width:460px;
	background:url(../images/statics/2011/top/kigyo_titlebg.gif) top no-repeat;
	margin:0;
	padding:0;
}

.kigyo .date{
	color:#555555;
	font-size:12px;
	font-weight:bold;		
	}

#kigyo-inner{
	/*width:430px;*/
	padding:10px 15px 10px;
	line-height:110%; 
	}

#kigyo-inner img{
	margin:0 5px;
	}

/*採用情報*/
#recruit{
	width:460px;
	margin-bottom:5px;
	background:url(../images/statics/2011/top/category_bg.gif) no-repeat 0 100%; 
}

#recruit h2{
	width:460px;
	background:url(../images/statics/2011/top/recruit_titlebg.gif) top no-repeat;
	margin:0;
	padding:0;
}

#recruit-inner{
	/*width:430px;*/
	padding:10px 15px 10px;
	line-height:110%; 
	}


#recruit-inner h3{
	font-weight:normal;
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/statics/2011/top/recruit_icon.gif) no-repeat 0 5px;
	}

/*トピックス*/
#topics{
	width:460px;
}

#topics-inner{
	line-height:110%; 
	background:url(../images/statics/2011/top/category_bg.gif) no-repeat 0 100%;
}

#topics-inner h2{
	width:460px;
	background:url(../images/statics/2011/top/topics_titlebg.gif) top no-repeat;
	margin:0;
	padding:0;
}

#topics-inner h3{
	font-weight:bold;
	line-height:120%;
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/statics/2011/top/topics_icon.gif) no-repeat 0 5px;
	}

#topics-inner div{
	/*width:430px;*/
	padding:10px 15px 10px;
	border-bottom:dotted 1px #666;
}

#topics-inner div p{
	margin-left:10px;
}

#topics-inner div img{
	float:right;
	border:none;
}

#topics-banner{
	width:460px;
	margin:5px 0;
	text-align:center;
	}


/*検索エンジン*/


#search{
	width:460px;
	}
#search h2{
	width:460px;
	padding:10px 0 5px 0;
	}
	
#search h4{
	float:left;
	margin:5px 3px 0 0;
	}

#search btn-multi{
	width:72px;
	float:right;
	}

/*企業サーチエンジン*/

.kigyoArea{
	width:247px;
	padding:0;
	border-top:dotted 1px #666;
	float:left;
	}

#kigyoSea{
	width:460px;
	padding:10px 0;
	}
#kigyoMulti{
	width:247px;
	padding:10px 0;
	border-top:dotted 1px #666;
	float:left;
	}
#kigyoSea-info{
	width:247px;
	padding:10px 0;
	float:left;
	border-top:dotted 1px #666;
}

#kigyoSea-info ul li{
	line-height:120%;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/statics/2011/top/square_icon01.gif) no-repeat 0;
	}

/*説明会・試験サーチエンジン*/

#seminerSea{
	clear:both;
	width:460px;
	padding:10px 0;
	border-top:solid 2px #666;
	}
#seminerMulti{
	width:460px;
	padding:10px 0;
	border-top:dotted 1px #666;
	float:left;
	}
#seminerSea-info{
	width:460px;
	padding:10px 0;
	float:left;
	border-top:dotted 1px #666;
}

#seminerSea-info ul li{
	line-height:120%;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/statics/2011/top/square_icon01.gif) no-repeat 0;
	}
	
	
/*フォトニュース*/
.photo-news{
	width:192px;
	float:right;
	margin-bottom:10px;
	background:#EEFFAA;
	}
.photo-news h5{
	width:192px;
	margin:0;
	padding:0;
	}
#photo-news-inner{
       background:#FFF;
       margin:5px;
       padding:5px;
       font-size:80%;
       }
#photo-news-inner img{
       float:left;
       margin-right:5px;
       }

#photo-news-inner txt{
       float:right;
       width:70px;
}
#photo-news-inner{zoom: 100%;}
#photo-news-inner:after{content: "";clear: both;height:0;display:block;visibility: hidden;}

#photo-news-inner p{
	clear:both;
	width:172px;
	text-align:right;
	font-size:10px;
	background:url(../images/statics/2011/top/circle_icon01.gif) no-repeat 115px 0;
}

/*ガイダンス*/

#guidance01{
	width:460px;
	}
#guidance01 h2{
	width:460px;
	padding:10px 0;
	}
	
#guidance01 ul li{
	line-height:1.2em;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/statics/2011/top/square_icon01.gif) no-repeat 0;
	}
	
#guidance02{
	width:460px;
	padding:10px 0 5px 0;
	border-top:dotted 1px #666;
	}
	
#guidance02 ul li{
	line-height:1.2em;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/statics/2011/top/square_icon02.gif) no-repeat 0;
	}


#movie-area{
	width:460px;
	border:solid 1px #666;
	padding-bottom:5px;
	}

#movie-title{
	padding:5px 0 5px 10px;
	background:#FFFFCC;
	}
	
#movie-txt{
	width:300px;
	float:left;
	margin:5px 5px 0
	}
#movie-wm{
	float:right;
	margin:5px;
	}


#movie-area{zoom: 100%;}
#movie-area:after{content: "";clear: both;height:0;display:block;visibility: hidden;}

	
/*リンク一覧*/

#linklist{
	width:460px;
	}
#linklist h2{
	width:460px;
	padding:10px 0 5px 0;
	}
#linklist ul li{
	line-height:120%;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/statics/2011/top/square_icon02.gif) no-repeat 0;
	}



/**********

 right-side
 
 **********/

/*初めての方へ*/
#new-member{
	width:323px;
	/*height:100%*/
	padding-bottom:10px;
	background:url(../images/statics/2011/top/category_bgs.gif) no-repeat bottom;
	}

#new-member b{
	font-weight:bold;
	color:#336666;
	}
	
#new-member h2{
	width:323px;
	padding:0;
}

#entry-left
{
	width:146px;	
	float:left;
	padding:0 0 0 10px;
	text-align:left;
	}
#entry-right{
	width:157px;
	float:right;
	margin:0 0 0 10px;
	text-align:left;
	}
	
#new-member{zoom:100%;}
#new-member:after{content:"";clear:both;height:0;display:block;visibility:hidden;}

/*バナースペース*/
#banner-sp{
	clear:both;
	width:323px;
	margin:10px 0;
	}
	
/*就活支援特集*/
#special{
	width:323px;
	background:url(../images/statics/2011/top/special_bg.gif) no-repeat 0 100%; 
	}
#special h2{
	width:323px;
	margin:0;
	padding:0;
}

#special-inner{
	/*width:303px;*/
	padding:0 10px 20px;
	text-align:left;
	line-height:110%; 
	}

#special-inner div{
	border-bottom:dotted 1px #666;
	margin:5px 0;
	padding:5px 0;
}

/*就活支援特集一覧の最後のみ（ドットライン無）*/

#special-inner lastdiv{
	border-bottom:none;
	margin:10px 0;
	padding:10px 0;
}

#special-inner h3{
	width:303px;
	font-weight:bold;
}

#special-inner h3 img{
	float:left;
	margin-right:5px;
}

#special-inner dl{
	clear:both;
	}
	
#special-inner dt{
	text-align:left;
	font-size:100%;
	font-weight:bold;
	padding-top:5px;
	}

#special-inner dd{
	text-align:left;
	font-weight:normal;
	font-size:80%;
	line-height:140%
}

/*携帯バナー*/
#kt-banner{
	width:323px;
	margin:10px 0;
	}

/*就職ガイド*/
#guide-mark{
	width:323px;
	text-align:right;
	margin:10px 0;
	}

/*ニューススペース2010.01.07追加*/
#news-position{
 padding:5px 0;
}

#news{
 width:460px;
 background:url(../images/statics/2011/top/category_bg.gif) no-repeat 0 100%;
}

#news h2{
 width:460px;
 background:url(../images/statics/2011/top/news_titlebg.gif) top no-repeat;
 margin:0;
 padding:0;
}

#news-h2bg{
 background:#FFF;
}

#news-inner{
 width:430px;
 padding:10px 15px 10px;
 line-height:110%;
}

#news-inner h3{
 font-weight:normal;
 margin:0;
 padding:0 0 0 10px;
 background:url(../images/statics/2011/top/news_icon.gif) no-repeat 0 5px;
}