@charset "euc-jp";

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

/* ====== 必要要素の初期設定 ====== */

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ','Meiryo','Arial',sans-serif;
	font-size: 100%;
	color: #3D3D3D;
	background-color: #FFFFFF;
	/*background-image: url("../images/bg_main.jpg");*/
}


/*
.text_j18 {font-size:18px;line-height:120%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j16  {font-size:16px;line-height:125%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j14  {font-size:14px;line-height:110%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j12  {font-size:12px;line-height:18px;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j11  {font-size:11px;line-height:14px;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j10  {font-size:10px;line-height:9px;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}

.text_j180 {font-size:180%;line-height:120%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j160  {font-size:160%;line-height:125%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j140  {font-size:140%;line-height:110%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j120  {font-size:120%;line-height:100%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j110  {font-size:110%;line-height:100%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
.text_j100  {font-size:100%;line-height:100%;font-family:'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif'}
*/
a {
  text-decoration:none;
}

a:link {
	color: #0000FF;
}
a:visited {
	color: #0066FF;
}
a:hover {
	color: #00CC33;
}

.text_red{
	color: #BF0000;
}

.text_red2{
	color: #ff0000;
}

.text_yellow{
	color: #ebfd24;
}

.text_green{
	color: #336633;
}

.text_blue{
	color: #336699;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
  line-height: 1.1;
  letter-spacing:-1px;
}

p {
  margin: 0 0 0.5em;
  color: #333;
  line-height: 1.4;
}

img {
	max-width: 100%;
	/*max-width: 97%;*/
	height: auto;
	width /***/:auto;
	border-radius: 4px;
}

/* ボタンその他 装飾 */

.css_btn_red {
	margin: 8px 4px 8px 4px;
	font-size:120%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #a31b0f;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f04639), color-stop(100%, #f04639) );
	background:-moz-linear-gradient( center top, #f04639 5%, #f04639 100% );
	background:-ms-linear-gradient( top, #f04639 5%, #f04639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04639', endColorstr='#f04639');
	background-color:#f04639;
	color:#ffffff;
	display:inline-block;
}.css_btn_red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F06859), color-stop(100%, #F06859) );
	background:-moz-linear-gradient( center top, #F06859 5%, #F06859 100% );
	background:-ms-linear-gradient( top, #F06859 5%, #F06859 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06859', endColorstr='#F06859');
	background-color:#F06859;
}.css_btn_red:active {
	position:relative;
	top:1px;
}

.css_btn_orange {
	margin: 8px 0 8px 0;
	font-size:120%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #ffaa22;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffab23) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffab23 100% );
	background:-ms-linear-gradient( top, #ffab23 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffab23');
	background-color:#ffab23;
	color:#ffffff;
	display:inline-block;
}.css_btn_orange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fac267), color-stop(100%, #fac267) );
	background:-moz-linear-gradient( center top, #fac267 5%, #fac267 100% );
	background:-ms-linear-gradient( top, #fac267 5%, #fac267 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac267', endColorstr='#fac267');
	background-color:#fac267;
}.css_btn_orange:active {
	position:relative;
	top:1px;
}

.css_btn_blue {
	margin: 8px 4px 8px 4px;
	font-size:120%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #84bbf3;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378ee5), color-stop(100%, #378ee5) );
	background:-moz-linear-gradient( center top, #378ee5 5%, #378ee5 100% );
	background:-ms-linear-gradient( top, #378ee5 5%, #378ee5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378ee5', endColorstr='#378ee5');
	background-color:#378ee5;
	color:#ffffff;
	display:inline-block;
}.css_btn_blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #59a8f7), color-stop(100%, #59a8f7) );
	background:-moz-linear-gradient( center top, #59a8f7 5%, #59a8f7 100% );
	background:-ms-linear-gradient( top, #59a8f7 5%, #59a8f7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59a8f7', endColorstr='#59a8f7');
	background-color:#59a8f7;
}.css_btn_blue:active {
	position:relative;
	top:1px;
}

.css_btn_green {
	margin: 8px 4px 8px 4px;
	font-size:120%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #84bbf3;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #5cb811) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #5cb811 100% );
	background:-ms-linear-gradient( top, #5cb811 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#5cb811');
	background-color:#5cb811;
	color:#ffffff;
	display:inline-block;
}.css_btn_green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #70cc25), color-stop(100%, #70cc25) );
	background:-moz-linear-gradient( center top, #70cc25 5%, #70cc25 100% );
	background:-ms-linear-gradient( top, #70cc25 5%, #70cc25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70cc25', endColorstr='#70cc25');
	background-color:#70cc25;
}.css_btn_green:active {
	position:relative;
	top:1px;
}

.css_btn_white {
	margin: 8px 0 8px 0;
	font-size:120%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #dcdcdc;
	padding:5px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	color:#666666;
	display:inline-block;
}.css_btn_white:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dcdcdc), color-stop(100%, #dcdcdc) );
	background:-moz-linear-gradient( center top, #dcdcdc 5%, #dcdcdc 100% );
	background:-ms-linear-gradient( top, #dcdcdc 5%, #dcdcdc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#dcdcdc');
	background-color:#dcdcdc;
}.css_btn_white:active {
	position:relative;
	top:1px;
}

.css_btn_ws {
	font-size:120%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0px solid #dcdcdc;
	padding:2px 6px 0px 6px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F9FF42), color-stop(100%, #F9FF42) );
	background:-moz-linear-gradient( center top, #F9FF42 5%, #F9FF42 100% );
	background:-ms-linear-gradient( top, #F9FF42 5%, #F9FF42 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9FF42', endColorstr='#F9FF42');
	background-color:#F9FF42;
	color:#777777;
	display:inline-block;
}.css_btn_ws:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FFFF99), color-stop(100%, #FFFF99) );
	background:-moz-linear-gradient( center top, #FFFF99 5%, #FFFF99 100% );
	background:-ms-linear-gradient( top, #FFFF99 5%, #FFFF99 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF99', endColorstr='#FFFF99');
	background-color:#FFFF99;
}.css_btn_ws:active {
	position:relative;
	top:1px;
}



.button_possy{
	width:100%;
	margin: 1em auto 0.5em auto;
	text-align: center;
}


/* ====== ボタンの影 ====== */
.btn_shadow_green {
	box-shadow: 3px 3px 0px rgb(76 174 79 / 39%);
}
.btn_shadow_blue {
	box-shadow: 3px 3px 0px rgb(55 142 229 / 39%);
}
.btn_shadow_red {
	box-shadow: 3px 3px 0px rgb(240 70 57 / 39%);
}
.btn_shadow_orange {
	box-shadow: 3px 3px 0px rgb(255 171 35 / 39%);
}




/* ====== ベースレイアウト ====== */
#container {
	margin: 0;
	padding: 0;
	text-align:center;
	width: 100%;
}

header {
	margin:0 auto;
	padding: 0;
}

nav{
	margin:0px auto 5px auto;
	padding: 0;
	width:100%;
}

nav ul{
	margin:0;
	padding: 0;
	margin:0px auto;
	width:100%;
}

nav li{
	float: left;
	/*width:104px;*/
	width: 33%;
}

section.top_area{
	margin: 0;
	padding: 0;
	width:100%;
}

section.pdf_dl{
	margin: 0 auto;
	padding: 0;
	width:100%;
}

section.pdf_dl h2 {
	padding:0;
	margin:0;
	font-size:140%!important;
	font-size:159%;
	border-bottom:1px #EBEEAD solid;
	border-left:9px #7EA931 solid;
	padding-left:9px;
	font-weight:bold;
	/*width:70%;*/
	background:#F8FAE5;
	color:#000;
	height:auto;
	text-align:left;
	padding-top:6px;
	padding-bottom:2px;
	margin-bottom:0.5em;
	margin-top:0.5em;
}

section.pdf_dl h3 {
	padding:0;
	margin:30px 0 20px 0;
	color:#000000;
	text-align:left;
	font-size:14px;
	line-height: 125%;
	font-weight: normal;
}

section.pdf_area{
	padding:10px;
	margin:10px auto;
	background:#f7f7f7;
	width:94%;
	text-align:left;
	font-size:100%;
}

section.pdf_2box{
	padding:0px;
	margin:0;
	width:96%;
	float:left;
}

section.pdf_3box{
	padding:0px;
	margin:0;
	width:96%;
	float:left;
}

section.summary{
	margin: 20px 0 20px 0;
	padding: 10px;
	border-radius: 6px;
	border: 2px dashed #FA6752;
	color:#E16475;
	background-color: #FFEFE9;
}

section.summary h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 3px 0 2px 0;
}

section.myschedul_view{
	margin: 10px 0 20px 0;
	padding: 10px;
	border-radius: 6px;
	font-size:12px;
	text-align: left;
	background-color: #FFFFFF;
	float:left;
	border: 1px solid #e4e4e4;
}

section.myschedul_view h2 {
	font-size: 14px;
	margin: 0;
	padding: 10px 0 10px 0;
}

section.login{
	margin: 10px 0 20px 0;
	padding: 10px;
	border-radius: 6px;
	font-size: 0.8em;
	color:#FFFFFF;
	float:left;
	background: rgb(72,210,106); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(72,210,106,1) 0%, rgba(59,170,67,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,210,106,1)), color-stop(100%,rgba(59,170,67,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(72,210,106,1) 0%,rgba(59,170,67,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(72,210,106,1) 0%,rgba(59,170,67,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(72,210,106,1) 0%,rgba(59,170,67,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(72,210,106,1) 0%,rgba(59,170,67,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48d26a', endColorstr='#3baa43',GradientType=0 ); /* IE6-9 */

}

section.login h2 {
	font-size: 1.4em;
	margin: 0;
	padding: 4px 0 12px 0;
}

section.twitter_area{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	float:left;
}

section.twitter_area p{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.txt_box{
	border:0;
	padding:6px;
	font-size:1em;
	color: #3D3D3D;
	border:solid 1px #ccc;
	margin:0 0 20px;
	width:96%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

section.search_area{
	margin: 10px 0 20px 0;
	padding: 8px;
	border-radius: 6px;
	border: 1px solid #e4e4e4;
	color:#FFFFFF;
	background-color: #f5f5f5;
	float:left;
}

section.search_area h2{
	font-size: 1.4em;
	margin: 0;
	color:#313131;
	padding: 4px 0 12px 0;
}

section.search_area .infonum {
	margin: 0;
	padding: 6px;
 	text-align:left;
 	color:#313131;
 	border: 0px solid #ff0000;
}

section.info_area {
	margin: 10px 0 20px 0;
 	text-align:left;
}

section.info_agenda {
	width: 100%;
}
section.info_ads {
	display: none !important;
}

section.result_area {
	margin: 0 0 10px 0;
	width:100%;
}

section.abstdetail{
	padding:6px;
	font-size:100%;
	text-align: left;
	color: #3D3D3D;
	border:solid 1px #ccc;
	margin:0 0 20px 0;
	width:96%;
	float:left;
	background: #f7f7f7;
	position: relative;
	overflow: hidden;
}

section.abstdetail dl{
	margin:10px 0 10px 0;
	padding:0;
}

section.abstdetail dt{
	width:100%;
	background: #CC0033;
	margin:0;
}

section.abstdetail dfn{
	font-style : normal;
	color: #fff;
	margin:0 0 0 6px;
}

section.abstdetail dd{
	width:100%;
	font-style : normal;
	clear:both;
	margin:0;
	padding:0;
}

section.abstdetail dd:nth-of-type(1):before { content: "[日時/Date]"; }
section.abstdetail dd:nth-of-type(2):before { content: "[分類/Category]"; }
section.abstdetail dd:nth-of-type(3):before { content: "[会場/Place]"; }
section.abstdetail dd:nth-of-type(7):before { content: "[キーワード/Keyword]"; }


section.award_gold:after	{
	content: '金賞';
	display: block;
	width: 160px;
	padding: 4px 0;
	background-color: #f1c40f;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	right: -10px;
	top: 0;
	-webkit-transform: rotate(45deg) translate(38px, -5px);
	-moz-transform: rotate(45deg) translate(38px, -5px);
	-o-transform: rotate(45deg) translate(38px, -5px);
	-ms-transform: rotate(45deg) translate(38px, -5px)
}

section.award_silver:after	{
	content: '銀賞';
	display: block;
	width: 160px;
	padding: 4px 0;
	background-color: #c0c0c0;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	right: -10px;
	top: 0;
	-webkit-transform: rotate(45deg) translate(38px, -5px);
	-moz-transform: rotate(45deg) translate(38px, -5px);
	-o-transform: rotate(45deg) translate(38px, -5px);
	-ms-transform: rotate(45deg) translate(38px, -5px)
}


section.award_bronze:after	{
	content: '銅賞';
	display: block;
	width: 160px;
	padding: 4px 0;
	background-color: #b17e4b;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	right: -10px;
	top: 0;
	-webkit-transform: rotate(45deg) translate(38px, -5px);
	-moz-transform: rotate(45deg) translate(38px, -5px);
	-o-transform: rotate(45deg) translate(38px, -5px);
	-ms-transform: rotate(45deg) translate(38px, -5px)
}


section.prize_encouragement:after	{
	content: '奨励賞';
	display: block;
	width: 160px;
	padding: 4px 0;
	background-color: #4086ff;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	right: -10px;
	top: 0;
	-webkit-transform: rotate(45deg) translate(38px, -5px);
	-moz-transform: rotate(45deg) translate(38px, -5px);
	-o-transform: rotate(45deg) translate(38px, -5px);
	-ms-transform: rotate(45deg) translate(38px, -5px)
}

section.topicslav:after	{
	content: 'トピックス演題';
	display: block;
	width: 160px;
	padding: 4px 0;
	background-color: #FF8040;
	color: #ffffff;
	font-size: 14.5px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	right: -10px;
	top: 0;
	-webkit-transform: rotate(45deg) translate(38px, -5px);
	-moz-transform: rotate(45deg) translate(38px, -5px);
	-o-transform: rotate(45deg) translate(38px, -5px);
	-ms-transform: rotate(45deg) translate(38px, -5px)
}

section.abstbox,
section.abstbox_cancel {
	padding:6px;
	font-size:100%;
	text-align: left;
	color: #3D3D3D;
	border:solid 1px #ccc;
	margin:0 0 20px 0;
	width:96%;
	float:left;
	background: #f7f7f7;
	position: relative;
	overflow: hidden;
}

section.abstbox dl,
section.abstbox_cancel dl {
	margin:10px 0 10px 0;
	padding:0;
}

section.abstbox dt,
section.abstbox_cancel dt {
	width:100%;
	background: #CC0033;
	margin:0;
}

section.abstbox dfn,
section.abstbox_cancel dfn {
	font-style : normal;
	color: #fff;
	margin:0 0 0 6px;
}

section.abstbox dd,
section.abstbox_cancel dd {
	width:100%;
	font-style : normal;
	clear:both;
	margin:0;
	padding:0;
}

section.abstbox dd:nth-of-type(1):before { content: "[日時/Date]"; }
section.abstbox dd:nth-of-type(2):before { content: "[会場/Place]"; }

section.program_area {
	width:94%;
	margin:0 auto;
	padding:4px;
	background: #F3F3F3;
	border: 2px solid #C6C6C6;
	line-height:1.428;
	font-size: 15px;
	border-radius: 4px;
}

body#koutu section.program_area {
	/*font-size: 15px;*/
	font-weight:normal;
	/*line-height:1.428;*/
}

section.program_area .submenu{
	margin: 0;
	padding:0px;
	width:100%;
	list-style-type: none;
}

section.program_area .submenu li{
	margin: 0;
	padding:0;
	background: #F3F3F3;
}



dl.kaiList {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	font-size: 15px;
}

dl.kaiList dt {
	width: 100%;
	font-weight: bold;
	/*text-align: left;*/
}
dl.kaiList dd {
	margin: 0 0 0 0;
	/*text-align: left;*/
	/*font-weight: bold;*/
	width: 100%;
}

section.staticmain {
	width:100%;
	margin:10px auto 0 auto;
	padding:0px;
	text-align:left;
	font-size:80%;
}

section.staticmain h2 {
	padding:0;
	margin:0;
	font-size:100%;
	padding-left:9px;
	font-weight:bold;
	/*width:70%;*/
	color:#000;
	height:auto;
	text-align:left;
	padding-top:6px;
	padding-bottom:2px;
	margin-bottom:0.5em;
	margin-top:0.5em;
	padding: 10px 0 8px 9px;
	font-size: 18px;
}

section.staticmain h3 {
	padding:20px 0 0 0;
	margin:0;
	font-size:100%;
	padding:0;
	margin: 12px 0 12px 0;
    font-size: 14px;
}
section.staticmain h4 {
	padding:0;
	margin:0;
	font-size:100%;
}

section.kotu_area{
	padding:10px;
	margin:10px auto;
	background:#f7f7f7;
	width:94%;
	width:92%;
	text-align:left;
	font-size:100%;
	border-radius: 4px;
}

section.kotu_area img{
	text-align:center;
	margin:16px 0 0 0;
}

section.kaijyou_area{
	padding:0;
	margin:0;
}

section.kaijyou_area .kaiinfobox{
	padding:10px;
	background:#FFFFFF;
	width:92%;
	font-size:12px;
	margin:0px auto;
	border: 1px solid #000000;
	border: 2px solid #666;
	border-radius: 4px;
}


.koutu{
	border-bottom:1px #EBEEAD solid;
	border-left:9px #7EA931 solid;
	background:#F8FAE5;
}

.kaijyou{
	border-bottom:1px #ADCFEE solid;
	border-left:9px #314BA9 solid;
	background:#E5EFFA;
}

.schedule{
	border-bottom:1px #E67CA5 solid;
	border-left:9px #BE1C4A solid;
	background:#FEEAF4;
}


footer {
	width: 100%;
	text-align: center;
	font-size: 12px;
}

footer ul {
	margin: 4px 0 0 0;
	padding:0px;
	list-style-type: none;
}

footer li{
	margin: 0;
	padding:0px 0px 2px 0;
	width: 100%;
}

footer li a {
	color:#296fe2;
	display:block;
}

footer li a:hover {
	text-decoration: underline;
}

footer li a img {
	vertical-align:bottom;
}

footer ul li.concept{
	display: none;
}


/* placeholderの色 */
::-webkit-input-placeholder {
	color: #AAA;
}
:-moz-placeholder {
	color: #AAA;
}
::-moz-placeholder {
	color: #AAA;
}
:-ms-input-placeholder {
	color: #AAA;
}

/* 検索エリア */
.search__bar {
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 3.5rem;
	line-height: 3rem;
	text-align: center;
	vertical-align: baseline;
	background-color: rgba(243, 243, 243, 0.9);
	box-shadow: 0px -3px 5px 0px #AAA;
}

/* 検索エリア (日程表用) */
.search__bar2 {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 3.5rem;
	line-height: 3rem;
	text-align: right;
	vertical-align: baseline;
}

.search__bar2__input {
	display: inline-block;
	text-align: right;
	background-color: rgba(243, 243, 243, 0.9);
	padding: 0px 10px;
	border-radius: 0px 0px 0px 10px;
	box-shadow: 0px 0px 3px #6b6b6b;
}




/* ====== 各要素のデザイン、レイアウト ====== */

header h1 {
	font-size: 1.6rem;
	margin: 0 0 0.2em;
	text-shadow:-1px -1px #E0E0E0;
}


small {
  text-transform: none;
}


.mode_tablet {
	display: none !important;
}
.mode_pc {
	display: none !important;
}
.mode_mobile {
	display: block !important;
}


/* ====== フリーアクセスPDF ====== */
.openURL_PDF::before {
	content: url("../images/pdf_middle.gif");
	display: block;
	width: 100%;
	height: 100%;
}





/* ====== 言語切り替え ====== */
.lang_sw_box {
	display: inline-block;
	width: 7rem;
}

.lang_sw {
	cursor: pointer;
	border: 1px solid #111;
	background-color: #FFF;
	text-align: center;
	display: inline-block;
	width: 2.5rem;
	font-size: 20px;
	font-weight: bold;
}

.lang_sw_l {
	border-radius: 10px 0px 0px 10px;
	margin-right: 3px;
}
.lang_sw_r {
	border-radius: 0px 10px 10px 0px;
}

.lang_sw--on {
	background-color: #673AB7;
	color: #FFF;
}



/*===================================================*/
/* ボタン */
/*===================================================*/

.btn__program {
	color: #484848;
	display: inline-block;
	height: 50px;
	font-size: 24px;
	font-weight: bold;
	line-height: 48px;
	background: #eaeef1;
	text-decoration: none;
	box-sizing: border-box;
	margin: 0px;
	margin-bottom: 5px;
	border-radius: 4px;
}
.btn__program-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	vertical-align: middle;
	border-radius: 4px 0px 0px 4px;
}
.btn__program-icon span {
	vertical-align: middle;
}
.btn__program-icon i {
	line-height: 46px;
	font-size: 24px;
}
.btn__program-text {
	color: #484848;
	display: inline-block;
	width: 180px;
	text-align: center;
	vertical-align:middle;
}
.btn__program-icon__pink {
	background:#fd7171;
}

.btn__program-icon__blue {
	background:#1da1f3;
}
.btn__program-icon__purple {
	background:#3b75d4;
}
.btn__program-icon__green {
	background:#7ece46;
}
.btn__program-icon__darkgreen {
	background: #4CAF50;
}

.btn__program-icon__glay {
	background: #b7b6b6;
}

.btn__program_text_warn {
    font-size: 11px;
    display: inline-block;
    position: absolute;
    right: 7px;
    bottom: 7px;
    line-height: 1;
    color: #e91e63;
}

.btn_entry_certificate {
	width: 95%;
}


.row-box {
	height: 60px;
	margin: 0 auto;
	text-align: left;
}





/*===================================================*/
/* Media Queries によるデバイスごとの切り替え */
/*===================================================*/

/* ##### タブレット用 481px〜769px ##### */

@media only screen and (min-width: 481px) {
	
	body{
		background-image: url("../images/bg_main.jpg")
	}
	
	#container {
		width: 710px;
	    margin: 10px auto 10px auto;
		padding: 0;
	}
	
	#common-contents {
		width: 100%;
		margin: 0 auto 0 auto;
		clear:both;
	}
	
	nav ul{
		width:380px;
	}
	
	nav li{
		width: 124px;
	}
	
	section.program_area {
		width:770px;
		/*width: 513px;*/
		
		font-size: 14px;
	}
	
	body#kaijyou section.program_area,
	body#koutu section.program_area {
		width: 513px;
	}
		
	section.program_area .submenu{
		margin: 0 auto;
		padding:0px;
		width:720px;
		font-weight: bold;
		list-style-type: none;
	}

	body#kaijyou section.program_area .submenu,
	body#koutu section.program_area .submenu {
		width: 720px;
	}
	
		section.program_area .submenu li{
		margin: 0 0 0 3px;
		padding:0px 3px 0px 6px;
		background: #F3F3F3;
		float:left;
		font-size:13.5px;
		border-left: 1px solid #C6C6C6;
	}

	section.program_area .rightbar{
		padding:0px 20px 0px 6px;
		border-right: 1px solid #C6C6C6;
	}
	
	article.main {
		width: 100%;
		margin: 0 auto 10px auto;
	}
	
	section.myschedul_view{
		margin: 0 10px 10px 0;
		width:320px;
	}
	
	section.login{
		margin: 0 15px 10px 0;
		width:360px;
	}
	
	
	section.twitter_area{
		margin: 0;
		width:310px;
	}
	
	section.search_area{
		margin: 10px 10px 10px 0px;
		width:690px;
	}
	
	section.number_subj{
		margin: 0 auto 0 auto;
		width:40%;
	}
	
	section.result_area {
		padding: 0 0 0 10px;
	}
	
	section.abstbox,
	section.abstbox_cancel {
		margin:0 5px 20px 5px;
		width:320px;
		height: 520px;
		overflow-y:scroll;
	}
	
	section.abstdetail{
		margin:0 auto;
		width:100%;
		float:none;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	section.pdf_dl{
		width:680px;
	}
	section.pdf_area{
		font-size:12px;
	}
	section.pdf_2box{
		width:310px;
	}
	section.pdf_3box{
		width:210px;
	}
	
	section.staticmain h2 {
		font-size:180%;
		padding-top:10px;
		padding-bottom:6px;
		margin-bottom:0.5em;
		margin-bottom:1.5em;		
		margin-top:0.5em;
	}

	section.staticmain h3 {
		font-size:100%;
	}
	section.staticmain h4 {
		font-size:120%;
	}

	section.kotu_area{
		font-size:12px;
	}
	section.kotu_area img{
		float:left;
	}
	
	dl.kaiList dt {
		width: 150px;
		/*width: 200px;*/
		float: left;
		clear: both;
		text-align: right;
		font-size: 14px;
	}
	dl.kaiList dd {
		/*margin: 0 0 0 210px;*/
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		/*font-weight: normal;*/
		
	}

	section.kaijyou_area{
		padding:10px;
		margin:10px auto;
		width:690px;
		text-align:left;
		font-size:100%;
	}

	section.kaijyou_area .kaiinfobox{
		width:320px;
		float:left;
		margin:0px;
		border: 1px solid #000000;
	}
	
	footer ul{
		margin:0 auto;
		width:100%;
	}
	
	footer li{
		display:inline;
		display:inline-block;
		width:auto;
	}


	section.info_agenda {
		width: 100%;
	}
	section.info_ads {
		display: block !important;
	}
	.slider {
		display:inline-block;
		vertical-align: top;
	}
	.slider_katosei {
		display:inline-block;
		vertical-align: top;
	}

	.btn_entry_certificate {
		width: 95% !important;
	}

	.mode_mobile {
		display: none !important;
	}
	.mode_pc {
		display: none !important;
	}
	.mode_tablet {
		display: block !important;
	}

}


/*===================================================*/
/* Media Queries によるデバイスごとの切り替え */
/*===================================================*/


/* ##### PC用 770px以上 ##### */

@media only screen and (min-width: 769px) {
	
	body{
		background-image: url("../images/bg_main.jpg")
	}
	
	#container {
		width: 1040px;
	}

	img.pc {
		width: 600px;
		height: auto;
	}

	img.pc2 {
		width: 900px;
		height: auto;
	}

	img.pc3 {
		width: 800px;
		height: auto;
	}

	/*===================================================*/
	/*ヘッダー*/
	/*===================================================*/

	header {
		margin:0 auto;
		padding: 0;
	}

	/*===================================================*/
	/*ヘッダーメインタイトル*/
	/*===================================================*/

	#headertitle {
		padding:0;
		margin:0;
		width:696px;
		height:90px;
		top: 22px;
		margin-left: 16px;
	}

	#headertitle h1 {
		padding:0;
		margin:0;
	}
		
	#headertitle h1 a {
		padding:0;
		margin:0;
		float:left;
		text-indent:-1000px;
		text-decoration:none;
	}

	section.login{
		margin: 0 10px 10px 0;
		width:320px;
	}

	section.search_area{
		margin: 0 10px 10px 20px;
		width:320px;
	}

	section.info_agenda {
		width: 100%;
	}
	section.info_ads {
		display: inline-block !important;
		min-width: 150px;
	}

	/* スライダー */
	.slider {
		position: absolute;
		left: 0;
		top: 18px;
	}
	.slider_katosei {
		position: absolute;
		right: 0;
		top: 18px;
	}


	.btn_entry_certificate {
		width: 1008px !important;
	}


	.mode_mobile {
		display: none !important;
	}
	.mode_tablet {
		display: none !important;
	}
	.mode_pc {
		display: block !important;
	}

	a:hover img {
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}

}
