@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
background:none;
color:#333;
}
a:link {
color:#03A;
}
a:visited {
color:#999;
}
a img {
border:none;
}
* {
font-size:13px!important;
}
#masterSub *,
#globalFooter * {
font-size:12px!important;
color:#555;
text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
}
#masterSub h2 {
border-color:#555!important;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
margin:0;
padding:15px;
background:#EEE;
background:-moz-linear-gradient(top, #EEE, #FFF);
background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:662px;
float:left;
overflow:hidden;
}
#masterSub {
width:280px;
float:right;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
background:#DDD;
margin:0 auto;
background:-moz-linear-gradient(top, #DDD, #FFF);
background:-webkit-gradient(linear, left top, left bottom, from(#DDD), to(#FFF));
}
#masterContents,
#masterFooter {
margin:auto;
width:960px;
}
#globalFooterCorp {
border:0;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalHeader {
line-height:16px;
font-weight:bold;
text-shadow:100px 1px #000;
color:#FFF;
}
#globalHeaderTop {
margin:auto;
width:990px;
height:240px;
overflow:hidden;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
position:absolute;
top:70px;
left:10px;
width:990px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
background:url(//image.itmedia.co.jp/info/virtualevent/images/expo2012_header_title.jpg) no-repeat 0 0;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:990px;
height:240px;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
background:#FFF;
padding:5px 0;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#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;
}
/*---------------------------------------------------------------------*/
/* 20110728 globalHeader */
/*---------------------------------------------------------------------*/
#globalLogo {
position:static;
height:40px;
float:left;
}
#globalSearchSjb {
float:left;
padding:23px 0 0 0;
}
#globalSearch {
float:right;
width:224px;
padding:21px 0 0 0;
}
#popIn {
float:left;
width:215px;
}
#popIn input {
float:left;
}
#popInSearchField {
width:168px!important;
height:18px!important;
padding:0!important;
}
#globalSearch .submit {
width:41px;
height:22px;
border:0 none;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/images/top/colBoxSearchBtn.gif) no-repeat;
}
#globalSocialBtn {
float:right;
padding:20px 0 0 0;
}
#globalSocialBtn ul {
margin:0;
padding:0;
float:left;
}
#globalSocialBtn li {
float:left;
display:block;
padding:0 10px 0 0;
}
#globalSocialBtn a {
display:block;
width:24px;
height:24px;
overflow:hidden;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/images/top/globalHeader_socialBtn.gif) no-repeat;
}
#globalSocialBtn .globalSocialBtnFacebook a {
background-position:0 0;
}
#globalSocialBtn .globalSocialBtnTwitter a {
background-position:-32px 0;
}
#globalSocialBtn .globalSocialBtnRss a {
background-position:-63px 0;
}
#globalSocialBtn .globalSocialBtnHatebu a {
background-position:-126px 0;
}
#localNavigation {
width:990px;
margin:auto;
}
#localNavigation .lnavOut {
width:940px;
float:left;
margin:10px 15px;
padding:0 10px;
background:#CCC;
background:-moz-linear-gradient(top, #CCC, #AAA);
background:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#AAA));
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#localNavigation .lnavBtn {
float:left;
}
#localNavigation .lnavBtn a {
float:left;
display:block;
color:#333;
font-size:12px!important;
font-weight:bold;
padding:9px 10px 6px 10px;
border-bottom:4px solid #666;
text-shadow:0 1px 0 #CCC;
}
#localNavigation .lnavBtn a:hover {
color:#FFF;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* customColBox */
/*---------------------------------------------------------------------*/
#masterContents .colBox {
height:1%;
margin:0 0 15px 0;
border:1px solid #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#FFF;
}
.colBox hr {
visibility:hidden;
clear:both;
margin:0;
font-size:1px;
line-height:1px;
}
.colBox h2 {
margin:0;
padding:10px 15px;
border-bottom:3px solid #D80;
color:#D80;
line-height:100%;
}
.colBox h5 {
margin:15px 15px 0 15px;
padding:3px 0;
}
.colBox h4 {
margin:15px 15px 0 15px;
padding:3px 0;
border-bottom:1px solid #BBA;
}
.colBox h3 {
margin:0;
padding:15px 15px 0 15px;
line-height:175%;
}
.colBox p {
margin:0;
padding:5px 15px 0 15px;
line-height:175%;
}
.colBox .icon {
margin:15px 15px 20px 15px;
padding:3px;
background:#FFF;
border:1px solid #CCC;
}
.menuListMain,
.menuListSub {
margin:0;
padding:0;
list-style-type:none;
clear:both;
}
.menuListMain li {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.menuListMain li {
margin:4px;
padding:6px 4px 6px 20px;
font-weight:bold;
background:url(//image.itmedia.co.jp/info/virtualevent/images/menuList.gif) no-repeat 7px 10px #DDC;
}
.menuListMain li.noLink {
background:url(//image.itmedia.co.jp/info/virtualevent/images/menuList.gif) no-repeat 7px -182px #DDC;
}
.menuListSub li {
margin:1px 1px 1px -16px!important;
padding:4px 4px 4px 32px;
font-weight:normal;
background:url(//image.itmedia.co.jp/info/virtualevent/images/menuList.gif) no-repeat 18px 10px #FFF;
}
.colBoxCsbBtn {
width:298px;
padding:13px 0 0 0;
float:right;
}
.colBoxCsbBtn * {
float:left;
}
.colBoxCover img {
}
.colBoxdirTree {
padding:0 0 0 15px;
background:#DDC;
}
.colBoxdirTree small {
padding:0 3px 0 0;
color:#DDC;
background:url(//image.itmedia.co.jp/info/virtualevent/images/dirTree.gif) no-repeat right center;
text-indent:-9999px;
}
.colBoxdirTree a,
.colBoxdirTree span,
.colBoxdirTree strong {
font-size:12px!important;
color:#555;
}
.colBoxNewInfo h3 {
font-weight:normal;
padding:15px 15px 0 30px;
background:url(//image.itmedia.co.jp/info/virtualevent/images/menuList.gif) no-repeat 15px 22px;
}
.colBoxMailForm {
margin:15px;
}
.spanAttn,
.colBoxMailForm span {
color:#C00;
}
.colBoxMailForm tr {
vertical-align:top;
}
.colBoxMailForm th {
text-align:right;
}
.colBoxUnderButton {
width:500px;
margin:15px auto;
text-align:center;
border:1px solid #BBA;
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;
clear:both;
}
.colBoxUnderButton a {
display:block;
width:498px;
margin:auto;
font-size:12px!important;
line-height:100%;
padding:7px 0;
text-align:center;
color:#333!important;
background:#ddddcc;
background:-moz-linear-gradient(top, #f3f4ee, #ddddcc);
background:-webkit-gradient(linear, left top, left bottom, from(#f3f4ee), to(#ddddcc));
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
border:1px solid #FFF;
}
.colBoxUnderButton a:hover {
text-decoration:none;
background:#f3f4ee;
}
.colBoxHR {
clear:both;
margin:10px 0 0 0;
border-top:1px solid #CCC;
}
.colBoxTable {
margin:15px;
}
.colBoxTable tr {
vertical-align:top;
}
.colBoxTable th {
text-align:right;
}
.colBoxTable th,
.colBoxTable td {
}
.colBoxAtt {
margin-right:5px;
padding:0px 10px;
background:#D80;
color:#FFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.colBoxPDF {
margin:0;
padding:0;
list-style-type:none;
}
.colBoxPDF li {
margin:0 15px 15px 15px;
padding:0 0 0 30px;
background:url(//image.itmedia.co.jp/corp/images/reader_icon.gif) no-repeat 0 2px;
}
.colBoxPDF small {
font-size:12px!important;
}
.colBox .colBoxQesQ {
color:#039;
}
.colBox .colBoxQesA strong,
.colBox .colBoxQesQ strong {
display:block;
float:left;
margin:3px 8px 0 0;
padding:5px 10px;
color:#FFF;
background:#039;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.colBox .colBoxQesA strong {
background:#C60;
}
.decoBox ul {
margin:0 10px;
padding:0;
list-style-type:none;
}
.decoBox ul li {
float:left;
margin:5px;
padding:10px;
color:#FFF;
background:#39C;
border-radius:5px;
}
.decoPickUp {
background:#F50;
margin-right:5px;
padding:0 6px;
font-weight:bold;
color:#FFF;
border:1px solid #FC9;
border-radius:5px;
}
#globalFooterCorpLogo a {
margin:16px 10px 0 0;
}
.zoneBox {
margin:0;
padding:0;
list-style-type:none;
}
.zoneBox li {
margin:15px 0 0 15px;
float:left;
}
.chTop .colBox h2 {}
.chTop #localNavigation .lnavBtn0 a {border-bottom:5px solid #999;color:#FFF;text-shadow:0 -1px 0 #999;}
.chCloud .colBox h2 {color:#1c77d0;border-color:#1c77d0;}
.chCloud .colBox .decoBox ul li {background:#1c77d0;}
.chCloud #localNavigation .lnavBtn1 a {border-bottom:5px solid #1c77d0;color:#FFF;text-shadow:0 -1px 0 #999;}
.chBigdata .colBox h2 {color:#e3082e;border-color:#e3082e;}
.chBigdata .colBox .decoBox ul li {background:#e3082e;}
.chBigdata #localNavigation .lnavBtn2 a {border-bottom:5px solid #e3082e;color:#FFF;text-shadow:0 -1px 0 #999;}
.chSecurity .colBox h2 {color:#63a609;border-color:#63a609;}
.chSecurity .colBox .decoBox ul li {background:#63a609;}
.chSecurity #localNavigation .lnavBtn3 a {border-bottom:5px solid #63a609;color:#FFF;text-shadow:0 -1px 0 #999;}
.chMobile .colBox h2 {color:#8549ab;border-color:#8549ab;}
.chMobile .colBox .decoBox ul li {background:#8549ab;}
.chMobile #localNavigation .lnavBtn4 a {border-bottom:5px solid #8549ab;color:#FFF;text-shadow:0 -1px 0 #999;}
.chDevelop .colBox h2 {color:#01b5d8;border-color:#01b5d8;}
.chDevelop .colBox .decoBox ul li {background:#01b5d8;}
.chDevelop #localNavigation .lnavBtn5 a {border-bottom:5px solid #01b5d8;color:#FFF;text-shadow:0 -1px 0 #999;}
.chMarketing .colBox h2 {color:#968c4f;border-color:#968c4f;}
.chMarketing .colBox .decoBox ul li {background:#968c4f;}
.chMarketing #localNavigation .lnavBtn6 a {border-bottom:5px solid #968c4f;color:#FFF;text-shadow:0 -1px 0 #999;}
.chMonoit .colBox h2 {color:#ff8601;border-color:#ff8601;}
.chMonoit .colBox .decoBox ul li {background:#ff8601;}
.chMonoit #localNavigation .lnavBtn7 a {border-bottom:5px solid #ff8601;color:#FFF;text-shadow:0 -1px 0 #999;}
.chEmbeded .colBox h2 {color:#000;border-color:#000;}
.chEmbeded .colBox .decoBox ul li {background:#000;}
.chEmbeded #localNavigation .lnavBtn8 a {border-bottom:5px solid #000;color:#FFF;text-shadow:0 -1px 0 #999;}
.chLerning .colBox h2 {color:#5f3100;border-color:#5f3100;}
.chLerning .colBox .decoBox ul li {background:#5f3100;}
.chLerning #localNavigation .lnavBtn9 a {border-bottom:5px solid #5f3100;color:#FFF;text-shadow:0 -1px 0 #999;}
.chSpecial .colBox h2 {color:#999;border-color:#999;}
.chSpecial .colBox .decoBox ul li {background:#999;}
.chSpecial #localNavigation .lnavBtn10 a {border-bottom:5px solid #999;color:#FFF;text-shadow:0 -1px 0 #999;}
.colboxicon {
display: inline;
}
#colBoxImageRotationStyle {
float:left;
padding:0 0 15px 0;
margin:0;
}
#colBoxImageRotationStyle .colBoxOuter {
border-top:none;
}
#colBoxImageRotationStyle .colBoxHead {
display:none;
}
#colBoxImageRotationStyle .colBoxIndex {
padding:0;
margin:19px 24px;
}
.colBoxIndexSphoto img {
height:30px;
padding:2px;
width:40px;
}
.colBoxIndexLphoto img {
padding:2px;
}
/*---------------------------------------------------------------------*/
/* 7/20 追加 box */
/*---------------------------------------------------------------------*/
span.box {
background-color: white;	
margin-right:5px;
padding:0 6px;
font-weight: bold;
color: #767676;
border: 1px solid #A7A7A7;
border-radius: 3px;
}
/*---------------------------------------------------------------------*/
/* 7/22 追加 */
/*---------------------------------------------------------------------*/
.left-block {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 120px;
float: left;
}
.right-block {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 540px;
float: right;
}
.left-block2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 175px;
float: left;
}
.right-block2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 485px;
float: right;
}
.lecture {
margin: 10px 15px 10px 15px;
padding: 3px;
background: white;
border: 1px solid #CCC;
}
.lecture2 {
margin: 10px 0 10px 15px;
padding: 3px;
background: white;
border: 1px solid #CCC;
}
table.talk{
margin-left:15px;
}
table.talk td{
width:150px;
padding:0px 4px 0px;
vertical-align:top;
}
.profile {
border-bottom: 1px dotted #DDD;
padding: 5px 15px 0 0!important;
margin: 0 15px 0!important;
}
/*---------------------------------------------------------------------*/
/* right column ボタン
/*---------------------------------------------------------------------*/
.rbox.btn_registration {}
.rbox.btn_registration p {
padding:0;margin:
height:137px;
width:280px;
}
.rbox.btn_registration a {
background:url(//image.itmedia.co.jp/info/virtualevent/images/btnJoin.png) no-repeat 0 0;
width:280px;
height:137px;
display:block;
text-indent: -9999px;
}
.rbox.btn_registration a:hover {background:url(//image.itmedia.co.jp/info/virtualevent/images/btnJoin.png) no-repeat 0 -142px;}
.rbox.btn_registration.close p {
background:url(//image.itmedia.co.jp/info/virtualevent/images/btnJoin.png) no-repeat 0 -299px!important;
text-indent:-9999px;
}
.rbox.btn_registration.close p a {
display:none;
}
a.back:visited {
color:#03A;
text-decoration:underline;
}
a.back {
float:right;
margin:5px;
}
.chOtsuka .colBox h2 {color:#E6B81C;border-color:#E6B81C;}
.chOtsuka .colBox .decoBox ul li {background:#fbcb28;}
.chOtsuka #localNavigation .lnavBtn11 a {border-bottom:5px solid #E6B81C;color:#FFF;text-shadow:0 -1px 0 #999;}
table.summary {
border-top: 1px solid #dadada;
border-left: 1px solid #dadada;
border-collapse: collapse;
border-spacing: 0;
margin: 10px 50px 10px;
padding: 5px 15px;
}
table.summary td {
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
margin: 5px;
padding: 5px 15px;
}
#Frow {
padding:20px;
}
#Frow ul {
margin:0 auto 10px auto;
padding:0 20px 0 70px;
font-size:14px;
line-height:150%;
background:url(//image.itmedia.co.jp/info/virtualevent/images/ep12parts.png) no-repeat 21px -142px;
}
#Frow01 {
background:url(//image.itmedia.co.jp/info/virtualevent/images/ep12parts.png) no-repeat 0px 0px;
}
#Frow02 {
background:url(//image.itmedia.co.jp/info/virtualevent/images/ep12parts.png) no-repeat 0px -40px;
}
#Frow03 {
background:url(//image.itmedia.co.jp/info/virtualevent/images/ep12parts.png) no-repeat 0px -80px;
}
#Frow01, #Frow02, #Frow03 {
margin:0 0 0 20px;
height:30px;
}
#Frow h4 {
margin:0;
display:none;
}
.logo2 {
	background: white;
width:144px;
}
.data {
text-decoration: underline;
margin-right: 20px;
padding: 3px;
}
.agreementbox {
height: 200px;
width: auto;
background: white;
overflow-y: scroll;
padding: 10px;
border: 1px solid #DDD;
margin: 10px;
font-size: 12px;
line-height: 16px;
}
.privacybox a {
font-size: 10px !important;
color: #037;
text-decoration: none;
display: inline;
}
#entryForm .agreecheck {
display: block;
margin: 20px auto 0;
width: 370px;
}
.submitBtn {
margin: 10px 0 20px;
text-align: center;
}
.submitBtn input {
background: url(//image.itmedia.co.jp/info/virtualevent/images/btnEnter.png) no-repeat scroll 0 0 transparent;
border: 0 none;
display: block;
height: 104px;
margin: 0 auto;
text-indent: -9999px;
width: 224px;
cursor: pointer;
}
#entryForm .submitBtn input.disabled {
background: url(//image.itmedia.co.jp/info/virtualevent/images/btnEnter.png) no-repeat scroll 0 -208px transparent;
cursor: default;
}
#entryForm .submitBtn input.disabled {
background: url(//image.itmedia.co.jp/info/virtualevent/images/btnEnter.png) no-repeat scroll 0 -208px transparent;
cursor: default;
}
.privacytext{
list-style-position:inside;
list-style-type:circle;
margin:5px 0 5px 0;
font-size:10px;
}
.decoPickUp2 {
background: #007AEB;
margin-right: 5px;
padding: 0 6px;
font-weight: bold;
color: white;
border: 1px solid #98B9FF;
border-radius: 5px;
}
.rbox.btn_login {}
.rbox.btn_login p {
padding:0;margin:
height:78px;
width:280px;
}
.rbox.btn_login a {
background:url(//image.itmedia.co.jp/info/virtualevent/images/btnLoginexpo.jpg) no-repeat 0 0;
width:280px;
height:78px;
display:block;
text-indent: -9999px;
}
.rbox.btn_login a:hover {background:url(//image.itmedia.co.jp/info/virtualevent/images/btnLoginexpo.jpg) no-repeat 0 -78px;}
.rbox.btn_close {}
.rbox.btn_close p {
padding:0;margin:
height:137px;
width:280px;
}
.rbox.btn_close p {
background:url(//image.itmedia.co.jp/info/virtualevent/images/btnJoin.png) no-repeat 0 -280px!important;
width:280px;
height:137px;
display:block;
text-indent: -9999px;
}
.rbox.btn_close p {background:url(//image.itmedia.co.jp/info/virtualevent/images/btnLoginexpo.jpg) no-repeat 0 -284px;}