@charset "utf-8";

/* ..................................................................

	読売ＩＣＴフォーラム： style.css

.................................................................. */

/*==============================
	INITIALIZE
===============================*/
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,address,a,img {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img {
	border: 0;
}
p {
    line-height: 1.5;
}
hr {
	display: none;
}
li  {   
    list-style-type: none;   
}


/*==============================
	LINK
===============================*/
a:link,
a:visited,
a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/*==============================
	DEFAULT
===============================*/
body {
	color: #FFF;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 100%;
	min-width: 1010px;
	text-align: center;
}

/*==============================
	STYLE
===============================*/
#container {
	width: 100%;
	background: linear-gradient(90deg,#177d86, #50b6bf, #177d86);
	padding: 0 0 30px;
}
#logo {
	background: #FFF;
	padding: 10px 0;
	margin: 0 0 20px;
}

.wrap {
	width: 1010px;
	margin: 0 auto;
}

h1 {
	font-size: 380%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 30px;
}
h1 span {
	font-size: 40%;
}
h1 a {
	color:#FFFFFF;
	text-decoration:none;
}
h1 a:link, a:visited, a:active {
    text-decoration: none;
	color:#FFFFFF;
}

#lead {
	margin: 20px 35px;
	text-align:left;
}

#rc {
	width: 460px;
	float: left;
	margin: 20px 0 0 35px;
	_display: inline;
	font-size: 120%;
	font-weight: bold;
}
#num {
	color: #FFFF00;
	font-size: 180%;
	line-height: 1;
}
#num strong {
	font-size: 180%;
}

#rc #cms {
	display: block;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	font-size: 200%;
	line-height: 1.5;
	font-weight: bold;
	margin: 10px 0;
	background-color: #999999;
}
#rc #cms span {
	font-size:50%;
}
#rc #postedin {
	display: block;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	font-size: 200%;
	line-height: 1.5;
	font-weight: bold;
	margin: 50px 0;
	background-color: #5c80e9;
	border: 1px solid #66cc33;
	letter-spacing:2px;
}
.btn a {
	display: block;
	padding: 10px 0;
	background: #ff0;
	color: #000;
	text-decoration: none;
	font-size: 200%;
	line-height: 1.5;
	font-weight: bold;
	margin: 10px 0;
}
.btn a:hover {
	background: #ffa;
}
.btn a:active,.btn a:visited{
	color: #000;
}


#info {
	width: 430px;
	float: right;
	margin: 30px 35px 10px 0;
	_display: inline;
	border-top: 1px solid #FFF;
	text-align: left;
}
#info p {
	border-bottom: 1px solid #FFF;
	padding: 15px 20px;
	font-weight: bold;
	font-size: 150%;
	line-height: 1.2;
}
#info p strong {
	font-size: 180%;
	line-height: 1;
}
#info p span {
	font-size: 60%;
	font-weight: normal;
}
#info p#sp {
	text-align: right;
	border-bottom: none;
	padding: 10px 0 0 0;
	font-size: 90%;
	font-weight: normal;
}
#sns {
	clear: both;
	text-align: center;
	margin: 30px 0;
}
#sns li {
	display: inline;
	margin: 0 0 0 10px;
}


#gNav {
	background: #106060;
	padding: 50px 0;
	font-weight: bold;
	font-size: 80%;
}
#gNav span span{
	font-size: 90%;
}
#gNav span span span{
	font-size: 100%;
}
#gNav ul {
	_margin: 0;
}

#gNav li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}
#gNav li a {
	display: block;
	color: #000;
	text-decoration: none;
	outline: none;
	padding: 10px 0;
/*	cursor: default;*/
}
#gNav li a:hover {
	background: #d9efef !important;
}
#gNav dl {
	width: 100%;
	line-height: 1.3;
	background: #FFF;
}
#gNav dt {
	display: block;
	background: #083030;
	color: #FFF;
	padding: 8px 0 6px;
	font-size: 130%;
}
#gNav #gNavL dl {
	background: #FFF;
}
#gNav #gNavL a {
	background: #FFF;
}
#gNavG {
	width: 250px;
	margin: 0 10px 30px;
}
#gNavL {
	width: 523px;
	margin: 0 10px 30px;
}
#gNavL dd {
	width: 260px;
}
#gNavP {
	width: 1010px;
}
#gNav dd strong {
	display: block;
	font-size: 130%;
}
#gNav dd span {
	display: inline-block;
}
#gNav dd span.pnl {
	font-size: 100%;
	display: table-cell;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
	width: 336px;
}


.sec {
	background: #FFF;
	padding: 30px;
	color: #000;
	text-align: left;
	margin: 50px 0 0;
}
.sec dt {
	border-left: 10px solid #c0e0e0;
	font-size: 180%;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 30px;
}
.sec li {
	width: 50%;
	float: left;
	margin: 0 0 30px;
}
.sec .ph {
	float: left;
	margin: 0 20px 10px 0;
}
.sec .name {
	font-size: 170%;
	font-weight: bold;
	line-height: 1.2;
	margin-right: 10px;
}
.sec .name span {
	font-size: 44%;
}
.sec .ind {
/*	text-indent: -1.5em;
	padding: 0 0 0 1.5em;*/
	margin-left: 170px;
}
.sec .lec {
	padding: 0.6em 0 0;
	/*	text-indent: -1.5em;
	padding: 0.6em 0 0 1.5em;*/
	margin-left: 210px;
}
.sec .pd {
	margin: 0 0 30px;
}
.sec .pd strong {
	font-size: 180%;
}
.sec #moderator {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}

/*カミスン*/
.sec .cms{
	background-color:#999999;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 90%;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 170px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	text-align: center;
}
.sec .cms span{
	font-size:70%;
}
.sec .cms_f{
	background-color:#999999;
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width:80%;
	margin-right: auto;
	margin-left: auto;
	font-size:130%;
}
.sec .cms_f span{
	font-size:80%;
}
.sec .postedin a{
	display: block;
	background-color:#083030;
	color: #FFF;
	text-decoration: none;
	font-size: 90%;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	margin-left: 30px;
	text-align: center;
	letter-spacing:5px;
}
.sec .postedin a:link,
.sec .postedin a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.sec .postedin a:hover,
.sec .postedin a:active {
	color:#c0e0e0;
}
.sec li .postedin a{
	margin-left: 170px;
}

.sec .postedin_f{
	background-color:#327f51;
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width:80%;
	margin-right: auto;
	margin-left: auto;
	font-size:90%;
	letter-spacing:5px;
}
.sec .postedin_f a:link,
.sec .postedin_f a:visited,
.sec .postedin_f a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
.sec .postedin_f a:active {
	color:#b1ec9b;
}
.sec.optout {
	font-size: 72%;
	margin: 50px 150px 0;
	padding:10px;
	background: #d9efef;
}
.sec.optout a:link, a:visited, a:active{
	color:inherit;
}

/*記事掲載*/

#postedinfo {
	width: 80%;
	_display: inline;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 13px;
	padding-bottom: 10px;
	height: 2em;
}
#postedinfo #keisai{
	font-size: 150%;
	line-height: 1.2;
	color:#e5ea1c;
	font-weight:bold;
	width:38%;
	text-align:center;
	float:left;
}
#postedinfo #date{
	font-size: 150%;
	width:23%;
	text-align:center;
	float:left;
	line-height: 1.2;
}
#postedinfo #place{
	width:38%;
	text-align:center;
	float:left;
	line-height: 1.8;
}
#postedinfo p strong {
	font-size: 180%;
	line-height: 1;
}
#postedinfo p span {
	font-size: 60%;
	font-weight: normal;
}
#postedinfo p#sp {
	text-align: right;
	border-bottom: none;
	padding: 10px 0 0 0;
	font-size: 90%;
	font-weight: normal;
}

#credit {
	font-size: 80%;
	margin: 10px 0 0;
}


/*講演内容*/
#contents {
	padding: 30px;
	color: #000;
	text-align: left;
	margin: 50px 0 0;
	background-color: #FFFFFF;
}
#contents p {
	margin-bottom:20px;
}
#contents .name {
	font-size:120%;
}
#contents .name span {
	font-size:80%;
}

h3{
	border-left: 10px solid #c0e0e0;
	font-size: 180%;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 30px;
}

h4 {
	font-size: 170%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 10px;
}
h5 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 10px;
}
.anchor {
	clear: both;
	list-style: none;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.anchor li {
	display: inline;
	width:10%;
}
.anchor span,
.anchor a {
	display: inline-block;
	line-height: 1;
	padding: 5px 10px;
	text-align: center;
	margin: 0 7px;
	text-decoration: none;
	color: #00274B;
	background: #d9efef;
}
.anchor span {
	background: #083030;
	color: #FFF;
}

/*ディスカンション*/

.mc {
	text-align:right;
    font-size: 90%;
    margin: 1em 0 0;
}

.cmt {
    line-height: 1.5;
    margin: 0 0 1em;
}
.cmt dt {
    float: left;
    font-weight: bold;
}


/* Youtube */
.ytbtn a {
	display: inline-block;
	background: #FF0000;
	padding: 2px 10px;
	margin: 5px 0 0;
	color: #FFF;
	text-decoration: none;
	font-size: 80%;
}
.yttn {
	margin: 5px 0 0;
}
.yttn img {
	width: 130px;
}
.yttxt {
	margin: 5px 10px 0 170px;
	line-height: 1.3;
}
.yttxt a {
	text-decoration: none;
	color: #000;
	font-size: 80%;
}





/*--------------------------
	COMMON
---------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .clearfix {
    display: inline-block;
}  
*:first-child+html .clearfix {
    display: inline-block;
}
.cl { clear: both;}

.flL { float: left;}
.flR { float: right;}
.mt30 {
	margin-top:30px;
}
.mr30 {
	margin-right:30px;
}	
.ml30 {
	margin-left:30px;
}	
.mb30 {
	margin-bottom:30px;
}	
.phtFlR {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 245px;
}
.phtFlR span {
	font-size:80%;
}
.phtFlL {
    float: left;
    margin-bottom: 10px;
    width: 245px;
    margin-right: 10px;
}
.phtFlLw300 {
    float: left;
    margin-bottom: 10px;
    width: 300px;
    margin-right: 10px;
}

.bold {
	font-weight:bold;
}
.f80 {
	font-size:80%;
}	
#toTOP {
	text-align:right;
	margin-right:10px;
}
#toTOP a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#toTOP a:visited,
#toTOP  a:hover,
#toTOP  a:active {
	color:#FFFFFF;
}

.y_bnr {
	background: #FFF;
	padding: 10px 0;
}

/*埋め込み動画ＰＣ*/

#contents .movieframe {
	width:660px;
	margin:10px auto 10px auto;
}

#moviesize {
	padding-bottom:10px;
	padding-right:10px;
	margin-bottom:10px;
	margin-right:10px;
	width:640px;
	height:460px;
	background-color:#000000;
	text-align: center;
	vertical-align: middle;
}

.catchTxt{
	font-size: 180%;
	color: #ff0;
}

.catchTxt strong {
	font-size: 180%;
}

.leadText {
	margin: 1.5em 0;
}

.pDiscusTitle {
	font-weight: bold;
	font-size: 180%;
}