/*add　h4、javascript詳細用*/
/*rireki 10/4/7 add benner-2,benner3 */
/*rireki 10/3/23 英語ページ用ｃｓｓを追加*/
/*rireki 10/3/19　スケジュールの>>マークを改行しないように更新*/
/*rireki 10/3/17*/
@charset "utf-8";

/*基本情報*/

*{ margin:0; padding:0; }
body{
    background:#eee;/*#ccc*/
    width:100%;
    font-size:14px;
    color:#333333;
    height:100%;
}
html{
  height:100%
}

/* 外枠*/
#wrap{
    width:830px;
    background:#FFF;
    border-left:#666 ridge 3px;
    border-right:#666 groove 3px;
    padding:0 10px;
    margin:30px auto 0;
}

/*ヘッダー*/
#head{
    width:830px;
    height:75px;
margin:0;
   background:#fff;
}

#head .logo{
    display:block;
    width:700px;
    height:75px;
    /*background:url(/sw/download/CRIA00196S000001%7Efiles%7Elogo.jpg) no-repeat left;*/
    float:left;
    /*text-indent:-9999px;*/
    overflow:hidden;
}
#head .space{
    display:block;
    width:130px;
    height:50px;
    float:right;
  background:#fff;
  margin:0;
  padding:0;
      color:#333;
    font-weight:bold;
    text-decoration:none;
  font-size:12px;
}
#head .space a{
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Einq.png) no-repeat right top;
        color:#333;
    font-weight:bold;
    text-decoration:none;
  font-size:12px;
  width:118px;
  height:25px;
  display:block;
  line-height:20px;
}
/*head English*/
#head .space-en{
    display:block;
    width:130px;
    height:50px;
    float:right;
  background:#fff;
  margin:0;
  padding:0;
      color:#333;
    font-weight:bold;
    text-decoration:none;
  font-size:12px;
}
#head .space-en a{
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Einq.png) no-repeat right top;
        color:#333;
    font-weight:bold;
    text-decoration:none;
  font-size:12px;
  width:118px;
  height:25px;
  display:block;
  line-height:20px;
  text-indent:30px;
}

#head .space .jap{
  text-indent:17px;
}

#head .space .eng{
  text-indent:28px;
}

#head .space a:hover{
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Einq2.png) no-repeat right top;
        color:#fff;
    font-weight:bold;
    text-decoration:none;
  font-size:12px;
}
    
    
#head .lang{
    width:120px;
    height:25px;
    margin-right:10px;
    text-align:right;
    float:right;
  line-height:20px;
  font-size:12px;

}

/*ナビ*/
#navi{
    width:828px;
    height:27px;
    border-top:#333333 solid 3px;
    border-bottom:#c8c8c8 dashed 1px;
  margin:0 auto;
}
#navi ul{
    list-style:none;
  padding:0;
  margin:0 auto;
}

#navi ul li{

    float:left;
    text-align:center;
    line-height:25px;
  font-size:12px;
}

#navi ul li a{
    display:block;
  
    background:#c8c8c8;

    margin:1px 1px 1px 0px;
    width:137px;
    height:25px;
    color:#333;
    font-weight:bold;
    text-decoration:none;
}

#navi ul li div{/*DIVのオプションは結果発表用*/
  color:#888888;
    display:block;
  
    background:#c8c8c8;

    margin:1px 1px 1px 0px;
    width:137px;
    height:25px;
    
    font-weight:bold;
    text-decoration:none;
}

#navi ul li.now a{/*現在閲覧中のリンク*/
    display:block;
    background:#666;
    text-decoration:none;
    margin:1px 1px 1px 0px;
    width:137px;
    height:25px;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}
#navi ul li a:hover{
    background:#ec1b23;
    margin:1px 1px 1px 0px;
    width:137px;
    height:25px;

    font-weight:bold;
    color:#FFF;
}

/*メインイメージ*/
#main-image{/*トップページで使用している画像部分のcss*/
    width:820px;
    height:200px;
    padding:5px 5px 5px 5px;
    border-bottom:#c8c8c8 dashed 1px;
}

/*メインコンテンツのカラム情報22222222*/
#main-menu{/*メインコンテンツの外枠*/
  width:830px;
  margin:5px auto;

  clear:both;
}
#side-menu{
      float:left;
      width:195px;
    margin:10px 10px 0px 0px;
    /*padding:10px;*/
    height:auto;
 background:#fff;
}

#side{/*サイドメニューの外枠*/
      float:left;
      width:195px;
    margin:10px 10px 0px 0px;
    /*padding:10px;*/
    height:auto;
 background:#fff;
  position: relative;
　z-index:999;
}


#contents{/*コンテンツの外枠*/
    width:605px;
    margin:10px 0 0 0;
    padding:0 0 0 20px;
    float:left;
    height:auto;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eline-tate.jpg) repeat-y;
    position: relative;
  z-index:0;
}

/*サイドメニュー*/
/*----------------------------------------------------------------------------*/

#side ul {
width:195px;
list-style:none;
font-size:14px;
background-color:#fff;
margin:0 0 15px;
padding:0;
line-height:17px;
}

#side ul li {
  position:relative;
  width:183px;
  line-height:1.3;
    background-color: #ec1b23;/*(ノーマルマーカーの色）*/
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 12px;/*付箋の頭部分*/
    height:40px;/*付箋の高さ*/
  color:#666666;
}

#side ul li a {
    background-color: #e6e6e6;/*背景色*/
    padding: 12px 0px 0px 6px;/*テキストの位置調整*/
    display: block;
    color: #666666;
    text-decoration: none;
    font-weight:bold;
    height:28px;/*テキストの位置調整をマイナスした分 位置調整と合わせて40pxになるように調整*/
}
#side ul li div {
    background-color: #e6e6e6;/*背景色*/
    padding: 12px 0px 0px 6px;/*テキストの位置調整*/
    display: block;
    color: #666666;
    text-decoration: none;
    font-weight:bold;
    height:28px;/*テキストの位置調整をマイナスした分 位置調整と合わせて40pxになるように調整*/
}

#side ul li.off {
position:relative;
overflow:hidden;

}

#side ul li.on {
position:relative;
overflow:visible;
}

/*.dropmenu a {
display:block;
width:100%;
color:#00f;
}

.dropmenu div {
display:block;
width:100%;
color:#00f;
}*/

#side ul li ul {
position:relative;
float:left;/*カラム落ち作戦*/
/*left:100px!important;/*195px*/
  background:#fff;
  width:183px;
}

#side ul li ul li{
  line-height:1.3;
    background-color: #ec1b23;/*(ノーマルマーカーの色）*/
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 12px;/*付箋の頭部分*/
    height:40px;/*付箋の高さ*/
  color:#666666;
width:171px;
/*padding:1px 0;*/
}


#side ul li ul li a {
  background-color: #e6e6e6;/*背景色*/
    padding: 12px 0px 0px 6px;/*テキストの位置調整*/
    display: block;
    color: #666666;
    text-decoration: none;
    font-weight:bold;
    height:28px;/*テキストの位置調整をマイナスした分 位置調整と合わせて40pxになるように調整*/
}

#side ul li ul li a:hover {
      background-color: #666666;/*オンマウスオーバーの背景色*/
    color: #FFFFFF;
    text-decoration: none;
}

#side li.now a {
    background:#666;/*背景色*/
    padding: 12px 0px 0px 6px;/*テキストの位置調整*/
    display: block;
    color:#fff;
    text-decoration: none;
    font-weight:bold;
    height:28px;/*テキストの位置調整をマイナスした分 位置調整と合わせて40pxになるように調整*/
}

#side li a:hover {
    background-color: #666666;/*オンマウスオーバーの背景色*/
    color: #FFFFFF;
    text-decoration: none;
}

    
#side .new {/*特別マーカー　マーカーにNEWをつけるときに使うクラス*/
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Enew.jpg) no-repeat left;
}


/*---------------------------------------------------------------------------*/

#side #to-input{
  width:195px;
  margin-top:10px;
  height:136px;

}

#side #to-input #account a{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eaccount.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}

#side #to-input #account a:hover{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eaccount-hover.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}

#side #to-input #entry a{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}

#side #to-input #entry a:hover{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry-hover.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}

#side #mypage{
  margin:10px 0px;
  padding:0;
  /*float:left;*/
  width:195px;
  display:block;
  clear:both;
}

#side #java-mypage a{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejava-mypage.png) no-repeat;
  width:195px;
  height:69px;
  display:block;
}

#side #java-mypage a:hover{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejava-mypage-hover.png) no-repeat;
  width:195px;
  height:69px;
  display:block;
}

#side #js-mypage a{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejs.png) no-repeat;
  width:195px;
  height:69px;
  display:block;
}

#side #js-mypage a:hover{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejs-hover.png) no-repeat;
  width:195px;
  height:69px;
  display:block;
}
/*side English*/
#side #to-input #account-en a{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eaccount-en.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}

#side #to-input #account-en a:hover{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eaccont-hover-en.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}

#side #to-input #entry-en a{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry-en.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}

#side #to-input #entry-en a:hover{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry-hover-en.png) no-repeat;
  width:195px;
  height:68px;
  display:block;
}
#side #js-mypage-en a{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejs-en.png) no-repeat;
  width:195px;
  height:69px;
  display:block;
}

#side #js-mypage-en a:hover{
  margin:0px auto;
  padding:0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejs-hover-en.png) no-repeat;
  width:195px;
  height:69px;
  display:block;
}

/*サイドバーのバナー*/
#side #links{
  width:195px;
}
#side #banner-1 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ebanner-1.png) no-repeat;
  width:195px;
  height:46px;
  display:block;
}

#side #banner-1-en a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Esyntheticbio-en.png) no-repeat;
  width:195px;
  height:46px;
  display:block;
}
#side #banner-2 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ebanner_03.png) no-repeat;
  width:195px;
  height:46px;
  display:block;
}

#side #banner-3 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ebanner_05.png) no-repeat;
  width:195px;
  height:76px;
  display:block;
}

#side #banner-4 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7ERIKEN-NEWS-BANNER.png) no-repeat;
  width:195px;
  height:46px;
  display:block;
}


#side #banner-5 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Emanyuaru.png) no-repeat;
  width:195px;
  height:73px;
  display:block;
}

#side #banner-6 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Emovie_ja.png) no-repeat;
  width:195px;
  height:80px;
  display:block;
}

#side #banner-7 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Emovie_en.png) no-repeat;
  width:195px;
  height:81px;
  display:block;
}

#side #banner-8 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7E0724.png) no-repeat;
  width:195px;
  height:49px;
  display:block;
}

#side #banner-9 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7EmanualEn.png) no-repeat;
  width:195px;
  height:73px;
  display:block;
}

#side #banner-10 a{
  margin:0px auto;
  padding:5px 0;
  /*float:left;*/
  text-indent:-999px;
  overflow:hidden;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Evideo.png) no-repeat;
  width:195px;
  height:49px;
  display:block;
}
/*コンテンツの中身*/
#contents img.image-float-l{
    /*border:1px #ccc solid;*/
    padding:0;
margin:0 15px 0 0;
  background:#fff;
    float:left;
    height:auto;
}

#contents img.image-center{
      padding:5px;
margin:0 auto;
  background:#fff;
    float:none;
    height:auto;
}
#contents img.image-center a{
      padding:5px;
margin:0 auto;
  background:#fff;
    float:none;
    height:auto;
}
#contents img.image-center-fuchi{
    border:1px #ccc solid;
      padding:5px;
margin:0 auto;
  background:#fff;
    float:none;
    height:auto;
}
#contents .text-box{/*このクラスを指定するとノートのようなラインが引かれた背景が表示されます。*/
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Ebg-line.jpg);
    padding-top:7px;
    height:auto;
}
#contents .text-box p{/*テキストボックスの中にｐタグを使用すると、ラインに合わせた文字間隔に調整されます。*/
    font-size:14px;
    line-height:34px;
    height:auto;
  padding:0 15px;
  margin:0;
  text-align:justify;/*両端ぞろえ*/
}



#contents .text-box p.right{/*右寄せにするクラスです。*/
    font-size:12px;
    line-height:34px;
    height:auto;
  text-align:right;
  padding-right:15px;
}
#contents .text-box ul.right{/*リンクに>>マークを付けて右寄せにします。めんどくさいですがリストにしてください*/
list-style:url(/sw/download/CRIA00196S000001%7Efiles%7Eallow.jpg);
    text-align:right;
      line-height:34px;
      font-size:12px;
margin-right:15px;
  list-style-position:inside;/*safari chrome用*/
  padding:0;
  width:auto;
  float:none;
  clear:both;
}

/*#contents .text-box ul.normal a{リストのリンクに>>マークを付けます
list-style:url(/sw/download/CRIA00196S000001%7Efiles%7Eallow.jpg);
      line-height:34px;
      font-size:14px;
margin:0 15px;
  padding:0 15px;
}*/

#contents .text-box ul.normal{/*リストのリンクに・マークを付けます*/
list-style:disc;
      line-height:34px;
      font-size:14px;
margin:0 15px;
  padding:0 15px;
}

#contents .text-box ol{/*プライバシーポリシーの OL*/
list-style:disk;
      line-height:34px;
      font-size:14px;
margin:0 15px;
  padding:0 15px;
}


#contents .text-box ol ul{/*プライバシーポリシーのOL　UL*/
list-style:none;
      line-height:34px;
      font-size:14px;
margin:0 0 0 15px;
  padding:0 0 0 15px;
}

/*更新履歴*/
#contents .whats-new{
    display:block;
    width:605px;
    clear:both;
    height:34px;
    }
#contents .date{
    height:14px;
    padding:10px;
    width:80px;
    float:left;
}

#contents .new{
    height:14px;
    padding:10px;
    width:485px;
    float:left;
}
/*java詳細ページ用*/
.java-code{/*サンプルコードを記載している黄色い背景部分*/
  background:#ffc;
  width:560px;
  margin:0 auto;
  display:block;
  border:1px solid #cccccc;
  padding:10px;/*4/6*/
}

/*スケジュール関係*/
#contents .schedule{/*ほぼ更新履歴と同じ*/
    font-size:14px;
    display:block;
    width:605px;
    clear:both;
    line-height:34px;
    }
#contents .schedule .now{/*スケジュールの中で今まさしく進行中のものに「check」のしるしをつけます。*/
     width:15px;
     height:34px;
     float:left;
  margin:0;
  padding:0;
    display:block;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eallowh3.jpg) no-repeat center left;
}

#contents .schedule .space{/*「check」のしるしがない場合のスペース（空白）*/
     width:15px;
     height:34px;
     float:left;
  margin:0;
  padding:0;
  display:block;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Espace11.png) no-repeat center left;
}
#contents .schedule .iconG{/*スケジュールの中でゲノコン関連のスケジュールにつけるマーク。*/
     width:15px;
     height:34px;
     float:left;
  margin:0;
  padding:0;
    display:block;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7EiconG.png) no-repeat center left;
}

#contents .schedule .iconF{/*スケジュールの中でフェノコン関連のスケジュールにつけるマーク。*/
     width:15px;
     height:34px;
     float:left;
  margin:0;
  padding:0;
    display:block;
  background:url(/sw/download/CRIA00196S000001%7Efiles%7EiconF.png) no-repeat center left;
}
#contents .schedule .date{
    padding:0 10px 10px 10px;
    width:85px;
    float:left;
  display:block;
 
}

#contents .schedule .new{
    padding:0 10px 10px 10px;
    width:310px;
    float:left;
  display:block;

}
#contents .schedule .new2{
    padding:0 10px 10px 10px;
    width:440px;
    float:left;
  display:block;
  height:14px;

}

#contents .schedule div.right{
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eallow.jpg) left center no-repeat;
  text-align:right;
  text-indent:17px;

  
  font-size:12px;
  margin-right:5px;
  list-style-position:inside;/*safari chrome用*/
  padding:0;
  width:auto;
  float:right;
}
/*エントリ-ページ用コンテンツ2分割*/
.entry-l{
width:300px;
  float:left;
  margin:0;
  padding:0;
}
.entry-r{
  width:300px;
  float:left;
  margin:0 0 0 5px;
  padding:0;
}
.entry-l a.java{
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejava.png) no-repeat;
  height:73px;
    width:198px;
  margin:-2px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
    
}
.entry-l a.java:hover{
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Ejava-hover.png) no-repeat;
}

/*.entry-r*/ a.js{
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry.png) no-repeat;
  height:73px;
    width:198px;
  margin:-2px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
    
}
/*.entry-r*/ a.js:hover{
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry-hover.png) no-repeat;
}

/*.entry-r-en*/ a.js-en{
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry-en.png) no-repeat;
  height:73px;
    width:198px;
  margin:-2px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
    
}
/*.entry-r-en*/ a.js:hover-en{
  background:url(/sw/download/CRIA00196S000001%7Efiles%7Eentry-hover-en.png) no-repeat;
}



/*foot*/
#foot{
    width:830px;
    margin:0 auto;
    padding-top:10px;
    border-top:1px solid #333333;
    text-align:center;
    clear:both;
    height:80px;
  color:#333;
      text-decoration:none;

}


#foot .foot-link a{
  color:#333;
    text-decoration:none;
}
#foot .foot-link a:hover{
    color:#333;
    text-decoration:underline;
}
/*サイトマップ*/
#contents .site-map{/*サイトマップ用テキストボックス*/
    padding-top:7px;
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Ebg-line.jpg);
    height:auto;
  font-size:14px;
}
#contents .site-map ul{/*Ｔマークのついたリスト。*/
list-style:url(/sw/download/CRIA00196S000001%7Efiles%7Et.jpg) inside;
  line-height:34px;
padding-left:30px;
}
/*テキスト関係*/
h2{
    display:block;
    margin:6px 0px 5px 0px;
    font-size:15px;
    font-weight:bold;
    text-indent:24px;
    height:16px;
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Emark_r.jpg) no-repeat center left #fff;
  border-bottom:1px solid #f00;
  padding-top:4px;
  padding-bottom:5px;
}

#contents h3{/*セミナー情報の「→」マークを付けます。*/
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Eallowh4.jpg) no-repeat top  left;
    padding-left:14px;
    font-size:14px;/*contents pと同じ*/
    line-height:34px;/*contents pと同じ*/
  margin:0;
  /*font-weight:normal;*/
}
h3{/*セミナー情報の「→」マークを付けます。*/
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Eallowh4.jpg) no-repeat top left;
    padding-left:14px;
  margin-left:20px;
      font-size:15px;
  /*font-weight:normal;*/
}
   
h4{/*04/08*/
  background:#C96;
  padding:3px 5px;
  font-size:14px;
  font-weight:bold;
  color:#FFF;
  margin-bottom:8px;
}


.red{
    color:#ec1b23;
    font-weight:bold;
}
.yellow{
    color:#fff100;
    font-weight:bold;
}
.blue{
    color:#2e3091;
    font-weight:bold;
}

.green{/*結果発表ページが公開されたら緑にする*/
    color:#009344;
    font-weight:bold;
}
.gray{/*結果発表があるまではグレー*/
      color:#888888;
    font-weight:bold;
}
.lightblue{
    color:#1A75BB;
    font-weight:bold;
}


.orange{
    color:#faaf3f;
    font-weight:bold;
}
#contents br{
    line-height:34px;
}


sup{
    line-height:15px;
  font-size:10px;
}

/*アコーディオン用*/
  dl{
    width:605px;
    margin:0;
    line-height:34px;
  padding:0;
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Ebg-line.jpg);
  }
  dt.accordion_toggle{
    text-indent:15px;
    font-weight:bold;
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Eallowh3.jpg) left center no-repeat;
  
  }
  dt.accordion_toggle:hover{
    background:#FFC;
    font-weight:bold;
  
    background:url(/sw/download/CRIA00196S000001%7Efiles%7Eallowh3.jpg) left center no-repeat #ffc;
  }


  dd.accordion_content{
    overflow:hidden;
    height: 0px;
    display: none;
    margin:0 15px;
  }

/*table database*/
table.database{
  background:#fff;
  border-collapse: collapse;
  margin:0 auto;


}

table.database th{
  background:#3c6;
  text-align:left;
  color:#fff;
  padding:5px;
}


table.database td{
  padding:5px;
}