/*=====================================================================*/
/* 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:#3d3d3d;
}
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;
}
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#contents {
position:relative;
font-size:14px;
margin:0;
background: #EAE1D8;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#mainContents {
/*overflow:hidden;*/
margin:0;
}
#navRight {
width:990px;
margin:0 auto;
position:relative;
}
#navRight h2 {
border-color:#555!important;
}
#navRightInner {
width:300px;
position:absolute;
top: 320px;
right:0;
z-index:100;
padding:0 0px;
}
#navRightInner #Lplink {
margin-bottom: 20px;
width: 300px;
height: 300px;
}
#navRightInner #Lplink img{
width: 300px;
height: 300px;
}
#navRightInner #menu a {
color: #FFF;
background-color: #3c3c3c;
}
.navRightFixed #menu {
position: fixed;
top: 142px;
padding: 0;
margin-left: 0px;
right: auto;
}
#navRight #menu .menuBtnActive {
background:#EEEEEE;
color:#000;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#wrap {
margin:0 auto;
}
#contents,
#masterFooter {
margin:auto;
margin:0;
padding:0;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#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: #9a9a9;
}
#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:330px;
float:left;
}
#logo h1,
#logo div {
margin:0;
}
#logo h1 a {
display:block;
width:325px;
height:42px;
font-size: 0;
line-height: 0;
padding: 4px 0;
margin:0 0 3px 10px;
clear:both;
}
#logo img{
float:left;
width:42px;
padding-top: 1px;
padding-right: 4px;
}
#logo .logoTitle1 {
font-size:12px;
color:#fff;
}
#logo .logoTitle2 {
font-size:20px;
color:#ffcc00;
}
/*---------------------------------------------------------------------*/
/* ヘッダー */
/*---------------------------------------------------------------------*/
#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: 198px;
position:relative;
}
#nav .navBtn a {
width: 198px;
line-height:52px;
text-align: center;
float:left;
display:block;
color:#FFF;
font-size:13px;
font-weight:bold;
}
#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:#3c3c3c;
}
.navBtn a {
height: 52px;
}
.navBtnActive .watchit {
border-bottom: 3px solid #FFF!important;
}
.navBtn a:visited {
background:#3c3c3c;
}
.navBtnActive:hover .navBtnList,
.navBtnActive:hover .navBtnList .navBtnListBtn{
display:block;
}
.navBtn0,
.navBtn0 a,
.navBtn0 a:visited {
background:#69F1F4;
}
#nav .navBtn0:hover a{
color:#333;
}
#nav .navBtn0 .navText,
#nav .navBtn0:hover .navText{
color:#ffffff;
}
.navBtn1,
.navBtn1 a,
.navBtn1 a:visited {
background:#48ffac;
}
.navBtn2,
.navBtn2 a,
.navBtn2 a:visited {
background:#61e567;
}
.navBtn3,
.navBtn3 a,
.navBtn3 a:visited {
background:#c0ff76;
}
.navBtn4,
.navBtn4 a,
.navBtn4 a:visited {
background:#d7f55c;
}
#headerTop {
position: fixed;
top:0;
z-index: 10000;
background: #1B3A3A;
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;
}
.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: #5CC6C6;
border-bottom:none;
word-break: break-all;
height: auto;
line-height: 40px;
}
#nav .navBtn .navBtnListBtn a:hover {
background: #62D3D3;
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: 198px;
height: 55px;
background: #1B3A3A;
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: 198px;
position: absolute;
left:0;
z-index: 3;
}
.navBtnActive .colorHover{
display:none;
}
#nav .pulldown .navBtnList{
display:block;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#footer {
padding:10px;
border-top:0 none;
padding:10px;
color:#999;
}
#footerCorp {
clear: both;
height: 50px;
clear: both;
border-top: 1px solid #666;
padding: 10px 0 0;
}
#globalFooterCorpLogo {
position:relative;
display:block !important;
height:1%;
font-size:12px;
line-height:16px;
margin: 0 0 5px;
padding: 12px 0 0 180px;
}
#globalFooterCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}
#globalFooterCorpLogo a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 170px;
height: 28px;
background: url(//image.itmedia.co.jp/images/logo/170_itmedia_bgw.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;
line-height: 16px;
color: #000;
}
#globalFooterCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}
/* フッタ 2017 04 20 */
#globalFooterCorp {
width:990px;
margin:0 auto;
}
#globalFooterCorpIn {
border-top:1px solid #666;
padding:10px 0 0;
}
/*---------------------------------------------------------------------*/
/* 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:#326cb2;
}
.section h2 a:visited {
color:#326cb2;
}
.section h2 a:hover {
color:#0000FF;
}
.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;
color: #3d3d3d;
}
.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 {
color: #326cb2;
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;
color:#36344C;
}
.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;
font-weight: bold;
line-height: 18px;
float: right;
padding: 2px 5px;
color:#326cb2!important;
text-decoration: none;
cursor:pointer;
}
.section .sectionIndex .truncate_more_link:hover {
text-decoration: underline;
color:#fff;
}
.section .sectionIndex .truncate_more_link:visited {
color:#fff;
}
/*---------------------------------------------------------------------*/
/* スライダー
/*---------------------------------------------------------------------*/
.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; transition: all .3s ease; -moz-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; -moz-transition: all .3s ease;}
.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;}
/*---------------------------------------------------------------------*/
/* 右カラム
/*---------------------------------------------------------------------*/
#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:300px;
}
#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 バーチャルイベントとは */
/*---------------------------------------------------------------------*/
.sectionAboutContainer .sectionUlist img {
margin-bottom:10px;
}
.sectionAboutContainer .sectionUlist .title {
margin-bottom:5px;
}
/*---------------------------------------------------------------------*/
/* sectionDescription */
/*---------------------------------------------------------------------*/
.sectionDescription .sectionDescriptionBottom{
display: none;
}
.sectionDescription .active,
.active .sectionDescriptionBottom{
display: block;
}
/*---------------------------------------------------------------------*/
/* 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: 29px;
height: 25px;
text-indent: -9999px;
}
.socialBtnTw a {
background: url(//image.itmedia.co.jp/info/virtualevent/images/socialBtn.png) no-repeat 0 -1px;
}
.socialBtnTw a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.socialBtn .socialBtnFb{
margin-right: 12px;
}
.socialBtnFb a {
background: url(//image.itmedia.co.jp/info/virtualevent/images/socialBtn.png) no-repeat -30px -1px;
}
.socialBtnFb a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.socialBtnMail {
width:105px;
height:25px;
background:#f6860d;
border-radius:15px;
}
.socialBtn .socialBtnMail a {
width:105px;
height:25px;
}
.socialBtnMail a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.socialBtnMail .socialBtnMailIcon{
background: url(//image.itmedia.co.jp/info/virtualevent/images/socialBtn.png) no-repeat -60px -1px;
width:29px;
height:25px;
}
.socialBtnMail .socialBtnMailText{
display: inline;
font-size: 13px;
line-height: 28px;
color: #FFF;
text-indent: 0px;
}
/*---------------------------------------------------------------------*/
/* TOP お問合わせ
/*---------------------------------------------------------------------*/
.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: #e2e6e7;
}
#mainContents .bgWhite{
background: #FFFFFF;
}
/*---------------------------------------------------------------------*/
/* IE pxずれ対応
/*---------------------------------------------------------------------*/
.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 .sectionAnchor {
position: relative;
}