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

/* ==========================================================================
トップ
========================================================================== */

/* 上書き */
#pageTop, #topicpath { display:none; }

/*　トップのメイン */
#top {width:670px;overflow:hidden;float:left;text-align:left;}

/* インターン/インターンシップを検索 */
#topSearch h2 {border:0 solid #ccc;padding:0;}
#topSearch {width:670px;overflow:hidden;background:transparent url(/img/top/bg_search.gif) left top repeat-y;}
#topSearch ul {width:660px;overflow:hidden;margin:10px 0 0 10px;}
#topSearch ul li {padding:0 10px 10px 0;display:inline;float:left;}
#topSearch ul li img {margin:5px 5px 5px 0;}
li input#keyword { width:530px;margin:0 0 0 6px; }
li select#searchForm_works { width:170px; }
li select#searchForm_job { width:230px; }
li select#searchForm_feature { width:230px; }
li select#searchForm_area { width:160px;margin:0 9px 0 0; }
li input#searchForm_city { width:310px; }
#btnSearch {height:62px;text-align:center;background:transparent url(/img/top/bottom_search.gif) left top no-repeat;margin:0 0 20px 0;}
#btnSearch input {margin:11px 0 11px 0;}

/* サイトメンテナンス */
#topMaintenace { padding:12px 20px 12px 20px; margin:0 0 20px 0; border:1px solid #FFD7B3; background:#FFF5EC none left top no-repeat;}
#topMaintenace h3 { font-size:140%; color:#272727; margin:0 0 3px 0;}
#topMaintenace p { margin:0 0 10px 0;}
#topMaintenace p strong { color:#272727; font-size:120%;}
#topMaintenace ul {}
#topMaintenace ul li { font-size:85%; text-indent:-1em; padding:0 0 0 1em;}


/* 最新インターン/インターンシップニュース */
#topNews {width:670px;overflow:hidden;margin:0 0 35px 0;}
#topNews h2 {height:35px;line-height:35px;margin:0 0 25px 0;padding:0 0 0 35px;font-size:120%;font-weight:100;color:#ffffff;background:transparent url(/img/top/h_pickup_bg.gif) left top no-repeat;}
#topNews h2 strong {display:block;width:60px;float:right;padding:7px 7px 0 0;}
#topNews dl {width:670px;height:166px;background:transparent url(/img/top/topNews_bg.gif) left top no-repeat;overflow:hidden;}
#topNews dl dt {width:180px;float:left;margin:12px 0 0 10px;}
#topNews dl dd {width:460px;float:right;margin:12px 12px 0 0;}
#topNews dl dd h3 {margin:0 0 5px 0;}
#topNews dl dd h3 a {font-size:140%;line-height:120%;}
#topNews dl dd h3 strong {width:460px;height:14px;line-height:14px;display:block;font-size:90%;font-weight:100;margin:0 0 5px 0;background:transparent url(/img/top/introduction_bg.gif) left top repeat-x;}
#topNews dl dd p {font-size:110%;line-height:140%;}

/* 職種からインターンシップを検索 */
#topJob {width:680px;overflow:hidden;margin:0 0 10px 0;}
#topJob h2 {width:670px;height:35px;line-height:35px;text-indent:35px;font-size:120%;color:#ffffff;font-weight:100;margin:0 0 10px 0;background:transparent url(/img/top/h_search_bg_l.gif) left top no-repeat;border:0 solid #ccc;padding:0;}
#topJob dl {margin:0 0 5px 5px;width:330px;display:inline;float:left;}
#topJob dl dt {font-size:110%;padding:0 0 0 20px;background:transparent url(/img/common/icon_square.gif) left center no-repeat;line-height:1.4em;height:1.4em;overflow:hidden;}
#topJob dl.btnMore dt {background:transparent none left center no-repeat;}
#topJob dl dt strong {font-size:80%;vertical-align:top;padding:0 0 0 5px;}
#topJob dl dd {padding:0 0 0 20px;font-size:80%;overflow:hidden;}


/* 地図からインターンシップを検索 */
#topMap {width:400px;float:left;margin:0 0 20px 0;}
#topMap h2 {width:400px;height:35px;line-height:35px;text-indent:35px;font-size:120%;color:#ffffff;font-weight:100;margin:0 0 10px 0;background:transparent url(/img/top/h_search_bg_m.gif) left top no-repeat;border:0 solid #ccc;padding:0;}
#topMap ul {padding:5px 0;width:130px;overflow:hidden;border:1px solid #ccc;background:#fff none left top no-repeat;font-size:90%;position: absolute;opacity:0.9;filter: alpha(opacity=90);}
#topMap ul li {margin:0 0 0 5px;width:60px;display:inline;float:left;line-height:140%;}
#topMap ul li.more {width:120px;}
#topMap ul li a {padding:0 0 0 12px;background:transparent url(/img/common/icon_arrow_twin.gif) left center no-repeat;}
#area1{margin:-210px 0 0 140px;display:none;}
#area2{margin:-135px 0 0 280px;display:none;}
#area3{margin:-80px 0 0 260px;display:none;}
#area4{margin:-30px 0 0 210px;display:none;}
#area5{margin:-121px 0 0 140px;display:none;}
#area6{margin:-80px 0 0 50px;display:none;}
#area7{margin:-15px 0 0 20px;display:none;}

/* その他の検索 */
#topOther {width:250px;float:right;}
#topOther h2 {width:250px;height:35px;line-height:35px;text-indent:35px;font-size:120%;color:#ffffff;font-weight:100;margin:0 0 10px 0;background:transparent url(/img/top/h_search_bg_s.gif) left top no-repeat;border:0 solid #ccc;padding:0;}
#topOther ul li {margin:0 0 7px 0;}
/* 特集記事 */
#topPickup {clear:both;width:680px;overflow:hidden;margin:0 0 10px 0;}
#topPickup h2 {width:670px;height:35px;line-height:35px;text-indent:35px;font-size:120%;color:#ffffff;font-weight:100;margin:0 0 10px 0;background:transparent url(/img/top/h_pickup_bg.gif) left top no-repeat;border:0 solid #ccc;padding:0;}
#topPickup ul {width:680px;overflow:hidden;}
#topPickup ul li {margin:0 10px 10px 0;width:330px;display:inline;float:left;}

#topSearch dl#searchBox_freeWord { clear:both; margin:10px 0 10px 10px; display:block; background:transparent url(/img/search/txt_free_bg.gif) left top no-repeat; width:650px; height:60px; float:none; }
#topSearch dl#searchBox_freeWord dt {text-align:center; margin:0 0 0 0; padding:22px 0 0 0; width:160px; float:left; vertical-align:top;}
#topSearch dl#searchBox_freeWord dt img {vertical-align:top;}
#topSearch dl#searchBox_freeWord dd { padding:9px 0; width:475px; float:left; vertical-align:middle;}
#topSearch dl#searchBox_freeWord input { width:470px; border:1px solid #8cb9b9; padding:3px 0; }
#topSearch dl#searchBox_freeWord ul { width:auto; overflow:auto; margin:0; }
#topSearch dl#searchBox_freeWord ul li {padding:0; display:inline; float:left;}

#topNewsWrap { width:670px; overflow:hidden; margin:-15px 0 0 0; border-bottom:1px dotted #ccc; }
#topNewsWrap table { width:670px; overflow:hidden; margin:0; border-collapse:collapse; }
#topNewsWrap table tr th { padding:7px 0; border-top:1px dotted #ccc; width:150px; background:#fff url(/img/top/icon_news_bar.gif) right center no-repeat; }
#topNewsWrap table tr td { padding:7px 7px 7px 20px; border-top:1px dotted #ccc; }
#topNewsWrap table tr td a { text-decoration:underline; }
#topNewsWrap table tr td a:hover { text-decoration:none; }