@charset "shift_jis";

/* **************************************************

Name: add_module.css

Description: Setting of content module

Create: 2015.07

Copyright 2015 Hitachi, Ltd. 

***************************************************** */

/* content===========================================


[c3] Text

[-] Box
[-] Button Navigation
[-] Bulleted List
[-] Common Class

===================================================== */

.ShowRWD399 {display: none;}
.ShowRWD579 {display: none;}


/* [c3] Text
=========================================================================================== */

.TextStyleLL {
  margin: 0 0 15px;
  font-size: 160%;
}

.TextStyleL {
  margin: 0 0 15px;
  font-size: 130%;
}

.TextStyle0 {
  margin: 0 0 15px;
  font-size: 100%;
}

/* [c16] Box
=========================================================================================== */

[class*="ThumbW"] .Img {
	font-size: 83%;
}
[class*="ThumbW"] .Img img {margin: 0 0 5px;}

/*.BoxPatternA .ThumbW120SetStyle .Img,
.BoxPatternB .ThumbW120SetStyle .Img,
.BoxPatternC .ThumbW120SetStyle .Img,
.BoxPatternA .ThumbW180SetStyle .Img,
.BoxPatternB .ThumbW180SetStyle .Img,
.BoxPatternC .ThumbW180SetStyle .Img,
.BoxPatternA .ThumbW230SetStyle .Img,
.BoxPatternB .ThumbW230SetStyle .Img,
.BoxPatternC .ThumbW230SetStyle .Img {padding-right: 15px;}

.BoxPatternA .ColumnSet .ThumbW60SetStyle,
.BoxPatternB .ColumnSet .ThumbW60SetStyle,
.BoxPatternC .ColumnSet .ThumbW60SetStyle,
.BoxPatternA .ColumnSet .ThumbW120SetStyle,
.BoxPatternB .ColumnSet .ThumbW120SetStyle,
.BoxPatternC .ColumnSet .ThumbW120SetStyle,
.BoxPatternA .ColumnSet .ThumbW180SetStyle,
.BoxPatternB .ColumnSet .ThumbW180SetStyle,
.BoxPatternC .ColumnSet .ThumbW180SetStyle,
.BoxPatternA .ColumnSet .ThumbW230SetStyle,
.BoxPatternB .ColumnSet .ThumbW230SetStyle,
.BoxPatternC .ColumnSet .ThumbW230SetStyle {margin-left: 0;}

.BoxPatternA div[class*="ThumbW"] p,
.BoxPatternA div[class*="ThumbW"] ul,
.BoxPatternA div[class*="ThumbW"] dl,
.BoxPatternB div[class*="ThumbW"] p,
.BoxPatternB div[class*="ThumbW"] ul,
.BoxPatternB div[class*="ThumbW"] dl,
.BoxPatternC div[class*="ThumbW"] p,
.BoxPatternC div[class*="ThumbW"] ul,
.BoxPatternC div[class*="ThumbW"] dl {
	padding-left: 0;
	padding-right: 0;
}*/

[class*="BoxPattern"] .ImgLeftAdjust p {
	padding-right: 0;
}

.ImgW230SetStyle .Img {
	position: relative;
	z-index: 10;
}
.ImgW230SetStyle .ImgSet { z-index: 1; }
.ImgW230SetStyle .ImgSet > h4,
.ImgW230SetStyle .ImgSet > p, 
.ImgW230SetStyle .ImgSet > ul { margin-left: 250px;}


/* [-] Box
=========================================================================================== */

.BoxPatternHSIF {
	clear: both;
	margin: 0 0 15px;
	padding: 13px 13px 1px;
	background-color: #fff;
  text-align: center
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.BoxPatternHSIF.border {
	border: 2px #ECC4C5 solid;
}
.BoxPatternHSIF .Inner {
  text-align: center
}
.BoxPatternHSIF .TitleStyle {
  display: inline-block;
  min-height: 60px;
	margin: 0 auto 20px;
	padding-left: 65px;
  text-align: left;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 60px;
	-moz-background-size: 60px;
	-webkit-background-size: 60px;
	-o-background-size: 60px;
	-ms-background-size: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.BoxPatternHSIF .TitleStyle.catRegist {
  padding-top: 14px;
	background-image: url(/common/image/icon/icon_mk_check.png);
}
.BoxPatternHSIF .TitleStyle.catMypage {
  padding-top: 6px;
	background-image: url(/common/image/icon/icon_mk_entry.png);
}
.BoxPatternHSIF .Title {
	font-size: 100%;
	font-weight: bold;
	line-height: 100%;
}
.BoxPatternHSIF .Title span {
	font-size: 68%;
}
.BoxPatternHSIF .subTitle {
  margin: 0 0 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-stretch: condensed;
  font-size: 83%;
  font-weight: bold;
  line-height: 110%;
  color: #e30a2e;
}



/* [-] Button Navigation
=========================================================================================== */
.buttonNavi {
	margin: 0 0 15px;
}
.buttonNavi li {
	margin-top: 1px;
}
.buttonNavi li:first-child {
	margin-top: 0;
}
.buttonNavi a {
	display: inline-block;
	min-width: 143px;
	position: relative;
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;

	padding: 15px 22px 15px 50px;
	background-color: #E40A2D;
	background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;

	border-right: solid 15px transparent;
}
.buttonNavi a:hover,
.buttonNavi a:active {
	padding-right: 24px;
	text-decoration: underline;
	border-right: solid 13px transparent;
}

.buttonNavi a:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 15px;
	width: 23px;
	height: 23px;
	margin-top: -11.5px;
	background-image: url(../../../common/image/icon/icon_mk_note_02.png);
	background-repeat: no-repeat;
	background-position: left center;

	background-size: 23px auto;
	-moz-background-size: 23px auto;
	-webkit-background-size: 23px auto;
	-o-background-size: 23px auto;
	-ms-background-size: 23px auto;
}
.buttonNavi .catOutline a:before {
	background-image: url(../../../common/image/icon/icon_mk_note_02.png);
}
.buttonNavi .catService a:before {
	background-image: url(../../../common/image/icon/icon_mk_information_02.png);
}
.buttonNavi .catAccess a:before {
	background-image: url(../../../common/image/icon/icon_mk_pin_02.png);
}
.buttonNavi .catRegist a:before {
	background-image: url(../../../common/image/icon/icon_mk_entry_03.png);
}

.Grid1 .buttonNavi a,
.Column1 .buttonNavi a {
	display: block;
	min-width: 0;
}


/* [-] Program
=========================================================================================== */

.programWrap {
  padding-top: 40px;
  padding-bottom: 20px;
  background: url("/common/image/bg_program.jpg") repeat center top;
  background-size: contain;
}
.grayWrap {
  margin: 0 0 10px;
  padding: 20px 0 1px 0;
  background-color: #e6e6e6;
}

.programBox {
  /*width: 95%;*/
  margin: 0 auto 20px;
}
.programBox a {
  position: relative;
  display: block;
  border: 1px solid #E40A2D;
  background-color: #fff;
  text-decoration: none;
  color: #333;
}
.programBox a:after {
  content: "";
  position:absolute;
  bottom:0;
  right: 0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent #E40A2D #E40A2D transparent;
  border-width: 18px 18px 18px 18px;
}
.programBox a:hover,
.programBox a:active {
  background-color: #eee;
}

.programBox .Inner {
  padding: 15px;
}
.programBox .Inner:after {
  content: "";
  display: block;
  clear: both;
}
.programBox .badgeID {
  margin-bottom: 7px;
}


.programWrap h2.boxStyle,
.grayWrap h2.boxStyle {
 	margin: 0 0 5px;
	padding: 0;
	background: none;
}
.programWrap h2.boxStyle span,
.grayWrap h2.boxStyle span {
	display: inline-block;
	padding: 2px 10px 2px 0;
  margin-right: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #E60027;
	line-height: 130%;
	background-color: transparent;
  border-right: 2px solid #E60027;
}
.programWrap h2.boxStyle.noBoder span,
.grayWrap h2.boxStyle.noBoder span {
  padding-top: 0;
  padding-bottom: 0;
  border-right: none;
}

.programWrap h2.normalStyle,
.grayWrap h2.normalStyle,
.modalContent h2.normalStyle {
 	margin: 0 0 5px;
	padding: 0;
	background: none;
	font-size: 110%;
	font-weight: bold;
	color: #E60027;
	line-height: 130%;
}
.programWrap .pTitle,
.grayWrap .pTitle,
.modalContent .pTitle {
  margin: 0 0 10px;
  font-size: 110%;
  font-weight: bold;
  line-height: 140%;
}
.programWrap .pName,
.grayWrap .pName,
.modalContent .pName {
/*  margin: 0 0 10px;*/
  font-size: 130%;
  line-height: 140%;
}
.programWrap .pCompany,
.grayWrap .pCompany,
.modalContent .pCompany {
  margin: 0 0 10px;
  font-size: 100%;
  line-height: 140%;
}

.programWrap .moderator {
  margin: 10px 0 0;
}
.programWrap .moderator .pName,
.programWrap .moderator .pCompany {}

h2.BS_Style {
 	margin: 50px 0 10px;
	padding: 0;
	background: none;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	line-height: 130%;
}

.bgWhite {
  background-color: #fff;
  margin-bottom: 20px;
}
.bgWhite .Inner {
  /*width: 95%;*/
  margin: 0 auto;
  padding: 15px 0;
}
.bgWhite .Inner h2 {
  display: inline-block;
}
.bgWhite .Inner .badgeID {
  margin-top: -3px;
  vertical-align: middle;
}
.bgWhite .Inner.acStyle {
  position: relative;
  cursor: pointer;
  padding-bottom: 40px;
  background: url("/common/image/ac_open.png") center bottom 10px no-repeat;
}
.bgWhite .Inner.acStyle.ac {
  background-image: url("/common/image/ac_close.png");
}

.acStyle .BoxPatternC { display: none;}

div[class*="Speakers"]:after {
  content: "";
  display: block;
  clear: both;
}

.Speakers1 .columnL { width: 100%; }

.Speakers2 .columnL,
.Speakers2 .columnR {width: 50%;}

.Speakers3 .columnL { width: 33.33333%; }
.Speakers4 .columnL { width: 25%; }
.Speakers5 .columnL { width: 20%; }
.Speakers4 .ImgOnlyStyle,
.Speakers5 .ImgOnlyStyle { margin-bottom: 5px; }

.Speakers1,
.Speakers2,
.Speakers3,
.Speakers4,
.Speakers5 {margin: 0 -15px;}
  
.Speakers1 .columnL,
.Speakers2 .columnL,
.Speakers2 .columnR,
.Speakers3 .columnL,
.Speakers4 .columnL,
.Speakers5 .columnL {
  padding: 0 15px;
  box-sizing: border-box;
  }









.noteSetStyle {
	position: relative;
}
.noteSetStyle .posR {
	position: absolute;
	top: 0;
	left: 80px;
/*
	right: 0;
*/
}




/* [-] Common Class
=========================================================================================== */
.badgeID {
  position: relative;
  display: inline-block;
  width: 60px;
  padding: 2px 0;
  margin: 0 16px 0 0;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  background-color: #E60027;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*.badgeID:after {
  content: "";
  position:absolute;
  bottom:0;
  right: -16px;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent transparent #E60027 #E60027;
  border-width: 8px 8px 8px 8px;
}*/

.columnL { float: left; }
.columnR { float: right; }


/* 行頭約物用(punctuation mark) */
.indentPM {
	display: inline-block;
	text-indent: -0.5em;
}

/* 氏用　仕様変更 */
.DownSize {
	font-size: 85%;
}
.BoxPatternA h2 span.DownSize {
  display: inline;
  padding: 0;
  font-size: 85%;
  font-weight: normal;
  color: #fff;
  line-height: 130%;
  background-color: transparent;
}

.noWrap {
	white-space: nowrap;
}

.mouseOver:hover,
.mouseOver:active {
	opacity: 0.7;
	-webkit-transition : opacity 0.2s;
	transition : opacity 0.2s;
}

.movie .ImgOnlyStyle,
.movie .Img {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  padding-bottom: 0;
  margin-bottom: 15px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.movie .ImgOnlyStyle iframe,
.movie .Img iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {

	/* ------ Box ------ */
	/*.JS .BoxPatternA .ThumbW120SetStyle .Img,
	.JS .BoxPatternB .ThumbW120SetStyle .Img,
	.JS .BoxPatternC .ThumbW120SetStyle .Img,
	.JS .BoxPatternA .ThumbW180SetStyle .Img,
	.JS .BoxPatternB .ThumbW180SetStyle .Img,
	.JS .BoxPatternC .ThumbW180SetStyle .Img,
	.JS .BoxPatternA .ThumbW230SetStyle .Img,
	.JS .BoxPatternB .ThumbW230SetStyle .Img,
	.JS .BoxPatternC .ThumbW230SetStyle .Img {padding-right: 10px;}

	.ImgW230SetStyle .ImgSet h4, .ImgW230SetStyle .ImgSet p, .ImgW230SetStyle .ImgSet ul { margin-left: 0;}*/
  
  .JS .programWrap {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .JS .bgWhite {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}


/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {

	/* ------ Image ------ */
	.JS [class*="ThumbW"] [class*="ImgLeftAdjustClear"],
	.JS [class*="ImgW"] [class*="ImgLeftAdjustClear"]{
		margin-right: 0 !important;
	}
	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear3, 
	.JS [class*="ImgW"] .Img.ImgLeftAdjustClear3 {
		float: none !important;
		width: auto !important;
		padding-right: 0 !important;
	}

.programBox .Inner > .columnL,
.programBox .Inner > .columnR { float: none; }

.programWrap {  background-repeat: repeat;}

}


/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {

	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear2, 
	.JS [class*="ImgW"] .Img.ImgLeftAdjustClear2 {
		float: none !important;
		width: auto !important;
		padding-right: 15px !important;
	}
	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear2 + .ImgSet p,
	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear2 + .ImgSet ul,
	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear2 + .ImgSet dl {
		padding-left: 0;
	}

	.JS .ShowRWD579 {display: block;}
	.JS br.ShowRWD579,
	.JS a.ShowRWD579,
	.JS strong.ShowRWD579,
	.JS em.ShowRWD579,
	.JS sub.ShowRWD579,
	.JS sup.ShowRWD579,
	.JS img.ShowRWD579,
	.JS span.ShowRWD579 {display: inline;}

	.JS .HideRWD579 {display: none;}

  .JS .Speakers3 .columnL,
  .JS .Speakers4 .columnL,
  .JS .Speakers5 .columnL { 
    width: 100%;
    padding: 0 15px;
  }
  .JS .Speakers3 .ImgLeftAdjust {
    float: left;
    text-align: left;
  }
  .JS .Speakers3 .columnL .ImgOnlyStyle,
  .JS .Speakers4 .columnL .ImgOnlyStyle,
  .JS .Speakers5 .columnL .ImgOnlyStyle {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 10px;
  }

}


/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {

	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear1, 
	.JS [class*="ImgW"] .Img.ImgLeftAdjustClear1 {
		float: none !important;
		width: auto !important;
		padding-right: 15px !important;
	}
	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear1 + .ImgSet p,
	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear1 + .ImgSet ul,
	.JS [class*="ThumbW"] .Img.ImgLeftAdjustClear1 + .ImgSet dl {
		padding-left: 0;
	}
	.JS .ShowRWD399 {display: block;}
	.JS br.ShowRWD399,
	.JS a.ShowRWD399,
	.JS strong.ShowRWD399,
	.JS em.ShowRWD399,
	.JS sub.ShowRWD399,
	.JS sup.ShowRWD399,
	.JS img.ShowRWD399,
	.JS span.ShowRWD399 {display: inline;}

	.JS .HideRWD399 {display: none !important;}

	.JS .buttonNavi a {
		display: block;
		min-width: 0;
	}
  
	.JS .Speakers2 .columnL,
	.JS .Speakers2 .columnR {
    width: 100%;
  }
	.JS .Speakers2 .ImgOnlyStyle {
    text-align: center;
  }


}