﻿@charset "utf-8";
/* INDEX
----------------------------------------------------------------------------- */
/*
@ 基本定義
@ 全体を包括するブロック
@ header
@ footer
@ gmap
*/

/* @ 基本定義
----------------------------------------------------------------------------- */
article,
aside,
figure,
footer,
header,
nav,
section{
    margin: 0;
    padding: 0;
}
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    padding: 0;
/*    font-size: 5rem; */
    font-size: 2rem;
    line-height: 1.3;
    background: #fff;
    color: #000;
    font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3','ＭＳ ゴシック', sans-serif;
    padding-left: 20px;
    padding-right: 20px;
}
section {
	background-color: #fff;
	padding-bottom: 40px;
}
section:after {
	content: "";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
a {
    text-decoration: none;
    outline: none;
}
a.under-line {
    text-decoration:underline;
}
img,
input,
label {
    vertical-align: middle;
}
ul {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
	padding: 0;
}
label {
	clear: both;
	font-weight: normal;
}
h1 {
/*	margin: 18px 0 18px; */
	margin: 1.5rem 0 0.7rem;
/*	color: #00849b; */
	color: #000000;
/*	font-size: 1.43em; */
	font-size: 120%;
border-bottom: 1px solid #333;
}
/* +++++ DEL +++++ */section.institution .Wrap h1,
h1.institution { /* institution.htmlタイプの色変更 */
	color: #0179cc;
}
h2 {
	clear: both;
	margin: 0;
}
p{
	margin: 0;
}


/* @ 全体を包括するブロック
----------------------------------------------------------------------------- */

header .Wrap,
section .Wrap,
footer .Wrap,
.changeArea{
/*	width: 1220px; */
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
header,
footer {
	font-size: 0.875em;
}

/* @ header
----------------------------------------------------------------------------- */

header {
	min-width: 1220px;
	background: url(../images/gNavi-bg.png) no-repeat bottom center #fff;
	background-size: 100% 80px;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
}
header .Wrap {
	min-height: 170px;
}
header .Wrap p {
	padding-top: 18px;
}
header .Wrap #textsizer,
header .Wrap #hNavi,
header .Wrap #gNavi,
header .Wrap  #gNavi ul li a span {
	position: absolute;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * textsizer
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header .Wrap #textsizer {
	top: 34px;
	right: 207px;
}
header .Wrap #textsizer li {
	float: left;
	padding-right: 10px;
	line-height: 34px;
}
header .Wrap #textsizer li a {
	display: inline-block;
	background:url(../images/header-font-size_bg_off.png) no-repeat left top;
	width: 32px;
	height: 34px;
	float: left;
	text-align: center;
	color: #000;
}
header .Wrap #textsizer li a:hover,
header .Wrap #textsizer li a.textresizer-active {
  cursor: pointer;
  background-color: transparent;
  background:url(../images/header-font-size_bg_on.png) no-repeat left top;
  text-decoration: none;
}
/* DEL部分はhtmlの変更化であれば削除してください */
/* +++++ DEL +++++ */header.nurse .Wrap #textsizer,
/* +++++ DEL +++++ */header.map .Wrap #textsizer,
/* +++++ DEL +++++ */header.complete .Wrap #textsizer,
/* +++++ DEL +++++ */header.confirmation .Wrap #textsizer,
/* +++++ DEL +++++ */header.input .Wrap #textsizer,
/* +++++ DEL +++++ */header.institution .Wrap #textsizer,
/* +++++ DEL +++++ */header.search-tile .Wrap #textsizer,
header.member .Wrap #textsizer { /* ログイン・ログアウトが有る時用 headerにクラスmemberを付ける */
	right: 375px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * hNavi
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ▼2015/1/8追記 ヘッダー「問合せ」「ログアウト」のCSSスプライト化*/
header .Wrap #hNavi {
	top: 29px;
	right: 0px;
}
header .Wrap #hNavi li {
	float: left;
	padding-left: 20px;
}

header .Wrap #hNavi li a {
	width: 160px;
	height: 44px;
	display: block;
}
header .Wrap #hNavi li img {
	display: none;
}
header .Wrap #hNavi li.hNavi01 a { background: URL(../images/header-contact_bg.png) no-repeat left top;}
header .Wrap #hNavi li.hNavi02 a { background: URL(../images/header-logout_bg.png) no-repeat left top;}

header .Wrap #hNavi li a:hover {
	 background-position: left bottom !important;
}
/* ▲2015/1/8追記 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * gNavi
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header .Wrap #gNavi {
	top: 103px;
	left: 0;
}
header .Wrap #gNavi ul:after {
	content: "";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility: hidden;
}
header .Wrap #gNavi ul li {
	float: left;
	padding-left: 10px;
	position: relative;
}

/* +++++ DEL +++++ */header.search-list .Wrap #gNavi li,
/* +++++ DEL +++++ */header.before-login .Wrap #gNavi li,
header.4nav .Wrap #gNavi ul li { /* グローバルナビが4つの場合 */
	padding-left: 12px;
}
header .Wrap  #gNavi ul li:first-child{
	padding-left: 0;
}
/*▼ 2014/12/21追記 5つの場合の幅指定*/
header .Wrap  #gNavi ul li a {
	width: 236px;
	height: 54px;
	display: block;
}
/*▲ 2014/12/21追記 */
/*▼ 2015/1/3追記　4つの場合の幅指定*/
header .Wrap #gNavi ul li.gNavi_bl_01 a,
header .Wrap #gNavi ul li.gNavi_bl_02 a,
header .Wrap #gNavi ul li.gNavi_bl_03 a,
header .Wrap #gNavi ul li.gNavi_bl_04 a {
	width: 296px;
}
/*▲ 2015/1/3追記 */
header .Wrap  #gNavi ul li a span {
	display: none;
}
header .Wrap #gNavi ul li a span.badge { /* バッヂマークの表示 */
	top: -10px;
	left: 0px;
	display: inherit;
}
header .Wrap #gNavi ul li a span#name { /* ログイン者名の表示 */
  color: #333;
  top: 5px;
  left: 55px;
  display: inherit;
}
header .Wrap #gNavi ul li a:hover span#name { /* ログイン者名のホバー時 */
  color: #fff;
}
/*▼ 2014/12/26追記 グローバルナビCSSスプライト化 */
header .Wrap #gNavi ul li img {
	display: none;
}
header .Wrap #gNavi ul li span.badge img {
	display: inline;
}
header .Wrap #gNavi ul li.gNavi01 a { background: URL(../images/gNavi01_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi02 a { background: URL(../images/gNavi02_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi03 a { background: URL(../images/gNavi03_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi04 a { background: URL(../images/gNavi04_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi05 a { background: URL(../images/gNavi05_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi06 a { background: URL(../images/gNavi06_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi07 a { background: URL(../images/gNavi07_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi08 a { background: URL(../images/gNavi08_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi09 a { background: URL(../images/gNavi09_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi10 a { background: URL(../images/gNavi10_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi_bl_01 a { background: URL(../images/before-login-gNavi01_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi_bl_02 a { background: URL(../images/before-login-gNavi02_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi_bl_03 a { background: URL(../images/before-login-gNavi03_bg.png) no-repeat left top;}
header .Wrap #gNavi ul li.gNavi_bl_04 a { background: URL(../images/before-login-gNavi04_bg.png) no-repeat left top;}

header .Wrap #gNavi ul li a:hover {
	 background-position: left bottom!important;
}
/*▲ 2014/12/26追記 */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * サブナビ用CSS
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

section header {
	margin: 0;
	padding: 0;
	background: url(../images/section_header_bg.png) repeat-x left bottom;
	border-bottom: none;
}
section header #sNavi {
	width: 1221px;
	margin: 0 auto;
	height: 74px;
	overflow: hidden;
}
section header #sNavi li {
	float: left;
}

/*▼ 2014/12/26追記 看護のグローバルナビ下のサブナビをCSSスプライト化*/
section header #sNavi li a {
	width: 246px;
	height: 74px;
	display: block;
}
section header #sNavi li img {
	display: none;
}
section header #sNavi li.sNavi01 a { background: URL(../images/nurse-Navi01_bg.png) no-repeat left top; width:241px;}
section header #sNavi li.sNavi02 a { background: URL(../images/nurse-Navi02_bg.png) no-repeat left top;}
section header #sNavi li.sNavi03 a { background: URL(../images/nurse-Navi03_bg.png) no-repeat left top;}
section header #sNavi li.sNavi04 a { background: URL(../images/nurse-Navi04_bg.png) no-repeat left top;}
section header #sNavi li.sNavi05 a { background: URL(../images/nurse-Navi05_bg.png) no-repeat left top; width:241px;}

section header #sNavi a:hover {
	 background-position: left bottom !important;
}
/*▲ 2014/12/26追記*/


/* @ footer
----------------------------------------------------------------------------- */
footer {
/*	min-width: 1220px; */
	clear: both;
	background: #fff;
	border-top: 1px solid #ccc;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * footerリンク
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

footer ul {
	margin: 0;
	padding: 30px 0;
	text-align: center;
	font-size: 1em;
}
footer ul li {
	padding-right: 60px;
	display: inline;
}
footer ul li a {
	background: url(../images/footer_navi_icon.jpg) no-repeat right center ;
	padding-right: 15px;
	color: #000;
}
footer ul li a:hover {
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * copyright
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

footer p  {
	text-align: center;
	padding: 25px 0;
	background: #f0efed;
	margin: 0;
}
footer p small {
	font-size: 0.85em;
}


/* @ e-ナーストップ
----------------------------------------------------------------------------- */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * トップ用の上書き記述
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header.e-nurse-top_SPPC,
header.e-nurse-top {
	background: #fff;
}
header.e-nurse-top_SPPC .Wrap,
header.e-nurse-top .Wrap {
	min-height: 90px;
}
header.e-nurse-top_SPPC .Wrap p:first-child,
header.e-nurse-top .Wrap p:first-child {
	margin-left: 50px;
}
header.e-nurse-top_SPPC .Wrap #hNavi,
header.e-nurse-top .Wrap #hNavi {
	right: 50px;
}
header.e-nurse-top_SPPC .Wrap #textsizer,
header.e-nurse-top .Wrap #textsizer {
	right: 250px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * tosmart
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header .Wrap .tosmart {
	position: absolute;
	top: 40px;
	right: 450px;
	background: url(../images/e-nurse-top-header-icon01.png) no-repeat right center;
	padding: 0 15px 0 0;
}
header .Wrap .tosmart a {
	color: #000;
}
header .Wrap .tosmart a:hover {
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * tosmart2(スマホ向けボタン)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.tosmart2 {
	min-height: 190px;
	background: url(../images/e-nurse-top_SPPC-bg.png) repeat-x top left #005092;
	margin-bottom: 10px;
	text-align: center;
}
.tosmart2 a {
	display: block;
	padding-top: 55px;
	padding-bottom: 55px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * section-clm
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

section.e-nurse-top  {
/*	min-width: 1220px; */
	background: url(../images/e-nures-top-section-bg.jpg) repeat-x top center;
	min-height: 500px;
}
section.e-nurse-top .Wrap #changeArea > div {
	float: left;
	margin: 35px 0 0 50px;
	text-align: center;
}
section.e-nurse-top .Wrap .clm01 {
	background: url(../images/e-nurse-top-clm01-bg.png) no-repeat top left;
	min-height: 430px;
	min-width: 342px;
}
section.e-nurse-top .Wrap .clm02 {
	background: url(../images/e-nurse-top-clm02-bg.png) no-repeat top left;
	min-height: 430px;
	min-width: 342px;
}
section.e-nurse-top .Wrap .clm03 {
	background: url(../images/e-nurse-top-clm03-bg.png) no-repeat top left;
	min-height: 430px;
	min-width: 342px;
	overflow: hidden;
}
section.e-nurse-top .Wrap .clm01 p {
	margin-top: 250px;
}
section.e-nurse-top .Wrap .clm02 p:first-child,
section.e-nurse-top .Wrap .clm02 p.first-child {
	margin: 250px 0 0 0;
}
section.e-nurse-top .Wrap .clm02 p:nth-child(2),
section.e-nurse-top .Wrap .clm02 p.second-child {
	margin-top: 20px;
}
section.e-nurse-top .Wrap .clm03 ul li input[type="text"] ,
section.e-nurse-top .Wrap .clm03 ul li input[type="password"] {
	width: 260px;
	margin-bottom: 20px;
	background: #162f05;
	border-radius: 0;
	box-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #fff;
}
section.e-nurse-top .Wrap .clm03 ul li:first-child,
section.e-nurse-top .Wrap .clm03 ul li.first-child {
/*	margin-top: 195px; */
}
section.e-nurse-top .Wrap .clm03 ul li:nth-child(2) {
	margin-bottom: -10px;
}
/* input 内の placeholder1 の色を指定 */
section.e-nurse-top .Wrap .clm03 ul li input::-webkit-input-placeholder { color: #85b000;}
section.e-nurse-top .Wrap .clm03 ul li input::-moz-placeholder { color: #85b000;}
section.e-nurse-top .Wrap .clm03 ul li input::-ms-input-placeholder { color: #85b000;}

section.e-nurse-top .Wrap .clm03 p:nth-child(2) {
	margin-bottom: 20px;
}
section.e-nurse-top .Wrap .clm03 p label {
	color: #fff;
	font-size: 0.85em;
}
section.e-nurse-top .Wrap .clm03 p label:hover {
	text-decoration: underline;
}
section.e-nurse-top .Wrap .clm03 p:nth-child(3) {
	margin-bottom: 17px;
}
section.e-nurse-top .Wrap .clm03 p a {
	background: url(../images/e-nurse-top-icon05.png) no-repeat right center;
	padding-right: 25px;
	color: #fff;
	font-size: 0.85em;
	text-decoration: underline;
}
section.e-nurse-top .Wrap .clm03 p a:hover {
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * section-news
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

section.e-nurse-top h1 {
	margin: 1em 0;
	line-height: 1;
	color: #666;
}
section.e-nurse-top .Wrap #changeArea .news {
	width: 100%;
	text-align: left;
	position: relative;
}
section.e-nurse-top .Wrap .news .tonews {
	position: absolute;
	top: 15px;
	right: 100px;
	background: url(../images/e-nurse-top-header-icon01.png) no-repeat right center;
	padding-right: 15px;
}
section.e-nurse-top .Wrap .news .tonews a {
	color: #000;
}
section.e-nurse-top .Wrap .news .tonews a:hover {
	text-decoration: underline;
}
section.e-nurse-top .Wrap .news .scroll {
	height: 250px;
	overflow-y: scroll;
	border-top: 1px solid #ccc;
	border-bottom: none;
	margin-right: 100px;
}
section.e-nurse-top .Wrap .news table {
	border-radius: 0;
	border: 0;
	border-collapse: collapse;
}
section.e-nurse-top .Wrap .news table tr {
	border-bottom: dotted 1px #000;
}
section.e-nurse-top .Wrap .news table tr th {
	padding: 8px 10px 8px 0;
	width: 60px;
}
/* +++++ DEL +++++ */section.e-nurse-top .Wrap .news table tr td:nth-child(3),
section.e-nurse-top .Wrap .news table tr td.day { /* 読み込み数がおかしい場合があるので、IE8向けにクラスを追加 */
	width: 75px;
	padding: 0 20px 0 10px;
}
section.e-nurse-top .Wrap .news table tr td a {
	color: #0061e6;
}
section.e-nurse-top .Wrap .news table tr td a:hover {
	text-decoration: underline;
}

/* @ osm
----------------------------------------------------------------------------- */

section #osmap {
	width: 726px;
	height: 643px;
	float: right;
	border: 1px solid #bbb;
}

/* @ sentence
----------------------------------------------------------------------------- */
section.sentence {
	border:solid 1px #999;
	background-color:#fff;
	margin-bottom:20px;
	height:400px;
	overflow-x:hidden;
	overflow-y:scroll;
}
section.sentence>div {
	padding:15px;
}