@charset "utf-8";

html,body{
	height:100%;
	margin:0 auto;
	padding:0 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	color:#333;
	background:#FAF6F0;
}
a{ color:#333; text-decoration:underline; outline:none;}
a:hover{
	/*color:#FFCA99;*/
	text-decoration:none;
	/*outline:none;*/
}
img{border:0; vertical-align:text-bottom;}
a img{border:0; vertical-align:text-bottom;}
a:hover img{border:0; vertical-align:text-bottom;}

p{margin:0 10px; text-align:justify; text-justify:inter-ideograph;}

@media print{
#topcontrol{display:none;}
}

/* pdf要素*/
#mainBox a[href*=".pdf"]::after	{
	content: url(/career/img/common/icon_pdf.gif);
	padding-left:5px;
}
#mainBox * html a.pdf{ 
	background: url(/career/img/common/icon_pdf.gif) no-repeat 100% 50%;
}
/* word要素*/
#mainBox a[href*=".doc"]::after	{
	content: url(/career/img/common/icon_doc.gif);
	padding-left:5px;
}
#mainBox * html a.doc{ 
	background: url(/career/img/common/icon_doc.gif) no-repeat 100% 50%;
}
/* excel要素*/
#mainBox a[href*=".xls"]::after	{
	content: url(/career/img/common/icon_xls.gif);
	padding-left:5px;
}
#mainBox * html a.xls{ 
	background: url(/career/img/common/icon_xls.gif) no-repeat 100% 50%;
}


/*マウスカーソルを持っていくと写真表示
---------------------------------------------------------------------------*/
#style-preview{
	background: #FFF;
	border:#CCC solid 1px;
	padding: 5px;
	z-index: 999;
}
#style-preview span {
	color: white;
	text-align: center;
	display: block;
	padding: 10px 0 3px 0;
}

/* 写真ポップアップ */
/*.example{
	margin:0;
	background:url(/career/img/common/ico_camera.gif) no-repeat right center;
	padding-right:30px;  
}*/

/* 写真*/
.photo{
     border-radius:1px;
     margin:0 auto;
     background: #fff;
	 /*clear:both;*/
}

/*見出し*/
h1 {
	width:570px;
	height:100px;
	margin:15px 0 0 20px;
	float:left;
	position:absolute;
	z-index:2;
}
h2 {
	margin:0;
	padding:0;
}

h4{
	margin:0;
	color:#AB3E5D;
}

h4 a:hover{
	color:#AB3E5D;
	font-weight:bold;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
	color:#C00;
	font-weight:bold;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* 四角をクルクル */
.load {
	width: 5px;
	height: 20px;
	margin:0 20px;
	background: #AB3E5D;
	-webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
	position:absolute;
	display:inline;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
/*@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}*/
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* 背景色をグラデーション */
.rainbow {
	color:#FFF;
  background-color: #e74c3c;
  animation: bg-color 10s infinite;
  -webkit-animation: bg-color 10s infinite;
}
@-webkit-keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}

/* スクエアライン */
#squaresWaveG{
	position:relative;width:700px;height:10px
}
.squaresWaveG{
	position:absolute;top:0;
	background-color:#AB3E5D;
	width:90px;
	height:10px;
	-moz-animation-name:bounce_squaresWaveG;
	-moz-animation-duration:2.2s;-moz-animation-iteration-count:infinite;-moz-animation-direction:normal;
-webkit-animation-name:bounce_squaresWaveG;
-webkit-animation-duration:2.2s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-ms-animation-name:bounce_squaresWaveG;-ms-animation-duration:2.2s;-ms-animation-iteration-count:infinite;-ms-animation-direction:normal;-o-animation-name:bounce_squaresWaveG;-o-animation-duration:2.2s;-o-animation-iteration-count:infinite;-o-animation-direction:normal;animation-name:bounce_squaresWaveG;animation-duration:2.2s;animation-iteration-count:infinite;animation-direction:normal;}
#squaresWaveG_1{left:0;-moz-animation-delay:2.42s;-webkit-animation-delay:2.42s;-ms-animation-delay:2.42s;-o-animation-delay:2.42s;animation-delay:2.42s;}
#squaresWaveG_2{left:86px;-moz-animation-delay:2.2s;-webkit-animation-delay:2.2s;-ms-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s;}
#squaresWaveG_3{left:172px;-moz-animation-delay:1.98s;-webkit-animation-delay:1.98s;-ms-animation-delay:1.98s;-o-animation-delay:1.98s;animation-delay:1.98s;}
#squaresWaveG_4{left:258px;-moz-animation-delay:1.76s;-webkit-animation-delay:1.76s;-ms-animation-delay:1.76s;-o-animation-delay:1.76s;animation-delay:1.76s;}
#squaresWaveG_5{left:344px;-moz-animation-delay:1.54s;-webkit-animation-delay:1.54s;-ms-animation-delay:1.54s;-o-animation-delay:1.54s;animation-delay:1.54s;}
#squaresWaveG_6{left:430px;-moz-animation-delay:1.32s;-webkit-animation-delay:1.32s;-ms-animation-delay:1.32s;-o-animation-delay:1.32s;animation-delay:1.32s;}
#squaresWaveG_7{left:516px;-moz-animation-delay:1.1s;-webkit-animation-delay:1.1s;-ms-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s;}
#squaresWaveG_8{left:602px;-moz-animation-delay:0.88s;-webkit-animation-delay:0.88s;-ms-animation-delay:0.88s;-o-animation-delay:0.88s;animation-delay:0.88s;}

@-moz-keyframes bounce_squaresWaveG{0%{background-color:#AB3E5D;}100%{background-color:#FFFFFF;}}
@-webkit-keyframes bounce_squaresWaveG{0%{background-color:#AB3E5D;}100%{background-color:#FFFFFF;}}
/*@-ms-keyframes bounce_squaresWaveG{0%{background-color:#AB3E5D;}100%{background-color:#FFFFFF;}}*/
@-o-keyframes bounce_squaresWaveG{0%{background-color:#AB3E5D;}100%{background-color:#FFFFFF;}}
@keyframes bounce_squaresWaveG{0%{background-color:#AB3E5D;}100%{background-color:#FFFFFF;}}

/* わく点滅 */
.border-blinking:before {
    animation: leftAnim 1.5s linear 0s infinite;
}
.border-blinking:after {
    animation: bottomAnim 1.5s linear .75s infinite;
}
.border-blinking:before {
    animation: rightAnim 1.5s linear 0s infinite;
}
.border-blinking:after {
    animation: topAnim 1.5s linear .75s infinite;
}
/* 各アニメーション */
@keyframes topAnim {
    0% {top:-200px;}
    100% {top:200px;}
}
@keyframes bottomAnim {
    0% {bottom:-200px;}
    100% {bottom:200px;}
}
@keyframes rightAnim {
    0% {right:-200px;}
    100% {right:200px;}
}
@keyframes leftAnim {
    0% {left:-200px;}
    100% {left:200px;}
}

/*----------ヘッダー----------*/
#header {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
/*文字サイズ変更*/
#textSize{
	width:70px;
	height:30px;
	margin:0;
	padding:0 0 0 70px;
	background:url(/career/img/common/primary-mozi.png) no-repeat;
	cursor: pointer;
}
#textSize:after {
	content: "";
	display: block;
	/*clear: both;*/ 
}
/*サイト内けんさく*/
#search{
	width:250px;
	height:35px;
	margin:5px 20px 0 0;
	padding:0;
	float:right;
}
#searchform{
	width: 250px;
	background: url(/career/img/common/search-bg.png) left top no-repeat; 
	display: block;
	height: 35px;
	position: relative;
}
#keywords{
	width: 160px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FFF;
	height: 20px;
}
#searchBtn{
	position: absolute;
	top: 0px;
	left: 195px;
}

/*プライマリメニュー*/
#pri-menu{
	width:380px;
	height:30px;
	padding:10px;
	float:right;
	list-style-type:none;
	background:url(/career/img/common/primary-bg.png);
	z-index:1;
	position: absolute;
	left: 570px;
	top: 70px;
}
#pri-menu ul{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
#pri-menu li {
	height:40px;
	float:left;
}

/*メインメニュー*/
ul#menu_contents{
	width:960px;
	height:55px;
	margin:20px;
	padding: 0;
	bottom:0px;
	list-style-type:none !important;
	float: left;
	clear: both;
}
ul#menu_contents li{
	float:left;
	margin:0;
	padding:0;
	position:relative;
	width:240px;
}
ul#menu_contents li a{
	display:block;
	font-size:13px;
	text-decoration:none;
}
ul#menu_contents li:hover{
	/*background:#88B79A;*/
}
/* ナビゲーションメニュー（サブ） */
ul#menu_contents li ul{
	display:none;/* デフォルト非表示*/
	position:absolute;
	top:50px;
	left:0px;
	width:100%;
	z-index:3;
	margin: 0 !important;
	padding: 0 !important;
}
ul#menu_contents li ul li{
	list-style:none;
	width:100%;
	border: 0;
}
ul#menu_contents li:hover ul{
	display:block;
	background:#FDDFDF;
}
ul#menu_contents li ul li a{
	width:90%;
	color:#333;
	font-family:"游ゴシック", YuGothic, "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	font-weight:550;
	padding:5%;
}
ul#menu_contents ul li a:hover{
	cursor:pointer;
	background:#AB3E5D;
	color:#FFF !important;
}

/*----------外枠ボックス----------*/
#wrapper {
	width: 960px;
	margin:0 auto;/*ブラウザの中央に配置*/
}
body > #wrapper {
	height: auto;
}

.container {
	width:960px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	margin:20px 0;
}
/*@media print{
#container {
	width:960px;
	height:100%;
	margin:10px auto;
	padding:0;
	clear:both;
}
}*/

/*----------トップページのみ----------*/
/*メインイメージ*/
#movie{
	margin:0 20px;
	width: 960px;
	height:300px;
	position:absolute;
	z-index: 1;
	background-color: #FFFFFF;
	top: 130px;
	
    box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
}
#visual {
	left:0;
	top:0;
	position:absolute;
	overflow:hidden;
	z-index:-1;
}
.slider-wrapper{
	width:960px;
	height:300px;
	z-index:-1;
}

/*並びボックス*/
.boxs{
	overflow:hidden;
}
.box{
}

/*新人看護職員対象*/
#fresh-index{
	width:230px;
	float:left;
	margin:0 0 10px 5px;
	padding:0;
	background-image:url("/career/img/index/fresh_line.png");
	background-repeat:repeat-y;
}
#fresh-index div.top{
	height:50px;
}
#fresh-index div.bottom{
	height:20px;
	clear:both;
	bottom:0;
}
#fresh-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/fresh_line.png");
	background-repeat:repeat-y;
}

/*中堅看護職員対象*/
#middle-index{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url("/career/img/index/middle_line.png");
	background-repeat:repeat-y;
}
#middle-index div.top{
	height:50px;
}
#middle-index div.bottom{
	height:20px;
	clear:both;
}
#middle-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/middle_line.png");
	background-repeat:repeat-y;
}

/*育休?潜在看護師対象*/
#break-index{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url("/career/img/index/break_line.png");
	background-repeat:repeat-y;
}
#break-index div.top{
	height:50px;
}
#break-index div.bottom{
	height:20px;
	clear:both;
}
#break-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/break_line.png");
	background-repeat:repeat-y;
}

/*看護学生対象*/
#student-index{
	width:230px;
	float:left;
	margin:0 0 10px 5px;
	padding:0;
	background-image:url("/career/img/index/student_line.png");
	background-repeat:repeat-y;
}
#student-index div.top{
	height:50px;
}
#student-index div.bottom{
	height:20px;
	clear:both;
}
#student-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/student_line.png");
	background-repeat:repeat-y;
}

/*地域貢献活動*/
#local-index{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url("/career/img/index/local_line.png");
	background-repeat:repeat-y;
}
#local-index div.top{
	height:50px;
}
#local-index div.bottom{
	height:20px;
	clear:both;
}
#local-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/local_line.png");
	background-repeat:repeat-y;
}

/*教育指導者育成*/
#teach-index{
	width:230px;
	float:left;
	margin:0 0 10px 5px;
	padding:0;
	background-image:url("/career/img/index/teach_line.png");
	background-repeat:repeat-y;
}
#teach-index div.top{
	height:50px;
}
#teach-index div.bottom{
	height:20px;
	clear:both;
}
#teach-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/teach_line.png");
	background-repeat:repeat-y;
}

/*キャリアパス策定*/
#career-index{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url("/career/img/index/career_line.png");
	background-repeat:repeat-y;
}
#career-index div.top{
	height:50px;
}
#career-index div.bottom{
	height:20px;
	clear:both;
}
#career-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/career_line.png");
	background-repeat:repeat-y;
}

/*実習教育協議会*/
#conference-index{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url("/career/img/index/conference_line.png");
	background-repeat:repeat-y;
}
#conference-index div.top{
	height:50px;
}
#conference-index div.bottom{
	height:20px;
	clear:both;
}
#conference-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/conference_line.png");
	background-repeat:repeat-y;
}

/*特定行為研修*/
#tokutei-index{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url("/career/img/index/tokuteikoui_line.png");
	background-repeat:repeat-y;
}
#tokutei-index div.top{
	height:50px;
}
#tokutei-index div.bottom{
	height:20px;
	clear:both;
}

/*院内研修プログラム*/
#program-index{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url("/career/img/index/program_line.png");
	background-repeat:repeat-y;
}
#program-index div.top{
	height:50px;
}
#program-index div.bottom{
	height:20px;
	clear:both;
}
#program-index p.main{
	margin:0;
	padding:0 15px;
	background-image:url("/career/img/index/program_line.png");
	background-repeat:repeat-y;
}

.more{
	margin:10px;
	float:right;
	clear:both;
}

.box{
	width:230px;
	float:left;
	margin:0 0 10px 10px;
	padding:0;
	position: relative;
	cursor:pointer;
}

/*ふきだし*/
#hover-click{
  position: relative;
  width:100%;
  float:right;
  margin-right:5px;
}
#hover-click ul{
	margin:0;
	padding-left:14px;
}
#hover-click > a{
  display: block;
  width: 210px;
  color: #900;
  font-weight:bold;
  font-size: 14px;
  text-decoration: none;
  padding:10px;
}
#hover-click > div{
  display: none;
  z-index: 9999;
  position: absolute;
  top:100px;
  left:-320px;
  width:420px;
  padding:10px;
  background: #FFF;
}

/*しんちゃく情報*/
#info{
	width:700px;
	/*height:300px;*/
	height:550px;
	background:#FFF;
	/*margin:20px 0;*/
	margin:5px 0 10px 0;
	padding:10px;
	float:left;
	border-radius:10px;/* CSS3草案 */  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;/* Firefox用 */
}
#info h2{
	margin: 0;
	padding:0 0 10px 10px;
	border-bottom:dashed 2px #DF8FA7;
}
.flexcroll{
	width:700px;
	overflow:auto;
}
.flexcroll dl{
	width:670px;
	margin:0;
}
.flexcroll dl dt{
	float:left;
	margin:0 0 0 10px;
	padding:10px 0;
	width:100px;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	display: block;
}
.flexcroll dl dd{
	margin:0;
	padding:10px 0 10px 110px;
	line-height:20px;
	border-bottom:dashed 1px #DBD8CE;
}
.flexcroll dl dd a:hover{
	text-decoration:none;
	outline:none;
}

/*院内研修プログラム*/
.in-program{
	float:right;
	margin:10px 0 0 0;
	text-align:center;
	background:#FFF;
	border:dashed 2px #999;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.in-program h2{
	text-align:center;
}
.in-program ul{
	list-style-type: none;
	margin:0;
	padding:0;
	text-align:left;
	font-size:80%;
}
.in-program li a{
	margin:0 0 5px 0;
	padding:0 0 3px 25px;
	background:url(/career/img/common/list-s.png) no-repeat;
	text-decoration:none;
	display:block;
}
.in-program li a:hover{
	color:#AB3E5D;
	font-weight:bold;
	background:url(/career/img/common/list-s_ov.png) no-repeat;/*カーソルオーバー時の背景色*/
}

/*演習室*/
.seminar-room{
	float:right;
	margin:10px 0;
	text-align:center;
	background:#FFF;
	border:dashed 2px #5E4534;
	border-radius:10px;
}
.seminar-room h2{
	text-align:center;
}

/*情報室*/
.arekore-room{
	float:right;
	margin:10px 0 0 0;
	text-align:center;
	background:#FFF;
	border:dashed 2px #5E4534;
	border-radius:10px;
}
.arekore-room h2{
	text-align:center;
}

/*院内専用バナー*/
.limitation{
	float:right;
	margin:10px 0;
}

/*院内専用ページへのリンク*/
#side_internal{
	float:right;
	margin:10px 0 0 0;
	padding:5px;
	border:solid 2px #FDC97B;
	border-radius:10px;
}
#side_internal ul{
	margin:0;
	padding:0;
	list-style:none;
}
#side_internal ul li a{
	margin:0 0 5px 0;
	padding:0 0 3px 30px;
	background:url(/career/img/common/list.png) no-repeat;
	text-decoration:none;
	display:block;
}
#side_internal ul li a:hover{
	color:#AB3E5D;
	font-weight:bold;
	background:url(/career/img/common/list_ov.png) no-repeat;/*カーソルオーバー時の背景色*/
}
#side_internal ul li a.activeBox{
	color:#AB3E5D;
	font-weight:bold;
	background:url(/career/img/common/list_ov.png) no-repeat;/*カーソルオーバー時の背景色*/
}

/*地域貢献活動／サポートブック／報告書／キャリア相談窓口*/
#side_local,
#side_supportbook,
#side_report,
#side_counter{
	/*float:right;*/
	margin:10px 5px;
	/*padding:5px;*/
	border-radius:10px;
	border:solid 1px #CCC;
	box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
	position: relative;
}
#side_local:hover,
#side_supportbook:hover,
#side_report:hover,
#side_counter:hover{
	cursor:pointer;
	opacity:0.8;
}

/* バナーに吹き出しを重ねる */
.balloon-box{
    position: relative;
    color: #fff;
	margin-top: 30px;
}
.balloon-box p {
  position: absolute;
  background: #d50606;
  border: 1px solid #d50606;
  color:#fff;
  padding:3px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
  top: -18px;
  left: 0px;
	text-decoration: none;
}
.balloon-box p::after,
.balloon-box p::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.balloon-box p::after {
  border-color: rgba(213, 6, 6, 0);
  border-top-color: #d50606;
  border-width: 7px;
 margin-left: -7px;
}
.balloon-box p::before {
  border-color: rgba(213, 6, 6, 0);
  border-top-color: #d50606;
  border-width: 8px;
  margin-left: -8px;
}

/*----------トップページ以外----------*/
/*メインイメージ*/
#header_right{
	width:400px;
	margin:0;
	float:right;
}
.header_mail{
	width:200px;
	height:30px;
	float:right;
	margin-top:15px;
}
.header_message{
	width:400px;
	height:50px;
	float:right;
	margin-top:15px;
}

/*新人看護職員対象*/
#fresh-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/fresh_bottom.png") bottom;
}
#fresh-work div.top{
	height:40px;
}
#fresh-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}

/*中堅看護職員対象*/
#middle-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/middle_bottom.png") bottom;
}
#middle-work div.top{
	height:40px;
}
#middle-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}

/*育休?潜在看護師対象*/
#break-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/break_bottom.png") bottom;
}
#break-work div.top{
	height:40px;
}
#break-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}

/*看護学生対象*/
#student-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/student_bottom.png") bottom;
}
#student-work div.top{
	height:40px;
}
#student-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}

/*地域貢献活動*/
#local-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/local_bottom.png") bottom;
}
#local-work div.top{
	height:40px;
}
#local-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}

/*教育指導者育成*/
#teach-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/teach_bottom.png") bottom;
}
#teach-work div.top{
	height:40px;
}
#teach-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}

/*キャリアパス策定*/
#career-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/career_bottom.png") bottom;
}
#career-work div.top{
	height:40px;
}
#career-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}

/*実習教育協議会*/
#conference-work{
	width:175px;
	float:left;
	/*margin:20px 10px 0 10px;*/
	margin:0;
	padding:0;
	background:url("/career/img/work/conference_bottom.png") bottom;
}
#conference-work div.top{
	height:40px;
}
#conference-work p.main{
	margin:0;
	padding:0 15px;
	font-size:85%;
}



/*----------メインボックス(左)----------*/
#mainBox{
	width:700px;
	min-height:1300px;
	float:left;
	margin:0 0 20px 0;
	padding:10px;
	background:#FFF;
	border-radius:10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
}
#mainBox h2{
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	border-bottom:dashed 2px #DF8FA7;
	font-size:150%;
	font-weight:normal;
	color:#DF8FA7;
	clear:both;
}
#mainBox h3{
	margin:20px 0 10px 10px;
    letter-spacing: .05em;
    text-shadow:2px 2px 0px #F5DEE6;
	color:#A46F5B;
	clear:both;
}
#mainBox h3 span{
	margin:0px;
	padding:0 5px;
	border:1px solid #A46F5B;
    text-shadow:none;
	font-weight:normal;
	font-size:11px;
	float:left;
 	clear:both;
}
#mainBox li span.label{
	margin:0px;
	padding:0 5px;
	border:1px solid #A46F5B;
    text-shadow:none;
	font-weight:normal;
	font-size:11px;
}

#mainBox .indent1 {
	padding-left:1em;
	text-indent:-1em;
}
#mainBox .indent2 {
	padding-left:2em;
	text-indent:-2em;
}


/* table幅の指定?隣接するセルのボーダーを重ねて表示 */
table.table-puku {
	width:98%;
	border-collapse:collapse;
	font-size:80%;
}
table.table-puku caption {
	text-align:left;
	font-weight:bold;
	font-size:14px;
	margin:1em 0 0 0;
}
/* thの指定 */
table.table-puku th {
	font-weight: normal;
	background-image: url(/career/img/common/puku.png);
	background-repeat: no-repeat;
	background-color: #FFF7F7;
	border:1px solid #E5CCE5;
	padding: 10px;
}
/* tr tdの指定 */
table.table-puku tr td {
	background-color: #FFFFFF;
	border:1px solid #E5CCE5;
	/*text-align: left;*/
	padding: 10px;
}

.table-puku dl,dt,dd{
	margin: 0;
	padding: 0;
}
.table-puku dl{
	width:100%;
}
.table-puku dd{
	width:200px;
	float:left;
}

/* さらに小さい文字table */
table.table-puku_s {
	width:100%;
	border-collapse:collapse;
	font-size:80%;
}
/* thの指定 */
table.table-puku_s th {
	font-weight: normal;
	background-image: url(/career/img/common/puku.png);
	background-repeat: no-repeat;
	background-color: #FFF7F7;
	border:1px solid #E5CCE5;
	padding: 5px;
}
/* tr tdの指定 */
table.table-puku_s tr td {
	background-color: #FFFFFF;
	border:1px solid #E5CCE5;
	/*text-align: left;*/
	padding:5px;
}
.table-puku_s tr td {
}
.table-puku_s tr td {
}



/* 新人看護研修報告用 */
dl.fresh_report{
	width:680px;
	margin:0 5px;
	padding:0 5px;
}
dl.fresh_report dt{
	width:210px;
	float:left;
	padding:5px;
	border-bottom:dashed 1px #DBD8CE;
}
dl.fresh_report dd{
	padding:5px;
	border-bottom:dashed 1px #DBD8CE;
}

/* 院内専用 */
ul.internal{
	list-style-type:circle;
	margin:5px;
	padding:0 0 0 10px;
	list-style-position:outside;
}
ul.internal li{
	line-height: 2em;
}

/* センターりぽーと */
@font-face {
	font-family: bokutachi;
	src: url('/career/bokutachi.otf');}
#tweetBox{
	width:720px;
	float:left;
	margin:20px 0 0 0;
	padding:10px 10px 20px 10px;
	background:#FFF;
	border-radius:10px;/* CSS3草案 */  
    -webkit-border-radius:10px;/* Safari,Google Chrome用 */  
    -moz-border-radius:10px;/* Firefox用 */
    box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
	font-size:small;
	position:relative;
}
#tweetBox h3{
	border-bottom:double 3px #CCC;
	padding:0 0 5px 20px;
}
#tweetBox p{
	line-height:1.5em;
	/*font-family: bokutachi;*/
}
#auther{
	width:80px;
	height:120px;
	position:absolute;
	right:20px;
	bottom:0;
	margin:10px 0 0 10px;
	text-align:right;
}

#page-navi{
	text-align:center;
}
#page-navi ul{
	margin:0;
	padding:0;
	text-align:center;
}
#page-navi li{
	list-style:none;
	padding:0 5px;
	display: inline;
}
#page-navi li a:hover{
	color:#AB3E5D;
	font-weight:bold;
}
#page-navi .activeBox{
	background:#AB3E5D;
	color:#FFF;
}

/*----------サイドボックス(右)----------*/
#sideBox{
	width:230px;
	margin:0;
	float:right;
}
#sideBox ul{
	list-style-type: none;
	margin:0 0 20px 0;
	padding:10px 0;
	text-align:left;
}
#sideBox li a{
	margin:0 0 10px 0;
	padding:0 0 3px 35px;
	background:url(/career/img/common/list.png) no-repeat;
	text-decoration:none;
	display:block;
}
#sideBox li a:hover{
	color:#AB3E5D;
	font-weight:bold;
	background:url(/career/img/common/list_ov.png) no-repeat;/*カーソルオーバー時の背景色*/
}
#sideBox a.activeBox{
	color:#AB3E5D;
	font-weight:bold;
	background:url(/career/img/common/list_ov.png) no-repeat;/*カーソルオーバー時の背景色*/
}
#sideBox ul li ul{
	list-style-type: none;
	margin:0;
	padding:0;
	text-align:left;
}
#sideBox ul li ul li a,
#side_internal ul li ul li a{
	margin:0 0 0 10px;
	padding:0 0 0 25px;
	background:url(/career/img/common/list-s.png) no-repeat;
	text-decoration:none;
	display:block;
    border-top:1px dashed #DF8FA7;
	font-size:80%;
}
#sideBox ul li ul li a:hover,
#side_internal ul li ul li a:hover{
	color:#AB3E5D;
	font-weight:bold;
	background:url(/career/img/common/list-s_ov.png) no-repeat;/*カーソルオーバー時の背景色*/
}

/* センターりぽーと */
#sideBox .tweet{
	margin:10px 0 0 0;
}


/*----------フッター----------*/
/*フッターを幅いっぱいにする為のボックス*/
#footerbg {
	background: url(/career/img/common/footer_bg.png);
	width:100%;
	/*height:280px;*/
	margin:0;
	padding:10px 0;
	clear:both;
}
/*フッター外枠*/
#footer {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}
#footer a{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}


/*フッター内のトップメニュー*/
#footer-top{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	width:200px;
	height:20px;
	/*display:block;*/
	float:left;
	clear:both;
	font-weight:bold;
}
#footer-top li a{
	color:#FFF;
	text-decoration:none;
}

/*フッター内のメニュー*/
.footer-menu {
	width:200px;
	float:left;
	font-size:13px;
	margin:0 0 10px 0;
	padding:0 0 0 30px;
}
.footer-menu li {
	width:200px;
	float: left;
	list-style:url(/career/img/common/footer_list-L.png);
	font-weight:bold;
}
.footer-menu-inner li{
	margin:5px 0 0 -30px;
	padding:0;
	list-style:url(/career/img/common/footer_list-S.png);
	width:190px;
	font-weight:normal;
	float:left;
}

hr.footer-line{
	clear:both;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/*フッター内のプロフ*/
#footer-prof{
	width:450px;
	margin:0;
	padding:0;
	float:left;
	color:#FFF;
	font-size:13px;
}
#footer-prof .map-btn{
	position:absolute;
	top: 40px;
	right: 5px;
}
#footer .banner{
	width:250px;
	float:left;
}

/*フッター内のコピーライト*/
#footer-copy{
	width:960px;
	height:20px;
	font-size:11px;
	margin:0 auto;
}

#map_canvas {
	width:100%;
	height:600px;
	margin:10px 0;
	clear:both;
	float:left;
}

/* 戻るボタン */
.prev{
	display: block;
	float:left;
	width:235px;
}
.prev a{
	display:block;
	position: absolute;
	margin-left: 10px;
	width:235px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	z-index: 5;
	font-weight:bold;
	line-height:26px;
	padding:0 10px;
	margin-top:-15px;
	behavior: url(/career/PIE.htc);
}
.prev a:before {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 0;
	width: 217px;
	height: 17px;
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-moz-transform-origin: left top;
	-moz-transform: rotate(45deg);
	transform-origin: left top;
	transform: rotate(45deg);
	background: #656565;
	border-left-color: #444;
	border-bottom-color: #444;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	border-right: none;
	border-top: none;
	z-index: -1;
	behavior: url(/career/PIE.htc);
}
.prev a:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 255px;
height: 23px;
background: #656565;
border-top-color: #444;
border-right-color: #444;
border-bottom-color: #444;
border-width: 1px;
border-style: solid;
border-radius: 4px;
border-left: none;
box-shadow: 0 1px 0 #939393 inset;
z-index: -2;
behavior: url(/career/PIE.htc);
}
.prev:hover a:before{
background: #787878;
}
.prev:hover a:after{
background: #787878;
}

/* 立体的CSSボタン */
.btn{
	margin:30px auto;
	width:300px;
	/*float:left;*/
	text-align:center;
}
.btn a{
    display: block;
    text-decoration: none;
    font-weight: bold;
    line-height: 2;
    border: solid 1px #CCC;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    zoom: 1;
	padding:5px 20px;
}
.btn a:hover {
    position: relative;
    top: 1px;
    left: 1px;
    box-shadow: none;
    border: solid 2px #DF8FA7;
    zoom: 1;
}
h3.h3_btn{
	margin: 0 !important;
	text-shadow: none !important;
}
h3.h3_btn a{
    display:block;
    text-decoration: none;
    border: solid 1px #CCC;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 0 rgba(255,255,255,0.2);
    zoom: 1;
	padding:10px 20px;
	background: #DF8FA7;
	color: #FFF;
}
h3.h3_btn a:hover {
    position: relative;
    top: 1px;
    left: 1px;
    box-shadow: none;
    zoom: 1;
}
.btn-in{
	margin:0;
	padding:0;
	list-style-type: none;
	clear:both;
}
.btn-in li{
	margin:10px 0;
}
.btn-in a{
    display:block;
    text-decoration: none;
    font-weight: bold;
    border: solid 1px #CCC;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
    zoom: 1;
	padding:5px 20px;
}
.btn-in a:hover {
    position: relative;
    top: 1px;
    left: 1px;
    box-shadow: none;
    border: solid 2px #DF8FA7;
    zoom: 1;
}

/*キャリアa?re?ko?re情報室*/
#arekore-info h4 {
   padding:3px;
   background:#ddd;
}
#arekore-info ul {
   margin:0;
   padding:0;
   list-style:none;
}
#arekore-info li {
   padding:15px 0 15px 7em;
   text-indent: -7em;
   border-bottom:1px solid #ddd;
   font-size:small;
}
#arekore-info li span {
   display:inline-block;
   width:7em;
   text-indent:0;
}
#arekore-info li a {
   text-decoration:none;
}
#arekore-info li a:hover {
   text-decoration:underline;
   color:#AB0404;
}

/* 点滅 */
.cmn-t-pulse {
  animation: pulse 1s ease infinite;
  /* transition: transform 0.2s; */
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.switch {
	-webkit-animation: switchtext 1.5s infinite alternate;
	-moz-animation: switchtext 1.5s infinite alternate;
	animation: switchtext 1.5s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

/*----------アコーディオン----------*/
.accordionbox{
	/*padding: 20px;*/
}
.accordionlist dt{
    display:block;
    background:#A46F5B;
	color:#FFF;
	height:30px;
	line-height:30px;
    padding:5px;
    border-top: 1px solid #DFDFDF;
	cursor:pointer;
}
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
    padding-left: 10px;
	float: left;
}
.accordionlist dd{
    display:none;
	background: #fff;
	padding:0;
	clear:both;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 5px;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #F5DEE6;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}



/* タブメニュー
--------------------------------------------- */
ul#tabchange {
	width:100%;
	margin:0;
	padding:0;
}
ul#tabchange:after {
	content: "";
	display: block;
	clear: both;
}
ul#tabchange li {
	width:calc(100% / 3) ; /*タブひとつの幅*/
	width:-webkit-calc(100% / 3) ;
	float:left;
	text-align:center;
	list-style:none;
}
ul#tabchange li a { /*タブのスタイル*/
	display: block;
	background-color:#DF8FA7;
	border-right:1px solid #FFF;
	padding:10px;
	color:#fff;
	text-decoration:none;
    border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}
ul#tabchange li a:hover { /*ホバー時のタブのスタイル*/
	background-color:#AB3E5D;
	border-right:1px solid #FFF;
}
ul#tabchange li a.activeBox { /*表示コンテンツのタブのスタイル*/
	background-color:#AB3E5D;
	border-right:1px solid #FFF;
	cursor: default;
}
ul#tabchange li a.activeBox:hover { /*ホバー時の表示コンテンツのタブのスタイル*/
	background-color:#AB3E5D;
	border-right:1px solid #FFF;
}
div#tabchangeContents {
	width: 100%; /*コンテンツの幅*/
	postion: relative;
}
div#tabchangeContents div.tabchangeBox { /*コンテンツのスタイル*/
	border:1px solid #AB3E5D;
	padding:0 0.5em 1em 0.5em;
}
div#tabchangeContents div.tabchangeBox dl{
	margin:0;
}
div#tabchangeContents div.tabchangeBox dl dt{
	float:left;
	margin:0 0 0 10px;
	padding:10px 0;
	width:100px;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
}
div#tabchangeContents div.tabchangeBox dl dd{
	margin:0;
	padding:10px 0;
	line-height:20px;
	border-bottom:dashed 1px #DBD8CE;
}
div#tabchangeContents div.tabchangeBox dl dd a:hover{
	text-decoration:none;
	outline:none;
}

/* アコーディオンメニュー（情報室）
--------------------------------------------- */
.subInner {
    display:none;
	border:1px solid #036;
	/*margin-bottom:10px;*/
	padding:0 5px;
}
.subTitle {
    cursor:pointer;
	font-size:15px;
	/*display:inline-block;*/
}
.subTitle a:hover{
	color:#1A7EBB;
}
.subTitle span {
    background:url("/images/common/sub_open.png") 0% 100% no-repeat;
	padding-left:15px;
}
.subTitle span.open {
    background:url("/images/common/sub_close.png") 0% 100% no-repeat;
	padding-left:15px;
}


/*----------「キャリアパス策定」----------*/
#overImg {
	position: relative;
	height:575px;
}
#overImg a .Frame {
	display: none;
}
#overImg a{
	cursor:pointer;
}
#overImg a:hover .Frame{
	display: block;
	width:300px;
	padding:5px;
	background:#FFF;
	position: absolute;
	left:185px;
	top: 220px;
	z-index:999;
}
#overImg a .List {
	width:115px;
	height:135px;
	position: absolute;
}
.tooltip{
	width:300px;
	position: absolute;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding:10px;
    border-radius: 5px;
    margin-right: 20px;
}
.tooltip a:hover{
	cursor:pointer;
}
.tooltip:after,
.tooltip:before {
    top: 40px;    /* 三角の垂直位置。上から40px */
    border: solid transparent;
    content: " ";
    height: 0;   /* 最重要。ボーダーのみにするために必須。*/
    width: 0;   /* 最重要。ボーダーのみにするために必須。*/
    position: absolute;
    pointer-events: none;
    right: 100%;    /* 重要。その要素の右端を親要素の左端と揃える。親要素とは「吹き出しボックス本体」。*/
}

.tooltip:after {
    border: 1px solid #c8c8c8;
    border-width: 15px;
    margin-top: -15px;
    border-right-color: #fff;
}

.tooltip:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 16px;
    margin-top: -16px;
    border-right-color: #c8c8c8;
}

/*----------「トップページのカムバック枠」----------*/
#comebackBox{
	width:680px;
	float:left;
	margin:0 0 20px 0;
	padding:20px;
	background:#FFF;
	border-radius:10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.1);
}
#comebackBox h2{
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	border-bottom:dashed 2px #DF8FA7;
	font-size:150%;
	font-weight:normal;
	color:#DF8FA7;
	clear:both;
}
#comebackBox h3{
	margin:20px 0 10px 10px;
    letter-spacing: .05em;
    text-shadow:2px 2px 0px #F5DEE6;
	color:#A46F5B;
	clear:both;
}
#comebackBox h3 span{
	margin:0px;
	padding:0 5px;
	border:1px solid #A46F5B;
    text-shadow:none;
	font-weight:normal;
	font-size:11px;
	float:left;
	clear:both;
}