@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[index.css]
	
	http://sksp.jp/nar/training/

	1. header 
	2. content
		2-1. image
		2-2. navigation
		2-3. information 
	3. sidebar 
		3-1. contact
		3-2. login

////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------

	1. header 

------------------------------------------------------------*/
div#header {
	margin-bottom: 30px;
}


/*------------------------------------------------------------

	2. content 

------------------------------------------------------------*/
div#content h2 {
	margin: 0;
	padding: 3px 3px 3px 15px;
	background: url(../img/content/h_normal.png) no-repeat;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 92.4%;
	color: #FFF;
}

div#content div#attention {
	margin-bottom: 15px;
	padding: 15px;
	border: 2px solid #D00;
}

div#content div#attention p {
	text-align: center;
	font-weight: bold;
	color: #D00;
}

/* 2-1. image
------------------------------------------------------------*/
div#image {
	margin-bottom: 15px;
}

body#login div#image {
	margin-bottom: 0;
}

div#image img {
	display: block;
}

/* 2-2. navigation
------------------------------------------------------------*/
div#content div#nav {
	width: 700px;
	height: 100px;
	margin: 0 0 20px;
	background: url(../img/index/nav_bg.jpg) no-repeat;
}

div#content div#nav img {
	display: block;
}

div#content div#nav ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 10px;
}

div#content div#nav li {
/* 専門医案内、施設案内削除に伴う修正
	float: left;
	margin: 0 10px 0 0;
*/
	width: 220px;
	margin: 0 auto;
}

div#content div#nav li a {
	display: block;
	width: 220px;
	height: 80px;
	background: url(../img/index/nav_btn.jpg?20171031) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

div#content div#nav li.course a {
	background-position: 0 0;
}
div#content div#nav li.course a:hover {
	background-position: 0 -80px;
}

div#content div#nav li.specialist a {
	background-position: -230px 0;
}
div#content div#nav li.specialist a:hover {
	background-position: -230px -80px;
}

div#content div#nav li.establishment a {
	background-position: -460px 0;
}
div#content div#nav li.establishment a:hover {
	background-position: -460px -80px;
}

/* 2-3. information 
------------------------------------------------------------*/
div#information {
	position: relative;
}

div#information h2 {
	margin-bottom: 5px;
}

div#information table {
	width: 100%;
}

div#information th,
div#information td {
	border: none;
	border-bottom: 1px dotted #CCC;
	text-align: left;
}

div#information th {
	width: 8em;
	padding: 6px 0 6px 18px;
	background-image: url(../img/index/info_bullet_other.jpg);
	background-repeat: no-repeat;
	background-position: 0 9px;
}
* html div#information th {
	background-position: 0 10px;
}

div#information td {
	padding: 6px 0;
}


/*------------------------------------------------------------

	3. sidebar 

------------------------------------------------------------*/

/* 3-1. contact
------------------------------------------------------------*/
div#sidebar div#contact {
	width: 100%;
	margin-bottom: 0 !important;
}

/* banner */
div#sidebar div#contact p {
	padding: 9px 9px 0;
	background: #EEE;
	border: 1px solid #DDD;
	border-top: none;
	border-bottom: none;
}

div#sidebar div#contact p a,
div#sidebar div#contact p em {
	display: block;
	width: 190px;
	height: 50px;
	background: url(../img/index/banner_nar.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

div#sidebar div#contact p a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* text */
div#sidebar div#contact dl {
	margin: 0 0 20px;
	padding: 10px;
	background: #EEE;
	border: 1px solid #DDD;
	border-top: none;
	line-height: 1.6;
	font-size: 10px;
	/**/
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
}

div#sidebar div#contact dt {
	margin-bottom: 0.5em;
	font-weight: bold;
}

div#sidebar div#contact a {
	color: #333;
}

/* link */
div#sidebar dd.link {
	margin: 5px 0 0;
}

div#sidebar dd.link:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
* html div#sidebar dd.link {
	zoom: 1;
}

div#sidebar dd.link a {
	float: left;
	margin: 0 3px 0 0;
	padding: 3px 4px;
	line-height: 1.2;
	border: 1px solid #FFF;
	border-bottom-color: #CCC;
	border-right-color: #CCC;
	text-decoration: none;
	/**/
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}

div#sidebar dd.link a:hover {
	background: #FFF;
	text-decoration: underline;
}

/* 3-2. login
------------------------------------------------------------*/
div#sidebar div#login {
	margin: 0;
	padding: 10px;
	background: #EEE;
	border: 1px solid #DDD;
	/**/
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
}

div#sidebar div#login form {
	margin: 0;
}

div#sidebar div#login input.textbox {
	width: 178px;
}
* html div#sidebar div#login input.textbox {
	width: 186px;
}

div#sidebar div#login dl {
	margin: 0;
}

div#sidebar div#login dt {
	margin: 0 0 3px;
	font-weight: bold;
	font-size: 92.4%;
}

div#sidebar div#login dd {
	margin: 0 0 10px;
}

div#sidebar div#login p {
	text-align: center;
}

div#sidebar div#login p input {
	padding: 3px 20px;
}