﻿/* ---------------------------------------------------------------- *
	全体に関わる設定
 * ---------------------------------------------------------------- */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:Verdana, "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:95%;
}

html{
	background-color:#FFF;
}


body {
	margin :0px auto;
	border-top:2px solid #8DA2CD;
	text-align:center;
	line-height:1.4;
	color:#000;
}

@media print {
	_body {zoom:75%;}
}



a:link {color:#0C88A0;}
a:visited {color:#0C88A0;}
a:hover {text-decoration: none; color:#79C4D3;}

a img:hover{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.mid {
	vertical-align:middle;
}

#HOME #container {
	background:url(../images/h_back.jpg) no-repeat top ;
	text-align:center;
	margin: 0 auto;
	min-height:100%;
	height: auto !important;
	height:100%;
	width:100%;
	overflow:hidden;
}

#contents {
	text-align: center;
	margin: 0 auto;
	padding-bottom:170px;
	overflow:hidden;
}

#HOME #header {
	height:210px;
	width:1000px;
	margin:0 auto;
}

#mojisize{
	background:#fff;
	border-left:0px solid #6880BE;
	border-right:2px solid #6880BE;
	border-bottom:2px solid #6880BE;
	border-radius: 0 0 8px 8px;
	margin:0;
	padding:2px 5px;
	float:right;
	overflow:hidden;
}

	#mojisize li{
		float:left;
		list-style:none;
		padding:0;
		margin:5px 0 0 5px;
		font-weight:bold;
		font-size:80%;
	}

	#mojisize li img{
		margin-top:-0.2em;
	}

#h_link{
	margin: 0 auto;
	width:1000px;
}

#h_link ul li{
	float:left;
	margin:10px 10px 0 0;
}

#h_link ul li a{
	
}

h1 {
	clear:both;
	margin:0 auto;
	padding:0px;
	text-align: center;
}

h1 img{

	margin-top:17px;
}

#h_title2{
	margin-top:10px;
}

#main {
	clear:both;
	width:1000px;
	/width:900px;
	background:#FFF;
	border-top:2px solid #8DA2CD;
	border-bottom:2px solid #8DA2CD;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	box-sizing: border-box;
	padding:10px 50px;
	margin: 0 auto;
}

.maru{
	color:#5FB4E8;
}

.pagetop{
	width:1000px;
	margin:1em auto;
	font-size: 70%;
	text-align: right;
}

	.pagetop a{
		display:inline-block;
		background:#fff;
		color:#100a3a;
		text-decoration:none;
		border:1px solid #100a3a;
		border-radius:20px;
		padding:0.2em 1em;
	}
	
	.pagetop a:hover{
		background:#100a3a;
		color:#fff;
	}
	
	.pagetop a span{
		font-size:80%;
	}

/*トップページ*/
#pankuzu{
	text-align:left;
	font-size:80%;
	letter-spacing: 0.02em;
}

#pankuzu ul li{
	display:inline;

}

.box{
	width:100%;
	text-align: left;
	line-height: 1.75em;
	margin:1em 0;
}

.box h2{
	background:url(../images/icon.gif) no-repeat 10px center #fff;
	border-left:0px solid #8DA2CD;
	border-top:2px solid #8DA2CD;
	border-right:0px solid #8DA2CD;
	border-bottom:1px solid #8DA2CD;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:1em;
	padding:0.2em 0 0.2em 30px;
	color:#100a3a;
	letter-spacing: 0.05em;
}


.txtArea{
	width:100%;
	margin: 1em auto;
	color:black;
	
}

.txtArea p{
	margin:1em;
}

#cate {
	text-align:left;
}

#top,
#outline{
	text-align: left;
}
		
	#outline dl {
		font-size:100%;
		margin:1em 1em 2em 2em;
	}
	
	#outline dt {
		float: left;
		clear: both;
		width: 4em;
		border-right:1px solid #666;
		font-weight:bold;
		color:#333;
		margin-bottom:1em;
		}	
	
	#outline dd {
		margin:0 0 1em 5em;
	}
	
	#top p,
	#outline p{
		line-height: 1.5em;
		margin: 1em 1em 1.5em 1em;
	}

.waku {
	border:dotted 3px #ccc;
	padding:10px;
}

.mail{
	background:url(../images/ad_off.gif) no-repeat 0 0;
}

/*\*/
* html #outlineBk {
    height: 1em;
}

#outlineBk {
    display: block;
}
/**/


#access{}
	
	#access dl{
		float: left;
	}
	
	#access dt{
		margin-bottom: 10px;
		width:4em;
	}
	
	#access dd{
		margin-bottom: 10px;
		margin-left: 5em;
	}
	
	#access img{
	}
	
	#access ul {
		margin-left:2em;
	}

#contact{

}
	
	#contact dl{
		letter-spacing:0.1em;
	}
	#contact dt{
		float: left;
		width: 6em;
		clear: both;
		margin-left:2em;
		padding-bottom: 0.4em;
	}
	
	#contact dd{
		margin-left:9em;
		padding-bottom: 0.4em;	}
	
	#contact img{
		border-bottom:1px solid #0364c8;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	
	#contact img:hover{
		border-bottom:1px solid #fff;
	}


/*menu*/

#ulwrap{
	width:1001px;
	margin:0 auto;
	overflow:hidden;
}

#menu {
	width:100%;
	overflow:hidden;
}

#menu ul{

}

#menu li {
	float:left;
	letter-spacing:0.05em;
}

#menu li a,
#menu li.act {
	display:block;
	height:auto;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding:0.5em 0;
}

#menu li a{
	background-color:#BAD8F0;
	color:#100a3a;
}

#menu li a:hover,
#menu li.act{
	background-color:#6880BE;
	color:#fff;
}

#menu li.menu1,
#menu li.menu2,
#menu li.menu3,
#menu li.menu4
{
	width:332px;
	border-right:1px solid #eee;
}

#menu li.menu5{
	width:200px;
}


/*footer*/

#footer {
clear:both;
width:100%;
/height:170px;
/background:url(../images/f_back.jpg) no-repeat center 0 #006C49;
margin:-100px auto 0 auto;
}

#copy {
	clear:both;
	color:#000;
	font-size:80%;
	padding-top:65px;
	text-indent:-9999px;
}


.clear{
clear:both;
}



/* ------------------------------
   ２階層目
------------------------------ */
h3 {
	font-size:100%;
	margin:0;
	background:#BAD8F0;
	font-weight:bold;
	color:#100a3a;
	letter-spacing:0.05em;
	padding:0.1em 1em;
}

	h3.poster {
		border-left:solid 5px #1D983A;
		color:#1D983A;
		padding:5px 10px;
		margin:10px 0;
	}

#speakers{
	text-align: left;
}

	#speakers ul {
		margin:0 1em 0 2em;
	}
	
	#speakers ul li{
		list-style:disc;
	}
	
	#speakers ul li.none{
		list-style:none;
	}
	
	#speakers img{
		float:right;
		margin:0 0 1em 1em;
	}

#speakers div.speaker,
#speakers div.speaker_bottom{
	overflow:auto;
	margin-bottom:1em;
	padding-top:1em;
}

#speakers div.speaker_bottom{
	margin-bottom:2em;
}

.font_b {
	font-weight: bold;
}

/* ------------------------------
   プログラム
------------------------------ */
#program h3{
	letter-spacing:0;
	margin-top:1em;
}

#program dl {
	margin:0.5em 0 0 1.5em;
}


#program dt {
	float:left;
	clear:left;
	width:10em;
}

#program dd {
	margin-left:10.5em;
}

	#program .rest{
		color:#08605b;
	}

	#program .hosoku{
		color:#333;
	}

#program ul {
	margin-left:20px;
	padding:0.2em;	
}

#program li {
	line-height: 1.5em;
}

#program table {
	border-collapse:collapse;
	width:100%;
}

#program tr.session th,
#program tr.session .session_ttl {
	background:#6880BE;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:0.2em;
}

#program tr.session .session_ttl {
	border-top: 1px solid #fff;
}

#program td {
	text-align:center;
	padding:0.2em 0.5em;
	border-bottom:1px dotted #ccc;
}

#program tr.session td {
	background:#DEE3F1;
	border-bottom:1px solid #fff;
	text-align:center;
}

#program tr.lunch td {
	background:#FFF7CF;
	border-bottom: 1px solid #fff;
}

#program td.l,
#program tr.session td.l {
	text-align:left;
}

#program tr.session_bottom td {
	border-bottom:1px solid #fff;
}

.nendo {
	text-align:center;
}

#program dl.speaker {
	font-size: 100%;
	font-weight: nomal;
	border-bottom: none;
}

	#program .speaker dt {
		float: none;
		width: 100%;
		background: #DAEDB7;
		text-indent: 0.5em;
		margin: 0.5em 0;
		}
	#program .speaker dd {
		margin-left: 1em;
	}
	
#program dl p.title {
	border-bottom: 1px dotted #2D7A57;
	border-top: 1px dotted #2D7A57;
	padding: 0.2em 0;
	color: #2D7A57;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.hako {
	border:dotted 1px #ccc;
	padding:1em;
}

