@import "common.css";
#image{
height:95px;
margin-left:20px;
}

#contents{
width:800px;
margin:20px 0 0 20px;
}

#l_col{
font-size:12px;
float:left;
width:540px
}

#r_col{
float:right;
font-size:12px;
width:250px;
}

/*--------------------------------��Eo��E�-*/

#l_cnt{
width:500px;
margin:0 0 0 10px;
}

#b_feature{
margin-bottom:20px;
}
#b_feature a{
display:block;
height:80px;
text-indent:-9999px;
background-image:url(../img/index/b-feature-leader.gif);
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
}
#b_feature a:hover{
xxxbackground-position:0 -80px;
}

h3{
color:#333;
font-size:14px;
background:url(../img/index/h3_back_index.gif);
background-position:0 0;
background-repeat:no-repeat;
border-bottom:5px solid #CED887;
margin:0 0 10px 0;
padding:5px 0 2px 10px;
}

h4{
font-size:12px;
background:url(../img/common/square.gif);
background-position:10 50%;
background-repeat:no-repeat;
border-left:1px solid #BABABA;
border-right:1px solid #BABABA;
margin:0;
padding:3px 0 3px 25px;
}

.h4_top,.h4_bottom{
height:4px;
display:block;
background-repeat:no-repeat;
margin:0;
padding:0;
}

.h4_top{
background-image:url(../img/index/index_h4_top.gif);
background-position:bottom;
}

.h4_bottom{
background-image:url(../img/index/index_h4_bottom.gif);
background-position:top;
margin-bottom:10px;
}

/*------------------------------------------*/
#catch{
width:269px;
height:18px;
text-indent:-9999px;
background-image:url(../img/index/catch.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#box-tre-pro{
background-image:url(../img/index/tre-pro-b.gif);
background-position:0 100%;
background-repeat:no-repeat;
margin-bottom:10px;
}
#tre-pro-t,#tre-pro-t a{
display:block;
position:relative;
height:25px;
}
#tre-pro-t span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../img/index/tre-pro-t.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#tre-pro-in{
padding:10px;
}
ul.tre-pro{
margin:0 0 10px;
padding:0;
list-style:none;
line-height:1.4;
}
ul.tre-pro li{
margin:0;
padding-left:10px;
background-image:url(../img/index/tre-li-arrow.gif);
background-position:0 50%;
background-repeat:no-repeat;
}
ul.tre-pro li.arrow-w,
ul.tre-pro li.arrow-r{
background-image:url(../img/index/tre-li-dot.gif);
}
#tre-pro-l{
float:left;
width:145px;
}
#tre-pro-c{
float:left;
width:145px;
}
#tre-pro-r{
float:right;
width:190px;
}


#box-case{
background-image:url(../img/index/t-case-bg.gif);
background-position:0 0;
background-repeat:repeat-y;
margin-bottom:10px;
}
#box-case #box-case-t{
}
#box-case #box-case-t a{
display:block;
position:relative;
height:28px;
}
#box-case #box-case-t a span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../img/index/t-case-h.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#box-case ul{
margin:0 10px;
padding:0;
list-style:none;
}
#box-case ul li{
background-image:url(../img/common/dotline.gif);
background-position:0 100%;
background-repeat:repeat-x;
padding:6px;
}
#box-case ul li a{
display:block;
margin:0;
padding-left:10px;
background-image:url(../img/index/tre-li-arrow.gif);
background-position:0 50%;
background-repeat:no-repeat;
}
#box-case #box-case-b{
text-align:right;
background-image:url(../img/index/t-case-b.gif);
background-position:0 100%;
background-repeat:no-repeat;
padding:5px 10px;
}
#box-case #box-case-b a{
}


/*--------------------------------�����ƁE�-*/
h3.h3-news{
margin-bottom:0;
}
#news_box{
border:1px solid #B4C443;
width:100%;
}
#news_box th{
font-weight:normal;
text-align:left;
vertical-align:top;
border-bottom:1px dashed #CCC;
padding:10px;
}

#news_box td{
color:#666;
font-size:12px;
border-bottom:1px dashed #CCC;
padding:10px;
}

#news_box div{
color:#FFF;
text-decoration:none;
margin-top:2px;
padding:2px;
}

#news_box th i{
margin-bottom:2px;
display:block;
font-size:10px;
font-family:Verdana;
font-style:normal;
color:#660;
}
#news_box th .event{
padding:2px;
font-size:10px;
color:#fff;
}

.news{
width:80%;
background:#690;
}


h5{
height:13px;
text-indent:-9999px;
background-position:10px 50%;
background-repeat:no-repeat;
padding:3px 10px;
margin:0 0 10px;
border-left:1px solid #d1d1d1;
border-right:1px solid #d1d1d1;
border-top:1px solid #d1d1d1;
background-color:#E4E6D1;
}
h5.h5-our{ background-image:url(../img/index/h5-our-program.gif);}
h5.h5-facilitator{ background-image:url(../img/index/h5-facilitate.gif);}

#our_box{
font-size:12px;
width:100%;
margin:20px 0 0 0;
}
#our_box td#td-our,
#our_box td#td-facilitator{
width:240px;
background-image:url(../img/index/h5-b.gif);
background-position:0 100%;
background-repeat:no-repeat;
padding:0 0 20px;
vertical-align:top;
}
#our_box .litc{
width:220px;
margin:10px;
}
#our_box .litc th{
width:80px;
text-align:left;
}
#our_box .litc td{
font-size:12px;
}

#our_box dl{
margin:10px;
padding:0;
}

#our_box dt{
color:#690;
margin:0;
xxxpadding:0 10px;
}

#our_box dd{
margin:5px 0 10px 0;
xxxpadding:0 10px;
}

/*--------------------------------------*/
#r_cnt{
width:240px;
margin:0;
}

#experience-box{
background-image:url(../img/index/h5-b.gif);
background-position:0 100%;
background-repeat:no-repeat;
padding-bottom:20px;
}
h5.h5-experience{
background-image:url(../img/index/h5-experience.gif);}

#experience-box .ex-title{
margin:0 10px;
font-weight:bold;
color:#657C1F;
}

#experience-box table{
margin:2px 10px;
}
#experience-box th{
font-size:10px;
height:13px;
width:35px;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat;
padding:0 10px 5px 0;
}
#experience-box th.ex-date{ background-image:url(../img/index/ex-date.gif);}
#experience-box th.ex-time{ background-image:url(../img/index/ex-time.gif);}
#experience-box th.ex-place{ background-image:url(../img/index/ex-place.gif);}

#experience-box td{
font-size:12px;
font-weight:bold;
vertical-align:top;
}

#experience-box td.ex-status{
width:57px;
text-indent:-9999px;
background-image:url(../img/index/ex-accept.gif);
background-position:0 50%;
background-repeat:no-repeat;
}
#experience-box td.ex-more{
width:97px;
}
#experience-box td.ex-more a{
display:block;
width:97px;
height:18px;
text-indent:-9999px;
background-image:url(../img/index/btn-more.gif);
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
}



#voice-box{
width:240px;
background-image:url(../img/index/h3-voice-b.gif);
background-position:0 100%;
background-repeat:no-repeat;
padding-bottom:5px;
margin-bottom:20px;
}

#voice-box dl:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:1px;
line-height:0;
clear:both;
}


#t_voice{
height:26px;
_height:33px;
background:url(../img/index/h3-voice.gif);
background-position:0 0;
background-repeat:no-repeat;
padding:7px 0 0 163px;
}
#t_voice a{
display:block;
text-indent:-9999px;
width:70px;
height:18px;
}

#h-donyu,
#h-sanka{
height:12px;
text-indent:-9999px;
background-position:5px 50%;
background-repeat:no-repeat;
background-color:#dddddd;
margin:2px;
padding:2px;
}
#h-donyu{
background-image:url(../img/index/voice-h-donyu.gif);
}
#h-sanka{
background-image:url(../img/index/voice-h-sanka.gif);
}


#voice-box .comp-name{
margin:0 10px;
}
#voice-box dl{
width:220px;
margin:0 10px 5px;
padding:0 0 5px;
border-bottom:1px dotted #ccc;
}

#voice-box dd{
line-height:130%;
xxxfloat:left;
display:inline;
margin:0;
padding:0;
}

#voice-box dt{
font-size:8px;
float:right;
width:60px;
margin:0 0 0 10px;
_margin:0 0 0 0px;
padding:0;
}

#voice-box dt a{
width:60px;
height:60px;
display:block;
text-indent:-9999px;
overflow:hidden;
background-position:0 0;
background-repeat:no-repeat;
}

#p_fujiyosida{background:url(../img/index/p_fujiyosida.jpg);}
#p_murata{background:url(../img/index/p_murata.jpg);}
#p_nagao{background:url(../img/index/p_nagao.jpg);}
#p_takeda{background:url(../img/index/p_takeda.jpg);}
#p_man{background:url(../img/index/p_man.gif);}

/*-----------------------------�Хʡ�----*/

h4.h4-online,
h4.h4-operate,
h4.h4-book{
clear:both;
font-size:10px;
height:14px;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat;
border:none;
border-bottom:1px solid #000;
margin-bottom:10px;
}
h4.h4-online{background-image:url(../img/index/h4-online.gif);}
h4.h4-operate{background-image:url(../img/index/h4-operate.gif);}
h4.h4-book{background-image:url(../img/index/h4-book.gif);}



#book-box{
}
#book-box a.t-book{
font-weight:bold;
color:#657C1F;
}
#book-box p{
}
#book-box i{
font-size:11px;
color:#657C1F;
font-style:normal;
display:block;
}


#b_experience{
margin:20px 0 10px 0;
}
#b_experience a{
width:230px;
_width:250px;
font-size:12px;
color:#3e3e3e;
text-decoration:none;
display:block;
overflow:hidden;
background:url(../img/index/b_experience.jpg);
background-position:0 0;
background-repeat:no-repeat;
padding:34px 0 8px 10px;
}
#b_experience a:hover{
}
#b_experience a b{
font-size:14px;
}

#b_opencourse{
margin:0 0 10px 0;
}

#b_opencourse a{
width:240px;
height:60px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../img/index/b_opencourse.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#ecli_top{
width:240px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/index/b_eclipse.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#ecli_mid{
line-height:1.3;
width:218px;
_width:240px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
padding:10px 10px 5px 10px;
}

#ecli_mid span{
float:right;
}