@charset "utf-8";


/*
===========================================================
  Top Page css
===========================================================
*/
div#contents h2#topics {
  width:595px;
  height:0px;
  padding-top:26px;
  background:url(../img/top_topics.jpg) no-repeat;
  overflow:hidden;
}

table.layout_topics {
/*  margin:15px 20px 0px 20px;*/
  margin:0px 0px 0px 0px;
}
  table.layout_topics td {
    padding:5px 5px 3px 5px;
    vertical-align:top;
    background:url(../img/dotted_layout.jpg) right bottom no-repeat;
  }
  table.layout_topics td.details {
    background:url(../img/icon_topics.jpg) no-repeat;
  }



div#contents div#top_start {
	background:url(../img/top_start_bg.jpg) repeat-y;
	padding-bottom: 10px;
}

div#contents div#top_start h2 {
    width:595px;
    height:0px;
    padding-top:81px;
    background:url(../img/top_start.jpg) no-repeat;
    overflow:hidden;
  }

  div#contents div#top_start p {
   margin:10px;
  }
  




div#contents div#top_course {
  width:595px;
  height:210px;
  margin-top:25px;
  background:url(../img/top_course.jpg) no-repeat;
	}

div#contents div#top_course p#member_course {
    margin:0px;
    padding:84px 0px 0px 301px;
	}

div#contents div#top_course p#member_course a {
    width:247px;
    height:0px;
    padding-top:67px;
    background-image:url(../img/member_course.jpg);
    background-repeat:no-repeat;
    overflow:hidden;
    display:block;
	}
  
  div#contents div#top_course p#member_course a:hover {
    background-position:0px -67px;
  }

  div#contents div#top_course p#event_course {
    margin:0px;
    padding:7px 0px 0px 301px;
  }
  div#contents div#top_course p#event_course a {
    width:247px;
    height:0px;
    padding-top:37px;
    background-image:url(../img/event_course.jpg);
    background-repeat:no-repeat;
    overflow:hidden;
    display:block;
  }
  div#contents div#top_course p#event_course a:hover {
    background-position:0px -37px;
  }

div#contents div#top_inquiry {
  width:595px;
  margin:15px 0px 0px 0px;
  padding-top:30px;
  padding-bottom:30px;
  background:url(../img/bg_top_inquiry.jpg) no-repeat;
}
  div#contents div#top_inquiry h2 {
   width:375px;
    margin-left:27px;
    height:0px;
    padding-top:63px;
    background:url(../img/top_inquiry_word.jpg) no-repeat;
    overflow:hidden;
  }
  div#contents div#top_inquiry p {
    margin:10px 0px 0px 27px;
  }
  div#contents div#top_inquiry p#top_inquiry_mail a {
    width:274px;
    height:0px;
    padding-top:35px;
    background-image:url(../img/top_inquiry_mail.jpg);
    background-repeat:no-repeat;
    overflow:hidden;
    display:block;
  }
  div#contents div#top_inquiry p#top_inquiry_mail a:hover {
    background-position:0px -35px;
  }
  div#contents div#top_inquiry p#top_inquiry_tel {
    width:268px;
    height:0px;
    padding-top:42px;
    background:url(../img/top_inquiry_tel.jpg) no-repeat;
    overflow:hidden;
  }
  
div#contents p#top_blog {
    margin:10px 0px 0px 180px;
}
  div#contents p#top_blog a {
      height:0px;
      padding-top:21px;
      background-image:url(../img/top_blog.jpg);
      background-repeat:no-repeat;
      overflow:hidden;
      display:block;
  }
    div#contents p#top_blog a:hover {
        background-position:0px -21px;
    }

div#topics_list {
  width:590px;
  height:200px;
  overflow:auto;
  border:1px #CCCCCC solid;
  margin:10px 0px 0px 0px;
  scrollbar-track-color: #fff5db;
  scrollbar-face-color: #f1c83e;
  scrollbar-shadow-color: #cc9999;
  scrollbar-darkshadow-color: #ffcccc;
  scrollbar-highlight-color: #ffcc66;
  scrollbar-3dlight-color: #ffcc66;
  scrollbar-arrow-color: #ffffff;
}

	
	


div#contents div#top_story h2 {
    width:595px;
    height:0px;
    padding-top:70px;
    background:url(../img/top_story.jpg) no-repeat;
    overflow:hidden;
  }
  
  
  
.step {
	padding-top:30px;
	width:560px;
	margin-left: 15px;
	}