/***************** メインレイアウト *****************/
body{ text-align: center; margin-top: 0; background-color: #6E7DB0; }

*{margin: 0px;padding:0px;}
a:hover{color:#FF0033; }
.screen{margin-right: auto; margin-left: auto; padding-top: 0px; p }
.wrapper_l { text-align: center; margin-right: auto; margin-left: auto;  }
.wrapper { text-align: left; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 11px; padding-left: 11px; width: 980px; background-color: #FFFFFF; }
.wrapper_h { text-align: left; margin-right: auto; margin-left: auto; padding-right: 11px; padding-left: 11px;  width: 980px;}
.menu { width: 198px; float: left;}
.contents { background-color: white; width: 801 px; margin-left: 198px; border-left: 1px solid gray; }
.main{ clear: both;  vertical-align: top;padding-bottom:5px }

.header  {margin-right: auto; margin-left: auto;  padding-right: 11px; padding-left: 11px; background-color: #6E7DB0;
font-size: 12px;
color: #FFFFFF;
text-align: left;
padding-top: 10px;
clear: left;
height: 20px;
width: 980px; }
.header a{ color: #ffffff; text-decoration: none; padding-left: 5px; }
.header a:hover{ color: #FF3300; text-decoration: underline; padding-left: 5px; }

.footer{
font-size: 12px;
color: #C0C0C0;
text-align: center;
margin-top: 6px;
padding-top: 10px;
clear: left;
height: 30px;
}

.subtitle{ padding: 0px; }
.sub_head1{ clear: both;text-align: center; }
.sub_head_under{ clear: both;text-align: center; font-size: 12px; color: #999999; }
.sub_head_under a{ color: #000099; text-decoration: none; }

.parts{ font: 13px/17px sans-serif; margin-bottom: 5px; margin-left: 0px; padding: 0px 0px 8px; background-color: #FFFFFF; }
.subline{
margin-top: 15px;
margin-bottom: 10px;
padding-left: 0px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
}
/*************************************************/

/***************** あいさつ *****************/
.ais{ font-size: 15px; line-height: 26px; padding-right: 300px; padding-left: 20px; background-image: url('../img/ais.png'); background-repeat: no-repeat; background-position: right top; }
.ais dt{ padding-bottom: 10px; }
.ais dd{text-align: right;}
/*************************************************/


/***************** トップメニュー *****************/
.main_top{ vertical-align: top; padding-bottom: 5px; clear: both; height: 313px; background-image: url('../img/top_title2.jpg'); background-repeat: no-repeat; }
.menu_top{ width: 260px; }
.menu_top dt{ font-size: 13px; }
.menu_top dt a{  }
.menu_top dd{ color: #FFFFFF; text-align: center; padding-top: 2px; padding-bottom: 2px; background-image: url('../img/menu_bar.gif'); background-repeat: no-repeat;   }

.top_con{font-size: 13px; }
.top_con dt{ color: #FFFFFF; margin-bottom: 5px; padding: 2px 10px; background-image: url('../img/top_con.gif'); background-repeat: repeat-x; }
.top_con dd{ line-height: 21px; }

.top_left{  width: 760px;  float: left;}
.top_right{ margin-left: 775px; padding-top: 30px; }

#top_m0{ font-family: ＭＳ Ｐ明朝,細明朝体; text-decoration: none; margin-bottom: 7px; padding-left: 0px; }
#top_m0 a{ border-width: 1px; border-color: #FFFFFF; border-style: solid; height: 88px; width: 120px; }
#top_m0 a:hover{ border-bottom-width: 3px; border-bottom-color: #0033FF; border-bottom-style: solid; }

#top_m1{ font-family: ＭＳ Ｐ明朝,細明朝体; line-height: 28px; text-decoration: none; padding-left: 100px; }
#top_m2{ font-family: ＭＳ Ｐ明朝,細明朝体; line-height: 28px; text-decoration: none; padding-left: 85px; }
#top_m3{ font-family: ＭＳ Ｐ明朝,細明朝体;line-height: 28px;  text-decoration: none; padding-left: 70px; }
#top_m4{ font-family: ＭＳ Ｐ明朝,細明朝体; line-height: 28px; text-decoration: none; padding-left: 55px; }
#top_m5{ font-family: ＭＳ Ｐ明朝,細明朝体; line-height: 28px; text-decoration: none; padding-left: 40px;}
#top_m6{ font-family: ＭＳ Ｐ明朝,細明朝体; line-height: 28px; text-decoration: none; padding-left: 25px;}
#top_m7{ font-family: ＭＳ Ｐ明朝,細明朝体; line-height: 28px; text-decoration: none; padding-left: 10px; }

#top_menu
{ text-decoration: none;
text-align: left; 
vertical-align: middle; 
margin-top: 5px; 
margin-right: 5px; 
padding: 7px; 
border-width: 1px; 
border-color: #CCCCCC; 
border-style: solid; 
float: left; 
width: 100px; 
height:50px;
/* プレフィックスありの非推奨の古い構文。Webkitベースの古いブラウザ用にまだ必要です */
background: -prefix-linear-gradient(top, #EEEEEE, #DEDEDE);
/* プレフィックスなしの新しい構文。標準準拠のブラウザで必要（Opera 12.1、IE 10、Fx 16 以降） */
background: linear-gradient(to bottom, #EEEEEE, #DEDEDE);}
#top_menu a{  color: #000099; text-decoration: none; font-size:14px;display:block;
}

/*************************************************/


/***************** 上部メニュー *****************/
.head_right{width:170px;float:right;padding-top:2px}
.head_left{ color: #ffffff; float: left; width: 580px; }


ul#menu01{
padding: 0;
position: relative;
width: 960px;
background: url('../img/menu1.gif') repeat-x left 10px;
}

ul#menu01:after  { height: 0; visibility: hidden; content: "."; display: block; clear: both; position: relative }

ul#menu01 li { color: #000099; margin: 0; padding: 0; float: left; width: 118px; /* ボタンの幅 */
	list-style-type: none;}
ul#menu01 li a  { padding: 10px 7px 10px 8px; /* ボタンの厚みはここで調整 */ 
	display: block; position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	color: #000099; font-size: 12px; text-align: center; text-decoration: none;  vertical-align: middle; margin: 10px 0;background-image: url(../img/menu1.gif); background-repeat: y-repeat; }
ul#menu01 li a:hover { background-image: url(../img/menu2.gif); background-repeat: y-repeat; }


/*************************************************/


/***************** トップページ *****************/
.logbox { font-size: 12px; color: #2A02CA; margin-bottom: 15px; padding: 10px 0.5em; border: 1px solid #808080; height: 40px; width: 580px; background-color: #FFFFFF; overflow: auto; }
.table_top_dt{ font-size: 11px; line-height: 14px; text-indent: -15px; padding-left: 15px; }
.top_t1{  color: #804040; }
.top_t2{ padding-left: 5px; }
.top_gaiyou{font-size: 13px;padding-top: 5px; padding-bottom: 5px; }
.top_gaiyou dt{ color: #0066CC; padding-top: 5px; padding-bottom: 5px; padding-left: 15px;padding-right:10px; }
.top_gaiyou dd{padding-left:25px;padding-right:10px;}

/*************************************************/



/***************** 大会概要 ********************/
.gai{ font-size: 15px; line-height: 20px; padding-left: 20px;}
.gaiyou{font-size: 15px;}
.gaiyou th{ text-align: left; vertical-align: top; padding: 10px; width: 180px; font-size: 13px; }
.gaiyou td{padding:10px;vertical-align: top;}

/*************************************************/



/***************** プログラム ********************/

.pro{ font-size: 15px;  line-height:23px;}
.pro_table{ margin-bottom: 15px; font-size: 15px;width:920px; }
.pro_table th{ font-weight: normal; text-align: left; vertical-align: top;padding:4px;border:1px solid #6C7CBB;}
.pro_table td{vertical-align: top;padding:4px;border:1px solid #6C7CBB }
.pro_table td dt{line-height:23px; }
#zacyo{
	font-size: 11px;
	background-color: #D7D7D7;
	text-align: center;
	padding: 4px;
	width: 40px;
	margin-right: 6px;
	color: #373D4B;
}

.pro_ippan{ font-size: 13px; line-height: 18px; padding-right: 10px; padding-left: 10px; }

#pro_title{ font-weight: bold; padding-top:5px;}
#pro_cont{
	color: #000066;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;font-weight:bold
}
#pro_pres{ font-size: 13px; vertical-align: top; padding-right: 10px; padding-left: 30px; }
#pro_cont2{ color: #000066; padding-left: 20px; font-size: 13px; }
#pro_pres2{ font-size: 12px; vertical-align: top; padding-right: 10px; padding-left: 120px; }



#pro_time{ font-weight: normal; text-align: left; vertical-align: top; padding-right: 10px; padding-left: 10px; width: 90px;padding-top:10px;font-size:13px }


#pro_subtime{padding-left:15px;color: #969696;font-size: 13px;}
#pro_cat{}


#pro_s{ height:2px }
.pro_t{width:100%}
.pro_right{ text-align: right; width: 100%; }
#pro_area{ color: #FFFFFF; text-align: center; margin-bottom: 10px; padding-bottom:15px;padding-top:20px;}
#pro_space{width:150px;color:#0099CC;padding-top:15px;font-weight: bold;font-size: 13px;}
.p2{ font-size: 12px; color: #0066CC; padding-top: 20px; }

.e_group{ color: #FFFFFF; font-weight: bold; text-align: center; padding-top: 5px; padding-bottom: 5px; background-image: url('../img/e_back.gif'); background-repeat: no-repeat; background-position: center center; }
.e_date{ color: #000099; text-align: right; margin-right: 10px; }
.e_cate{
padding-top: 35px;
padding-bottom: 15px;
padding-left: 10px;
background-image: url('../img/e_back2.gif');
background-repeat: no-repeat;
background-position: left 28px;
}
.e_chairman{ text-align: right; margin-right: 10px;}

.e_no{ font-size: 11px; padding-top: 5px; padding-left: 10px; }
.e_title{padding-left: 15px;}
.e_presenter{ padding-left: 25px;font-size: 13px; }
.e_back{text-align: right;}


/***************** プログラム詳細 ********************/
.hp1{ font-size: 14px; font-weight: bold; margin-top: 28px; padding: 5px; border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-bottom: 0px solid #C0C0C0; border-left: 1px solid #C0C0C0; background-image: url('../img/menu2.gif'); background-repeat: repeat-x; }
.hp2{ font-size: 11px; font-weight: normal;padding-left:30px; }
.hp3{ font-size: 14px; margin-bottom: 10px; padding-left: 5px; border-top: 0px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; }
.hp5{ font-size: 13px; }
.hp51{ color: #969696; line-height: 16px; vertical-align: top; padding-left: 10px; width: 50px; padding-bottom:5px;}
.hp52{width:430px;color:#2A02CA;padding-left:20px;line-height: 16px; vertical-align: top;padding-bottom:5px;}
.hp53{width:430px;padding-left:20px;line-height: 16px; vertical-align: top;padding-bottom:5px;}


/***********************************************/

/***************** タイムテーブル *****************/
.time{ font-size: 13px; line-height: 20px; padding-left: 10px; background-image: url('../img/time.jpg'); background-repeat: no-repeat; background-position: right bottom; }
/********************************************/


/***************** 演題登録 *****************/
.reg1{ font-size: 14px; line-height: 20px; padding-right: 30px; padding-left: 30px; }
.reg1 dt{ }
.reg1 dd{padding-left: 15px;padding-right: 5px; }
.table_reg1{ font-size: 11px; border: 1px solid #CCCCCC; }
.table_reg1_td1{ font-size: 13px; padding: 10px; width: 100px; background-color: #F0F0F0; border-bottom: 1px solid #C0C0C0;}
.table_reg1_td2{ font-size: 13px; vertical-align: top; padding: 10px; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; width: 370px; }
.table_reg1_td2_2{ font-size: 13px; vertical-align: top; padding: 10px; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; }
.table_reg_dt{ text-indent: -20px; padding-left: 20px; }

.reg_nagare{border: 1px solid #CCCCCC; width:920px}
.nagare1{ font-size: 13px; color: #000000; padding: 10px; width: 20%; background-color: #F0F0F0; border-bottom: 1px solid #C0C0C0;}
.nagare2{ font-size: 13px; vertical-align: top; padding: 10px; border-bottom: 1px solid #C0C0C0; width: 80%; }
.nagare1_gray{ font-size: 13px; color: #999999; padding: 10px; width: 170px; background-color: #C0C0C0; }

#table_reg2title{ color: #000000; padding: 5px;  background-color: #D3D3D3; }
/********************************************/


/***************** 参加申込 *****************/
.par{ font-size: 14px; line-height: 23px; padding-right: 30px; padding-left: 30px; }
.par dt{ }
.par dd{padding-left: 15px;padding-right: 5px; }
.par_t{font-size: 13px;}
.par_t td{ line-height: 16px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom-width: 1px; border-bottom-color: #EBEBEB; border-bottom-style: solid; }
.par_ol{ line-height: 18px; }
.par_ol ol{  margin-left: 20px; padding-left: 20px; }
#par_at{ font-size: 12; text-indent: -15px; margin-left: 24px; }
/********************************************/

/***************** 関連講座 *****************/
.sim{ padding-right: 10px; padding-left: 10px; }
.sim dt{ font-size: 16px; color: #336699; line-height: 29px; padding-left: 5px; }
.sim dd{font-size: 13px;line-height: 20px;padding-left:15px;}

.sim_t{ margin-right: 10px; margin-left: 10px; }
.sim_t th{ text-align: left; vertical-align: top; width: 100px;background-color: #EBECF8; padding-left:10px;}
.sim_t td{text-align: left; vertical-align: top;  padding-left:10px;}

.sim_t2{ margin-right: 10px; margin-left: 10px; }
.sim_t2 th{ text-align: left; vertical-align: top; padding-left: 10px; background-color: #D2D3E8; }
.sim_t2 td{text-align: left; vertical-align: top;padding-left: 10px;padding-right: 10px;  }
.sim_t2_1{ width: 60px; background-color: #EBECF8; }
.sim_t2_2{ border-right: 1px solid #EBECF8; border-bottom: 1px solid #EBECF8; width: 350px; }


.sim2{ padding-right: 10px; padding-left: 10px; }
.sim2 dt{ font-size: 16px; color: #336699; line-height: 29px; padding-left: 15px;padding-bottom: 15px;  }
.sim2 dd{font-size: 13px;line-height: 20px;padding-left:25px;}
.sim2 ul{ margin-left: 15px; }
.sim2 span{padding-left:10px;padding-right:10px;}
/********************************************/

/***************** アクセス *****************/
.acc{ font-size: 13px; line-height: 20px; padding-right: 20px; padding-left: 20px; background-image: url('../img/acc.jpg'); background-repeat: no-repeat; background-position: right center; }
.acc dd{padding-left:15px;}
/********************************************/

/*************************************************/

.c0 { line-height: 20px; height: 20px;text-align: right; font-size:11px}
.c1 { color: white; line-height: 30px; height: 30px; margin-bottom: 15px; padding-left: 15px; }
.c2 { color: #1d7604; font-size: 15px; font-weight: bold; background-image: url(../../chiiki/hokkaido1/mark1.gif); background-repeat: no-repeat; background-position: 25px 5px; padding-top: 5px; padding-left: 50px; }
.c3 { font-size: 13px; line-height: 30px; padding-left: 60px; }
.t1 { line-height: 15px; font-size: 13px}

.top_con_left {  width: 270px;   font-size: 13px;}
.top_con_right { width: 510px; float: left; padding-left: 2px;font-size: 13px;margin-left: 275px;}
.top_menu{ font-size: 13px; line-height: 20px; margin-left: 30px; list-style-position: outside; list-style-image: url('image/arrow1.gif'); }


.sub_head2_left{float:left;}
.sub_head2_right{font-size:13px;text-align:right;padding-right:10px;padding-top:30px}


.top_table{font-size: 13px;line-height:20px;padding:10px;}
.top_table_1{ vertical-align: top; padding-top: 10px; padding-left: 10px; width: 80px; }
.top_table_2{ vertical-align: top; width: 400px; padding-top: 10px;}



.pro_list{padding-left:50px;font-size:14px;line-height:22px;padding-left:50px;padding-right:50px;}


.table_par{ margin-left: 20px; border: 1px solid #CCCCCC; }
.table_par_td1{ width: 150px; background-color: #CCCCCC;padding-left:15px; }
.table_par_td2{width:150px;padding-left:15px;}
.table_par_td3{width:320px;padding-left:15px;}
.table_par_td4{width:100px;padding-left:15px;}
.table_par_td5{padding-left:15px;width:600px;padding-right:15px;}
.table_par_td7{width:110px;padding-left:15px;}
.table_par_td6{width:210px;padding-left:15px;}
.table_par_td7_2{ padding-left: 15px; border-bottom: 1px solid #CCCCCC; width: 110px; }
.table_par_td6_2{width:210px;padding-left:15px;border-bottom: 1px solid #CCCCCC;}

.table_par2{ margin-left: 20px;  }
.table_par3{ margin-left: 20px; border: 1px solid #CCCCCC;font-size:13px }


.ol_par1{margin-left:20px;padding-right:20px;}

.table_sim1{ font-size: 11px; border: 1px solid #CCCCCC;  }
.table_sim1_td1{ font-size: 13px;padding: 8px; width: 95px; background-color: #CCCCCC; }
.table_sim1_td2{ font-size: 13px; vertical-align: top; padding: 8px; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; width: 580px; }
.table_sim1_td3{ font-size: 13px; color: #FFFFCC; padding: 8px; background-color: #006666; }


{ margin-left: 0px; }

.tab_font{font-size: 13px;}

.pr_t{font-size: 13px;padding-left:20px;}
.pr1{ font-weight: bold; width: 130px; height:28px;padding-left:5px;}
.pr2{ height:28px;}
.pr3{width: 110px;padding-left:10px; height:28px;color:#0033FF;}
.pr3_b{width: 110px;padding-left:10px; height:28px;}
.pr4{ height:28px;}
.pr4_b{ height:28px;padding-left:10px;}

.pp1{
font-weight: bold;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-color: #C0C0C0;
border-bottom-color: #C0C0C0;
border-top-style: solid;
border-bottom-style: solid;
width: 780px;
background-color: #FFFFFF;
 }
.pp3{ color: #0000CC; text-indent: 15px;  padding-top:25px; padding-bottom: 5px; width: 780px; }
.pp4{ color: #000000; text-indent: 20px; text-align:right; padding-top: 5px; padding-bottom: 5px; width: 780px; }

.pp5{padding-left:30px;padding-right:30px;}
.pp6{padding-left:40px;padding-right:30px;}
.pp7{padding-left:50px;padding-right:30px;}

.table_pro1_td2{ font-size: 13px; vertical-align: top; padding: 10px; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; }

.sim_ul{ padding-left: 20px; list-style: disc outside; }
