@charset "UTF-8";

/* index.html */

#topcontents{
  margin:0 27px;
  padding-bottom:20px;
  display:inline-block;
  width:722px;
}

#topcontents:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* ------------左カラム------------ */
#topcontents #left_column{
  width:470px;
  float:left;
}

/* リード */
#left_column #top_txt{
  font-size: 90%;
  line-height: 1.4em;
}

/* What's New・トピックス */
#left_column #new,
#left_column #topics{
  margin-bottom:10px;
  width:470px;
}

#left_column #new table,
#left_column #topics table{
  width:468px;
  font-size:90%;
  line-height:1.4em;
}

#left_column #new th,
#left_column #topics th{
  width:10ex;
  padding:6px 0 6px 32px;
  border-bottom:1px dotted #c6c6c6;
  text-align:left;
  vertical-align:top;
  background-image:url(00icon_arrow_w.gif);
  background-repeat:no-repeat;
  background-position:0.6em 0.6em;
}

#left_column #new td,
#left_column #topics td{
  width:auto;
  padding:6px 8px;
  border-bottom:1px dotted #c6c6c6;
  text-align:left;
  vertical-align:top;
}

/* 見出し */
#topcontents .midashi{
  border:1px solid #b2b2b2;
  background-image:url(00subtitle_bck01.gif);
  background-repeat:repeat-x;
  background-position:left top;
  padding:5px 5px 4px 5px;
  width:458px;
  font-size:90%;
}

#topcontents .midashi:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#topcontents .midashi dt{
  border-left:5px solid #429d00;
  padding-left:6px;
  color:#429d00;
  font-weight:bold;
  float:left;
  clear:both;
  width:358px;
}

#topcontents .midashi dd{
  text-align:right;
  margin-left:358px;
}

#topcontents .midashi dd a{
  background-image:url(00icon_arrow_g.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding:2px 0 1px 22px;
}

/* 一覧リンク無 */
#topcontents .midashi dd span{
  background-image:url(00icon_arrow_g.gif);
  background-repeat:no-repeat;
  background-position:left center;
  padding:2px 0 1px 22px;
  color:#999999;
}

/* 教材のご案内 */
#left_column #kyozai{
  border:1px solid #b2b2b2;
  margin-bottom:12px;
  font-size:90%;
  display:inline-block;
}


#left_column #kyozai h3{
  border:1px solid #ffffff;
  background-color:#ededed;
  padding:4px 8px;
  font-weight:bold;
  color:#666666;
}

#left_column #kyozai dl{
  width:448px;
  padding:12px 10px 8px 10px;
}

#left_column #kyozai dl:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#left_column #kyozai dt{
  width:96px;
  float:left;
  clear:both;
}

#left_column #kyozai dd{
  margin-left:106px;
  line-height:1.4em;
}

#left_column #kyozai dd a{
  margin-left:10px;
}

/* ------------右カラム------------ */
#topcontents #right_column{
  width:240px;
  float:right;
}

/* 教材のご案内 */
#right_column #kyozai_info{
  margin-bottom:20px;
}

/* コラム */
#right_column #column_txt{
  border:1px solid #b3b3b3;
/*  border: double #b3b3b3;*/
  margin-bottom:5px;
  font-size:90%;
/*  width:238px;*/
  padding-bottom:10px;
}

#right_column #column_txt2{
  margin-bottom:5px;
  font-size:100%;
/*  width:238px;*/
  padding: 0px 0px 0px 170px;
}

#right_column #column_txt h4{
  border:1px solid #ffffff;
  background-color:#eae2d9;
  color:#534741;
/*  padding:5px 3px 4px 3px;*/
  padding:5px 3px 4px 3px;
  font-weight:bold;
  text-align:center;
}

#right_column #column_txt ul{
  list-style-type : disc;
  margin:10px 10px 0 28px;
}

#right_column #column_txt li{
  list-style-type : disc;
  margin-bottom:4px;
  line-height:1.3em;
}


/* よくある質問 */
#right_column #faq{
  border:1px solid #b3b3b3;
  margin-bottom:5px;
  font-size:90%;
  width:238px;
  padding-bottom:10px;
}

#right_column #faq h4{
  border:1px solid #ffffff;
  background-color:#eae2d9;
  color:#534741;
  padding:5px 3px 4px 3px;
  font-weight:bold;
  text-align:center;
}

#right_column #faq ul{
  margin:10px 10px 0 28px;
list-style-type : disc;
}

#right_column #faq li{
  list-style:disc;
  margin-bottom:4px;
  line-height:1.3em;
}

#right_column .search{
  border:1px solid #ffffff;
  background-color:#eae2d9;
  color:#534741;
  padding:5px 3px 4px 3px;
  font-weight:bold;
  text-align:center;
  font-size:90%;
}