@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
background:none;
color:#333;
}
a:link {
color:#03A;
}
a:visited {
color:#03A;
}

a img {
border:none;
}
* {
font-size:12px!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:#ffffff;
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:235px;
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/if12top.jpg) no-repeat 0 0;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:990px;
height:235px;
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;
}
#localNavigation .lnavBtn {
float:left;
}
#localNavigation .lnavBtn a {
float:left;
display:block;
color:#333;
font-size:12px!important;
padding:9px 10px 6px 10px;
border-bottom:5px solid #666;
text-shadow:0 1px 0 #CCC;
}
#localNavigation .lnavBtn a:hover {
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 #0066ae;
color:#0066AE;
line-height:100%;
}
.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,
.chLive #localNavigation .lnavBtn1 a,
.chOndemand #localNavigation .lnavBtn2 a,
.chSponsor #localNavigation .lnavBtn3 a{border-bottom:5px solid #0066AE;}


/*---------------------------------------------------------------------*/
/* 07/11 右カラム ボタン*/
/*---------------------------------------------------------------------*/
img {
border:0;
}
.register a {
text-align:center;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
display:block;
width:215px;
height:65px;
background:url(//image.itmedia.co.jp/info/virtualevent/images/btnRegister.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.register a:hover {
background-position:left bottom;
}
.login a {
text-align:center;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
display:block;
width:215px;
height:65px;
background:url(//image.itmedia.co.jp/info/virtualevent/images/btnLogin.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.login a:hover {
background-position:left bottom;
}

/*---------------------------------------------------------------------*/
/* 07/11 table other*/
/*---------------------------------------------------------------------*/
.colBox h3 {
margin:0;
padding:15px 0px 5px 15px;
border-bottom:3px solid #bababa;
color:#0066ae;
line-height:100%;
}

span.box {
background-color:#fff;
margin-right:20px;
padding:0 6px;
font-weight:bold;
color:#767676;
border:1px solid #a7a7a7;
border-radius:3px;
}

span.box2 {
background-color:#005ddb;
margin-right:5px;
padding:0 6px;
font-weight:bold;
color:#FFF;
border:1px solid #005ddb;
}
table.keynote {  
    border-collapse: collapse;  
}
table.keynote td {  
    font-size:3px;
    padding: 7px;  
    table-layout: fixed;  
    text-align: left;
    vertical-align: top;
    width:170px;
}
table.summary{
border-top:1px solid #a2a296;
border-left:1px solid #a2a296;
border-collapse:collapse;
border-spacing:0;
margin:10px 50px 10px;
padding:5px;
}
table.summary td{
border-right:1px solid #a2a296;
border-bottom:1px solid #a2a296;
margin:5px;
padding:5px;
}
a.back{
float:right;
margin:5px;
}
a.back:visited{
color:#03A;
text-decoration:underline;
}
a.back:hover{
color:#e20000;
text-decoration:none;
}
a.back:active{
color:#ff3636;
text-decoration:underline;
}
.keyicon {
padding:3px;
background:#FFF;
border:1px solid #CCC;
}

/*---------------------------------------------------------------------*/
/* 07/12 session block*/
/*---------------------------------------------------------------------*/
.session-item2 .outline-photo .left-block {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 171px;
float: left;
}
.session-item .right-block {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 487px;
float: right;
}
.session-item .right-block2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 487px;
float: right;
}
.session-item2 .left-block p {
font-size: 10px;
line-height: 130%;
}
.session-item .profile {
border-top: 1px dotted #DDD;
padding: 0 0 0 0;
margin:0 15px 0;
}

/*---------------------------------------------------------------------*/
/* 07/12 sponsor*/
/*---------------------------------------------------------------------*/
.sponsor-item ul{
list-style:none;
}
.sponsor-item {
width: 670px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sponsor-item ul.diamondsp {
margin: 15px 0px 0px 0px;
padding: 0px 0px 20px 0px;
height: 100px;
width: 670px;
}
.sponsor-item ul li.diamondsp1 {
margin: 0 0 0 0;
padding: 0px 15px 0px 10px;
float: left;
height: 100px;
width: 172px;
line-height: 100%;
}
.sponsor-item ul li.diamondsp2 {
margin: 0 0 0 0;
padding: 0px 5px 0px 0px;
float: left;
height: 100px;
width: 149px;
line-height: 100%;
}
.sponsor-item ul li.diamondsp3 {
margin: 0 0 0 0;
padding: 5px 25px 0px 0px;
float: left;
height: 100px;
width: 138px;
line-height: 100%;
}
.sponsor-item ul li.diamondsp4 {
margin: 0 0 0 0;
padding: 5px 0px 5px 0px;
float: left;
height: 100px;
width: 139px;
line-height: 100%;
}
.sponsor-item ul.platinumsp1d {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 66px;
width: 670px;
clear: left;
}
.sponsor-item ul li.platinumsp1 {
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
float: left;
height: 63px;
width: 172px;
line-height: 100%;
}
.sponsor-item ul li.platinumsp2 {
margin: 0 0 0 0;
padding: 0px 26px 0px 0px;
float: left;
height: 63px;
width: 149px;
line-height: 100%;
}
.sponsor-item ul li.platinumsp3 {
margin: 0 0 0 0;
padding: 0px 26px 0px 0px;
float: left;
height: 63px;
width: 140px;
line-height: 100%;
}
.sponsor-item ul li.platinumsp4 {
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
float: left;
height: 63px;
width: 140px;
line-height: 100%;
}
.sponsor-item ul.platinumsp2d {
margin: 40px 0px 0px 0px;
padding: 0px 0px 30px 0px;
height: 68px;
width: 670px;
clear: left;
}
.sponsor-item ul li.platinumsp5 {
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
float: left;
height: 68px;
width: 172px;
line-height: 100%;
}
.sponsor-item ul li.platinumsp6 {
margin: 0 0 0 0;
padding: 0px 30px 0px 0px;
float: left;
height: 68px;
width: 169px;
line-height: 100%;
}
.sponsor-item ul li.platinumsp7 {
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
float: left;
height: 68px;
width: 149px;
line-height: 100%;
}
.sponsor-item ul.goldsp1d {
margin: 20px 0px 0px 0px;
padding: 0px 0px 5px 0px;
height: 45px;
}
.sponsor-item ul li.goldsp1 {
margin: 0 0 0 0;
padding: 0px 2px 0px 15px;
float: left;
height: 45px;
width: 98px;
line-height: 100%;
}
.sponsor-item ul li.goldsp2 {
margin: 0 0 0 0;
padding: 0px 5px 0px 0px;
float: left;
height: 45px;
width: 98px;
line-height: 100%;
}
.sponsor-item ul li.goldsp7 {
margin: 0 0 0 0;
padding: 0px 23px 0px 0px;
float: left;
height: 45px;
width: 84px;
line-height: 100%;
}
.sponsor-item ul li.goldsp3 {
margin: 0 0 0 0;
padding: 0px 15px 0px 0px;
float: left;
height: 45px;
width: 156px;
line-height: 100%;
}
.sponsor-item ul li.goldsp8 {
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
float: left;
height: 45px;
width: 125px;
line-height: 100%;
}
.sponsor-item ul.goldsp2d {
margin: 20px 0px 0px 0px;
padding: 0px 0px 30px 0px;
height: 45px;
}
.sponsor-item ul li.goldsp4 {
margin: 0 0 0 0;
padding: 0px 10px 0px 15px;
float: left;
height: 45px;
width: 121px;
line-height: 100%;
}
.sponsor-item ul li.goldsp5 {
margin: 0 0 0 0;
padding: 0px 18px 0px 0px;
float: left;
height: 45px;
width: 110px;
line-height: 100%;
}
.sponsor-item ul li.goldsp6 {
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
float: left;
height: 45px;
width: 124px;
line-height: 100%;
}
.sponsor-item ul.silversp1d {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 36px;
}
.sponsor-item ul li.silversp1 {
margin: 0 0 0 0;
padding: 0px 13px 0px 30px;
float: left;
height: 36px;
width: 97px;
line-height: 100%;
}   
.sponsor-item ul li.silversp2 {
margin: 0 0 0 0;
padding: 0px 16px 0px 0px;
float: left;
height: 36px;
width: 107px;
line-height: 100%;
}
.sponsor-item ul li.silversp4 {
margin: 0 0 0 0;
padding: 0px 21px 0px 0px;
float: left;
height: 36px;
width: 130px;
line-height: 100%;
}
.sponsor-item ul li.silversp3 {
margin: 0 0 0 0;
padding: 0px 15px 0px 0px;
float: left;
height: 36px;
width: 106px;
line-height: 100%;
}
.sponsor-item ul li.silversp7 {
margin: 0 0 0 0;
padding: 0px 27px 0px 0px;
float: left;
height: 36px;
width: 84px;
line-height: 100%;
}
.sponsor-item ul li.silversp5 {
margin: 0 0 0 0;
padding: 0px 30px 0px 30px;
float: left;
height: 36px;
width: 90px;
line-height: 100%;
}
.sponsor-item ul.silversp2d {
margin: 15px 0px 0px 0px;
padding: 0px 10px 0px 0px;
height: 36px;
}
.sponsor-item ul li.silversp6 {
margin: 0 0 0 0;
padding: 0px 37px 0px 0px;
float: left;
height: 36px;
width: 89px;
line-height: 100%;
}
.sponsor-item ul.exposp1d {
margin: 20px 0px 0px 0px;
padding: 0px 0px 30px 0px;
height: 42px;
}
.sponsor-item ul li.exposp1 {
margin: 0 0 0 0;
padding: 0px 51px 0px 0px;
float: left;
height: 42px;
width: 78px;
line-height: 100%;
}
.sponsor-item ul li.exposp2 {
margin: 0 0 0 0;
padding: 0px 30px 0px 0px;
float: left;
height: 42px;
width: 90px;
line-height: 100%;
}
.sponsor-item ul li.exposp3 {
margin: 0 0 0 0;
padding: 0px 30px 0px 0px;
float: left;
height: 42px;
width: 93px;
line-height: 100%;
}
.sponsor-item ul li.exposp4 {
margin: 0 0 0 0;
padding: 0px 51px 0px 53px;
float: left;
height: 42px;
width: 45px;
line-height: 100%;
}
.sponsor-item ul li.exposp5 {
margin: 0 0 0 0;
padding: 0px 38px 0px 0px;
float: left;
height: 42px;
width: 86px;
line-height: 100%;
}
.sponsor-item ul li.exposp6 {
margin: 0 0 0 0;
padding: 0px 28px 0px 0px;
float: left;
height: 38px;
width: 98px;
line-height: 100%;
}
.sponsor-item ul li.exposp7 {
margin: 0 0 0 0;
padding: 0px 10px 0px 0px;
float: left;
height: 38px;
width: 98px;
line-height: 100%;
}
