@charset "UTF-8";

/*=================================================================
　
	近未来教育フォーラム × メディアサイエンス研究所発表会

	・Customize: 2013.10.8
=================================================================*/


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color:#333;
	font-size:80%;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background:url(../image/bg03.gif) 50% 0 repeat;
	text-align:center;
	line-height: 150%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

ul,li{
	list-style-type:none;
}

img{
	border:0;
	vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

hr,legend {
	display:none;
}

p {
	margin:0;
	padding:0;
	text-align:left;
}
.small {
	font-size:85%;
}
.red {
	color:#ff6600;
}
a:link {
	color:#333;
	text-decoration:underline;
}
a:visited {
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#333;
	text-decoration:none;
}


/*-----------------------------------------------------------------
		ヘッダー
-----------------------------------------------------------------*/
#header {
	width:900px !important;
	margin:0 auto 20px;
}

#header .header_box {
	margin-bottom: 20px;
}

#header .left_box {
	width: 620px;
	height:122px;
	float: left;
	margin-top: 30px
}

#header .left_box h2{
	width: 620px;
	height:122px;
	background: url(../image/ttl_forum2015.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

#header .right_box {
	width: 245px;
	float: right;
	margin-top: 10px
}
#header .right_box h1 {
	float: right;
	margin-bottom: 15px;
}

#header #reserve_btn {
	float: right;
	margin-bottom: 10px;
}


#header #social-box {
	margin: 0px;
	float: right;
	_display: none; /*-- ie6 --*/
}
#header #social-box ul {
	width: 215px;
	float: right;
	overflow: hidden;
}
#header #social-box li {
	width: 100px;
	float: left;
	text-align: left;
}


#header ul#gnav {
	margin-top: 20px
}

#header ul#gnav li {
	float:left;
	padding:0 4px 0 0;
}
#header ul#gnav li.last {
	padding:0 0 0 0;
}




/*-----------------------------------------------------------------
		フッター
-----------------------------------------------------------------*/
#footer ul {
	width:807px;
  margin:0 auto;
  padding:10px 0 14px;
}
#footer ul li {
	padding:0 10px;
	float:left;
}
#footer p {
	text-align:center;
}





/*-----------------------------------------------------------------
		メインエリア
-----------------------------------------------------------------*/
#container {
	width:100%;
  padding:0 0 70px;
	background:url(../image/bg01.jpg) 50% 0 repeat;
}
#container-inner {
	width:900px;
  margin:0 auto;
	text-align:left;
}
#container h3 {
	width:900px;
  margin:30px 0 20px;
  padding:30px 0 0;
	background:url(../image/line.jpg) 0 0 repeat-x;
}
#container h3.first {
	width:900px;
  margin:20px 0;
  padding:0 0 0;
	background:none;
}

.icon01 a {
	padding:0 15px 0 0;
	background:url(../image/icon01.gif) 100% 50% no-repeat;
	color:#FF6600;
	text-decoration:underline;
	font-size:85%;
	line-height:120%;
}
.icon01 a:hover {
	text-decoration:none;
}

#container table{
	width:720px;
  margin:0 auto;
	border-collapse:separate;
	border-spacing:4px;
}
#container table th{
	width:120px;
	padding:10px 0 18px;
	background:url(../image/bg02.gif) 0 0 repeat;
	text-align:center;
}
#container table td{
	border:solid 1px #C6C5C3;
	padding:8px 12px;
}
#container table td span.notice{
	color:#666;
	font-size:85%;
}
.notice{
	color:#666;
	font-size:85%;
}



/* page-top */
#page-top {
	position:fixed;
	bottom:105px;
	right:20px;
}
#page-top a {
	width:34px;
	height:34px;
	background:url(../image/pagetop.gif) 0 0 repeat;
	display:block;
	text-indent:-9999px;
	font-size:0px;
	overflow:hidden;
}





/* ごあいさつ */
#about-box {
	background:url(../image/top_ph.jpg) 100% 0 no-repeat;
}
#about-box p {
	width:560px;
	padding:12px 0 0;
}


/* 会場アクセス */
#access-box {
	background:url(../image/access_ph01.gif) 0 0 no-repeat;
}
#access-box div {
	width:570px;
	margin:10px 0 0;
	float:right;
}
#access-box div h4 {
	margin:0 0 5px;
}


/* スケジュール */
#schedule-box {
	padding:5px 0 0;
	background:url(../image/line.jpg) 0 0 repeat-x;
}
#schedule-box div {
	margin:0 0 5px;
	padding:0 0 5px;
	background:url(../image/line.jpg) 0 100% repeat-x;
}

#schedule-box div div {
	background: none;
	margin:0 0 0;
	padding:0 0 5px;
}


#schedule-box div dl {
	background:url(../image/bg04.jpg) 0 0 repeat-y;
}
#schedule-box div dl dt{
	width:140px;
	float:left;
}
#schedule-box div dl dd {
	width:760px;
	float:right;
}



/* 講演プログラム */

ul#program_nav {
	width:668px;
  margin:0 auto 32px;
}
ul#program_nav li {
	padding:0 2px;
	float:left;
}

#program-box p.introduction {
	margin:20px 20px 40px;
	font-size: 14px;
}

#program-box h4 {
	margin-bottom:30px;
}

#program-box h4.msl {
	margin-bottom:10px;
}

#program-box dl {
	margin:5px 0 30px;
}

#program-box dl.p1 {
	margin:30px 0;
	background:url(../image/bg05.jpg) 0 0 repeat-y;
}

#program-box dl dt.p2dt{
	background:url(../image/program02/box_bg.jpg) 0 0;
	width:104px;
}
#program-box dl dt.p2dt img{
	margin:0 auto;
}

#program-box dl dt {
	width:140px;
	float:left;
}
#program-box dl dd {
	width:740px;
	float:right;
}

#program-box dl dd .sub01 {
	margin:20px 0 0;
	padding:20px 0 0;
	background:url(../image/line.jpg) 0 0 repeat-x;
}
#program-box dl dd .sub01 h5,
#program-box dl dd .sub01 p {
	width:600px;
	margin:0 0 10px;
	float:right;
}

#program-box #p1 dd #sub01_all {
	margin:20px 0 0;
	background: url(../image/line_02.gif) center top repeat-y;
}

#program-box #p1 dd .sub01 {
	width: 340px;
	padding:0px;
	margin:0px;
	background:none;
}

#program-box #p1 dd .sub01 h5,
#program-box #p1 dd .sub01 p {
	width:350px;
	margin:15px 0px 10px;
	float: left;
}
#program-box #p1 dd .sub01 p {
	margin: 0px;
}


#program-box dl dd .sub01 h5.nakatugawa {
	float:left;
}

#program-box dl dd .sub02,
#program-box dl dd .sub03 {
	margin:5px 0 0;
	background:url(../image/bg06.gif) 0 0 no-repeat;
}
#program-box dl dd .sub02 div {
	width:330px;
	padding:20px 20px 0;
	background:url(../image/bg07.gif) 100% 100% no-repeat;
	float:left;
}
#program-box dl dd .sub02 div h5 {
	width:210px;
	margin:0 0 20px;
}
#program-box dl dd .sub01 p,
#program-box dl dd .sub02 div {
	font-size:88%;
	line-height:140%;
}

.pl10{ padding-left:10px; }

#program-box dl dd .sub03 div {
	padding:20px;
	background:url(../image/bg07.gif) 100% 100% no-repeat;
}
#program-box dl dd .sub03 h5,
#program-box dl dd .sub03 p {
	width:560px;
	margin:0 0 10px;
	font-size:88%;
	line-height:140%;
	float:left;
}

#program-box .reserve_btn {
	margin-bottom: 20px;
}

#lead-box {
	width:940px;
	height:296px;
	background:url(../image/lead_bg.jpg) 0 0 no-repeat;
	position:relative;
}
#lead-box #lead-txt {
	position:absolute;
	top:32px;
	left:290px;
	width:620px;
	font-size:13px;
	line-height: 20px;
}
dl#outline-box {
	width:860px;
}
dl#outline-box dt {
	width:130px;
	float:left;
}
dl#outline-box dd {
	width:720px;
	float:left;
}
#bread-box {
	background:url(../image/bread_bg.gif) 0 0 repeat-x;
	height:37px;
}
ul#bread {
	padding:8px 0 0 12px;
}
ul#bread li {
	float:left;
	font-size:12px;
	line-height: 19px;
}


#schedule .right-box {
	width:700px;
	float:right;
	text-align:left;
}
#schedule .right-box .seminar-box {
	background-color:#F3F2F1;
	padding:20px;
}
.border {
	padding-bottom:20px;
	border-bottom:1px dotted #999999;
}
.border2 {
	padding-bottom:10px;
	border-bottom:1px dotted #999999;
}
.border3 {	
	padding-bottom:20px;
	background:url(../image/line.jpg) bottom repeat-x;
}
.border4 {	
	padding-right:20px;
	background:url(../image/line.jpg) bottom repeat-x;
}

#lecture #ancor-list li {
	float:left;
	margin-right:10px;
}
#lecture .right-box {
	width:680px;
	float:right;
	text-align:left;
}
#lecture .right-box .seminar-box {
	background-color:#F3F2F1;
	padding:15px 20px;
	font-size:85%;
	line-height:150%;
}
#lecture .lecture-box {
	width:800px;
	margin:30px auto 0 auto;
}
#lecture .lec01-left {
	width:520px;
	float:left;
}

#access #right-box{
	width:520px;
	float:right;
	text-align:left;
	padding:15px 0;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}
.seminar-box {
	border:2px solid #F3F2F1;
}
.seminar-box:hover {
	border:2px solid #D8D8D8;
}

#program-box table{
	table-layout:fixed;
}

#program-box td.p2_time{
	border:none;
	background:url(../image/bg08.jpg) 0 0 repeat-y;
	width:125px;
	text-align:center;
}

#program-box td.p2_room{
	width:85px;
	background:url(../image/program02/box_bg.jpg) 0 0;
	text-align:center;
	border:none;
}

#program-box td.section{
	border:none;
	width:600px;
}

#program-box td.section p{
	padding-top:20px;
}




/*-----------------------------------------------------------------
		調整系
-----------------------------------------------------------------*/

/* クリア */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;/* for modern browser */
}
.clearfix {
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


/* フロート */
.f-left {
	float:left;
}
.f-right {
	float:right;
}

/* マージン */
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt38{ margin-top:38px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }

.ml5{ margin-left:5px; }
.ml8{ margin-left:8px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml40{ margin-left:40px; }
.ml50{ margin-left:50px; }
.ml60{ margin-left:60px; }
.ml70{ margin-left:70px; }
.ml80{ margin-left:80px; }

.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr40{ margin-right:40px; }
.mr50{ margin-right:50px; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }

.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }

/* align */
.left { text-align:left;}
.center { text-align:center;}
.right { text-align:right;}

/*-----------------------------------------------------------------
		解析タグの隙間消し用
-----------------------------------------------------------------*/
.footer-js-box {
	height: 1px;
	overflow: hidden;
	position: absolute;
}