@charset "utf-8";

/* ページ固有
---------------------------------------------*/
#subNav {
	width: 197px;
	padding: 3px 3px 1px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 1px;
	clear: left;
}
#subNav ul {
	list-style-type: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#subNav li {
	float: left;
	list-style-type: none;
	width: 197px;
	margin: 0px;
	padding: 0px;
}
#subNav li a {
	display:block;
	overflow:hidden;
	width:197px;
	height:0 !important;
	height /**/:32px;
	padding-top:32px;
	background-image:url(../guardian/img/sub_navi.jpg);
	color:#FFFFFF;
	text-indent: -100px;
}
#subNav01 a {
	background-position:0px 0px;
}
#subNav02 a {
	background-position:0px -32px;
}
#subNav03 a {
	background-position:0px -64px;
}
#subNav04 a {
	background-position:0px -96px;
}
#subNav05 a {
	background-position:0px -128px;
}
#subNav06 a {
	background-position:0px -160px;
}
#subNav07 a {
	background-position:0px -192px;
}
#subNav08 a {
	background-position:0px -224px;
}
#subNav09 a {
	background-position:0px -256px;
}
#subNav10 a {
	background-position:0px -288px;
}
#subNav11 a {
	background-position:0px -320px;
}
#subNav12 a {
	background-position:0px -352px;
}

#subNav01 a.stay {
	background-position:-394px -0px;
}
#subNav02 a.stay {
	background-position:-394px -32px;
}
#subNav03 a.stay {
	background-position:-394px -64px;
}
#subNav04 a.stay {
	background-position:-394px -96px;
}
#subNav05 a.stay {
	background-position:-394px -128px;
}
#subNav06 a.stay {
	background-position:-394px -160px;
}
#subNav07 a.stay {
	background-position:-394px -192px;
}
#subNav08 a.stay {
	background-position:-394px -224px;
}
#subNav09 a.stay {
	background-position:-394px -256px;
}
#subNav10 a.stay {
	background-position:-394px -288px;
}
#subNav11 a.stay {
	background-position:-394px -320px;
}
#subNav12 a.stay {
	background-position:-394px -352px;
}

#subNav01 a:hover {
	background-position:-197px -0px;
}
#subNav02 a:hover {
	background-position:-197px -32px;
}
#subNav03 a:hover {
	background-position:-197px -64px;
}
#subNav04 a:hover {
	background-position:-197px -96px;
}
#subNav05 a:hover {
	background-position:-197px -128px;
}
#subNav06 a:hover {
	background-position:-197px -160px;
}
#subNav07 a:hover {
	background-position:-197px -192px;
}
#subNav08 a:hover {
	background-position:-197px -224px;
}
#subNav09 a:hover {
	background-position:-197px -256px;
}
#subNav10 a:hover {
	background-position:-197px -288px;
}
#subNav11 a:hover {
	background-position:-197px -320px;
}
#subNav11 a:hover {
	background-position:-197px -352px;
}

/*【index】--------------------------------*/

.course {
	display: inline;
	margin: 20px 0px 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 554px;
}
.course h3 {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.course h4 {
 font-size:small;
 font-weight:normal;
}



#guideline {
	display: inline;
	margin: 10px 0px 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 554px;
}

#guideline table {
	border-collapse:collapse;
	empty-cells:hide;
	width: 554px;
	border-top: 1px solid #80B28E;
	border-right: 1px solid #80B28E;
	border-bottom: 1px solid #80B28E;
	border-left: 1px solid #80B28E;
	margin-bottom: 0px;
}
#guideline td {
	border:1px dotted #80B28E;
	padding:5px;
	margin: 2px;
}

.guard {
	display: inline;
	margin: 20px 0px 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 554px;
}

.guard ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.guard li {
	padding: 0px 0px 0px 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../guardian/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.guard_l {
	display: inline;
	margin: 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 250px;
}
.guard_r {
	display: inline;
	margin: 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 250px;
}

.guard h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	font-size: x-small;
	font-weight: normal;
	color: #80B28E;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #80B28E;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #80B28E;
}

.guard h4 {
	font-size: x-small;
	font-weight: normal;
}

.guard02 {
	display: inline;
	margin: 10px 0px 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 554px;
}
.guard02_l {
	display: inline;
	margin: 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 250px;
}
.guard02_r {
	display: inline;
	margin: 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 284px;
}

.guard_pagetop {
	display: inline;
	margin: 110px 0px 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 554px;
	text-align: right;
}

.guard_pagetop a {
	background-image: url(../common_img/top.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	color: #FF6633;
}

.guard_pagetop a:hover {
	color: #660000;
	background-image: url(../common_img/top_f2.gif);
}