/*=====================================================================*/
/* 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:none;
color:#333;
}
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;
}
.linkBtn {
display: block;
width: 400px;
background-color: #F30;
background-image: -webkit-gradient(linear,left top,left bottom,from(#F90),to(#F30));
background-image: -moz-linear-gradient(top,#F90,#F30);
background-image: -o-linear-gradient(top,#F90,#F30);
background-image: -ms-linear-gradient(top,#F90,#F30);
background-image: linear-gradient(top,#F90,#F30);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #BBB;
font-size: 12px;
padding: 10px;
margin: 10px auto;
font-weight: bold;
text-align: center;
color: #FFF!important;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#mainContents {
overflow:hidden;
margin:0;
}
#navRight {
width:990px;
margin:0 auto;
position:relative;
}
#navRightInner {
width:265px;
position:absolute;
top: 320px;
right:0;
z-index:100;
padding:0 0px;
}
#navRightInner #menu a {
color: #FFF;
background-color: #4d4d4d;
}
.navRightFixed #navRightInner {
position: fixed;
top: 142px;
padding: 0;
margin-left: 725px;
right: auto;
}
#navRight #menu .menuBtnActive {
background:#EEEEEE;
color:#000;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#wrap {
margin:0 auto;
}
#contents,
#masterFooter {
margin:auto;
margin:0;
padding:0;
}
#globalFooterCorp {
border:0;
}
.linkBtn {
display: block;
width: 400px;
background-color: #F30;
background-image: -webkit-gradient(linear,left top,left bottom,from(#F90),to(#F30));
background-image: -moz-linear-gradient(top,#F90,#F30);
background-image: -o-linear-gradient(top,#F90,#F30);
background-image: -ms-linear-gradient(top,#F90,#F30);
background-image: linear-gradient(top,#F90,#F30);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #BBB;
font-size: 12px;
padding: 10px;
margin: 10px auto;
font-weight: bold;
text-align: center;
color: #FFF!important;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#headerWrap {
margin: 20px 0 0 0;
}
#header {
position:relative;
z-index:10000;
}
#headerTop {
z-index:10000;
}
#headerBottom {
position:relative;
z-index:1000;
height:300px;
padding-top: 105px;
}
#mainImage {
clear: both;
margin: 0 auto;
background: #a9a9a9;
}
#mainImageInner {
margin: 0 auto;
width: 990px;
height:300px;
}
.line {
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
}
#headerTop .line {
margin-bottom: 0px;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#logo {
width: 990px;
margin: 0 auto;
height: 53px;
}
#logo h1 {
width:460px;
float:left;
}
#logo h1,
#logo div {
margin:0;
}
#logo h1 a {
display: block;
width: 500px;
height: 42px;
font-size: 0;
line-height: 0;
padding: 4px 0;
margin:0 0 3px 5px;
}
#logo h1 a img {
/*width:100%;*/
}
#logo #entry{
width: 130px;
float: left;
position:relative;
}
#logo #entry a {
position: relative;
display: block;
background:#F33131;
border-radius: 3px;
width: 100px;
height: 15px;
font-size: 14px;
line-height: 16px;
color: #FFF;
padding: 5px;
text-indent: 0;
border-bottom:3px #E26E50 solid;
font-weight: bold;
}
#logo #entry a:hover {
background: #F70E0E;
border-bottom-width: 2px;
margin-top: 1px;
}
#logo #entry #entrySubText {
font-size:10px;
line-height:14px;
color:#FFF;
}
/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#headerMiddle {
background:#FFF;
padding:5px 0;
}
/*---------------------------------------------------------------------*/
/* ヘッダー */
/*---------------------------------------------------------------------*/
#nav {
width:990px;
height: 55px;
margin:auto;
position:relative;
border-bottom: 1px solid #CCC;
}
#nav .navOut {
background:-moz-linear-gradient(top, #CCC, #AAA);
-moz-border-radius:5px;
}
#nav .navBtn {
float:left;
width: 165px;
position:relative;
}
#nav .navBtn a {
width: 165px;
line-height:52px;
text-align: center;
float:left;
display:block;
color:#FFF;
font-size:13px;
font-weight:bold;
}
#nav .navBtn3 a{
line-height: 10px;
}
#nav .navBtn3 a p{
margin: 17px;
padding: 0;
line-height: 0px;
}
#nav .navBtn a:hover {
text-decoration:none;
border-bottom: 3px solid #CCC;
}
.navBtn {
text-align: center;
float: left;
display: block;
color: #FFF;
font-size: 13px;
font-weight: bold;
background:#272727;
}
.navBtn a {
height: 52px;
}
.navBtnActive .watchit {
border-bottom: 3px solid #F00!important;
}
.navBtn a:visited {
background:#272727;
}
.navBtnActive:hover .navBtnList,
.navBtnActive:hover .navBtnList .navBtnListBtn{
display:block;
}
.navBtn0,
.navBtn0 a,
.navBtn0 a:visited {
background:#FFFFFF;
}
#nav .navBtn0:hover a{
color:#333;
}
#nav .navBtn0 .navText,
#nav .navBtn0:hover .navText{
color:#ff0000;
}
.navBtn1,
.navBtn1 a,
.navBtn1 a:visited {
background:#d60e0e;
}
.navBtn2,
.navBtn2 a,
.navBtn2 a:visited {
background:#894399;
}
.navBtn3,
.navBtn3 a,
.navBtn3 a:visited {
background:#4182c4;
}
.navBtn4,
.navBtn4 a,
.navBtn4 a:visited {
background:#09ca31;
}
.navBtn5,
.navBtn5 a,
.navBtn5 a:visited {
background:#f9a30e;
}
#headerTop {
position: fixed;
top:0;
z-index: 10000;
background: #272727;
width: 100%;
padding-top: 15px;
}
#headerTop .navOut {
margin:auto;
background: #FFF!important;
}
.leftLine {
border-left: 1px solid #CCC;
position: absolute;
top: -32px;
left: -1px;
width: 1px;
height: 88px;
}
.rightLine {
border-left: 1px solid #CCC;
position: absolute;
top: -32px;
left: 990px;
width: 1px;
height: 88px;
}
#navRegistAndEnter {
display:none;
}
.activeIcon {
display:none;
}
#nav .navBtn .navBtnList {
display: none;
position: absolute;
top: 55px;
left:0;
z-index: 100;
opacity: 0.9;
width: 165px;
float: none;
}
#nav .navBtn .navBtnListBtn a {
background: #dddddd;
border-bottom:none;
word-break: break-all;
height: auto;
line-height: 40px;
}
#nav .navBtn .navBtnListBtn a:hover {
background: #cccccc;
border-bottom:none!important;
}
#nav .navBtn .navBtnListBtn .navBtnListBtn a:visited {
background: #f0f0f0;
}
#nav .navBtn .navBtnListBtn a:hover,
#nav .navBtn a {
text-decoration: none;
border-bottom: 3px solid #CCC;
}
#nav .navBtn a.watchit {
position: relative;
z-index: 1;
}
.colorHover{
top:0;
left:0;
width: 165px;
height: 55px;
background: #272727;
position: absolute;
z-index: 2;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
}
#nav .navBtn a.watchit:hover .colorHover{
position: absolute;
height: 0px;
}
.navText{
width: 165px;
position: absolute;
left:0;
z-index: 3;
}
.navBtnActive .colorHover{
display:none;
}
#nav .pulldown .navBtnList{
display:block;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#footerCorp {
clear: both;
padding: 13px 0 0;
background: #4d4d4d;
height: 40px;
}
#footerCorpIn p{
display: inline;
}
#footerCorpLogo {
position:relative;
display:block !important;
height:1%;
margin:0;
padding:0 0 0 180px;
font-size:12px;
line-height: 35px;
color:#FFF;
}
#footerCorpLogo a {
position:absolute;
top:0;
left:0;
display:block;
width:170px;
height:28px;
background:url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/ep2014_170_itmedia_bgb.gif) 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;
}
/*---------------------------------------------------------------------*/
/* カラムボックス */
/*---------------------------------------------------------------------*/
.section {
margin-bottom:10px;
width:auto;
}
.section a:link,
.section a:visited {
text-decoration:none;
}
.section .sectionIndex a:hover {
text-decoration:underline;
color:#C00;
}
.sectionHead {
position:relative;
border-bottom:1px solid #CCC;
margin:0 0 5px;
padding:0 0 3px;
}
.section h2 a:link {
color:#333;
}
.section h2 a:visited {
color:#333;
}
.section h2 a:hover {
color:#0000FF;
}
.sectionNewtxt {
font-weight:bold;
color:#C00;
}
.sectionHead h2 {
font-size:14px;
line-height:18px;
margin:0;
}
.sectionIcon {
display:inline;
}
.sectionIcon a {
float:left;
margin:0 5px 3px 0;
border:1px solid #CCC;
}
.sectionSubTitle {
margin:0 0 3px;
}
.sectionSubTitle h5 {
font-size:12px;
line-height:16px;
margin:0;
color:#A73;
}
.sectionTitle {
margin:0 0 3px;
}
.sectionTitle h3 {
font-size:16px;
line-height:20px;
margin:0;
}
.sectionDescription {
margin:0 0 3px;
}
.sectionDescription p {
font-size:12px;
line-height:16px;
margin:0;
}
.clear {
font-size:0;
line-height:0;
clear:both;
}
.sectionUlist ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.sectionUlist ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
}
#mainContents .section {
height:1%;
margin:0;
line-height:24px;
width: 100%;
background: #EAE1D8;
padding: 20px 0;
}
#mainContents .sectionOuter {
width: 990px;
margin: 0 auto;
}
#mainContents .sectionInner {
width: 660px;
}
.sectionHead {
border:none;
}
#mainContents .sectionIndex {
position:relative;
margin: 0 10px;
}
.sectionIcon {
float: left;
margin: 0 10px 3px 0;
border: 1px solid #CCC;
padding: 3px;
background: #FFF;
}
.sectionSubTitle {
position: relative;
overflow: auto;
}
.section h2 {
margin: 0;
padding: 10px 10px 0;
margin-bottom: -2px;
border-bottom: 1px solid #969696;
line-height: 40px;
font-size: 24px;
font-weight: bold;
letter-spacing:0px;
}
.sectionUlist ul li {
background:none;
}
.sectionDescription p {
font-size: 14px;
line-height: 21px;
}
.section h5 {
margin:0;
padding:3px 0;
}
.section h4 {
margin:15px 15px 0 15px;
padding:3px 0;
border-bottom:1px solid #BBA;
}
.section h3 {
margin:0;
font-size:16px;
line-height: 25px;
}
.section p {
margin:0;
padding:0 0 10px 0;
font-size: 14px;
line-height: 22px;
}
.section .icon {
margin:15px 15px 20px 15px;
padding:3px;
background:#FFF;
border:1px solid #CCC;
}
.truncate_more_link {
height: 18px;
font-size: 12px;
line-height: 18px;
float: right;
padding: 2px 5px;
color:#03A!important;
text-decoration: none;
}
.section .sectionIndex .truncate_more_link:hover {
text-decoration: underline;
color:#fff;
}
.section .sectionIndex .truncate_more_link:visited {
color:#fff;
}
.sectionSessionContainer .sectionDescription {
margin-bottom: 25px;
overflow:auto;
}
.sectionHeadSubtxt {
}
.section h2 .sectionHeadSubtxt a {
position: absolute;
top: 16px;
right: 0;
letter-spacing: 0;
display: block;
background: #F77833;
padding: 5px;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #FFF;
border-radius: 4px;
border-bottom: 3px solid #CE662E;
}
.section h2 .sectionHeadSubtxt a:hover {
border-bottom-width: 2px;
margin-top: 1px;
background-color: #EE7432;
}
.sectionIconSubtxt a {
display:none;
border:none;
}
.sectionReadProfileBtn {
text-align: right;
}
.sectionReadProfileBtn a {
font-size: 12px;
line-height: 14px;
background: #A3A3A3;
padding: 2px 5px;
color: #FFF;
text-decoration: none;
}
.section .sectionIndex .sectionReadProfileBtn a:hover{
color: #FFF;
text-decoration: none;
}
.section .sectionIndex .sectionReadProfileBtn a:visited {
color: #FFF;
}
.sectionProfile {
display: none;
padding: 0 0 0 148px;
margin: 4px 0 0 0;
}.sectionProfile p {
border: 1px solid #A3A3A3;
padding: 15px;
}
/*---------------------------------------------------------------------*/
/* スライダー
/*---------------------------------------------------------------------*/
.flexslider {
position:relative;
height:300px;
}
.flexslider .slides {margin: 0; padding: 0;list-style: none;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* Direction Nav */
.flex-direction-nav {*height: 0;list-style: none;margin-top: -80px;}
.flex-direction-nav a {width: 70px; height: 140px; margin: -65px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background: url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/arrow_right.png) no-repeat 0 0; right: -16px; }
.flex-direction-nav .flex-prev {background: url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/arrow_left.png) no-repeat 0 0; left: -16px;}
.flexslider:hover .flex-next {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {display:none;}
/*---------------------------------------------------------------------*/
/* 右カラム
/*---------------------------------------------------------------------*/
#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/emexpo2014/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/emexpo2014/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(0, 0, 0, 0.2);
}
#menu ul {
background-color: #FFF;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
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: 9px;
text-decoration: none;
border-top: 1px solid #CCC;
background: none;
border-bottom: none;
}
#menu ul li a:hover {
background:#F3F3F3;
color:#DDD!important;
}
/*---------------------------------------------------------------------*/
/* TOP 冒頭テキスト
/*---------------------------------------------------------------------*/
.instructionContainer .sectionUlist ul {
font-size: 14px;
line-height: 18px;
}
.instructionContainer table tr .tableLeft {
vertical-align: top;
padding-left: 0px;
width:60px;
background:url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/ulli_icon.png) no-repeat 2px 8px;
}
/*---------------------------------------------------------------------*/
/* TOP 開催概要 */
/*---------------------------------------------------------------------*/
.sectionSummaryInnerExpoName{
vertical-align: top;
padding-top: 2px;
}
/*---------------------------------------------------------------------*/
/* 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 PICK UP */
/*---------------------------------------------------------------------*/
.sectionPickUpContainer .sectionUlist ul li{
width: 215px;
padding: 0 0 3px 3px;
float:left;
border-bottom: none;
}
.sectionPickUpContainer img {
float:left;
border:1px solid #ccc;
padding:2px;
margin: 0 5px 25px 0;
width: 110px;
}
.sectionPickUpContainer h3 {
margin-bottom:5px;
}
.sectionDescription .sectionDescriptionBottom{
display: none;
}
.sectionDescription .active,
.active .sectionDescriptionBottom{
display: block;
}
.truncate_more_link{
cursor:pointer;
}
.youtube{
position:relative;
padding-bottom: 56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.youtube iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*---------------------------------------------------------------------*/
/* 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/emexpo2014/images/guide.png) no-repeat 10px -138px;
}
#Frow01 {
background:url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/guide.png) no-repeat 0px 5px;
}
#Frow02 {
background:url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/guide.png) no-repeat 0px -35px;
}
#Frow03 {
background:url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/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;
}
/*---------------------------------------------------------------------*/
/* TOP 更新情報
/*---------------------------------------------------------------------*/
.sectionNewsContainer table {
float:left;
}
.sectionNewsContainer td {
width: 240px;
}
.sectionNewsContainer .tableLeft {
width: 100px;
vertical-align: top;
}
#twitter {
float:right;
min-height: 330px;
}
#twitter iframe {
min-width: 290px!important;
}
/*---------------------------------------------------------------------*/
/* TOP ソーシャルボタン
/*---------------------------------------------------------------------*/
.socialBtn {
padding: 10px 5px 0 0;
float: right;
}
.socialBtn * {
float:left;
}
.socialBtn ul {
margin:0;
padding:0;
list-style-type:none;
}
.socialBtn li {
margin-right:6px;
}
.socialBtn li a {
display: block;
width: 28px;
height: 28px;
text-indent: -9999px;
}
.socialBtnTw a {
background: url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/socialBtn.png) no-repeat 0 0;
}
.socialBtnTw a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.socialBtnFb a {
background: url(//image.itmedia.co.jp/info/virtualevent/emexpo2014/images/socialBtn.png) no-repeat -30px 0;
}
.socialBtnFb a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
/*---------------------------------------------------------------------*/
/* TOP お問合わせ
/*---------------------------------------------------------------------*/
#mainContents .sectionNinth .sectionIndex{
color:#000;
}
.inputItems {
margin:10px auto;
width: 665px;
padding:0;
background:#fbfaf5;
border-collapse:collapse;
border-spacing:0;
}
.inputItems th {
width:260px;
padding:10px 10px 10px 15px;
font-size:14px;
color:#555;
line-height:21px
border-bottom:1px solid #e0dbc5;
text-align:left;
}
.inputItems td {
padding:10px;
font-size:14px;
line-height:21px
border-bottom:1px solid #e0dbc5;
}
.inputItems input.text {
width:410px;
padding:3px 0 3px 3px;
border:1px solid #c9c1a0;
}
.inputItems label {
font-size:14px;
}
.att,
.inputItems th span {
color:#F90;
}
.inputItems td.lastItem {
border-bottom:none;
}
.inputItems .phone {
width:150px;
border: 1px solid #C9C1A0;
padding: 3px 0 3px 3px;
}
textarea {
width: 96%;
padding: 3px 0 3px 3px;
border: 1px solid #C9C1A0;
}
.submitBtn {
text-align:center;
overflow:hidden;
}
.submitBtn input {
width: 200px;
background: #9c9c9c;
border-radius: 3px;
border-bottom: 3px #807C7B solid;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
color: #FFF !important;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 5px;
padding: 10px 10px 8px;
text-align: center;
cursor: pointer;
border-top: none;
border-left: none;
border-right: none;
background: -moz-linear-gradient(top, #929292, #9C9C9C);
background: -webkit-linear-gradient(top, #929292, #9C9C9C);
background: -webkit-gradient(linear, left top, left bottom, from(#929292), to(#9C9C9C));
background: -o-linear-gradient(top, #929292, #9C9C9C);
}
.submitBtn input:hover {
background: #888888;
border-bottom-width: 2px;
margin-top: 6px;
}
.submitBtn:active {
border-bottom-width: 2px;
margin-top: 7px;
}
.agreement {
width: 665px;
margin:20px auto;
font-size:13px;
line-height:17px;
}
.agreement .privacy {
padding:10px;
background:#F9F9F9;
border:1px solid #DDD;
font-size:12px;
}
#entryForm {
color:#000;
}
.linkBtn {
display: block;
width: 400px;
background-color: #F30;
background-image: -webkit-gradient(linear,left top,left bottom,from(#F90),to(#F30));
background-image: -moz-linear-gradient(top,#F90,#F30);
background-image: -o-linear-gradient(top,#F90,#F30);
background-image: -ms-linear-gradient(top,#F90,#F30);
background-image: linear-gradient(top,#F90,#F30);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #BBB;
font-size: 12px;
padding: 10px;
margin: 10px auto;
font-weight: bold;
text-align: center;
color: #FFF!important;
}
/*---------------------------------------------------------------------*/
/* トップへ戻るボタン
/*---------------------------------------------------------------------*/
.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/emexpo2014/images/arrow_up.gif) 0 0 no-repeat;
width: 50px;
height: 50px;
border-radius:3px;
}
/*---------------------------------------------------------------------*/
/* 各カラムの背景色設定
/*---------------------------------------------------------------------*/
#mainContents .bgWhiteGray {
background: #EEEEEE;
}
#mainContents .bgWhite{
background: #FFFFFF;
}
#mainContents .bgGray {
background: #949494;
color:#FFFFFF;
}
#mainContents .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;
}
/*---------------------------------------------------------------------*/
/* 入場口・登録ボタン表示非表示
/*---------------------------------------------------------------------*/
#logo #entry{
display: none;
}
#register {
}
/*---------------------------------------------------------------------*/
/* 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 {
position: relative;
clear: both;
height:100%;
width:100%;
}
.sectionAnchor{
position: absolute;
height:1px;
clear: both;
top: -125px;
}
*+html .sectionAnchore {
position: relative;
}