/* main visual
----------------------------------------------- */
#columns .index-banner { /* index */
	background: url(../images/ug_courses_subheader.jpg) no-repeat;
	background-position: -30px 0;
	width: 691px;
	height: 120px;
	margin-top: 15px;
	margin-bottom: 5px;
	float: right;
}
#columns .index-banner h4 { /* index */
	float: right;
	color: #FFF;
	display: block;
	margin: 20px;
}
#columns .course-banner { /* コース一覧 */
	background-position: -30px 0;
	width: 691px;
	height: 120px;
	margin-top: 15px;
	margin-bottom: 5px;
	float: right;
	background: url(../images/subheader_ug.jpg) no-repeat;
}
#columns .course-banner h4 { /* コース一覧 */
	float: right;
	color: #FFF;
	display: block;
	margin: 20px;
}

/* main visual
----------------------------------------------- */
#columns .course_list {
	width: 681px;
	padding:0;
	margin-left: 10px;
}
#columns .course_list .styled {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#columns .course_list .styled li {
	margin:2px 0px 0px 0px; 
	vertical-align: bottom;
	margin: 1px 0 2px 5px;
	padding-left: 20px;
	padding-bottom: 10px;
}
#columns .course_list .styled li h5 {
	background-image: url(../../shared/images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	width: 100%;
	padding-left: 20px;
	margin: 10px 0 0 0;
	display: block;
	font-size: 90%;
}
#columns .course_list .styled li h5 a:hover {
	color: #6699cc;
	text-decoration: underline;
}
#columns .course_list .styled li h5 a {
	color: #9c1100;
	text-decoration: underline;
}
#columns .course_list .styled li a img {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	clear: both;
}
#columns .course_list .styled li p {
	width: 550px;
	margin: 0;
	padding: 0;
}

/* コース一覧
----------------------------------------------- */
div#navcontainer>ul#navlist li a {width: auto;}
ul#alpha-nav-list li a:hover {border-color: #ccc #fff #fff #ccc;}
ul#alpha-nav-list li a {color: #fff; background: #333;}
ul#alpha-nav-list li a:hover {background: #666;}
/* XXX is this replaced by a to z list */
.alpha-list {margin: 0; padding: 0;}
.index-list li a {
	font-weight: bold;
	font-size: 1.1em;
}
.no-list li a {
	font-weight: normal;
	font-size: 1.1em;
}
a.plane {
	background: #fff url(/students/images/plane-nu.gif) no-repeat top right;
	padding-right: 20px;
}
ul#atoz-list li a {
	display: block;
	width: 100%;
	padding: 3px 0px 1px 0px;
	text-align: center;
	font-weight: normal;
	font-size: 1.5em;
	border-width: 1px;
	border-color: #ffe #ccc #ccc #fff;
	border-style: solid;
	text-decoration: none;
}
div#navcontainer>ul#atoz-list li a {width: auto;}
ul#atoz-list li a:hover {
	border-color: #ccc #fff #fff #ccc; 
	background: #eee;
}
ul#atoz-list li a {
	color: #6c6c6c; 
	background: #ddd;
}
#atoz h4, #atoz h5, h4.az, h5.az {
	margin: 10px 0;
	padding: 6px 0 3px 7px;
	font-size: 1.0em;
	font-weight: bold;
	background-color: #eee;
	color: #6c6c6c;
	line-height: 100%;
        clear: both;
}
#atoz ul {
	padding: 0;
	margin: 0;
}
#atoz li {
	list-style-type: none;
	float: left;
	width: 220px;
	margin: 0 10px 5px 0;
	padding: 0;
}
ul#atoz-list {
	list-style-type: none;
	margin: 15px 0 15px 0; 
	padding: 0;
}
ul#atoz-list li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 5px 2px 0 0;
	width: 24px;
}

.course_detail {
	margin: 0 0 20px 0;	
}

.course_detail h5 {
	margin: 0;
	padding: 0;
}

.course_detail ul li {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background-image: url(../images/ug_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.course_detail02 {
	margin-top: 10px;
	padding: 0;
	border-bottom: 1px #CCC dotted;
	border-top: 1px #CCC dotted;
}
.course_detail02 ul li {
	list-style: none;
	background-image: url(../images/ug_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0;
	padding: 5px 0 5px 20px;
	font-weight: bold;
	font-size: 14px;
}
/* diary　目次　リンク
----------------------------------------------- */
.diary {
	padding: 0;
	width: 650px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 30px;
}
.diary h5 {
	font-size: 12px;
	color: #9c1100;
	margin: 0;
	padding: 0;
}
.diary02 {
	margin: 15px 0 ;
	padding: 0;
	width: 600px;
}
.diary02 h5 {
	font-size: 12px;
	color: #9c1100;
	margin: 0;
	padding: 0;
}
.diary_link_title {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: bold;
}
.diary_link {
	margin: 0 0 15px 0;
	padding: 0;
}
.diary_link .link {
	background-image: url(../../shared/images/arrow_red01.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 0;
	paddding: 0;
}
.diary_link li a {
	margin: 15px;
	paddding: 0;
	color: #002978; 
	text-decoration: none;
}
.diary_link li a:hover {
	margin: 15px;
	paddding: 0;
	text-decoration: underline;
}