@charset "utf-8";

/* -------------------------------------------------------------- main_title */
#main_title{
 height:386px;
 position:relative;
 margin:4px 9px 0;
 border-bottom:#E0E0E0 1px solid;
 background:url(../img/main_ul_bg.png) bottom repeat-x
}


/* -------------------------------------------------------------- menu ul */
.panel_tab{
 width:978px;
 position:absolute;
 top:341px;
 left:0;
 z-index:99
}

ul#panel_tab_in{
 height:40px
}

li#panel1{ background:url(../img/btn_panel1_n.png) 0 0 no-repeat;width:193px;float:left;margin-right:4px }
li#panel2{ background:url(../img/btn_panel2_n.png) 0 0 no-repeat;width:192px;float:left;margin-right:4px }
li#panel3{ background:url(../img/btn_panel3_n.png) 0 0 no-repeat;width:192px;float:left;margin-right:4px }
li#panel4{ background:url(../img/btn_panel4_n.png) 0 0 no-repeat;width:192px;float:left;margin-right:4px }
li#panel5{ background:url(../img/btn_panel5_n.png) 0 0 no-repeat;width:193px;float:left }

li#panel1 a.menu,
li#panel1 a.menu:visited{
 display:block;width:193px;height:40px
}
li#panel2 a.menu,
li#panel2 a.menu:visited{
 display:block;width:192px;height:40px
}
li#panel3 a.menu,
li#panel3 a.menu:visited{
 display:block;width:192px;height:40px
}
li#panel4 a.menu,
li#panel4 a.menu:visited{
 display:block;width:192px;height:40px
}
li#panel5 a.menu,
li#panel5 a.menu:visited{
 display:block;width:193px;height:40px
}

li#panel1 a.menu:hover,
li#panel1:hover a.menu{
 background:url(../img/btn_panel1_r.png) 0 0 no-repeat;width:193px;height:40px
}
li#panel2 a.menu:hover,
li#panel2:hover a.menu{
 background:url(../img/btn_panel2_r.png) 0 0 no-repeat;width:192px;height:40px
}
li#panel3 a.menu:hover,
li#panel3:hover a.menu{
 background:url(../img/btn_panel3_r.png) 0 0 no-repeat;width:192px;height:40px
}
li#panel4 a.menu:hover,
li#panel4:hover a.menu{
 background:url(../img/btn_panel4_r.png) 0 0 no-repeat;width:192px;height:40px
}
li#panel5 a.menu:hover,
li#panel5:hover a.menu{
 background:url(../img/btn_panel5_r.png) 0 0 no-repeat;width:193px;height:40px
}

ul#panel_tab_in li ul.panel_ul{
 position:absolute;
 left:-6876px;
 height:0
}

/* tab ul */
ul#panel_tab_in :hover ul.panel_ul{
 top:-341px;
 left:0;
 height:auto;
 text-align:left
}
ul#panel_tab_in :hover ul.panel_ul li.panel_li{
 width:978px;
 height:341px
}
ul#panel_tab_in :hover ul.panel_ul li.panel_li a{
 display:inline
}


/* -------------------------------------------------------------- slides_container */
.slides_container{
 position:absolute;
 top:0;
 left:0;
 background-color:#000;
 border-top:#dfdfdf 1px solid;
 border-bottom:#dfdfdf 1px solid;
 border-right:#dfdfdf 1px solid;
 border-left:#dfdfdf 1px solid;
 width:976px;
 height:335px;
 display:none
}
.slides_container div{
 z-index:0;
 width:978px;
 height:337px
}


/* -------------------------------------------------------------- next back */
#slides a.next,
#slides a.prev{
 z-index:1;
 display:block;
 position:absolute;
 top:154px;
 width:29px;
 height:29px
}
#slides a.prev{
 left:12px
}
#slides a.next{
 right:12px
}


/* -------------------------------------------------------------- pagination */
.pagination{
 display:none
}


/* -------------------------------------------------------------- panel */

#panel1 ul.panel_ul{ background:url(../img/sub01.png) 0 0 no-repeat }
#panel2 ul.panel_ul{ background:url(../img/sub02.png) 0 0 no-repeat }
#panel3 ul.panel_ul{ background:url(../img/sub03.png) 0 0 no-repeat }
#panel4 ul.panel_ul{ background:url(../img/sub04.png) 0 0 no-repeat }
#panel5 ul.panel_ul{ background:url(../img/sub05.png) 0 0 no-repeat }


/* -------------------------------------------------------------- panel-box */
.panel_inner{
 background:#fff;
 position:absolute;
 top:52px;
 left:10px;
 width:958px;
 height:275px
}

.panel_inner a{
 color:#0153DA
}

.panel_detail{
 position:absolute;
 top:28px
}

.panel_box{
 font-size:1.2em;
 float:left;
 width:190px;
 padding-top:1px;
 margin-left:1px
}
.panel_box h2{
 padding:5px 0 0 8px;
 height:22px;
 overflow:auto;
 display:block;
 background:url(../img/panel_bg.png) repeat-x bottom
}
.panel_box ul{
 padding-top:5px;
 height:239px;
 overflow:auto
}
.panel_box ul li{
 margin-top:5px;
 line-height:1.4;
 background:url(../img/ico_arrow.gif) 6px 0.4em no-repeat;
 padding-left:16px
}

/* line-color */
h2.l_sogo{ border-bottom:#3E8413 2px solid }
h2.l_csr { border-bottom:#682D7B 2px solid }
h2.l_food{ border-bottom:#D67206 2px solid }
h2.l_it  { border-bottom:#224397 2px solid }
h2.l_car { border-bottom:#C72754 2px solid }
h2.l_finance{ border-bottom:#843013 2px solid }
h2.l_lec{ border-bottom:#E48131 2px solid }
h2.l_elan{ border-bottom:#5B9C4D 2px solid }


/* -------------------------------------------------------------- panel-seminar */
.panel_seminar{
 position:absolute;
 top:20px;
 left:20px;
 overflow:auto;
 width:918px;
 height:235px
}
.panel_seminar div{
 overflow:auto;
 width:900px;
 border-bottom:#CCC 1px dotted;
 padding:10px 0
}
.panel_seminar div h2,
.panel_seminar div p{
 line-height:1.4;
 display:block;
 float:left
}
.panel_seminar div h2{
 font-size:1.3em;
 width:191px;
 background:url(../img/ico_arrow.gif) 0 0.4em no-repeat;
 padding-left:15px
}
.panel_seminar div h2 img{
 margin-top:8px
}
.panel_seminar div p{
 font-size:10px;
 width:327px;
 margin-left:20px
}

.panel_seminar div p span{
 display:block;
 padding-bottom:10px
}
.panel_seminar div p span strong{
 color:#0A0F7D;
 font-weight:normal
}


/* -------------------------------------------------------------- panel-lecture */
.panel_lecture{
 float:left;
 width:285px;
 padding-top:1px;
 margin:0 0 0 1px
}
.panel_lecture h2{
 font-size:1.2em;
 padding:5px 0 0 8px;
 height:22px;
 overflow:auto;
 display:block;
 background:url(../img/panel_bg.png) repeat-x bottom
}
.panel_lecture ol{
 margin:5px;
 height:239px;
 overflow:auto
}
.panel_lecture ol li{
 font-size:1.1em;
 margin-top:6px;
 line-height:1.4
}
.panel_lecture ol li.ran1,
.panel_lecture ol li.ran2,
.panel_lecture ol li.ran3{
 font-size:1.2em;
 margin-top:5px;
 padding-bottom:5px;
 line-height:1.4;
 border-bottom:#CCC 1px dotted
}
.panel_lecture ol li.ran1{ background:url(../img/ico_1.gif) }
.panel_lecture ol li.ran2{ background:url(../img/ico_2.gif) }
.panel_lecture ol li.ran3{ background:url(../img/ico_3.gif) }
.panel_lecture ol li.ran4{ background:url(../img/ico_4.gif) }
.panel_lecture ol li.ran5{ background:url(../img/ico_5.gif) }
.panel_lecture ol li.ran6{ background:url(../img/ico_6.gif) }
.panel_lecture ol li.ran7{ background:url(../img/ico_7.gif) }
.panel_lecture ol li.ran8{ background:url(../img/ico_8.gif) }
.panel_lecture ol li.ran9{ background:url(../img/ico_9.gif) }
.panel_lecture ol li.ran10{ background:url(../img/ico_10.gif) }

.panel_lecture ol li.ran1,
.panel_lecture ol li.ran2,
.panel_lecture ol li.ran3,
.panel_lecture ol li.ran4,
.panel_lecture ol li.ran5,
.panel_lecture ol li.ran6,
.panel_lecture ol li.ran7,
.panel_lecture ol li.ran8,
.panel_lecture ol li.ran9,
.panel_lecture ol li.ran10{
 background-position:4px 2px;
 background-repeat:no-repeat;
 padding-left:17px
}
.panel_lecture ol li.ran10{
 background-position:2px 2px
}
.panel_lecture ol li a{
 text-decoration:none
}
.panel_lecture ol li span.up{ background:url(../img/ico_up.gif) }
.panel_lecture ol li span.do{ background:url(../img/ico_down.gif) }
.panel_lecture ol li span.eq{ background:url(../img/ico_equal.gif) }

.panel_lecture ol li span.up,
.panel_lecture ol li span.do,
.panel_lecture ol li span.eq{
 background-position:2px 4px;
 background-repeat:no-repeat;
 padding-left:17px
}

.panel_lecture ol li.ran4 span,
.panel_lecture ol li.ran5 span,
.panel_lecture ol li.ran6 span,
.panel_lecture ol li.ran7 span,
.panel_lecture ol li.ran8 span,
.panel_lecture ol li.ran9 span,
.panel_lecture ol li.ran10 span{
 background-position:2px 2px
}
.panel_lecture ol li.ran4 span.do,
.panel_lecture ol li.ran5 span.do,
.panel_lecture ol li.ran6 span.do,
.panel_lecture ol li.ran7 span.do,
.panel_lecture ol li.ran8 span.do,
.panel_lecture ol li.ran9 span.do,
.panel_lecture ol li.ran10 span.do{
 background-position:2px 3px
}

/* lecture-kousi */
.panel_lec_kousi{
 float:left;
 width:384px;
 padding-top:1px;
 margin:0 0 0 1px
}
.panel_lec_kousi h2{
 position:relative;
 font-size:1.2em;
 padding:5px 0 0 8px;
 height:22px;
 overflow:auto;
 display:block;
 background:url(../img/panel_bg.png) repeat-x bottom
}

.panel_lec_kousi h2 img{
 position:absolute;
 bottom:5px;
 right:5px
}

.panel_lec_kousi div.kousi{
 font-size:1.1em;
 margin:10px 0;
 height:224px;
 overflow:auto
}
.panel_lec_kousi .left{
 font-size:0.9em;
 height:224px;
 background:#F3F3F3;
 width:109px;
 float:left
}
.panel_lec_kousi .right{
 width:260px;
 float:left
}
.panel_lec_kousi .right ul{
 padding-left:10px
}
.panel_lec_kousi .right ul li{
 list-style:disc;
 margin-left:1.5em
}
.panel_lec_kousi .right ul li.top{
 padding-bottom:5px;
 list-style:none;
 margin-left:0
}
.panel_lec_kousi .left img{
 margin:10px;
 margin-bottom:0
}
.panel_lec_kousi span.name{
 text-align:center;
 display:block;
 margin:10px;
 margin-bottom:0;
 width:89px
}
.panel_lec_kousi span.keireki{
 display:block;
 margin:10px;
 margin-bottom:0;
 width:89px
}


/* -------------------------------------------------------------- panel-lecture */
.elan{
 width:238px
}
.elan2{
 width:239px
}
.elan2 ul li{
 padding-bottom:5px
}
a.pdf{
 background:url(../img/ico_pdf.gif) no-repeat right 0;
 padding-right:27px;
 padding-bottom:5px
}
a.blank{
 background:url(../img/ico_blank.gif) no-repeat right 0;
 padding-right:27px;
 padding-bottom:5px
}
a.zip{
 background:url(../img/ico_download.gif) no-repeat right 0;
 padding-right:27px;
 padding-bottom:5px
}
.panel_login{
 position:absolute;
 top:15px;
 left:718px
}
.panel_faq{
 position:absolute;
 top:15px;
 left:848px
}


/* -------------------------------------------------------------- css hack */
.panel_box ul{
 /padding-top:10px;
 /line-height:1.5;
 /height:234px;
}
.panel_box h2{
 _color:#333;
}
.panel_seminar div p{
 _color:#333;
}
.panel_lecture ol li span.up,
.panel_lecture ol li span.do,
.panel_lecture ol li span.eq{
 /background-position:2px 0;
}
.panel_lecture h2,
.panel_lec_kousi h2,
.panel_lec_kousi .left,
.panel_lec_kousi .right{
 _color:#333;
}