/* [2011.03.02] created by M. Hori */
/*------------------------------------------------------ 
 *  two-column-base.css / ２段組みレイアウトの共通設定
 *    (depends on 'common.css')
 *
 *  ２段組レイアウト（利用規約やプライバシーポリシーなど）
 *  表示のための基本設定．このファイルの内容は，以下の
 *  CSSファイルの基本設定として用いられる．
 *    + two-column-home.css    (サイトホーム) 
 *    + two-column-kyouzai.css (教材検索ツール) 
 *    + two-column-bunsho.css  (文書検索ツール) 
 *------------------------------------------------------*/

@charset "utf-8"; 

/* ===== Column width setting ===== */

.layout-two-column .layout-left-block { 
  width: 680px;
  padding: 5px 20px; 
  margin-bottom: 20px;
  float: left;
  display: block;
}

.layout-two-column .layout-right-block { 
  width: 190px;
  padding: 5px 10px;
  float: right;
  display: block; 
  margin-top: 10px; 
}

/* ===== Left column style ===== */

.layout-left-block a {
  color: #0066CC; 
  text-decoration: none;  
}
.layout-left-block a:hover {  
  text-decoration: underline  
}

.layout-left-block h2 {
  font-size: 150%;
  font-weight: bold; 
  background-image: url("../img/head_marker_home.gif");
  background-position: 0 40%; 
  background-repeat: no-repeat;
  padding-left: 23px;
  margin: 28px 0;
}

.layout-left-block h3 {
  font-size: 110%; 
  font-weight: bold; 
  padding: 8px 10px; 
  background-color: #f4fbfc;
  border-top: solid 3px #55b6cb; 
  border-bottom: solid 1px #e1e1e1; 
  margin: 18px 0; 
}

.layout-left-block h4 {
  font-size: 100%; 
  font-weight: bold; 
  padding-bottom: 3px;
  margin: 18px 23px 7px;
}

.layout-left-block div.date {
  text-align: right; 
  margin-right: 30px 
}

.layout-left-block div.section {
  margin: 0 30px;  
}

.layout-left-block div.section p { 
  text-indent: 1em; 
  line-height:1.4; 
  margin: 8px 0; 
}

.layout-left-block div.section .box {
  margin: 18px 0 26px; 
}

/*----- ul.arrow -----*/
.layout-left-block ul.arrow li {
  list-style: disc outside url("../img/item_arrow.gif");
  margin-bottom: 8px; 
}

.layout-left-block ul {
  list-style-type: disc; 
  margin-left: 2em; 
}
.layout-left-block ul li {
  line-height: 1.4; 
}

/*----- ol.num -----*/
/* cf. [http://www.nk0206.com/life/2009/07/order-list-css.html] */
.layout-left-block ol.num { 
  margin-bottom: 1em; 
  margin-left: 2em; 
}
.layout-left-block ol.num li {
  position: relative;
  list-style: none;
  line-height: 1.4;
  margin-bottom: 0em;
}
.layout-left-block ol.num li span {
  position: absolute;
  top: 0;
  left: -2em;
}
* html ol.num li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.num li span { top: -0em; } /* for win ie7 */ 


/* ===== Right coloumn style ===== */

.layout-right-block p {
  font-size: 15px;
  line-height: 1.1; 
  margin: 8px;
}

.layout-right-block div.mext2 {
  padding-bottom: 5px; 
}

.layout-right-block div.item-list-head {
  background: url("../img/head_bg.gif") repeat-x scroll left bottom transparent;
  border: 1px solid #ECECEC;
  font-size: 90%;
  font-weight: bold; 
  padding: 8px 5px 6px 10px;
  margin: 25px 0 15px;
}

.layout-right-block div.item-box {
  background: url("../img/item_line.gif") repeat-x scroll left bottom transparent;
  padding-bottom: 15px; 
  margin-bottom: 15px; 
}
.layout-right-block div.item-box-no-line {
  padding-bottom: 15px; 
  margin-bottom: 15px; 
}
.layout-right-block div.external-link {
  text-align: center;
  margin-bottom: 10px; 
}

.layout-right-block div.clarinet2 {
  /* no style */
}

.layout-right-block div.jisho2 {
    width:130px; 
    background-color: #FDF2E7;  /* light orange */
    border: 4px solid #EE7025;  /* orange */
    margin-left:25px; 
}
.layout-right-block .jisho2 a {
    color: #000000;
    padding: 10px 0;
    display: block;
}
.layout-right-block .jisho2 .small{
    font-size: 14px;
    line-height: 1.1; 
}
.layout-right-block .jisho2 .big{
    margin-top: 5px;
    font-weight: bold;
}

