@charset "UTF-8";

/*
======== table of content. ===============

summary:ナビゲーション

- グローバルナビ	#globalmenu
- トピックパス		#topicpath
- サイドメニュー	#sidemenu
- ページの先頭へ	#page-top

==========================================
*/

/*----------------------------------------
	グローバルナビ
------------------------------------------*/

#globalmenu {
	height:45px;
	background:url(../images/bg_globalmenu.png) repeat-x;
}

#gnav {
	width:1002px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
}

#gnav li {
	float:left;
}

#gnav li a {
	display:block;
	height:45px;
	background:url(../images/bt_globalmenu_j_2025.png) no-repeat;
	line-height:4;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* 看護リカレント教育部 */
#gnav #gnav_about a {
	width:185px;
	background-position:0 0;
}

#gnav #gnav_about.hi a,
#gnav #gnav_about a:hover {
	background-position:0 -45px;
}

/* 受講案内 */
#gnav #gnav_guide a {
	width:98px;
	background-position:-185px 0;
}

#gnav #gnav_guide.hi a,
#gnav #gnav_guide a:hover {
	background-position:-185px -45px;
}

/* 公開講座一覧 */
#gnav #gnav_list a {
	width:129px;
	background-position:-283px 0;
}

#gnav #gnav_list.hi a,
#gnav #gnav_list a:hover {
	background-position:-283px -45px;
}

/* 履修証明プログラム */
#gnav #gnav_cin a {
	width:166px;
	background-position:-412px 0;
}

#gnav #gnav_cin.hi a,
#gnav #gnav_cin a:hover {
	background-position:-412px -45px;
}

/* 認定看護師教育課程 */
#gnav #gnav_nintei a {
	width:167px;
	background-position:-578px 0;
}

#gnav #gnav_nintei.hi a,
#gnav #gnav_nintei a:hover {
	background-position:-578px -45px;
}

/* 認定看護管理者ファーストレベルプログラム */
#gnav #gnav_first a {
	width:257px;
	background-position:-745px 0;
}

#gnav #gnav_first.hi a,
#gnav #gnav_first a:hover {
	background-position:-745px -45px;
}


/*----------------------------------------------------
	#topicpath
----------------------------------------------------*/

#path {
	height:35px;
	margin: 0 auto;
	padding: 0;
	background:#195f83 url(../images/path_bg.png) repeat-x;
}

#path ul {
	width: 1000px;
	margin: 0 auto;
	_margin: 0; /* IE6 */
	padding: 9px 0 0 0;
	text-align: left;
	list-style-type:none;
	overflow:hidden;
}

#path ul li {
	margin: 0 0 0 10px;
	padding: 1px 0 13px 14px;
	float: left;
	font-size:12px;
	line-height:1.2;
	color:#59d2ff;
	background:url(../images/arw_white.png)  no-repeat 0px 0.35em;
}

#path ul .pttop {
	margin: 0;
	background:none;
}

#path ul li a {
	color:#fff;
}

#path ul li a:hover {
	color:#59d2ff;
}


/*----------------------------------------
	サイドメニュー #sidemenu
------------------------------------------*/

/* サイドメニュー：バナー・ボタン */

#sidemenu .sidelist {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type:none;
}

#sidemenu .sidelist li {
	margin: 0 0 5px 0;
	padding: 0;
	zoom: 1;
}

#sidemenu .sidelist img {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	max-width:100%;
}


/* list */


#sidemenu .sidenavi1 {
	margin: 0 0 20px;
	padding: 0;
}

#sidemenu .sidenavi1 h2 {
	background:#197bb0;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 16px 0;
	text-align: center;
}

#sidemenu .sidenavi1 ul {
	border-left: 1px solid #197bb0;
	border-right: 1px solid #197bb0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background:#fff;
}

#sidemenu .sidenavi1 li {
	margin: 0;
	padding: 13px 0 13px 24px;
	background: url(../images/arw_blue.png) no-repeat scroll 12px 1.2em;
	border-bottom: 1px solid #197bb0;
	line-height: 1.3;
}

#sidemenu .sidenavi1 li ul {
	margin: 13px 0 -13px 0;
	padding: 0;
	list-style-type:none;
	border: none;
}

#sidemenu .sidenavi1 li li {
	margin: 0;
	padding: 13px 0 13px 22px;
	background: url(../images/arw_blue.png) no-repeat scroll 10px 1.2em;
	border-top: 1px solid #197bb0;
	border-bottom: none;
	line-height: 1.3;
}

#sidemenu .sidenavi1 li a , #sidemenu .sidenavi1 li span {
	display:block;
	padding-right:10px;
}


#sidemenu .sidenavi2 {
	margin: 0 0 20px;
	padding: 0;
}

#sidemenu .sidenavi2 h2 {
	background:#4f72b6;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 16px 0;
	text-align: center;
}

#sidemenu .sidenavi2 ul {
	border-left: 1px solid #4f72b6;
	border-right: 1px solid #4f72b6;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background:#fff;
}

#sidemenu .sidenavi2 li {
	margin: 0;
	padding: 13px 0 13px 24px;
	background: url(../images/arw_blue.png) no-repeat scroll 12px 1.2em;
	border-bottom: 1px solid #4f72b6;
	line-height: 1.3;
}

#sidemenu .sidenavi2 li ul {
	margin: 13px 0 -13px 0;
	padding: 0;
	list-style-type:none;
	border: none;
}

#sidemenu .sidenavi2 li li {
	margin: 0;
	padding: 13px 0 13px 22px;
	background: url(../images/arw_blue.png) no-repeat scroll 10px 1.2em;
	border-top: 1px solid #4f72b6;
	border-bottom: none;
	line-height: 1.3;
}

#sidemenu .sidenavi2 li a , #sidemenu .sidenavi2 li span {
	display:block;
	padding-right:10px;
}



/* マイページログイン
---------------------------------------------------- */

#sidemenu .member {
	margin: 0 0 10px 0;
	padding: 30px 10px 32px 10px;
	background:#c65960;
	color:#fff;
	font-weight: bold;
	border-radius: 3px;
}

#sidemenu .member a:link,
#sidemenu .member a:visited,
#sidemenu .member a:active,
#sidemenu .member a:hover  	{ color:#fff; text-decoration:none; }

#sidemenu .member h2 {
	margin: 0 0 20px 0;
	padding: 0 10px 0 10px;
	text-align:center;
	color:#fff;
	font-size:1.1em;
	font-weight: bold;
	border-bottom:none;
}

#sidemenu .member h2 span {
	display:block;
	margin: 4px auto 0 auto;
	padding: 0;
	text-align:center;
	color:#fff;
	font-size:0.85em;
	letter-spacing:0.05em;
}

#sidemenu .member p  {
	margin: 0;
	padding: 0;
	font-size:1.1rem;
	letter-spacing:0.05em;
	text-align:center;
}

#sidemenu .member p a:hover {
	opacity: 0.7;
	transition: .5s ease-in-out;
}

	/* ログインページへ */

#sidemenu .member p.link_login{
	margin:0 auto 26px auto;
	padding: 0 6px;
}

#sidemenu .member p.link_login a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 14px 5px 14px 20px;
	text-align:center;
	font-size:1.3em;
	line-height: 1.5;
	letter-spacing:0.05em;
	border: 3px solid #fff;
	background-color: #c65960;
	border-radius: 50em;
	box-sizing: border-box;
	position: relative;
}

#sidemenu .member p.link_login a:active 	{ color:#c65960; text-decoration:none; }
#sidemenu .member p.link_login a:hover  	{ color:#c65960; text-decoration:none; opacity:1; }

#sidemenu .member p.link_login a::before {
	position:absolute;
    top: 50%;
    transform: translatey(-50%);
	left: 16px;
	content: '';
	width: 18px;
	height: 16px ;
	background:url(../images/navi_login.png) 0 0 no-repeat;
	background-size: auto 16px;
}

#sidemenu .member p.link_login a:hover {
	opacity:1;
	background-color: #fff;
	transition: .5s ease-in-out;
}

#sidemenu .member p.link_login a:hover::before {
	position:absolute;
    top: 50%;
    transform: translatey(-50%);
	left: 16px;
	content: '';
	width: 18px;
	height: 16px ;
	background:url(../images/navi_login_h.png) 0 0 no-repeat;
	background-size: auto 16px;
	transition: .5s ease-in-out;
}


/*----------------------------------------------------
	#page-top
----------------------------------------------------*/

#page-top {
    bottom: 120px;
    position: fixed;
    right: 10px;
}

#page-top a {
    display: block;
    opacity: 0.9;
    padding: 0;
    width: 70px;
}

#page-top a:hover img {
    opacity: 0.7;
}

#page-top span {
    display: block;
    height: 70px;
    width: 70px;
}
