@charset "UTF-8";
*{
margin:0;
padding:0;
}

#main_container {
    width: 964px;
    margin:10px 0;
    background-color: #ffffff;
}

#main_contents ul ,
#main_contents ol {
    margin-left: 0em;
}

a:link { color: #1111cc; }
a:hover { color: #4545f4; }
a:active { color: #ff0000; }



/*終了のお知らせ*/

#main_contents .shuryou { 
    color: white;
    background: red;
    line-height: 2;
    padding: 5px 0 5px 0 ;
    margin-bottom: 5px ;    
}





/*********************
予定表の枠
*********************/
.box{
    float: left;
    margin: 0;
    text-align: center;
    font-family: Verdata, Helvetica, sans-serif;
}

.box_timetable{

    padding: 22px 0px;
    line-height: 1.5;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.box_timetable:after    {content: "";
    display: block;
    clear: both;
}

/*********************
各列のヘッダ
*********************/
.box_head1 {
    width: 360px;
    height: 100px;
}
.box_head2 {
    width: 430px;
    height: 100px;
}
.box_head3 {
    width: 150px;
    height: 100px;
}

/*********************
アネックスホール　有料のセミナーの列
*********************/
.box1_paid   {
    padding: 14px 0 0;
    background: #a5a5a5;
    width: 320px;
}

/*********************
展示A 無料セミナーの列
*********************/
.box2_freeA    {
    margin: 0 20px;
    padding: 0 0 0;
    background: #d3d3d3;
    width: 430px;
}

/*********************
展示B 無料セミナーの列
*********************/
.box3_freeB    {
    margin: 0 20px;
    padding: 0 0 0;
    background: #d3d3d3;
    width: 430px;
}

/*********************
タイムテーブル全長
*********************/
.box-h    {height: 2250px}
.box-h_a    {height: 1360px}

/*********************
カード
*********************/
.card {
    width: 360px;
    margin: 0 auto 8px;
    padding: 10px 8px;
    background: #fff;
    border-radius: 5px;
    text-align: lef;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.card_anx{
    width: 292px;
    margin: 0 auto 8px;
    padding: 10px 8px;
    background: #fff;
    border-radius: 4px;
    text-align: lef;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
/*********************
カード内タイトルと番号
*********************/
.card_head {
    font-size: 16px;
    line-height: 1.8;
    background: #565880;
    color: #fff;
    height: 26px;
    margin-bottom: 10px;
}
.card_head_free {
    font-size: 16px;
    line-height: 1.8;
    background: #2c7e3c;
    color: #fff;
    height: 26px;
    margin-bottom: 10px;
}
.card_headnumber {
    line-height: 1.6;
    color:#fff500;
    font-size:18px;
}

/*********************
セミナーの時間
*********************/
.card1minute{height: 200px;}
.card2minute{height: 250px;}
.card3minute{height: 300px;}
.card4minute{height: 340px;}
.card5minute{height: 380px;}
.card6minute{height: 420px;}
.card7minute{height: 460px;}
.card8minute{height: 500px;}
.card9minute{height: 540px;}
.card10minute{height: 600px;}
.card11minute{height: 220px;}


/*********************
カード内テーマ名
*********************/
.semi_title {
    margin: 8px 8px 16px;
    line-height: 1.4;
    color: #36384c;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

/*********************
開催日時
*********************/
.semi_time {
    margin-bottom: 6px;
    height: 22px;
    color: #666;
    font-size: 22px;
    text-align: left;
    line-height: 1.0;
    letter-spacing: 120%;
    padding-left: 26px;
    background: url("../images/clock.gif") left no-repeat;
}

/*********************
パネリスト等
*********************/
.semi_cast {
    margin: 0 auto 6px;
    line-height: 1.4;
    color: #4a4a5a;
    font-size: 13px;
    text-align: left;
}
.coordinator {
    width:110px;
    background: #4b97ff;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 4px 4px 8px;
    margin-bottom: 6px;
    line-height: 1.2;
    text-align: left;
}

.panelist {
    width:110px;
    background: #3dcb00;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 4px 4px 8px;
    margin-bottom: 6px;
    line-height: 1.2;
    text-align: left;
}

/*********************
お申し込みボタン
*********************/
.semi_button {
    text-align: center;
}

/*ここからはタブの設定*/
ul.tab{

padding:0;
}
ul.tab li{
list-style-type:none;
width:184px;
height:40px;
float:left;
}
ul.tab li a{
outline:none;
background: #be6c6c ;
display:block;
color:#dda6a6;
line-height:40px;
text-align:center;
    margin-right: 10px;
    font-size: 19px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
    text-decoration:none;
}
ul.tab li a.selected{
background: #d96161;
text-decoration:none;
color:#fff;
cursor:default;
    font-weight: bold;
}
ul.panel{
clear:both;

border:2px solid #d96161;
padding:0 4px;
}
ul.panel li{
list-style-type:none;
padding:0px;
text-indent:0em;
color:#333;
}
.date_L{font-size: 20px;}



.box_head1_a {
    width: 320px;
    height: 80px;

}
.box1_paid_1a   {
    padding: 14px 0 0;
    background: #c4c4c4;
    width: 320px;

}
.box1_paid_2a   {
    padding: 14px 0 0;
    background: #dedede;
    width: 320px;
}

.card_anx_a{
    width: 262px;
    margin: 0 auto 8px;
    padding: 10px 8px;
    background: #fff;
    border-radius: 4px;
    text-align: lef;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);

}

.img_btm{
    margin-bottom: 10px;
}

.box_timetable_a {
    margin: 22px 0px;
    line-height: 1.5;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.button_a {
    width 510px;
    height: 70px;
    text-align: left;
}

.redline{
    margin:10px 0;
    background-color: #ff0000;
}
.grayline{
    margin:10px 0;
    background-color: #999999;
}

.coordinator_free {
    width:110px;
    background: #3dcb00;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 4px 4px 8px;
    margin-bottom: 6px;
    line-height: 1.2;
    text-align: left;
}

.panelist_a {
    width:110px;
    background: #4b97ff;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 4px 4px 8px;
    margin-bottom: 6px;
    line-height: 1.2;
    text-align: left;
}



.midashi_head {
        font-size: 16px;
        line-height: 1.8;
        background: #565880;
        color: #fff;
        height: 26px;
        margin-bottom: 1   }
}

.bold_a {
    font-weight: bold;
}


