@charset "utf-8";
@import url("default.css");
@import url("layout.css");
@import url("common.css");


/*
	index.css
*/

#wrap_index {background: url("/images/front/index/bg_index_visual.gif") repeat-x left top;}
.index_visual {overflow:hidden; margin:0 auto; background: url("/images/front/index/index_visual.jpg") no-repeat center top;}
#header_index {position:relative; overflow:hidden; width:970px; margin:0 auto; padding:25px 0 0 0; z-index:10; }
#header_index h1 { float:left; width:130px; height:60px;}
.h_visual {clear:both; padding:55px 0 85px 0;}
.h_visual p {padding-top:15px;}

#contents_index {position:relative; width:970px; margin:0 auto; }
.content_top {overflow:hidden;}
.content_bottom {overflow:hidden; clear:both; padding-top:40px;}

.search_banner {overflow:hidden; width:465px; }
.search_banner li {float:left;}

.index_searchinfo { overflow:hidden; float:left; width:450px; height:44px; padding:12px 0 0 15px; background: url("/images/front/index/bg_index_searchinfo.gif") no-repeat 1px top;}
.index_searchinfo .search_word { float:left; width:220px; margin-right:5px; padding-top:4px;}
.index_searchinfo .search_word h4 { display:inline; margin-right:3px;}
.index_searchinfo .search_word .word { display:inline;}
.index_searchinfo .search_word .word em { font-weight:bold; font-size:11px; }
.index_searchinfo .search_word .word span{ color:#8c8c8c; font-size:11px; }
.index_searchinfo .total_search { float:right; width:210px; margin-right:10px;}
.index_searchinfo .total_search .text { height:10px; padding:6px 3px; color:#8c8c8c; font-size:11px; background: url("/images/front/index/bg_total_search.gif") no-repeat 10px 5px;}
.index_searchinfo .total_search label { margin-left:-4px;}

.notice_sns {float:left; /*overflow:hidden;*/}
.notice {position:relative; float:left; width:245px; margin-right:1px; margin-top:11px;}
.notice .open {display:none; position:absolute; top:-88px; left:0; width:209px; padding:10px 18px; background:#678d53 url("/images/front/index/btn_down.png") no-repeat 212px 10px;}
.notice .open h3 {padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid #ffffff;}
.notice .open h3 a {display:block;}
.notice .open ul li {line-height:1.5;}
.notice .open ul li a {color:#ffffff; font-size:11px;}
.notice .open .btn_more {position:absolute; top:10px; right:45px;}
.notice .off {height:34px; background: url("/images/front/index/bg_notice_off.gif") no-repeat left top;}
.notice .off a {display:block; padding:11px 0 0 18px; color:#ffffff; font-size:11px; width: 192px;height: 11px;overflow: hidden;line-height:12px;}

.facebook {position:relative; float:left; width:245px; margin-top:11px;}
.facebook .open {display:none; position:absolute; top:-87px; left:0; width:209px; padding:10px 18px; background:#5c5d5d url("/images/front/index/btn_down.png") no-repeat 212px 10px; }
.facebook .open h3 {padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid #a6a6a6;}
.facebook .open h3 a {display:block;}
.facebook .open ul li {line-height:1.5;}
.facebook .open ul li a {color:#ffffff; font-size:11px;}
.facebook .open .btn_more {position:absolute; top:10px; right:45px;}
.facebook .off {height:34px; background: url("/images/front/index/bg_facebook_off.gif") no-repeat right top;}
.facebook .off a {display:block; padding:11px 0 0 18px; color:#ffffff; font-size:11px;width: 192px;height: 11px;overflow: hidden;line-height:12px;}


.facebook .off img {margin-right:5px;}
.facebook .off .fb_text{display:inline-block; overflow:hidden; width:115px; padding:3px 0; vertical-align:middle; color:#ffffff; font-size:11px; text-overflow:ellipsis; white-space:nowrap;}
.facebook .off .fbid {display:inline-block; color:#b6b6b6; font-size:11px;}

.news h3,
.popupzone h3,
.jobinfo h3 {padding-bottom:10px;}

.news {float:left; width:250px; margin-right:30px;}
.news ul li {padding-bottom:10px; font-size:11px; color:#929292;}
.news ul li a {font-size:11px; color:#929292;}
.news .num1 {overflow:hidden;}
.news .num1 .img {float:left; margin-right:10px;}
.news .num1 .title {padding:15px 0 3px 0; font-size:11px; color:#6a6a6a; font-weight:bold;}
.news .num1 .date {font-size:11px; color:#bababa;}

.popupzone {position:relative; float:left; width:190px; margin-right:30px;}
.popupzone .banner {width:190px; height:94px; padding-bottom:20px;}
.popupzone .banner li {display:block;}
.popupzone .banner_play {position:absolute; top:1px; right:1px;}
.popupzone .banner_play li {display:inline;}
.popupzone .number {position:absolute; bottom:1px; right:10px;}
.popupzone .number li {display:inline;}

.jobinfo {position:relative; float:left; width:300px; margin-right:25px; }
.jobinfo .jobinfo_list { position: relative; white-space: normal; overflow:hidden; height:125px; margin-left:-6px; background: url("/images/front/index/bg_jopinfo_list.gif") no-repeat 148px top;}
.jobinfo .jobinfo_list li {position: relative; display: block; float:left; width:140px; padding:0 5px; }
.jobinfo .jobinfo_list li img {margin-bottom:10px;}
.jobinfo .jobinfo_list li dl {padding:0 3px 0 3px;}
.jobinfo .jobinfo_list li dl dt,
.jobinfo .jobinfo_list li dl dt a{color:#626262; font-size:11px; font-weight:bold;}
.jobinfo .jobinfo_list li dl dt {padding-bottom:3px;}
.jobinfo .jobinfo_list li dl dd,
.jobinfo .jobinfo_list li dl dd a{color:#929292;}
.jobinfo .jobinfo_list li dl dd {line-height:1.4;}
.jobinfo .jobinfo_list li dl dd span {display:block; color:#929292; font-size:11px;}
.jobinfo .together_hifive {position:absolute; top:5px; right:13px;}

.commpany {float:left; width:145px;}
.commpany li {border-bottom:1px solid #e5e5e5;}