/*<agl.folder "COMMON ELEMENT">*/
.headline-green { background-image: url(../images/parts/bg_pagettl.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 25px; padding: 10px; height: 1%; border-top: 2px solid #390 }
.headline-name-green { font-size: 120%; font-weight: bold; line-height: 120%; background-image: url(../images/subject/icon_pttl01_green.gif); background-repeat: no-repeat; background-position: 1px 7px; padding-left: 22px }
.headline-blue { background-image: url(../images/parts/bg_pagettl.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 25px; padding: 10px; height: 1%; border-top: 2px solid #06f }
.headline-name-blue { font-size: 120%; font-weight: bold; line-height: 120%; background-image: url(../images/subject/icon_pttl01_blue.gif); background-repeat: no-repeat; background-position: 1px 7px; padding-left: 22px }
.headline-pink { background-image: url(../images/parts/bg_pagettl.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 25px; padding: 10px; height: 1%; border-top: 2px solid #f39 }
.headline-name-pink { font-size: 120%; font-weight: bold; line-height: 120%; background-image: url(../images/subject/icon_pttl01_pink.gif); background-repeat: no-repeat; background-position: 1px 7px; padding-left: 22px }
.sjt-ttl { margin-bottom: 15px; padding: 7px 10px; height: 1%; border: solid 1px #ccc }
.sjt-ttl-name-pink { font-size: 120%; font-weight: bold; line-height: 120%; background-image: url(../images/subject/icon_pttl02_pink.gif); background-repeat: no-repeat; background-position: 1px 4px; padding-left: 22px }
.sjt-ttl-name-blue { font-size: 120%; font-weight: bold; line-height: 120%; background-image: url(../images/subject/icon_pttl02_blue.gif); background-repeat: no-repeat; background-position: 1px 4px; padding-left: 22px }
.sjt-ttl-name-green { font-size: 120%; font-weight: bold; line-height: 120%; background-image: url(../images/subject/icon_pttl02_green.gif); background-repeat: no-repeat; background-position: 1px 4px; padding-left: 22px }
.sjt-sttl { font-size: 110%; line-height: 130%; margin-bottom: 15px; padding-bottom: 5px; padding-left: 15px; height: 1%; border-bottom: 1px dotted #999 }
.sjt-sttl-name-pink { color: #f39; padding-left: 15px; border-left: 4px solid #f39 }
.sjt-sttl-name-blue { color: #06f; padding-left: 15px; border-left: 4px solid #06f }
.sjt-sttl-name-green { color: #390; padding-left: 15px; border-left: 4px solid #390 }
span.sjt-dot-pink { color: #fbb4b8 }
span.sjt-dot-blue { color: #8bf }
span.sjt-dot-green { color: #9c9 }
/*</agl.folder>*/

/*<agl.folder "MENU">*/
.sjt-menu-pink { font-size: 12px; text-align: center; height: 1%; border-left: 1px solid #ccc }
.sjt-menu-pink ul { list-style-type: none; margin: 0; padding: 0 }
.sjt-menu-pink li { background-color: #e5e5e5; display: block; padding-top: 5px; padding-bottom: 5px; width: 121px; float: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
.sjt-menu-pink li a { color: #f39; text-decoration: underline; display: block; width: 120px; float: left }
.sjt-menu-pink li a:hover { color: #f39; text-decoration: none }
.sjt-menu-pink li.active { background-color: #ffe3f2 }
.sjt-menu-pink li.active a { color: #f39; font-weight: bold; text-decoration: none }

.sjt-menu-blue { font-size: 12px; text-align: center; height: 1%; border-left: 1px solid #ccc }
.sjt-menu-blue ul { list-style-type: none; margin: 0; padding: 0 }
.sjt-menu-blue li { background-color: #e5e5e5; display: block; padding-top: 5px; padding-bottom: 5px; width: 121px; float: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
.sjt-menu-blue li a { color: #06f; text-decoration: underline; display: block; width: 120px; float: left }
.sjt-menu-blue li a:hover { color: #06f; text-decoration: none }
.sjt-menu-blue li.active { background-color: #e1effb }
.sjt-menu-blue li.active a { color: #06f; font-weight: bold; text-decoration: none }

.sjt-menu-green { font-size: 12px; text-align: center; height: 1%; border-left: 1px solid #ccc }
.sjt-menu-green ul { list-style-type: none; margin: 0; padding: 0 }
.sjt-menu-green li { background-color: #e5e5e5; display: block; padding-top: 5px; padding-bottom: 5px; width: 121px; float: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
.sjt-menu-green li a { color: #390; text-decoration: underline; display: block; width: 120px; float: left }
.sjt-menu-green li a:hover { color: #390; text-decoration: none }
.sjt-menu-green li.active { background-color: #e6f0d4 }
.sjt-menu-green li.active a { color: #390; font-weight: bold; text-decoration: none }

.sjt-course { background-image: url(../images/subject/icon_course.gif); background-repeat: no-repeat; background-position: 48px 0; padding-top: 15px; height: 1% }
.sjt-course a { color: #444; text-decoration: none; margin-right: 1em }
.sjt-course a:hover { color: #444; text-decoration: underline }
.sjt-course a.active-blue { color: #06f }
.sjt-course-name-blue { font-size: 10px; line-height: 180%; background-color: #ebebeb; padding: 6px 15px }
.sjt-course-name-blue span { color: #06f }
.sjt-course a.active-green { color: #390 }
.sjt-course-name-green { font-size: 10px; line-height: 180%; background-color: #ebebeb; padding: 6px 15px }
.sjt-course-name-green span { color: #390 }
/*</agl.folder>*/

/*<agl.folder "COMMENT BOX">*/
.cmt-box { height: 1% }
.cmt-box-l { text-align: center; padding-top: 20px; padding-bottom: 5px; width: 148px; float: left }
.cmt-box-r { padding-top: 20px; padding-bottom: 5px; width: 277px; float: right }
.cmt-box h4 { font-size: 110%; font-weight: bold; line-height: 130%; margin-bottom: 7px; padding-top: 3px; padding-bottom: 7px; border-bottom: 1px solid #333 }
.cmt-inner-pink { background-image: url(../images/subject/cmt_bg01-pink.gif); background-repeat: repeat-y; padding-right: 25px; padding-left: 25px; height: 1% }
.cmt-ttl-pink { color: #fff; font-weight: bold; line-height: 130%; background-image: url(../images/subject/cmt_head-pink.gif); background-repeat: no-repeat; padding: 7px 20px }
.cmt-bottom-pink { background-image: url(../images/subject/cmt_bg02-pink.gif); background-repeat: no-repeat; height: 10px }
.cmt-inner-blue { background-image: url(../images/subject/cmt_bg01-blue.gif); background-repeat: repeat-y; padding-right: 25px; padding-left: 25px; height: 1% }
.cmt-ttl-blue { color: #fff; font-weight: bold; line-height: 130%; background-image: url(../images/subject/cmt_head-blue.gif); background-repeat: no-repeat; padding: 7px 20px }
.cmt-bottom-blue { background-image: url(../images/subject/cmt_bg02-blue.gif); background-repeat: no-repeat; height: 10px }
.cmt-inner-green { background-image: url(../images/subject/cmt_bg01-green.gif); background-repeat: repeat-y; padding-right: 25px; padding-left: 25px; height: 1% }
.cmt-ttl-green { color: #fff; font-weight: bold; line-height: 130%; background-image: url(../images/subject/cmt_head-green.gif); background-repeat: no-repeat; padding: 7px 20px }
.cmt-bottom-green { background-image: url(../images/subject/cmt_bg02-green.gif); background-repeat: no-repeat; height: 10px }
/*</agl.folder>*/

/*<agl.folder "TABLE">*/
.sjttbl-pink { font-size: 12px; line-height: 150%; margin-left: 1px; width: 99%; border: solid 1px #ff667d }
.sjttbl-pink th.sjttbl-pink-ttl { background-color: #ff667d }
.sjttbl-pink th { color: #fff; background-color: #ffa5a5; text-align: center; padding: 5px 10px; border: solid 1px #ff667d }
.sjttbl-pink td { padding: 5px 10px; vertical-align: top; border: solid 1px #ff667d }
.sjttbl-pink span { color: #fbb4b8 }
.sjttbl-pink02 { font-size: 12px; line-height: 150%; margin-left: 1px; width: 99%; border: solid 1px #ff667d }
.sjttbl-pink02 th.sjttbl-pink-ttl { background-color: #ff667d }
.sjttbl-pink02 th { color: #fff; background-color: #ffa5a5; padding: 5px 10px; border: solid 1px #ff667d }
.sjttbl-pink02 td { padding: 5px 10px; border: solid 1px #ff667d }
.sjttbl-pink02 span { color: #fbb4b8 }

.sjttbl-blue { font-size: 12px; line-height: 150%; margin-left: 1px; width: 99%; border: solid 1px #39f }
.sjttbl-blue th.sjttbl-blue-ttl { background-color: #39f }
.sjttbl-blue th { color: #fff; background-color: #8bf; text-align: center; padding: 5px 10px; border: solid 1px #39f }
.sjttbl-blue td { padding: 5px 10px; vertical-align: top; border: solid 1px #39f }
.sjttbl-blue span { color: #8bf }
.sjttbl-blue02 { font-size: 12px; line-height: 150%; margin-left: 1px; width: 99%; border: solid 1px #39f }
.sjttbl-blue02 th.sjttbl-blue-ttl { background-color: #39f }
.sjttbl-blue02 th { color: #fff; background-color: #8bf; padding: 5px 10px; border: solid 1px #39f }
.sjttbl-blue02 td { padding: 5px 10px; border: solid 1px #39f }
.sjttbl-blue02 span { color: #8bf }

.sjttbl-green { font-size: 12px; line-height: 150%; margin-left: 1px; width: 99%; border: solid 1px #390 }
.sjttbl-green th.sjttbl-green-ttl { background-color: #390 }
.sjttbl-green th { color: #fff; background-color: #9c9; text-align: center; padding: 5px 10px; border: solid 1px #390 }
.sjttbl-green td { padding: 5px 10px; vertical-align: top; border: solid 1px #390 }
.sjttbl-green span { color: #9c9 }
.sjttbl-green02 { font-size: 12px; line-height: 150%; margin-left: 1px; width: 99%; border: solid 1px #390 }
.sjttbl-green02 th.sjttbl-green-ttl { background-color: #390 }
.sjttbl-green02 th { color: #fff; background-color: #9c9; padding: 5px 10px; border: solid 1px #390 }
.sjttbl-green02 td { padding: 5px 10px; border: solid 1px #390 }
.sjttbl-green02 span { color: #9c9 }
/*</agl.folder>*/

/*<agl.folder "INDEX">*/
.sjt-index { margin-bottom: 30px; height: 1% }
.sjt-index-inner { padding-right: 30px; padding-bottom: 15px; padding-left: 30px; height: 1%; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc; border-left: 3px solid #ccc }
.sjt-index-box { padding-top: 15px; padding-bottom: 15px }
.sjt-index-l { width: 200px; float: left }
.sjt-index-r { width: 200px; float: right }
.sjt-index-inner h3 { font-size: 120%; margin-bottom: 10px; padding-bottom: 5px; padding-left: 25px; border-bottom: 1px dotted #999 }
.sjt-index-green { color: #390; background-image: url(../images/subject/icon_green01.gif); background-repeat: no-repeat }
.sjt-index-green a { color: #390; text-decoration: underline }
.sjt-index-green a:hover { color: #390; text-decoration: none }
.sjt-index-blue { color: #06f; background-image: url(../images/subject/icon_blue01.gif); background-repeat: no-repeat }
.sjt-index-blue a { color: #06f; text-decoration: underline }
.sjt-index-blue a:hover { color: #06f; text-decoration: none }
.sjt-index-pink { color: #f39; background-image: url(../images/subject/icon_pink01.gif); background-repeat: no-repeat }
.sjt-index-pink a { color: #f39; text-decoration: underline }
.sjt-index-pink a:hover { color: #f39; text-decoration: none }
.sjt-index-inner p { font-size: 10px; padding-top: 5px; padding-bottom: 7px }
/*</agl.folder>*/