﻿@charaset "Shift_JIS";
/* ------------------------------------------------------------------------------------
	t_top_02.css
	転職_1000px
	2013.11.01
------------------------------------------------------------------------------------
	1:トップ
	
/* ---------------------------------------------------------
  　1:トップ
--------------------------------------------------------- */
#TopInfo_txt{
	margin-bottom:10px;
	background:url(../img/top_t/index_howto_bg.gif) repeat-y left top;
	border:1px solid #cecece;
}
#TopInfo_txt h2{
	padding:5px;
	font-size:25px;
	font-weight:bold;
	line-height:100%;
	text-align:center;
	color:#FFF;
	display:block;
	background:url(../img/top_t/index_howto_tit.gif) repeat left top;
}
#TopInfo_txt ul{
	padding:5px;
    overflow:hidden;
}
#TopInfo_txt li{
	margin-left:5px;
	width:277px;
	text-align:center;
	float:left;
}
#TopInfo_txt li h3{
	font-size:15px;
	font-weight:bold;
	line-height:120%;
}
#TopInfo_txt p.text{
	margin:10px 0;
	text-align:center;
}

p.top_info{
	padding-bottom:5px;
	font-size:15px;
	font-weight:bold;
	color:#F00;
	line-height:120%;
	display:block;
}
p.top_info span{
	color:#FC0;
}
/* Topバナー */
#index_bana{
   margin-bottom:10px;
   overflow:hidden;
}
.index_bana_box{
   margin-top:15px;
   clear:both;
}
.index_bana_box li{
   margin-bottom:15px;
   float:left;
}
.index_bana_box li.right{
   margin-left:10px;
}
/*　preコンテンツinc */
#index_precon_inc{
   margin-top:10px;
   clear:both;
}
/* 580幅タイトル */
.Top580box{
   margin-top:10px;
   clear:both;
   overflow:hidden;
}
.Top580box h2{
   padding:5px 0 5px 25px;
   margin:0;
   font-weight:bold;
   font-size:15px;
   background:url(../img/top/index_580tit_bg.gif) no-repeat left top;
   display:block;
}
.Top580box h2 span{
   font-size:12px;
}
/* 580幅　テキストリンク */
.Top580box_txtlink{
   margin:0 -10px 5px 0;
   padding:5px 0 0 5px;
   width:575px;
   overflow:hidden;
   clear:both;
}
.Top580box_txtlink li{
   float:left;
   margin:0;
   padding:0 0 0 10px;
   background:url(../img/cmn/cmn_arrow_blue.gif) no-repeat left 5px;
   width:270px;
   height:18px;
   padding-bottom:2px;
   display:inline;
}
.Top580box_txtlink li a{
   display:inline-block;
   margin:0;
   padding:0;
}
.Top580box_txtlink li span{
  font-size:10px;
  margin:0;
  padding-right:3px;
}

/* バーチャル合説_ピンク背景 */
.index_virtual_pink{
  margin:10px 0;
  background:#ffdff2;
  border-bottom:5px solid #fd5fc0;
}
.index_virtual_pink h2 a{
  color:#FFF;
}
.index_virtual_pink h2{
  padding:5px 0 0 30px;
  display:block;
  background:url(../img/top_t/index_virtual_tit_pink.gif) no-repeat left bottom;
  height:20px;
  color:#FFF;
  font-weight:bold;
  font-size:15px;
}
.index_virtual_pink h2 span{
  font-size:12px;
  font-weight:normal;
}

.movie_box{
  margin-top:5px;
  overflow:hidden;
}
.link{
  float:left;
  overflow:hidden;
  width:119px;
  padding:0 5px 5px;
}

.link2{
  float:left;
  overflow:hidden;
  width:119px;
  padding:0 0 0 10px;
}
.movie_box li{
  padding:0 0 10px 0;
}
.movie_img{
  margin-right:5px;
  padding:5px 7px 5px 7px;
  background:url(../img/top/index_movie_bg.gif) no-repeat left top;
}
.movie_img img{
  width:72px;
  height:54px;
}
.movie_box li h3{
  overflow:auto;
  margin-right:5px;
  line-height:130%;
  font-size:10px;
}


/* ---------------------------------------------------------
	2:病院検索
--------------------------------------------------------- */
/* 病院検索 */
#TopSh{
   width:580px;
   clear:both;
}
/* 資料請求・人材紹介タブメニュー */
#id-of-tabname{
  z-index:500;
}
#TopShTab{
  height:160px;
  position:relative;
  overflow:hidden;
}
#tab li h2{
  text-indent:100%;
  white-space:nowrap;
}
.tab-menu li a,
.tab-menu li a:hover{
  text-decoration:none;
}
.tab-menu li span.kensuu01{
  top:142px;
  left:170px;
  width:279px;
  font-size:12px;
  font-weight:normal;
  color:#444;
  z-index:1000;
  text-align:right;
  text-decoration:none;
  position:relative;
}
.tab-menu li.current span.kensuu01{
  top:142px;
  left:170px;
  width:279px;
  text-decoration:none;
  position:relative;
}
.tab-menu li span.kensuu02{
  top:123px;
  left:483px;
  width: 275px;
  font-size:12px;
  font-weight:normal;
  color:#444;
  z-index:1000;
  text-align:right;
  text-decoration:none;
  position:relative;
}
.tab-menu li.current span.kensuu02{
  top:123px;
  width: 275px;
  left:483px;
  text-decoration:none;
  position:relative;
}
#tab li h2.tab_menu01{
  margin-top:10px;
  background: url(../img/top_t/index_tab01.gif) no-repeat left top;
  width: 279px;
  height: 150px;
  z-index: 2;
  text-align: left;
  position:absolute;
  float:left;
}
#tab li.current h2.tab_menu01,
#tab li.current a:hover h2.tab_menu01{
  margin-top:0;
  color:#444;
  font-weight:bold;
  cursor: pointer;
  text-align:left;
  background:url(../img/top_t/index_tab01_o.gif) no-repeat left top;
  width:279px;
  height:160px;
  z-index:2;
  position:absolute;
  float:left;
}
#tab li a:hover h2.tab_menu01{
  margin-top:10px;
  color:#444;
  font-weight:bold;
  cursor: pointer;
  text-align:left;
  background:url(../img/top_t/index_tab01_ov.gif) no-repeat left top;
  width:279px;
  height: 150px;
  z-index:2;
  position:absolute;
  float:left;
}
#tab li h2.tab_menu02{
  top:10px;
  text-align: left;
  background: url(../img/top_t/index_tab02.gif) no-repeat left top;
  width: 275px;
  height: 150px;
  z-index: 2;
  left: 305px;
  position:absolute;
  float:right;
}
#tab li.current h2.tab_menu02,
#tab li.current a:hover h2.tab_menu02{
  margin-top:-10px;
  color:#444;
  cursor: pointer;
  background:url(../img/top_t/index_tab02_o.gif) no-repeat left top;
  width:275px;
  height: 170px;
  z-index:2;
  left: 305px;
  position:absolute;　
  float:right;
}
#tab li a:hover h2.tab_menu02{
  color:#444;
  font-weight:bold;
  cursor: pointer;
  background:url(../img/top_t/index_tab02_ov.gif) no-repeat left top;
  width:275px;
  height: 170px;
  left: 305px;
  z-index:2;
  position:absolute;
  float:right;
}
#tab li.current{
  cursor: pointer;
}
/* 資料請求・人材紹介検索フォーム */
#tab1 .TopShbox_search{
  padding:5px 0 0 10px;
  background:url(../img/top_t/index_tab_bg01.jpg) no-repeat left top;
  height:36px;
}
#tab2 .TopShbox_search{
  padding:5px 0 0 10px;
  background:url(../img/top_t/index_tab_bg02.jpg) no-repeat left top;
  height:36px;
  overflow:hidden;

}
.TopShbox_search li.search_ensen input{
  padding:1px;
  font-size:15px;
  width:130px;
}
.TopShbox_search li.search_word input{
  padding:1px;
  font-size:15px;
  width:260px;
}
.TopShbox_search li input[type='submit']{
  margin-top:3px;
  padding:2px 0;
  width:81px;
  text-decoration:none;
  cursor: pointer; 
}
.TopShbox_search li.search_ensen{
  padding-left:21px;
  background:url(../img/top_t/top_search_icon.gif) no-repeat left center;
  float:left;
}
.TopShbox_search li.search_word{
  padding-left:18px;
  background:url(../img/top_t/top_sh_and_icon.gif) no-repeat left center;
  float:left;
}


/* 転職応援特集 */
.Top_Slider{
	position:relative;
}

.Top_Slider h2{
	background:url(../img/top_t/t_index_580tit_bg.gif) no-repeat 0 0;
	font-size:15px;
	font-weight:bold;
	padding:5px 0 3px 25px;
}

.sp_6_box{
  margin:5px 0;
  padding:5px 5px 0 -15px;
  overflow:hidden;
}
.sp_6_box li{
  padding-left:10px;
  display:block;
}
.sp_6_img{
  margin-right:5px;
  width:80px;
  height:60px;
  border:1px solid #ccc;
}
.sp_6_box li h3{
  overflow:auto;
  line-height:130%;
  margin-right:5px;
  font-size:10px;
}
.sp_6_box li p{
  font-size:10px;
}

.Top_Slider .t_sp_list{
	position:absolute;
	bottom:0;
	right:0;
	background:url(../img/sh_t/sh_marrow.gif) no-repeat 0 4px;
	padding:0 5px 0 11px;
	
}

/* テーマ・特長 */
#Shtheme{
   margin-top:20px;
   clear:both;
   width:580px;
}
#Shtheme h3{
   padding:5px 0 5px 35px;
   margin-bottom:10px;
   background:url(../img/top_t/sh_theme_bg_580.gif) no-repeat left top;
   color:#FFFFFF;
   font-weight:bold;
   font-size:15px;
}

/* テーマ・特長　折りたたみ部分 */
.Shthemetit{
   margin-top:10px;
   padding:0;
   clear:both;
   overflow:hidden;
}
.ShthemetitHeader{
   width:580px;
   margin:0;
   padding:5px 0 0 0;
   background:url(../img/sh_t/sh_theme_bg.gif) no-repeat left top;
   height:27px;
}
.ShthemetitHeader h4{
  margin:0;
  padding-left: 25px;
  font-weight:bold;
}
/* テーマ・特長　病院名 */  
.content{
}
.arrow.expand{
  background-image:url(../img/sh_t/sh_theme_open.gif);
  width: 13px;
  height: 13px;
  float: left;
  margin:-15px 0 0 5px;
}
.arrow.expand:hover{
  cursor: hand;
}
.arrow.close{
  background-image:url(../img/sh_t/sh_theme_close.gif);
  width: 13px;
  height: 13px;
  float: left;
  margin:-15px 0 0 5px;
}
.arrow.close:hover{
  cursor:pointer;
}
.Shthemetit ul{
  margin-bottom:10px;
  padding:0;
  clear:both;
}
.Shthemetit li{
  margin-bottom:3px;
  padding-left:10px;
  background:url(../img/sh_t/sh_garrow.gif) no-repeat left 5px;
}
.Shthemetit li span{
  padding-left:5px;
  font-size:10px;
}
.Shthemetit .list{
  margin-bottom:10px;
  text-align:right;
  background:none;
  list-style:none;
}


/* 病院検索 背景 */
.TopShbox{
   padding:10px 10px;
   margin:0;
   clear:both;
}
.TopShbox h3{
   margin-top:5px;
}
.TopShbox h3 a:hover img{
   filter: alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}
/* 病院検索 下背景 */
#tab1 .TopShbtm{
   margin-bottom:10px;
   padding-bottom:10px;
   border-left:solid 2px #16d0d8;
   border-right:solid 2px #16d0d8;
   border-bottom:solid 2px #16d0d8;
   clear:both;
}
#tab2 .TopShbtm{
   margin-bottom:10px;
   padding-bottom:10px;
  border-left:solid 2px #f97b00;
  border-right:solid 2px #f97b00;
  border-bottom:solid 2px #f97b00;
   clear:both;
}


/* 病院検索 フリーワード */
.ShFkensaku{
   text-align:center;
}
.TopShFkensakutxt{
   margin:5px 5px;
   width:400px;
   text-align:left;
}
#Shkensakulist{
   padding:5px 5px;
   background:#defff9;
   overflow:hidden;
}
#Shkensakulist li{
   padding-left:13px;
   background:url(../img/sh_t/sh_garrow.gif) no-repeat left 5px;
   float:left;
   width:262px;
}

p.toplist{
   padding-left:13px;
   background:url(../img/sh_t/sh_garrow.gif) no-repeat left 5px;
   display:block;
   float:right;

}

h2.jinzai_bana{
	padding-bottom:20px;
}
h2.jinzai_bana a:hover img{
   filter: alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}

/* ---------------------------------------------------------
	4:メッセージ　リンク
--------------------------------------------------------- */
#TopPicup{
   margin:-5px 0 20px 0;
   clear:both;
   width:580px;
}
#TopPicup h2.siryou {
   padding:5px 0 13px 10px;
   font-weight:bold;
   font-size:15px;
   color:#fff;
   display:block;
   background:url(../img/top_t/index_siryou_tit_bg.gif) repeat-x left center;
}
#TopPicup h2.con{
   padding:5px 0 13px 10px;
   font-weight:bold;
   font-size:15px;
   color:#fff;
   display:block;
   background:url(../img/top_t/index_con_tit_bg.gif) repeat-x left center;
}
#TopPicup h2 span.ic01{
	margin-top:10px;
	padding:2px 0 0 31px;
	background:url(../img/top_t/top_tit_ic01.gif) no-repeat left center;
	display:block;
}
#TopPicup h2 span.ic02{
	margin-top:10px;
	padding:2px 0 2px 26px;
	background:url(../img/top_t/top_tit_ic02.gif) no-repeat left center;
	display:block;
}
#TopPicup h2 span.ic03{
	margin-top:10px;
	padding:2px 0 2px 24px;
	background:url(../img/top_t/top_tit_ic03.gif) no-repeat left center;
	display:block;
}
#TopPicup h2 span.ic04{
	margin-top:10px;
	padding:2px 0 2px 25px;
	background:url(../img/top_t/top_tit_ic04.gif) no-repeat left center;
	display:block;
}
#TopPicup h2 span.ic05{
	margin-top:10px;
	padding:2px 0 2px 26px;
	background:url(../img/top_t/top_tit_ic05.gif) no-repeat left center;
	display:block;
}
#TopPicup h2 span.ic06{
	margin-top:10px;
	padding:2px 0 2px 26px;
	background:url(../img/top_t/top_tit_ic06.gif) no-repeat left center;
	display:block;
}
#TopPicup h2 span.ic07{
	margin-top:10px;
	padding:2px 0 2px 26px;
	background:url(../img/top_t/top_tit_ic07.gif) no-repeat left center;
	display:block;
}

#TopPicup h2 span.ic08{
	margin-top:10px;
	padding:2px 0 2px 26px;
	background:url(../img/top_t/top_tit_ic08.gif) no-repeat left center;
	display:block;
}

#TopPicup h2 span.ic09{
	margin-top:10px;
	padding:2px 0 2px 26px;
	background:url(../img/top_t/top_tit_ic09.gif) no-repeat left center;
	display:block;
}



#TopPicup ul{
   padding-left:7px;
}
#TopPicup ul.siryou li{
   margin-bottom:3px;
   padding-left:10px;
   background:url(../img/sh_t/sh_garrow.gif) no-repeat left 5px;
}
#TopPicup ul.siryou02 li{
   margin-bottom:3px;
   padding-left:10px;
   background:url(../img/sh_t/sh_garrow.gif) no-repeat left 5px;
   display:inline;
   float:left;
   width:270px;
}

#TopPicup ul.con{
}
#TopPicup ul.con li{
   margin-bottom:3px;
   padding-left:10px;
   background:url(../img/sh_t/sh_oarrow.gif) no-repeat left 5px;
   display:inline;
   float:left;
   width:270px;
}

#TopPicup ul.con li a{
	display:inline-block;
	margin:0;
	padding:0;
}

#TopPicup p.list{
   margin-bottom:5px;
   display:block;
   float:right;
   padding-left:10px;
   background:url(../img/cmn_t/t_cmn_garrow.gif) no-repeat left 5px;
}

#PlagOpen1,
#PlagOpen2,
#PlagOpen3,
#PlagOpen4,
#PlagOpen5{
	margin-bottom:0;
	padding-left:20px;
	display:block;
	float:right;
	background:url(../img/sh_t/sh_con_open.gif) no-repeat left center;
}
#PlagClose1 ul,
#PlagClose2 ul,
#PlagClose3 ul,
#PlagClose4 ul,
#PlagClose5 ul{
	padding-top:5px;
	text-align:left;
}
#PlagClose1 p,
#PlagClose2 p,
#PlagClose3 p,
#PlagClose4 p,
#PlagClose5 p{
	margin-bottom:0;
	padding-left:20px;
	display:block;
	float:right;
	background:url(../img/sh_t/sh_con_close.gif) no-repeat left center;
}

/* ---------------------------------------------------------
	5:新着病院
--------------------------------------------------------- */
#TopNew{
   padding:0;
   margin-bottom:10px;
   clear:both;
   background:url(../img/top_t/top_titbar_red.gif) no-repeat left top;
}
#TopNew h2{
   padding:5px 0 0 25px;
   margin:0;
   font-weight:bold;
}
#TopNew ul{
   padding:5px 0 0 5px;
   width:575px;
   overflow:hidden;
   display:table;
}
#TopNew li{
   float:left;
   margin:0;
   padding:0 0 0 10px;
   background:url(../img/cmn_t/cmn_arrow.gif) no-repeat left 5px;
   width:270px;
   display:inline;
}
#TopNew ul li a{
   display:inline-block;
   margin:0;
   padding:0;
}
#TopNew li span{
  font-size:10px;
  margin:0;
  padding-right:3px;
}

/*-------------------------------------------------------
　　気になるワード
-------------------------------------------------------*/
ul.Word{
	width:550px;
}

.Word li{
	display:inline;
	padding-left:10px;
}

.Word li:first-child{
	padding-left:0;
}


/*-------------------------------------------------------
　　エリア検索
-------------------------------------------------------*/
h2.Area{
	color:#46ce28;
	font-size:18px;
	font-weight:bold;
	padding:20px 0 0 56px;
	background:url(../img/top_t/index_tit.gif) no-repeat left 0;
	min-height:36px;
}


li.Country{
	margin:10px 0;
}


li.Country h3{
	background-color:#46ce28;
	width:66px;
	line-height:1.0;
	padding:4px 0;
	font-size:15px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	height:30px;
	display:table;
}

li.Country h3,ul.Prefecture{
	float:left;
}

.Country .Central,
.Country .Kanto,
.Country .Kinki{
	padding:10px 0 0;
	height:28px;
}


ul.Prefecture{
	width:514px;
	height:38px;
}

.Tohoku+.Prefecture li,
.Kanto+.Prefecture li,
.Kinki+.Prefecture li{
	margin-top:5px;
}

ul.Prefecture li{
	margin:0 0 0 10px;
	background:url(../img/sh_t/sh_marrow.gif) no-repeat left 8px;
	padding:0 0 0 10px;
	min-width:48px;
	float:left;
	font-size:15px;
	margin-top:-4px;
}

.AreaSearch .Area_search,
.AreaSearch2 .Area_search{
	text-align:right;
	margin:0 5px 5px 0;
	background:url(../img/sh_t/sh_marrow.gif) no-repeat 480px 6px;
}


/*------------------------------------------------------
      .clearfix
-------------------------------------------------------*/


#TopPicup ul.Word:after,
#TopPicup ul.con:after,
#TopPicup ul.siryou02:after,
.Country:after,
.Prefecture:after,
.TokyoArea ul:after {
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";  /* 新しい要素を作る */

}

#TopPicup ul.Word,
#TopPicup ul.con,
#TopPicup ul.siryou02,
.Country,
.Prefecture,
.TokyoArea ul {
	zoom:1;
}