@charset "UTF-8";
/* PC・スマホ共通 */
html,body {
 width: 100%;
 margin: 0;
 padding: 0;
 background-color: #F0F0F0;
	font-family:Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

body {
 font-size: 17px;
 line-height: 1;
/* 
 background-image: url("../img/bg_body.jpg");
 background-repeat: repeat-x;
*/ 
}

#bodyWrapper {
 width: 980px;
 margin: 0px auto;
 background-color:#9E9E9E;
}

/* 一般ページのヘッダー */
#header {
 width: 980px;
 text-align: center;
 padding: 1.5em 0 0.5em;
 background: #444472;
 height: 120px;
 /*height: auto;*/
 }

/* プログラムページ用ヘッダー */
#headerPgmWrp {
 display: block;
 width: 100%;
 padding: 5px auto;
 text-align: center;
 background: #444472;
 height: auto;
}
#headerPgm {
 display: block;
 width: 60em;
 margin: 5px auto 0px;
 background: #444472;
 height: auto;
}

/* 一般ページ用wrapper */
#wrapper {
 width: 980px;
 margin: 0px auto;
 padding: 0px;
 background-color: #9E9E9E;
 overflow: hidden;
/* 
 background-image: url("../img/bg_nav_03.png");
 background-repeat: no-repeat;
*/ 
}

/* プログラムページ用wrapper */
#wrapperPgm {
 width: 56em;
 margin: 0em auto;
 padding: 1em 2em;
 background-color: #fff;
 overflow: hidden;
}

#wrapperPgm div div div div p, #wrapperPgm div div div div ul li {
font-size: 0.95em;
line-height: 1.4em;
}

/* サイドナビゲーション */
.side {
 width: 200px;
 padding: 0px 0px 0px;
 float: left;
/* background-color:#9E9E9E;*/
}

/* メインコンテンツ */
.main {
 width: 740px;
 padding: 0px 20px 0px;
 float: right;
 background-color: #E7E7E7;
}

/* フッター */
#footer {
 width: 980px;
 color: #ccc;
 text-align: center;
 margin-top: 0;
 padding: 1em 0;
 background: #444472;
}

#header .logo {
 color: #eee;
}

/* NEW：PCブラウザ用ナビゲーション */
#pcNav2 .menu {
 width: 220px;
 padding-left: 20px!important;
}
#pcNav2 .menu li {
 padding-top: 5px;
 margin-bottom: 2px;
 text-align: left;
 overflow: hidden;
}

a.btn-border {
 display: block;
 width: 200px;
 height: 40px;
 padding-top: 0.2em;
 padding-left: 10px;
 line-height: 1.7em;
 text-decoration: none;
 font-size: 1.1em;
 font-weight: 700;
 color: #303030;
 border-left: 2px solid #303030;
 border-bottom: 2px solid #303030;
 border-radius: 0;
 background: #b1adc2;
 -webkit-transition: all .3s;
 transition: all .3s;
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
}

#pcNav2 .menu li a.small {
 font-size: 1.0em!important;
 letter-spacing: 0em
}

a.btn-border:before {
 position: absolute;
 top: 0;
 left: 0;
 width: 5px;
 height: 100%;
 content: '';
 -webkit-transition: all .9s;
 transition: all .9s;
 background: #303030;
}

a.btn-border:hover {
  color: #b1adc2;
  background: #444472;
}

a.btn-border:hover:before {
  background: #b1adc2;
}

/* OLD：PCブラウザ用ナビゲーション */
#pcNav .menu {
padding-left: 1.5em!important;
}
#pcNav .menu li {
 width: 200px;
 height: 40px;
 padding-top: 5px;
 list-style-type: none;
 text-align: left;
 overflow: hidden;
}

#pcNav .menu li a {
 font-size: 1.2em;
 font-weight: 700;
 color: #303030;
 text-decoration: none;
 -webkit-transition: all 300ms;
    transition: all 300ms;
}

#pcNav .menu li a:hover {
 color: #666;
}

#pcNav .menu li a.small {
 font-size: 1.1em!important;
 letter-spacing: 0em
}


/* ヘッダー内部 */
#header .headLogo {
text-align: left!important;
}
#header .headLogo img {
 display: inline-block;
 margin: 0 auto 0.1em 200px;
 width: 60%;
}
#header .headLogo p {
 display: inline-block;
 width:auto;
 height: 2em!important;
 margin: 0 auto 0em 200px;
 float: none;
 font-size: 1.8em!important;
 letter-spacing: 0.05em;
 color: #fff;
 font-weight: 700;
}
#headerPgm .headLogo img {
 display: inline-block;
 width: 40%;
}
#headerPgm .headLogo p {
 display: inline-block;
 width:50%;
 float: none;
 font-size: 1.2em!important;
 letter-spacing: 0.05em;
 color: #fff;
 font-weight: 700;
}

.spPadding{
 display: none;
}

/* トップページNEWS */
.newsbox_wrp, .shedulebox_wrp, .memQbox_wrp,  {
	width: 100%;
	height: auto;
 margin: 0 auto;
}

.newsbox, .schedulebox, .memQbox {
	width: 100%;
	margin:0px 0px 20px 0px;
	border:1px solid #C0C0C0;
	background-color:#FFF;
	text-align: left;
	overflow: auto;
}
.newsbox {
	height: 28em;
}
.schedulebox {
	height: 700px;
}
.memQbox {
	height: 200px;
}
.news_txt01 p, .schedule_txt01 p {
	width:90%;
	margin:20px 0px 20px 20px;
	background-color:#FFF;
	font-size:0.9em!important;
	line-height:1.3em;
	color:#333;
}

/* トップページスライドショー */
.wrapper_slider {
	width: 100%;
	height:auto;
	margin:0 auto;
}
.bxslider {
	width: 100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.bxslider li img {
	margin:0 auto 0.5em;
	padding:0;
}

/* その他 */
.mainContents h2 {
 padding: 0.1em 0 0.2em 3em;
 background-image: url(../img/img_molecule01.png);
 background-repeat: no-repeat;
 border-bottom: 3px solid #2C2F62;
}
.mainContents p {
 line-height: 1.4em;
 font-size: 1.0em!important
}
.mainContents ul li {
 line-height: 2.0em!important;
}
#body h2 {
 padding: 0.1em 0 0em 0.5em;
 background-repeat: no-repeat;
 border-bottom: 3px solid #2C2F62;
}
#body h3 {
 border: none!important;
}
.mainContents h4 {
 font-size: 1.1em!important;
 padding-left:0.2em!important;
}

#content #lastmodified {
text-align: right!important;
font-size: 0.9em;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

/* Tables */
/* table-ptn01 */
/* 使用ページ：本委員会の構成、資料ダウンロード */
.table-ptn01{
  width: 90%;
  border-collapse: collapse;
}
.table-ptn01 thead tr th {
 background-color: #5EA8B4;
 font-size: 0.9em;
 font-weight: 700;
 color: #fff;
 border: solid 1px #909090;
 text-align: center;
}
.table-ptn01 tbody tr *:nth-child(1){
  width: 25%;
  background-color: #CBE3E7;
}
.table-ptn01 tbody tr *:nth-child(2){
  width: 50%;
  background-color:#EFEFEF;}
.table-ptn01 tbody tr *:nth-child(3){
  width: 25%;
  background-color:#EFEFEF;}
.table-ptn01 tbody tr td{
  color:#0E0E0E;
  border:solid 1px #909090;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: left;
  padding: 0.5em;
}  
.table-ptn01 tbody tr td a{
  background-color:transparent!important;
}

/* table-ptn02 */
/* 使用ページ：研究会参加登録 */
.table-ptn02{
  width: 650px;
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
}
.table-ptn02 tbody tr td.td01{
  width:150px ;
  background-color: #CBE3E7;
}
.table-ptn02 tbody tr td.td02{
  width: 500px;
  background-color:#EFEFEF;}
.table-ptn02 tbody tr td{
  color:#0E0E0E;
  border:solid 1px #909090;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: left;
  padding: 0.5em;
}
.table-ptn02 tbody tr td button, .btnDecoration{
  font-size: 1.2em;
  font-weight: 700;
  color: #fff;
  padding-top: 0.2em;
  background-color: #BF4D89;}

.table-ptn02 tbody tr td p.sonota {
  margin-bottom: -0.1em!important;
}
.table-ptn02 tbody tr td.td02 textarea{
  width: 400px;
}
.f_type05 {
 display:block;
 height:1.5em;
 font-size:1.0em;
 line-height:0.9em;
 font-weight:bold;
 padding:5px 0px 2px 5px;
 border:1px solid #CCC;
 background-color:#CBE3E7;
 color:#333;
}


/* clearfix */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 

/* スマートフォン用ナビゲーション（非表示） */
#global-navi{
 display:none;
}
#btn-gnavi {
 display:none;
}

/* 研究会参加登録Googleフォームへのリンクボタン */
.btn_gf a {
display: block;
	width:25em;
	margin:5px auto 10px;;
	padding: 5px;
	text-align:center;
	border-radius: 10px;
	background-color: #203CBF;
	color:#fff!important;
	font-weight: bold;
	text-decoration: none;
}

/* hoverで透明にする */
a.opac:hover {
 opacity: 0.6 ;
 filter: alpha(opacity=80);
  -moz-opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}



/**********************************/
/*** スマホ用（画面サイズ450px以下） ***/
/**********************************/

@media screen and (max-width:450px) {
body {
 font-size: 13px;
 background-image:none;
}
#bodyWrapper {
 width: 95%;
}
#header {
 width: 100%;
 padding: 0.5em 0 0.5em;
 height: 5.0em;
}
#headerPgmWrp {
 display: block;
 width: 100%;
 padding: 2px auto;
 text-align: center;
 background: #444472;
 height: auto;
}
#headerPgm {
 width: 100%;
 padding: 0.5em auto;
 height: 5.0em;
 text-align: center;
}
#footer {
 width: 100%;
}
.side, #pcNav .menu {
 display: none;
}
#wrapper {
 width: 95%;
 padding: 0 0.1em;
 background-color:#E7E7E7;
 background-image:none;
}
#wrapperPgm {
 width: 90%;
 margin:0 auto;
 padding: 0 0.5em;
 background-color:#fff;
 background-image:none;
}
.main {
 width: 95%;
 padding: 0;
 margin: 0 auto;
 border: none;
}
.main,
.side {
 float: none;
}
#header .headLogo {
}
#header .headLogo img {
width: 80%;
margin: 0 auto 0.1em 20px;
}
#header .headLogo p {
 width:95%;
margin: 0 auto 0.1em 20px;
/* float: left;*/
 font-size: 0.9em!important;
}
#headerPgm .headLogo img {
width: 70%;
}
#headerPgm .headLogo p {
 width:95%;
 float: left;
 font-size: 0.8em!important;
}
.spPadding{
 display: block;
 width:5%;
 float: right;
}

/* トップページスライドショー */
.wrapper_slider, .bxslider {
	width: 95%;
	height:auto;
	margin:0 auto;
}
.bxslider {
	padding:0;
}
.wrapper_slider .bxslider img {
	width: 95%!important;
	height:auto;
	margin:0 auto 0.5em;
}
/* トップページNews */
.newsbox_wrp {
	width: 100%;
	height: auto;
}
.newsbox {
	width: 100%;
	height: 20em;
}

/* スマートフォン用ナビゲーション */
#global-navi {
 display: block;
 position: fixed;
 top: 0;
 right: -250px;
 width: 250px;
 height: 100%;
 padding-top: 50px;
 background:#333;
 opacity: 0.9;
 font-size: 1.2em;
 font-weight: 700;
 box-sizing: border-box;
 z-index: 105
}
#global-navi ul li {
 display:block;
 padding: 0.5em 2em 0.5em 1.0em;
}
#global-navi ul li a {
 text-decoration: none;
 color: #fff;
 -webkit-transition: all 200ms;
 transition: all 300ms;
}
#global-navi ul li a:hover {
 color: #aaa;
}
#global-navi ul li a.small {
font-size: 1.1em!important;
letter-spacing: 0em;
}
/* スマートフォン用ナビゲーションのアイコン */
#btn-gnavi {
 display: block;
 position: fixed;
 top: 20px;
 right: 30px;
 width: 30px;
 height: 24px;
 z-index: 107;
 box-sizing: border-box;
 cursor: pointer;
 -webkit-transition: all 400ms;
 transition: all 400ms;
}
#btn-gnavi span {
 position: absolute;
 width: 30px;
 height: 4px;
 background: #FFF;
 border-radius: 10px;
 -webkit-transition: all 400ms;
 transition: all 400ms;
}
#btn-gnavi span:nth-child(1) {
 top: 0;
}
#btn-gnavi span:nth-child(2) {
 top: 10px;
}
#btn-gnavi span:nth-child(3) {
 top: 20px;
}
#btn-gnavi.open {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
#btn-gnavi.open span {
 background: #fff
}
#btn-gnavi.open span {
 width: 24px;
}
.table-ptn01{width:100%;}
.table-ptn02{width:100%;}
.table-ptn02 tbody tr td.td01{
  width:30%;
}
.table-ptn02 tbody tr td.td02{
  width: 70%;
}

/* 登録フォーム各入力エリア */
input#email_address {width: 90%;}
select#registDate {width: 90%;}
input#affiliation {width: 90%;}
input#department {width: 90%;}
input#registName {width: 90%;}
input#phone {width: 90%;}
input#emailSub {width: 90%;}
select#memberCategory {width: 90%;}
input#memberCategorySub {width: 90%;}
textarea#inquiry {width: 90%;}

/* アンケートフォーム各入力エリア */
.table-ptn02 tbody tr td.td02 select{
  width: 90%;
}
.table-ptn02 tbody tr td.td02 textarea{
  width: 90%;
}
/*
select#registDate {width: 90%;}
select#impression {width: 90%;}
textarea#comment {width: 90%;}
select#affiliation {width: 90%;}
select#specialty {width: 90%;}
textarea#triggerSonota {width: 90%;}
textarea#specialtySonota {width: 90%;}
textarea#impPOCSonota {width: 90%;}
textarea#expectation {width: 90%;}
*/
/*
#wrapper .contents section p {
    position: absolute;
    top: 50%;
    width: 30%;
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 0 6px #666
}
#wrapper .contents section:nth-child(odd) p {
 left: 10%
}
  
#wrapper .contents section:nth-child(even) p {
 right: 10%
}
*/  

}