@charset "utf-8";
/* ==============================================
 *	Name:    top.css
 *	Purpose: individual CSS
 *	Author:  インターンシップJAPAN
 *	Version: 13 November 2009
 ================================================= */
/* ==========================================================================================================
Top page body
========================================================================================================== */
#top_contents_left{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:730px;
}
#top_contents_right{
  float:right;
  display:inline;
  margin:0px 0px 0px 10px;
  padding:0;
  width:240px;
}
/* ==========================================================================================================
Top Left flash area
========================================================================================================== */
#flasharea {
  display: inline;
  float: left;
  height: 235px;
  margin: -3px 0 0;
  padding: 0;
  width: 331px;
}
#flasharea .num {
  color: #FE8917;
  font-size: 43px;
  margin: 0 0 0 8px;
}
#flasharea .kazu {
  color: #FE8917;
  margin: 0 10px 0 0;
}
#flasharea .date {
  color: #FE8917;
  font-size: 30px;
  margin: 0 0 0 12px;
}
#flasharea img {
  margin: -5px 0 -2px;
}
/* ==========================================================================================================
Top Right search area 12/2松尾変更
========================================================================================================== */
.searcharea{
  width:645px;
  float:left;
  display:inline;
  margin:10px 0px 0px 4px;
  padding:0px 0px 0px 0px;
}
#searchform{
  float:left;
  display:inline;
  margin:0;
  padding:0;
}
.searchbox{
  display: inline;
  float: left;
  margin: 0;
  padding:0 0 10px 0;
  border:1px solid #CCCCCC;
  border-top:none;
}
.searcharea_l{
  float:left;
  display:inline;
  margin:0;
  padding:10px 0px 0px 10px;
  width:205px;
}
.searcharea_r{
  float:left;
  display:inline;
  margin:0;
  padding:10px 0px 0px 10px;
  width:160px;
  background:url(../../images/share/dot_line_v.jpg) repeat-y;
}
.seracharea_title_l{
  float:left;
  display:inline;
  margin:0px 0px 10px 0px;
  padding:0;
  width:140px;
}
.seracharea_title_r{
  float:left;
  display:inline;
  margin:0px 0px 10px 0px;
  padding:0;
  width:140px;
}
input#search_btn{
  float:left;
  display:inline;
  margin:10px 0px 5px 172.5px;
  padding:0;
  border:none;
  background:none;
  width:300px;
  height:35px;
}
/* ==========================================================================================================
Top Right search check 12/2松尾追加分
========================================================================================================== */
/* ==========================================================================================================
Search
========================================================================================================== */
.search_check{
  float:left;
  display:inline;
  margin:1px 0px;
  padding:0;
  width:205px;
  //width:160px;
}
/* 職種検索 */
.searcharea_syokusyu{
  float:left;
  display:inline;
  margin:0;
  padding:10px 0px 0px 10px;
  width:130px;
  background:url(../../images/share/dot_line_v.jpg) repeat-y;
}
.search_syokusyu_check{
  float:left;
  display:inline;
  margin:1px 0px;
  padding:0;
  width:130px;
  //width:160px;
}
/* 業界検索 */
.search_gyokai_check{
  float:left;
  display:inline;
  margin:1px 0px;
  padding:0;
  width:160px;
  //width:160px;
}
.search_gyokaiseg_check{
  float:left;
  display:inline;
  background: transparent url(../../images/top/search_seg1.jpg) no-repeat scroll 0 0;
  margin:1px 0px;
  padding:0px 0px 0px 20px;
  width:155px;
}
.search_gyokaiseg2_check{
  float:left;
  display:inline;
  background: transparent url(../../images/top/search_seg2.jpg) no-repeat scroll 0 0;
  margin:1px 0px;
  padding:0px 0px 0px 20px;
  width:155px;
}
.searcharea_r legend{
  margin:0px;
  width:0px;
  padding:0px;
  display:none;
}
*+html body .searcharea_r legend{
  margin:0px;
  width:0px;
  padding:0px;
  display:none;
}
/* 地域検索 */
.searcharea_area{
  float:left;
  display:inline;
  margin:0;
  padding:10px 0px 0px 8px;
  width:110px;
  background:url(../../images/share/dot_line_v.jpg) repeat-y;
}
.search_area_check{
  float:left;
  display:inline;
  margin:1px 0px;
  padding:0;
  width:110px;
  //width:160px;
}
div.searcharea input{
  display: block;
  float: left;
  clear: left;
  margin:5px 2px 0px 0px;
  padding: 0px 0px 0px 0px;
}
*:first-child+html div.searcharea input{
  display: block;
  float: left;
  clear: left;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div.searcharea span{
  display: block;
  float: left;
  clear: none;
  line-height:20px;
  margin: 2px 0px 0px 0px;
  padding: 1px 0px 0px 0px;
}
*:first-child+html div.searcharea span{
  display: block;
  float: left;
  clear: none;
  line-height:20px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 0px 0px;
}
/* ==========================================================================================================
Top Left contents share
========================================================================================================== */
.title_bar730{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
  width:730px;
  height:35px;
}
.contents_left_wrap730{
  width:728px;
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
  background:white;
}
.wrap200{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  width:200px;
}
.wrap730{ /* 松尾追加 */
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  width:730px;
  border:1px solid #CCCCCC;
}
.left_btn1{
  float:left;
  display:inline;
  margin:5px 15px 5px 35px;
  padding:0;
  width:200px;
  height:60px;
  background:url(../../images/top/left_btn1.jpg) no-repeat;
}
.left_btn2{
  float:left;
  display:inline;
  margin:5px 15px 5px 15px;
  padding:0;
  width:200px;
  height:60px;
  background:url(../../images/top/left_btn2.jpg) no-repeat;
}
.left_btn3{
  float:left;
  display:inline;
  margin:5px 35px 5px 15px;
  padding:0;
  width:200px;
  height:60px;
  background:url(../../images/top/left_btn3.jpg) no-repeat;
}
.left_btn1 a,
.left_btn2 a,
.left_btn3 a{
  width:100%;
  height:100%;
  font-size:0;
  line-height:0;
  display:block;
}
.left_btn1 a:hover{
  background:url(../../images/top/left_btn1_on.jpg) no-repeat;
}
.left_btn2 a:hover{
  background:url(../../images/top/left_btn2_on.jpg) no-repeat;
}
.left_btn3 a:hover{
  background:url(../../images/top/left_btn3_on.jpg) no-repeat;
}
.wrap520{
  float:left;
  display:inline;
  margin:10px 0px 0px 10px;
  width:520px;
}
.title_bar520{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:520px;
  height:40px;
}
.contents_left_wrap520{
  width:518px;
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
  background:white;
}
form#area{
  float:left;
  display:inline;
  margin:0;
  padding:9px;
  width:500px;
}
input#areaform_btn{
  float:right;
  display:inline;
  margin:10px;
  padding:0;
  border:none;
  width:135px;
  height:35px;
}
/* =============================================
Top Left news
================================================ */
.news_wrap{
  float:left;
  display:inline;
  margin:5px 14px;
  padding:5px 0px;
  width:710px;
}
.news_wrap img{
  float:left;
  display:inline;
}
/* =============================================
Top Left PR
================================================ */
.pr_wrap{
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align:top;
  margin:10px 15px 0px 25px;
  padding:0;
  width:200px;
}
.pr_wrap img{
  float:left;
  display:inline:;
  margin:0;
  padding:0;
  width:200px;
  height:150px;
  border:1px solid #CCCCCC;
}
.photo a img        { opacity:1.0;filter: alpha(opacity=100); }
.photo a:hover img    {opacity:0.6; filter: alpha(opacity=60); }
.pr_wrap span{
  float:left;
  display:inline;
  margin:5px 0px;
  text-align:left;
  width:216px;
  line-height:20px;
  font-weight:bold;
}
/* =============================================
Top Left PICKUP
================================================ */
.pickup_wrap{
  float:left;
  display:inline;
  margin:5px 9px 0px 9px;
  padding:5px 0px;
  width:710px;
  background:url(../../images/share/dot_line_h.jpg) repeat-x bottom;
}
.pickup_wrap a{
  display:inline;
  margin:0;
  padding:0px 0px 0px 15px;
  width:695px;
  line-height:20px;
  font-weight:bold;
  font-size:14px;
  background:url(../../images/share/list_mark01.jpg) no-repeat;
}
.pickup_wrap span{
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 0px 15px;
  width:695px;
  line-height:20px;
}
.pickup_wrap strong {
  font-size: 14px;
  font-weight: normal;
}
/* =============================================
Top Left Interview
================================================ */
.interview_wrap{
  float:left;
  display:inline;
  margin:10px 15px 0px 25px;
  padding:0;
  width:200px;
}
.interview_wrap img{
  float:left;
  display:inline:;
  margin:0;
  padding:0;
  width:200px;
  height:150px;
  border:1px solid #CCCCCC;
}
.interview_wrap a:hover img    {opacity:0.6; filter: alpha(opacity=60); }
.interview_wrap span{
  float:left;
  display:inline;
  margin:5px 0px;
  text-align:left;
  width:200px;
  line-height:20px;
  font-weight:bold;
}
.interview_wrap span.day{
  float:left;
  display:inline;
  margin:1px 0px;
  text-align:right;
  width:200px;
  font-size:10px;
  color:#999;
  line-height:20px;
}
.interview_wrap span.text{
  font-weight:normal;
}
/* ==========================================================================================================
Top Right base
========================================================================================================== */
.title_bar240{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
  width:240px;
  height:40px;
}
.contents_right_wrap{
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 10px 0px;
  border:1px solid #CCCCCC;
  border-top:none;
  background:white;
  width:238px;
}
.contents_right_wrap a{
  margin:0;
  padding:0;
}
.contents_right_wrap a:hover img    {opacity:0.6; filter: alpha(opacity=60); }
.top_contents_right_banner {
  margin:10px 0 0px 0;
}
.contents_right_regist{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0;
  background:url(../../images/top/regist.jpg) no-repeat;
  width:240px;
  height:45px;
}
.contents_right_regist a{
  width:100%;
  height:100%;
  display:block;
  line-height:0;
  font-size:0;
}
.contents_right_regist a:hover{
  background:url(../../images/top/regist_on.jpg) no-repeat;
}
/* ============================================
Top Right pickup
=============================================== */
.new_wrap{
  float:left;
  display:inline;
  margin:10px 0px 0px 10px;
  padding:0px 0px 5px 0px;
  width:220px;
  background:url(../../images/share/dot_line_h.jpg) repeat-x bottom;
}
a.new_title{
  float:left;
  display:inline;
  margin:0px 0px 3px 0px;
  padding:0;
  font-size:12px;
  width:220px;
  line-height:20px;
  font-weight:bold;
}
.new_wrap img{
  float:left;
  display:inline;
  margin:0px 5px 0px 0px;
  border:1px solid #CCCCCC;
  width:80px;
  height:60px;
}
.txt_box{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:130px;
}
.new_wrap span{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:130px;
  line-height:20px;
}
.new_wrap span.new_link{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:130px;
  line-height:20px;
  text-align:right;
}
/* =============================================
Top Right mail
=============================================== */
.mail_text{
  float:left;
  display:inline;
  margin:10px 9px;
  width:220px;
  line-height:20px;
}
input.mailmagazine{
  float:left;
  display:inline;
  margin:0px 0px 0px 8px;
  padding:2px;
  width:156px;
  line-height:20px;
  font-size:14px;
  height:20px;
  border:1px solid #B8D0DD;
  color:#666666;
}
input#mail_btn{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
}
.qr_wrap{
  float:left;
  display:inline;
  margin:10px 9px;
  padding:0;
  width:220px;
}
.qr_wrap img{
  float:left;
  display:inline;
}
.qr_wrap span{
  float:left;
  display:inline;
  width:130px;
  margin:10px 0px 0px 10px;
}
/* ==========================================================================================================
ichiran
========================================================================================================== */
.ichiran_head{
  float:left;
  display:inline;
  margin:20px 0px 0px 0px;
  padding:0;
  height:50px;
  line-height:0;
  font-size:0;
  width:980px;
  background:url(../../images/share/ichiran_head.jpg) no-repeat;
}
.ichiran_wrap{
  float:left;
  display:inline;
  margin:0px 0px 20px 0px;
  padding:0px 10px 10px 10px;
  border:1px solid #CCCCCC;
  border-top:none;
  width:958px;
  line-height:20px;
}
.ichiran_wrap a{
  line-height:20px;
  color:#666666;
}