/*=====================================================================*/
/* BASE STYLE */
/*=====================================================================*/
body {
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
-webkit-text-size-adjust:none;
margin:0;
padding:0;
background:#FFF;
color:#333;
}

body.orange {
background:#ffb87f;
}

html {
overflow-x :hidden;
}
a:link {
color:#03A;
text-decoration:none;
outline:none;
}
a:visited {
color:#03A;
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#C00;
}
a img {
border:none;
}
#navRight h2 {
border-color:#555!important;
}
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#contents {
position:relative;
font-size:14px;
margin:0;
background:#EAE1D8;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
{
overflow:hidden;
margin:0;
}
#navRight {
width:990px;
margin:0 auto;
position:relative;
}
#navRightInner {
width:265px;
position:absolute;
top:120px;
right:0;
z-index:100;
padding:0 0px;
}
#navRightInner #menu a {
color:#FFF;
background-color:#C2C2C2;
}
.navRightFixed #navRightInner {
position:fixed;
top:120px;
padding:0;
margin-left:725px;
right:auto;
}

/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#wrap {
margin:0 auto;
}
#contents,
#masterFooter {
margin:auto;
margin:0;
padding:0;
}
#globalFooterCorp {
border:0;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#headerWrap {
margin:0;
}
#header {
position:relative;
z-index:10000;
}

#headerBottomTop {
position:relative;
z-index:1000;
margin: 0 auto;
width:990px;
background:#FFF;
padding:100px 20px 0;
}
#headerBottom {
position:relative;
z-index:1000;
margin: 0 auto;
width:990px;
padding-top:93px;
background:#FFF;
padding:56px 20px 0;
}

#headerTop {
width:100%;
float:left;
background:#1a1717;
position:fixed;
}
#headerTop .navOut {}
#headerTop .line {
display:none;
border-bottom:1px solid#CCC;
position:relative;
z-index:10000;
}

/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#logo {
width:100%;
height:80px;
background:#3f6da9;
position:relative;
z-index:999;
}
#logo #logoInner {
width:990px;
margin:0 auto;
padding:0;
position:relative;
background:url(//image.itmedia.co.jp/info/virtualevent/css2016/images/css2016title.png) 0 10px no-repeat;
}
#logo h1,
#logo span {
text-indent:-99999px;
margin:0 auto;
display:block;
}
#logo .headbt {
position:absolute;
text-align:center;
width:110px;
top:10px;
}
#logo .headbt a {
position:relative;
display:block;
border-radius:10px;
height:15px;
font-size:14px;
line-height:16px;
padding:5px;
text-indent:0;
font-weight:bold;
}
#logo .headbt a {
position:relative;
display:block;
background:#FFF;
border-radius:6px;
height:15px;
font-size:14px;
line-height:16px;
color:#0096d6;
padding:5px;
text-indent:0;
font-weight:bold;
}
#logo #entry {
right:10px;
}
#logo #request {
right:130px;
}
#logo #entry a {
background:#FFF;
color:#3f6da9;
}
#logo #request a {
background:#ff3300;
color:#FFF;
}
#logo #entry a:hover {
background:#ced9e5;
}
#logo #request a:hover {
background:#fa6e6e;
}




/*---------------------------------------------------------------------*/
/* タイトル周り */
/*---------------------------------------------------------------------*/
#mainImage h2 {
width:990px;
height:300px;
text-indent:-99999px;
background:url(//image.itmedia.co.jp/info/virtualevent/css2016/images/title.jpg) 0 0 no-repeat;
margin:0;
padding:0;
}

/*---------------------------------------------------------------------*/
/* ヘッダー */
/*---------------------------------------------------------------------*/
#mainContents .sectionInner {
width:990px;
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#footerCorp {
clear:both;
padding:13px 0 0;
background:#3f6da9;
height:40px;
}
#footerCorpIn p{
display:inline;
font-size:12px;
line-height:35px;
color:#FFF;
}
#footerCorpLogo {
position:relative;
margin:0;
padding:0 0 0 20px;
}
#footerCorpLogo a {
display:block;
width:170px;
height:41px;
background:url(//image.itmedia.co.jp/info/virtualevent/css2016/images/170_itmedia.png) no-repeat 0 0;
text-indent:-9999px;
float:left;
}
#footerCorpIn {
width:990px;
margin:0 auto;
}
#footerCorpIn span{
position:static;
margin-left:188px;
font-size:12px !important;
line-height:35px !important;
color:#FFFFFF !important;
}
#footerCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}
#globalFooter {
border-top:0 none;
padding:10px;
color:#999;
}
#globalFooter a {
}
#globalFooterLink {
line-height:14px;
text-align:right;
margin:0;
padding:0 0 10px 0;
height:1%;
border-bottom:1px solid #CCC;
}
#globalCopyright {
line-height:16px;
}
#globalInquiry {
line-height:16px;
}
#globalFooterCorpLogo a {
margin:16px 10px 0 0;
}
#globalFooterCorpIn {
width:990px;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* EMPTY SPACE */
/*---------------------------------------------------------------------*/
.height5px {
height:5px;
}
.height10px {
height:10px;
}
.height15px {
height:15px;
}
.height20px {
height:20px;
}
.height25px {
height:25px;
}
.height30px {
height:30px;
}
.clear {
font-size:0;
line-height:0;
clear:both;
}

/*---------------------------------------------------------------------*/
/* 右カラム
/*---------------------------------------------------------------------*/
#register {
}
.registerBtn {
position:relative;
width:245px;
background:#F33131;
border-radius:3px;
border-bottom:5px #C04526 solid;
box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
color:#FFF !important;
cursor:pointer;
display:inline-block;
font-weight:bold;
padding:10px 10px 6px;
-moz-transition:background-color 200ms;
-webkit-transition:background-color 200ms;
-o-transition:background-color 200ms;
transition:background-color 200ms;
}
.registerBtn:hover {
border-bottom-width:2px;
margin-top:3px;
background-color:#DB342E;
}
.subText {
font-size:20px;
color:#FFF;
}
.arrowSmall{
width:7px;
height:12px;
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/arrow_small.gif) 0 0 no-repeat;
display:block;
position:absolute;
top:6px;
right:6px;
}
.arrowBig{
width:11px;
height:20px;
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/arrow_big.gif) 0 0 no-repeat;
display:block;
position:absolute;
top:13px;
right:13px;
}
#idLink {
text-align:center;
font-size:13px;
line-height:16px;
color:#00F;
margin-bottom:15px;
background:#FFF;
padding:6px 3px 4px 3px;
}
#idLink a:hover {
text-decoration:underline;
}
#idLink a:visited {
color:#0000FF;
}
/*
#menu {
box-shadow:1px 5px 3px -2px rgba(177, 177, 177, 0.2);
}
*/
#menu ul {
background-color:#FFF;
border-left:none;
border-right:none;
padding:0px;
text-align:left;
width:265px;
}
#menu ul li {
border-bottom:none;
padding:0;
margin:0;
}
#menu ul li a {
display:block;
font-size:14px;
font-style:normal;
margin:0px;
padding:21px 9px 0px 9px;
text-decoration:none;
border-top:1px solid #FFF;
background:none;
border-bottom:none;
}
#menu ul li.rightcol1 {
}
#menu ul li.rightcol1 a {
width:247px;
height:30px;
border-radius:5px;
border-bottom:3px solid #ce2900;
margin-bottom:0px;
display:inline-block;
font-size:18px;
text-align:center;
}
#menu ul li.rightcol1 a:hover {
border-bottom-width:2px;
margin-top:1px;
background-color:#F70E0E;
text-decoration:none;
}
#menu ul li a:hover {
background:#F3F3F3;
color:#e9e9e9!important;
}
#menu ul li.rightcol8 {
margin-bottom:4px;
}
#navRightInner #menu ul li.rightcol8 a {
color:#595959;
background:#FFF;
padding:4px;
}
#navRightInner #menu ul li.rightcol8 a:hover {
color:#F00 !important;
}

/*---------------------------------------------------------------------*/
/* TOP バーチャルイベントとは */
/*---------------------------------------------------------------------*/
.sectionAboutContainer .sectionUlist ul li {
float:left;
width:210px;
background:none;
padding:0;
padding-right:3px;
border-bottom:none;
}
.sectionAboutContainer .sectionUlist img {
margin-bottom:10px;
}
.sectionAboutContainer .sectionUlist .title {
margin-bottom:5px;
}
#mediaListForVE li {
height:61px;
}

/*---------------------------------------------------------------------*/
/* TOP 参加媒体一覧 */
/*---------------------------------------------------------------------*/
#mediaListForVE {
background:#FFF;
width:655px;
}
#mediaListForVE li {
float:left;
border-bottom:none;
padding-left:12px;
}
/*---------------------------------------------------------------------*/
/* TOP 参加方法 */
/*---------------------------------------------------------------------*/
.sectionJoinContainer .sectionIndex {
margin:0 10px 15px 0;
}
#Frow {
margin:0;
padding:15px 0 10px 0;
}
#Frow ul {
margin:0 auto 10px auto;
padding:0 20px 0 70px;
font-size:14px;
line-height:25px;
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/guide.png) no-repeat 10px -138px;
}
#Frow01 {
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/guide.png) no-repeat 0px 5px;
}
#Frow02 {
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/guide.png) no-repeat 0px -35px;
}
#Frow03 {
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/guide.png) no-repeat 0px -75px;
}
#Frow01, #Frow02, #Frow03 {
margin:0 0 0 10px;
height:30px;
}
#Frow h4 {
margin:0;
display:none;
}
#Frow #Frow03Ul {
background:none;
}
#Frow p {
padding:0 0 0 10px;
}

/*---------------------------------------------------------------------*/
/* 開催概要
/*---------------------------------------------------------------------*/
#Outline table {
margin:10px 0;
font-size:15px;
line-height:18px;
}
#Outline th,
#Outline td {
padding:0 0 5px 20px;
}

/*---------------------------------------------------------------------*/
/* 参加方法
/*---------------------------------------------------------------------*/
.trBoxOlist ol li {
font-size:15px;
line-height:18px;
padding-bottom:10px;
}

/*---------------------------------------------------------------------*/
/* Pick Up セッション
/*---------------------------------------------------------------------*/
#Session .sessionboxtitle h4 {
background:#3f6da9;
padding:7px 0 4px 12px;
margin:10px 0;
font-size:15px;
line-height:18px;
font-weight:normal;
color:#FFF;
}
#Session .sessionbox {
font-size:14px;
line-height:17px;
}
#Session .sessionboxIcon {
float:left;
margin:0 20px 0 0;
}
#Session .sessiontext {
float:left;
margin:0;
width:770px;
}
#Session .trBoxWidth p {
margin:0 0 8px;
font-size:14px;
line-height:21px;
}
#Session .sessionboxtitle {
position:relative;
}
#Session .sessionboxtitle span {
background:#ff7100;
display:block;
position:absolute;
right:5px;
top:3px;
font-size:10px;
line-height:12px;
font-weight:bold;
padding:3px 6px;
color:#fff;
}
#Session .sessionboxIn strong {
color:#171c61;
font-size:18px;
line-height:24px;
}
#Session .sessionboxIn {
margin-bottom:15px;
border-top:3px solid #004ea2;
padding:10px 0 5px;
}

/*---------------------------------------------------------------------*/
/* 出展企業
/*---------------------------------------------------------------------*/

#Sponsor .companybox {
font-size:13px;
line-height:17px;
}
#Sponsor .companybox h4 {
background:#3f6da9;
padding:7px 0 4px 12px;
margin:10px 0;
font-size:15px;
line-height:18px;
font-weight:normal;
color:#FFF;
}
#Sponsor .companyboxIcon {
float:left;
margin:0 48px;
width:150px;
}
#Sponsor .companyboxIcon span {
display:block;
}


/*---------------------------------------------------------------------*/
/* トップへ戻るボタン
/*---------------------------------------------------------------------*/
.backtotop {
position:fixed;
right:15px;
bottom:20px;
z-index:20000;
display:none;
}
.backtotop a {
display:block;
text-indent:-9999px;
color:#777777;
margin:0;
text-decoration:none;
font-weight:bold;
font-size:12px;
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/arrow_up.gif) 0 0 no-repeat;
width:50px;
height:50px;
border-radius:3px;
}
/*---------------------------------------------------------------------*/
/* 各カラムの背景色設定
/*---------------------------------------------------------------------*/
.bgWhiteGray {
background:#EEEEEE;
}
.bgWhite{
background:#FFFFFF;
}
.bgGray {
background:#949494;
color:#FFFFFF;
}
.sectionNinth .sectionHead {
color:#FFF;
}
/*---------------------------------------------------------------------*/
/* ITパビリオン 基調講演
/*---------------------------------------------------------------------*/
.sectionKeynoteContainer .sectionIndex {
position:relative;
}
.sectionKeynoteContainer .sectionDescription {
padding:0 0 0 148px;
}
.sectionKeynoteContainer .sectionDescription2 {
padding:0 0 0 0;
}
.sectionKeynoteContainer .sectionCorpLogo {
position:absolute;
top:-3px;
right:10px;
}
.sectionKeynoteContainer .sectionCorpLogo img {
width:60px;
}
.sectionKeynoteContainer .sectionIcon img {
width:130px;
}
/*---------------------------------------------------------------------*/
/* ITパビリオン ゾーン紹介
/*---------------------------------------------------------------------*/
.sectionZone .sectionIcon {
padding:0;
margin:5px 15px 3px 0;
border:none;
background:none;
}
.sectionZone h3 {
padding:0 0 5px;
}
.sectionZone .sectionDescription{
padding-left:202px;
}
/*---------------------------------------------------------------------*/
/* セキュリティゾーン 講演一覧
/*---------------------------------------------------------------------*/
.sectionSessionContainer .sectionIcon img{
width:130px;
}
/*---------------------------------------------------------------------*/
/* セキュリティゾーン 出展企業一覧
/*---------------------------------------------------------------------*/
.sectionCompany .sectionIcon img{
width:176px;
height:99px;
}
.sectionCompany .sectionDescription {
overflow:auto;
}
.sectionCompany .sectionTitle{
color:#A73;
}

/*---------------------------------------------------------------------*/
/* IE pxずれ対応
/*---------------------------------------------------------------------*/
.sectionSessionContainer .sectionIndex {
height:1%;
}
.sectionZone .sectionIndex {
overflow:hidden;
}
.profBox {
background:#ccc;
padding:2px 6px 0px;
font-weight:bold;
color:#fff;
border:1px solid #aaa;
border-radius:5px;
}
/*---------------------------------------------------------------------*/
/* 右メニュー遷移先調整
/*---------------------------------------------------------------------*/
.section {
padding:0;
position:relative;
clear:both;
height:100%;
width:100%;
}
.sectionAnchor{
position:absolute;
height:1px;
clear:both;
top:-125px;
}
*+html .sectionAnchore {
position:relative;
}
/*---------------------------------------------------------------------*/
/* em2014
/*---------------------------------------------------------------------*/
.instructionContainer .sectionIndex {
background-color:#FFF;
width:247px;
float:left;
margin:0 !important;
}
.instructionContainer .sectionIndex .sectionTitle {
padding:3px 3px 3px 5px;
font-size:14px;
color:#FFF;
font-weight:bold;
margin:0;
}
.instructionContainer .sectionIndex a:hover,
.newentryContainer .sectionIndex a:hover {
text-decoration:none;
opacity:0.6;
}
.sectionDescription {
margin:0;
}
.sectionSessionContainer .sectionIcon img {
width:130px;
}
.sectionSessionContainer .sectionSubTitle h5 {
font-size:18px;
line-height:21px;
}
#mainText #mainTextInner .sectionIndex {
text-align:center;
}
#mainText {
margin:0 auto;
padding:0;
background:#ff3300;
}
#mainText .mainText {
width:990px;
margin:0 auto;
background:#FFF;
}
#mainText .mainText .sectionIndex {
padding:10px;
}
.newentryContainer .sectionIndex,
.newentryContainerOther .sectionIndex {
padding:20px 0;
width:680px;
margin-top:0 auto;
text-align:center;
}
.newentryContainer .sectionIndex .sectionTitle .newentry,
.newentryContainer .sectionIndex .sectionTitle .itmidentry {
width:320px;
height:30px;
background:#FF3300;
padding:15px 0 0 0;
font-size:18px;
line-height:19px;
color:#FFF;
border-radius:5px;
border-bottom:3px solid #ce2900;
margin-bottom:0px;
display:inline-block;
}
.newentryContainer .sectionIndex .sectionTitle .itmidentry {
background:#006699;
border-bottom:3px solid #003b5a;
}
.newentryContainer .sectionIndex .sectionTitle .newentry:hover,
.newentryContainer .sectionIndex .sectionTitle .itmidentry:hover {
border-bottom-width:2px;
margin-top:1px;
background-color:#F70E0E;
text-decoration:none;
}
.newentryContainer .sectionIndex .sectionTitle .itmidentry:hover {
background-color:#3385ad;
}


.instructionContainer .sectionIndex {
float:left;
width:240px;
margin:0 4px 0 4px !important;
border:1px solid #CCC;
}
.instructionContainer .sectionIndex img {
width:240px;
}

/*  新規登録ページボタン  */
.newentryContainerOther {
width:700px;
margin:0 auto;
}
.newentryContainerOther .sectionIndex .sectionTitleID {
float:left;
}
.newentryContainerOther .sectionIndex .sectionTitleEventRegist {
float:right;
}
.newentryContainerOther .sectionIndex .sectionTitleID .newentry {
width:308px;
height:36px;
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/itmediaID.jpg) no-repeat 32px 1px;
padding:14px 0 0 0;
font-size:18px;
line-height:21px;
text-indent:-9999px;
border-radius:5px;
border:1px solid #CCC;
border-bottom:3px solid #CCC;
margin-bottom:0px;
display:inline-block;
}
.newentryContainerOther .sectionIndex .sectionTitleID .newentry:hover,
.newentryContainerOther .sectionIndex .sectionTitleEventRegist .newentry:hover {
border-bottom-width:2px;
margin-top:1px;
text-decoration:none;
}
.newentryContainerOther .sectionIndex .sectionTitleEventRegist .newentry {
width:308px;
height:36px;
background:url(//image.itmedia.co.jp/info/virtualevent/hpprotect/images/EventRegist.jpg) no-repeat 34px 1px;
padding:14px 0 0 0;
font-size:18px;
line-height:21px;
text-indent:-9999px;
border-radius:5px;
border:1px solid #CCC;
border-bottom:3px solid #CCC;
margin-bottom:0px;
display:inline-block;
}
.sectionInner {
width:990px;
margin:0;
}
.sectionIndex {
position:relative;
margin:0 auto;
}

/* =======================================
cms
======================================= */
#wrapOuter h3 {
margin:0;
padding:10px 10px 0 0;
margin-bottom:15px;
border-bottom:1px solid #969696;
line-height:40px;
font-size:26px;
font-weight:normal;
letter-spacing:0px;
}
.sectionSessionContainer p a strong {
color:#A73;
}

.sectionMediaContainer p a strong {
display:none;
}
.trBoxC {
width:890px;
margin:0 auto;
}
.trBoxWidth {
width:890px;
margin:0 auto;
}
.trBoxWidth h3 {
margin-bottom:15px;
color:#545454;
}
.trBoxWidth p a strong  {
font-size:18px;
line-height:21px;
color:#A73;
}
.trBoxWidth p,
.trBoxWidth ol {
font-size:14px;
margin:10px 0 0;
}

#Session02 .sessionboxIn {
width:280px;
float:left;
margin:0 7px;
border-bottom:none;
}
#Session #Session02 .sessiontext {
float:none;
width:auto;
}
#Session #Session02 .sessionboxIn strong {
font-size:14px;
line-height:18px;
}
#Session #Session02 .sessionboxIcon {
float:none;
margin:0 0 10px 0;
}
#Session .trBoxWidth #Session02 p.f12 {
font-size:12px;
line-height:15px;
}