@charset "utf-8";
/* CSS Document */

#header {
	padding: 10px 10px;
	margin: 0;
    text-align: center;
    background: #ffffff;
	color: #ffffff;
	font-size:3rem;
    border: #ffffff;;
    font-weight:bold;
}

#header >span{
	font-weight:bold;
	color: #000000;
	
}

@media only screen and (max-width: 800px) {
	#header{
		font-size:1.8rem;
	}
}
	

#header img {
	width: 100%;
	max-width: 800px;
}

#contents {
	width: 100%;
	padding: 0;
	max-width: 1030px;
	position: relative;
	background: #ffffff;
}

#middle-contents {
	border-left: #f3e2bd;
}

#main_top {
	background: #3F82C4 url("../images/bg_main01.png") no-repeat;
	background-size: 660px auto;
	padding: 25px;
}

#main img,
#main_top img {
	width: 100%;
}

#footer {
	background: #3F82C4;
	padding: 5px;
	text-align: center;
	clear: both;
	color: #FFF;
	font-size: 90%;
	width: 100%;
}

#footer a:link {
	color: #FFF;
}
#footer a:visited {
	color: #FFF;
}
#footer a:hover {
	color: #CCC;
}
#footer a:active {
	color: #CCC;
}

#theme {
    max-width: 700px;
}

#date,
#place,
#chair {
    max-width: 500px;
}
#date02 {
    max-width: 400px;
}
#chair02,
#chair02_1 {
    max-width: 350px;
}
#abst,
#abst02 {
    max-width: 250px;
}

/* new 更新情報 共通
-----------------------------------------------------*/

#content_info {
	background: #FFF;
	background: rgba(255,255,255,0.5);
	max-width: 610px;
}
#content_info h3 {
	border-bottom: 1px solid #cccccc;
	color: #FFF;
	font-size: 100%;
	padding: 4px 8px 3px;
	margin: 0;
	background-color: #368CCB;
}

#content_info .new dl {
	overflow: auto;
	margin: 0;
	padding: 0;
}

/* トップメニューのバナー表示 */
.top_l_b a:hover img,
.top_l_s a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

@media print {
    .top_l_s {
        margin-bottom: 1em;
    }
    #content_gree {
        padding: 10px;
        margin-bottom: 1em; 
        border: 1px solid #FCACB3;
    }
    .top_l_b {
        display: none;
    }
}


/* 表示領域が1199px以下の場合に適用するスタイル */
@media print, screen and (max-width: 1199px) {
    #header {
	    padding: 20px 5px;
    }
    #contents { /* 以下 */
			margin: 0 auto;
			max-width: 800px;
    }
    #left-contents { 
			width: 100%;
		}
		#middle-contents { 
			width: 100%;
			background: #FFF;
		}
		#right-contents { 
			text-align: center;
			margin: 10px;
			width: 100%;
    }
    #main_top {
			background-size: 100% auto;
			padding: 20px;
    }

    #main_in { /* 以下 */
			line-height: 1.7em;
			padding:  20px;
    }

    #date,
    #place,
    #chair,
    #date02,
    #place02,
    #chair02 {
        margin-bottom: 20px;
    }
		#chair02_1 {/* 以下 */
        margin-bottom: 350px;
		}
    #abst {
        margin-bottom: 200px;
    }
    #abst02 {
        margin-bottom: 100px;
    }

    #content_info { /* 以下 */
        margin: 30px 0 10px;
        padding: 0;
        border-bottom: 1px solid #368CCB;
    }
    #content_info .new dl {
        height: 90px;
    }
    #content_info .new dt {
        padding:0 5px;

    }
    #content_info .new dd {
        padding: 0 5px;
    }
    .top_l_b {
        display: none;
    }
    .top_l_s {
        visibility: visible;
        padding: 10px;
        text-align: center;
        background: #FF0;
    }
}
/* 表示領域が1200px以上の場合に適用するスタイル */
@media screen and (min-width: 1200px) {
	#contents { /* 以上 */
			margin: 0 auto 80px;
	}
	#left-contents {
		float: left;
		width: 160px;
		position: relative;
		/*margin-right: 20px;*/
		background: #DBE7F1;
	}
	#middle-contents {
		float: right;
		width: 100%;
		margin-right: -160px;
		/*padding-right: 210px;*/
		padding-right: 160px;
		box-sizing: border-box;
		min-width: 960px;
		min-height: 800px;
	}
	#right-contents { 
		background-size: cover;
		width: 210px;
		position: absolute;
		right: 0;
		padding-top: 10px;
	}
	#main_top {
			padding: 25px;
	}
	#main_in { /* 以上 */
			line-height: 1.7em;
			padding: 30px;
	}

	#date,
	#place,
	#chair,
	#date02,
	#place02,
	#chair02 {
			margin-bottom: 25px;
	}
	#chair02_1 {/* 以上 */
			margin-bottom: 250px;
	}
	#abst {
			margin-bottom: 200px;
	}
	#abst02 {
			margin-bottom: 40px;
	}

	#content_info { /* 以上 */
		margin: 5px 0 20px;
		padding: 0;
		border: 1px solid #368CCB;
		font-size: 1.4rem;
	}
	#content_info .new dl {
		height: 150px;
	}
	#content_info .new dt {
		width:90px;
		float: left;
		min-height:12px;
		height:auto!important;
		height:15px;
		padding:5px 10px;
		/*clear: both;
		height: 100%;
		margin-right: 10px;*/
	}
	#content_info .new dd {
/*        padding: 5px 5px 5px 60px;*/
			padding: 5px 5px 5px 7em;
			margin: 0 0 10px 0;
	}

	/* トップメニューのバナー表示 */
	.top_l_b {
			visibility: visible;
			margin-top: 20px;
	}
	.top_l_s {
			display: none;
	}
	#footer {
			position: fixed;       /* 絶対位置指定することを定義 */
			bottom: 0px;           /* 絶対位置指定(左0px,下0px) */
			width: 100%;
	}
}
/* 表示領域が800px以上の場合に適用するスタイル */
@media screen and (min-width: 800px) {
    #main_top {
			min-height: 850px;
    }
}
/* 表示領域が700px以上の場合に適用するスタイル */
@media screen and (min-width: 700px) {
    #right-contents { 
		/*margin-bottom: 110px;
        background: #FFF;*/
        text-align: center;
        background-color: none;
    }

    #abst,
    #abst02 {
        visibility: visible;
    }
    #abst_s,
    #abst_s02 {
        display: none;
    }
}

/* 表示領域が699px以下の場合に適用するスタイル */
@media print, screen and (max-width: 699px) {
    #abst,
    #abst02 {
        display: none;
    }
    #abst_s,
    #abst_s02 {
        width: 100%;
        background: #3F82C4;
        visibility: visible;
        padding: 10px;
        text-align: center;
    }
    #date,
    #place,
    #date02,
    #place02 {
        margin-bottom: 15px;
    }
    #chair {
        margin-bottom: 50%;
    }
    #chair02,
		#chair02_1 {/* 最小 */
        margin-bottom: 25%;
    }
}