@charset "utf-8";

/* -----------------------------------------------
            Green
   ----------------------------------------------- */

h2 {
  line-height: 35px;
}

p.link a,
ul.link li a,
ol.link li a,
dl.link dt a,
dt.link a,
dd.link a,
th.link a,
td.link a,
#courseFooter .courseNavi ul.link li em {
  background-image: url(/common/img/mkr/arrow_gr.gif);
}
ul.localNav li a,
ul.localNav li em,
#footContainter .courseMenu.cols8 li a,
#footContainter .courseMenu.cols4 li a,
.review .reviewTopic h3.link a {
  background-image: url(/common/img/footer/mkr_ft_course_gr.gif);
}
.toTop a {
  background-image: url(/common/img/mkr/mkr_arrow_circle02_pink.gif);
}
.close a {
  background-image: url(/common/img/mkr/mkr_close_or.gif);
}

.zoomLink a span.label {
  background-image: url(/course/common/img/mkr/mkr_zoom_01_pink.png);
}

#courseFooter {
  background: #ffffff;
}
#courseFooter .courseInfo {
  background: #f1f6ff;
  border: 1px solid #33cccc;

  -moz-border-radius: 5px 5px 5px 5px;
  position: relative;
}

#sideNavi {
  background-image: url(/common/img/sidenavi/sidetop_gr.png);
  background-repeat: no-repeat;
  background-color: #f1f6ff;
  border: #33cccc solid 1px;
}

#sideNaviFirst {
  background-image: url(/common/img/sidenavi/side_first_gr.png);
  background-repeat: no-repeat;
  background-color: #f1f6ff;
  border: #33cccc solid 1px;
}

#sideNaviSecond {
  background-image: url(/common/img/sidenavi/side_second_gr.png);
  background-repeat: no-repeat;
  background-color: #f1f6ff;
  border: #33cccc solid 1px;
}

#sideNaviFirst li.top a,
#sideNaviFirst li.top em,
#sideNaviSecond li.top a,
#sideNaviSecond li.top em,
#sideNavi li.top a,
#sideNavi li.top em {
  background-image: url(/common/img/navi/mkr_top_gr.png);
}
#sideNaviFirst li.sub a,
#sideNaviFirst li.sub em,
#sideNaviSecond li.sub a,
#sideNaviSecond li.sub em,
#sideNavi li.sub a,
#sideNavi li.sub em {
  background-image: url(/common/img/navi/mkr_top_gr.png);
}
#sideNaviFirst li.child a,
#sideNaviFirst li.child em,
#sideNaviSecond li.child a,
#sideNaviSecond li.child em,
#sideNavi li.child a,
#sideNavi li.child em {
  background-image: url(/common/img/navi/mkr_child_gr.png);
}
#sideNaviFirst li.what a,
#sideNaviFirst li.what em,
#sideNaviSecond li.what a,
#sideNaviSecond li.what em,
#sideNavi li.what a,
#sideNavi li.what em {
  background-image: url(/common/img/navi/mkr_top_gr.png);
}
#sideNaviFirst li.last a,
#sideNaviFirst li.last em,
#sideNaviSecond li.last a,
#sideNaviSecond li.last em,
#sideNavi li.last a,
#sideNavi li.last em {
  background-image: url(/common/img/navi/mkr_top_gr.png);
}
#sideNavi li.last {
  border-bottom: #ccc dotted 0px;
}
#sideNaviFirst li.last {
  border-bottom: #ccc dotted 0px;
}
#sideNaviSecond li.last {
  border-bottom: #ccc dotted 0px;
}

#sideNavi li,
#sideNaviFirst li,
#sideNaviSecond li {
  background-color: #ffffff;
}

#sideNaviFirst ul ul li a,
#sideNaviFirst ul ul li em,
#sideNaviSecond ul ul li a,
#sideNaviSecond ul ul li em,
#sideNavi ul ul li a,
#sideNavi ul ul li em {
  background-image: url(/common/img/mkr/mkr_arrow01_pink.png) !important;
}
#sideNavi li a:hover,
#sideNavi li a:active,
#sideNavi li a:focus,
#sideNavi li em,
#sideNaviFirst li a:hover,
#sideNaviFirst li a:active,
#sideNaviFirst li a:focus,
#sideNaviFirst li em,
#sideNaviSecond li a:hover,
#sideNaviSecond li a:active,
#sideNaviSecond li a:focus,
#sideNaviSecond li em {
  background-color: #f4fae3;
}

#sideArea .ranking {
  background-color: #f1f6ff;
  border: #33cccc solid 1px;
  font-size: 93%;
}

#sideArea .relationCourse {
  background-color: #f1f6ff;
  border: #33cccc solid 1px;
}

#relationCourse {
  background-image: url(/common/img/main/sideosusume_gr.gif);
}

#relationCourse ul ul li a,
#relationCourse ul ul li em {
  background-image: url(/common/img/mkr/mkr_arrow01_pink.gif) !important;
}
#relationCourse li a:hover,
#relationCourse li a:active,
#relationCourse li a:focus,
#relationCourse li em {
  background-color: #f0fff0;
}
#relationCourse li {
  background-color: #f7f6f6;
}

table th {
  background: #ffc0cb;
  color: #333333;
}

.bContact th {
  width: 20%;
}

.important.lv2 {
  border-color: #ffffff;
}
.important.lv2 .importantContent {
  border: 1px #99cc33 solid;
  -moz-border-radius: 5px 5px 5px 5px;
  position: relative;
}
.important.lv5 {
  background-image: url(/common/img/main/bg_line03_cyan.png);
}

#checkInfo h2 {
  background-image: url(/common/img/mkr/mkr_chk_gr.gif);
}

.schedule .scheduleTopic {
  background-image: url(/course/common/img/schedule/sdl_bg_gr.gif);
}
.schedule .scheduleTopic h3 {
  background-color: #99cc33;
  color: #ffffff;
}

dl.qa dt.question {
  background-image: url(/common/img/faq/mkr_qu_bl.gif);
  background-color: #f4fae3;
}
dl.qa dd.answer {
  background-image: url(/common/img/faq/mkr_answer_or.gif);
}

/* ==============================================

	aqsub
	
============================================== */

.qasub {
  border: 2px #99cc33 solid;
  background-color: #fffffd;
}
dl.qasub dt.question {
  background-image: url(/course/common/img/faq/mkr_qu_bl.gif);
}
dl.qasub dd.answer {
  background-image: url(/course/common/img/faq/mkr_answer_or.gif);
}

/* ==============================================

	top-topix
	
============================================== */

.top-topix {
  border: 1px #99cc33 solid;
}
dl.top-topix dt.tx1 {
  background-image: url(/common/img/faq/mkr_qu_bl.gif);
}
dl.top-topix dd.tx2 {
  background-image: url(/common/img/faq/mkr_answer_or.gif);
}

.recommendBnr .catch {
  color: #66271b;
}

/* ============================================ 
	合格スケジュール
* ============================================ */

/*
span.scroll {
    display: none;
    height: 72px;
    margin: -36px 0 0;
    position: absolute;
    top: 50%;
    width: 72px;
    z-index: 100;
}
span.scroll a {
    background: url("/common/img/navi/scroll_arrows.png") no-repeat scroll 25px 21px rgb(0, 0, 0);
    border: medium none !important;
    display: block;
    height: 72px;
    position: relative;
    text-indent: -9999px;
    width: 72px;
}
span.scroll a:active {
    border: 0 none;
    outline: 0 none;
}
span.scroll.right {
    -moz-transform: rotate(180deg);
    position: fixed;
    right: 45px;
}
span.scroll.left {
    right: -117px;
}
span.scroll a:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

*/

span.scroll a {
  background: url('/common/img/navi/scroll_arrows.png') no-repeat scroll 25px
    21px rgb(80, 80, 80);
  border: medium none !important;
  display: block;
  height: 72px;
  position: relative;
  text-indent: -9999px;
  width: 72px;
}

span.scroll a:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip {
  /* This is the hook that the jQuery script will use */
  color: #3366ff;
  cursor: help;
  position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper {
  /* The wrapper holds its insides together */
  width: 175px;
  position: absolute; /* Absolute will make the tooltip float above other content in the page */
  top: 20px;
  display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
  color: #fff;
  font-weight: bold;
  font-size: 12pt; /* A font size is needed to maintain consistancy */
}

.toolTipTop {
  /* Top section of the tooltip */
  width: 175px;
  height: 30px;
  background: transparent url(/common/img/navi/bubbleTop.gif) no-repeat;
  font-size: 8px;
}

.toolTipMid {
  /* Middle section of the tooltip */
  padding: 8px 15px;
  background: #a1d40a url(/common/img/navi/bubbleMid.gif) repeat-x top;
}

.toolTipBtm {
  /* Bottom Section of the tooltip */
  height: 13px;
  background: transparent url(/common/img/navi/bubbleBtm.gif) no-repeat;
}