@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- MATLAB EXPO2010 expo2010.css 　公式サイト用 2010.07.25 h-design@pi.mods.jp ----------------------------------------------------------------------------------------------------- */ /* 基本ブルー#125687　　基本オレンジ#D27800　*/ body { margin:0; padding:0; background: url(../images/bg.jpg) #DCE6E8 repeat-x; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;} h1 { margin:0; padding:0;} h2 { margin:0; padding:0;} h3 { margin:0; padding:0;} .imgover {} a { text-decoration:none;} /* ヘッダー ----------------------------------------------------------------------------------------------------- */ #mathworks-header { width:820px; height: 65px; margin:0 auto 8px auto;} #keyimage-large { width:820px; height:206px; margin:0 auto;} #keyimage-small { width:820px; height:149px; margin:0 auto;} /* グローバルメニュー ----------------------------------------------------------------------------------------------------- */ #globalnavi { width:820px; height:22px; margin:0 auto 8px auto;} #globalnavi ul { margin:0; padding:0; list-style:none; font-size:11px; font-weight:bold;} #globalnavi ul li { float:left; text-align:center;} #globalnavi ul li a { color:#FFF; text-decoration:none;} #globalnavi ul li a:hover { color:#FFF;} #globalnavi ul li.haba1 { width:114px; height:17px; display:block;} #globalnavi ul li.haba1 a { width:114px; height:17px; display:block; padding-top:5px; background:url(../images/navi1_bg.png);} #globalnavi ul li.haba1 a:hover { width:114px; height:17px; display:block; padding-top:5px; background:url(../images/navi1_bg.png) 0 -22px;} #globalnavi ul li.haba2 { width:136px; height:17px; display:block;} #globalnavi ul li.haba2 a { width:136px; height:17px; display:block; padding-top:5px; background:url(../images/navi2_bg.png);} #globalnavi ul li.haba2 a:hover { width:136px; height:17px; display:block; padding-top:5px; background:url(../images/navi2_bg.png) 0 -22px;} #globalnavi ul li.stay1 a { width:114px; height:17px; color:#000; display:block; padding-top:5px; background:url(../images/navi1_bg.png) 0 -44px;} #globalnavi ul li.stay2 a { width:136px; height:17px; color:#000; display:block; padding-top:5px; background:url(../images/navi2_bg.png) 0 -44px;} /* 基本指定 ----------------------------------------------------------------------------------------------------- */ #wrap { width:820px; margin:8px auto 15px auto;} #contents-area { width:561px; float:left;} #menu-area { width:251px; float:right;} #menu-area .whiteback { background:#FFF; width:229px; padding:11px 11px 11px 11px;} /* メニューエリア ----------------------------------------------------------------------------------------------------- */ #menu-area .whiteback .regist { width:229px; height:92px; margin-bottom:10px;} #menu-area .whiteback .brochure { width:229px; height:33px; margin-bottom:10px;} #menu-area .whiteback .banner { width:229px; height:33px; margin-bottom:10px;} #menu-area .whiteback .hash { width:229px; height:33px; margin-bottom:10px;} #menu-area .whiteback .friend { width:229px; height:115px; margin-bottom:10px;} /* フッター ----------------------------------------------------------------------------------------------------- */ #foot-wrap { width:780px; position:relative; margin:20px auto; font-size:10px; color:#666; text-align:right;} #foot-wrap img { float:left;} #foot-wrap .box-top { width:735px; margin:0 0 0 45px; padding:2px 0; border-bottom:#CCC solid 1px;} #foot-wrap .box-top span { display:block; float:left;} #foot-wrap .box-bottom { width:735px; margin:0 0 0 45px; padding:2px 0; text-align: right;} #foot-wrap .box-bottom span { display:block; float:left;} #foot-wrap a { color:#666; text-decoration:none;} #foot-wrap a:hover { color:#A0BBDC; text-decoration:underline;} /* Home index.html ----------------------------------------------------------------------------------------------------- */ #home #contents-area .box { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #home #contents-area .box h1 { margin-top:10px;} #home #contents-area .box p { font-size:80%; line-height:1.6;} #home #contents-area .friendbox { width:561px; height:133px; margin-bottom:8px;} #home #contents-area .partnerbox { width:535px; padding:13px; background:#FFF; position:relative;} #home #contents-area .partnerbox h2 { font-size:18px; margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:#000 solid 1px;} #home #contents-area .partnerbox .logobox { width:88px; height:50px; float:left; margin:0 1px 20px 0;} #home #menu-area .whiteback .update-wrap { width:229px; margin-top:10px;} #home #menu-area .whiteback .update-title { width:229px; height:24px; font-size:16px; font-weight:bold; background:url(../images/whatsnew_bg.png) no-repeat; padding:8px 0 0 8px;} #home #menu-area .whiteback .update { width:229px; height:70px; background:#D9DDE0; overflow:auto;} #home #menu-area .whiteback .update dl { margin:10px; padding:0; list-style:none; font-size:11px;} #home #menu-area .whiteback .update dl dt { width:30px; color:#000; float:left;} #home #menu-area .whiteback .update dl dd { width:150px; margin-bottom:1em;} #home #menu-area .whiteback .update dl a { color:#3771B1;} #home #menu-area .whiteback .update dl a:hover { color:#3771B1; text-decoration:underline;} /* 開催概要 outlie.html ----------------------------------------------------------------------------------------------------- */ #outline #contents-area .box1 { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #outline #contents-area .box1 h1 { font-size:20px; margin-bottom:12px;} #outline #contents-area .box1 dl { width:531px; margin:0; padding:0; font-size:12px; border-top:#CCC dotted 1px;} #outline #contents-area .box1 dt { width: 60px; height:20px; padding:16px 16px 16px 8px; border-bottom:#CCC dotted 1px; float:left;} #outline #contents-area .box1 dd { width:420px; border-bottom:#CCC dotted 1px; margin-left:84px;} #outline #contents-area .box1 dd span.big { font-size:16px; font-weight:bold;} #outline #contents-area .box1 dd span.small { font-size:80%; font-weight:bold;} #outline #contents-area .box1 dd.date { height:16px; padding:18px 0;} #outline #contents-area .box1 dd.plac { height:26px; padding:13px 0;} #outline #contents-area .box1 dd.plac a { color:#000;} #outline #contents-area .box1 dd.plac a:hover { color:#125687} #outline #contents-area .box1 dd.fee { height:12px; padding:20px 0;} #outline #contents-area .box1 dd.orga { height:12px; padding:20px 0;} #outline #contents-area .box2 { width:551px; padding:5px; background:url(../images/Gray_bg.jpg) repeat-x #616161; margin-bottom:8px;} #outline #contents-area .matlab-box { width:250px; float:left; margin:10px 0 0 10px} #outline #contents-area .matlab-box p { font-size:12px; line-height:1.6; color:#FFF; margin:8px 0 0 0; padding:0;} #outline #contents-area .box2 .flv-box { width:278px; height:243px; float:right;} #outline #contents-area .box09 { width:539px; padding:10px; margin-bottom:8px; background:url(../images/White_bg.jpg) repeat-x #FFF; border:#8C9294 solid 1px;} #outline #contents-area .box09 p { margin:10px 0 10px 15px; padding:0;} #outline #contents-area .box09 .box-w { width:510px; padding:10px;} #outline #contents-area .box09 .box-w ul { margin:0; padding:0; list-style:none; font-size:12px; line-height:1.3;} #outline #contents-area .box09 .box-w li { width:416px; padding:12px 10px 12px 70px; margin-bottom:6px; border-top:#8C9294 dotted 1px;} #outline #contents-area .box09 .box-w li.ic01 { background:url(../images/icon01.png) no-repeat 10px center;} #outline #contents-area .box09 .box-w li.ic02 { background:url(../images/icon02.png) no-repeat 10px center;} #outline #contents-area .box09 .box-w li.ic03 { background:url(../images/icon03.png) no-repeat 10px center;} #outline #contents-area .box09 .box-w li.ic04 { background:url(../images/icon04.png) no-repeat 10px center;} #outline #contents-area .box09 .box-w li.ic05 { background:url(../images/icon05.png) no-repeat 10px center;} #outline #contents-area .box09 .box-w .swf-box { width:511px; height:116px;} /* プログラム詳細(展示トップ)program.html　exhibition.html ----------------------------------------------------------------------------------------------------- */ #program #contents-area .box1 { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #program #contents-area .box1 h1 { font-size:20px; margin-bottom:12px;} #program .track-wrap { width:528px; margin-bottom:15px;} #program .track-room { width:513px; height:15px; font-size:12px; color:#000; padding:3px 0 2px 15px; background:#E0E0E0;} #program .track-wrap p { width:498px; margin:10px 15px; padding:0; font-size:12px; line-height:21px;} #program .track-title00 { width:513px; height:26px; font-size:14px; font-weight:bold;} #program .track-title00 a { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_key.png) no-repeat; color:#FFF; text-decoration:none; display:block;} #program .track-title00 a:hover { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_key.png) no-repeat 0 -29px; color:#FFF; text-decoration:none; display:block;} #program .track-title01 { width:513px; height:26px; font-size:14px; font-weight:bold;} #program .track-title01 a { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_sig.png) no-repeat; color:#FFF; text-decoration:none; display:block;} #program .track-title01 a:hover { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_sig.png) no-repeat 0 -29px; color:#FFF; text-decoration:none; display:block;} #program .track-title02 { width:513px; height:26px; font-size:14px; font-weight:bold;} #program .track-title02 a { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_cot.png) no-repeat; color:#FFF; text-decoration:none; display:block;} #program .track-title02 a:hover { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_cot.png) no-repeat 0 -29px; color:#FFF; text-decoration:none; display:block;} #program .track-title03 { width:513px; height:26px; font-size:14px; font-weight:bold;} #program .track-title03 a { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_tec.png) no-repeat; color:#FFF; text-decoration:none; display:block;} #program .track-title03 a:hover { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_tec.png) no-repeat 0 -29px; color:#FFF; text-decoration:none; display:block;} #program .track-title04 { width:513px; height:26px; font-size:14px; font-weight:bold;} #program .track-title04 a { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_eng.png) no-repeat; color:#FFF; text-decoration:none; display:block;} #program .track-title04 a:hover { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_eng.png) no-repeat 0 -29px; color:#FFF; text-decoration:none; display:block;} #program .track-title05 { width:513px; height:26px; font-size:14px; font-weight:bold;} #program .track-title05 a { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_cod.png) no-repeat; color:#FFF; text-decoration:none; display:block;} #program .track-title05 a:hover { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_cod.png) no-repeat 0 -29px; color:#FFF; text-decoration:none; display:block;} #program .track-title06 { width:513px; height:26px; font-size:14px; font-weight:bold;} #program .track-title06 a { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_adv.png) no-repeat; color:#FFF; text-decoration:none; display:block;} #program .track-title06 a:hover { width:513px; padding:6px 0 6px 15px; background:url(../images/prg_tit_adv.png) no-repeat 0 -29px; color:#FFF; text-decoration:none; display:block;} /* 展示　共通ナビゲーション ----------------------------------------------------------------------------------------------------- */ #exhibition #menu-area { background:url(../images/exhibition_menu_bg.jpg) repeat-x;} #exhibition .whiteback { background:none; padding:15px 11px 150px 11px;} #exhibition #menu-area ul { margin:0; padding:0; list-style:none;} #exhibition #menu-area ul li { font-size:12px; font-weight:bold; padding:19px 0 13px 5px;} #exhibition #menu-area ul li span { display:block;} #exhibition #menu-area ul li span a { color:#000; padding-left:1em;} /*上部カテゴリーカラーバー*/ #exhibition #menu-area ul li.key { background:url(../images/track00s.png) no-repeat top;} #exhibition #menu-area ul li.t01 { background:url(../images/track01s.png) no-repeat top;} #exhibition #menu-area ul li.t02 { background:url(../images/track02s.png) no-repeat top;} #exhibition #menu-area ul li.t03 { background:url(../images/track03s.png) no-repeat top;} #exhibition #menu-area ul li.t04 { background:url(../images/track04s.png) no-repeat top;} #exhibition #menu-area ul li.t05 { background:url(../images/track05s.png) no-repeat top;} #exhibition #menu-area ul li.t06 { background:url(../images/track06s.png) no-repeat top;} #exhibition #menu-area ul li.keys { background:url(../images/track00s.png) no-repeat 0 0;} #exhibition #menu-area ul li.t01s { background:url(../images/track01s.png) no-repeat 0 0;} #exhibition #menu-area ul li.t02s { background:url(../images/track02s.png) no-repeat 0 0;} #exhibition #menu-area ul li.t03s { background:url(../images/track03s.png) no-repeat 0 0;} #exhibition #menu-area ul li.t04s { background:url(../images/track04s.png) no-repeat 0 0;} #exhibition #menu-area ul li.t05s { background:url(../images/track05s.png) no-repeat 0 0;} #exhibition #menu-area ul li.t06s { background:url(../images/track06s.png) no-repeat 0 0;} /* Stay 指定-----*/ #exhibition #menu-area ul li.keys span a { background:url(../images/track00_dot.png) no-repeat 0 0;} #exhibition #menu-area ul li.t01s span a { background:url(../images/track01_dot.png) no-repeat 0 0;} #exhibition #menu-area ul li.t02s span a { background:url(../images/track02_dot.png) no-repeat 0 0;} #exhibition #menu-area ul li.t03s span a { background:url(../images/track03_dot.png) no-repeat 0 0;} #exhibition #menu-area ul li.t04s span a { background:url(../images/track04_dot.png) no-repeat 0 0;} #exhibition #menu-area ul li.t05s span a { background:url(../images/track05_dot.png) no-repeat 0 0;} #exhibition #menu-area ul li.t06s span a { background:url(../images/track06_dot.png) no-repeat 0 0;} /* ロールオーバー-----*/ #exhibition #menu-area ul li.key a:hover, #exhibition #menu-area ul li.t01 a:hover, #exhibition #menu-area ul li.t02 a:hover, #exhibition #menu-area ul li.t03 a:hover, #exhibition #menu-area ul li.t04 a:hover, #exhibition #menu-area ul li.t05 a:hover, #exhibition #menu-area ul li.t06 a:hover { background:url(../images/track_dot.png) no-repeat 0 0;} #exhibition #contents-area .box { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #exhibition #contents-area .box h1 { font-size:20px; font-weight:bold; margin-bottom:12px;} #exhibition #contents-area .box h1 span { font-size:12px; line-height:1.15;} #exhibition #contents-area .box h2 { width:517px; height:29px; font-size:14px; padding:7px; margin:20px 0 0 0;} #exhibition #contents-area .box .exhi-box { width:521px; margin:0 auto 25px auto; padding:0 5px;} #exhibition #contents-area .box .exhi-box .photo { width:150px; float:left; margin-right:1em;} #exhibition #contents-area .box .exhi-box .abstract { width:356pxx; margin-left:165px;} #exhibition #contents-area .box .exhi-box p { font-size:12px; line-height:1.7; margin:0 0 0.8em 0; padding:0;} #exhibition #contents-area .box .exhi-box ul { margin:0; padding:0 0 0 1em;} #exhibition #contents-area .box .exhi-box ul li { font-size:12px; line-height:1.3; margin-bottom:0.8em;} .t00 h2 { background:url(../images/track00.png) no-repeat; color:#FFF;} .t01 h2 { background:url(../images/track01.png) no-repeat; color:#FFF;} .t02 h2 { background:url(../images/track02.png) no-repeat; color:#FFF;} .t03 h2 { background:url(../images/track03.png) no-repeat; color:#FFF;} .t04 h2 { background:url(../images/track04.png) no-repeat; color:#FFF;} .t05 h2 { background:url(../images/track05.png) no-repeat; color:#FFF;} /* パートナー ----------------------------------------------------------------------------------------------------- */ #patner #contents-area2 { width:820px; background:#FFF; padding:15px 0;} #patner #contents-area2 h1 { font-size:20px; margin:0 0 12px 15px;} #patner #contents-area2 .navi { width:780px; height:22px; margin:0 auto 15px auto;} #patner #contents-area2 .navi ul { width:660px; height:22px; margin:0; padding:0; list-style:none; font-size:14px; font-weight:bold; border-right:#666 solid 1px;} #patner #contents-area2 .navi ul li { width:65px; height:22px; background:url(../images/partner_navi_bg.png); border-left:#666 solid 1px; text-align:center; float:left;} #patner #contents-area2 .navi ul li a { width:65px; height:14px; padding:4px 0; background:url(../images/partner_navi_bg.png); display:block; color:#000;} #patner #contents-area2 .navi ul li a:hover { width:65px; height:14px; padding:4px 0; background:url(../images/partner_navi_bg.png) 0 -22px; display:block; color:#FFF;} #patner #contents-area2 .navi ul li .stay { width:65px; height:14px; padding:4px 0; background:url(../images/partner_navi_bg.png) 0 -44px; display:block; color:#000;} #patner .partner-wrap { width:780px; margin:0 auto 20px auto;} #patner .partner-wrap h2 { height:22px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/track00.png) repeat-x; padding:7px 0 0 10px} #patner .partner-wrap .container { width:770px; margin-top:10px;} #patner .partner-wrap .container .logo { width:220px; height:148px; float:left;} #patner .partner-wrap .container .detail { width:550px; float:right;} #patner .partner-wrap .container .detail .photo { float:right; margin:0 0 5px 12px;} #patner .partner-wrap .container .detail h3 { font-size:14px; line-height:1.2;} #patner .partner-wrap .container .detail h4 { font-size:12px;} #patner .partner-wrap .container .detail p { font-size:12px; line-height:1.6;} #patner .partner-wrap .container .contact { width:530px; padding:10px; background:#E5E5E5; clear:both;} #patner .partner-wrap .container .contact h5 { font-size:12px; margin:0; padding:0 0 2px 0;border-bottom:#666 solid 1px;} #patner .partner-wrap .container .contact p { font-size:12px; line-height:1.5;} /* 会場案内 access.html ----------------------------------------------------------------------------------------------------- */ #access #contents-area .box1 { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #access #contents-area .box1 h1 { font-size:20px; margin-bottom:12px;} #access #contents-area .box1 .map { width:529px; height:500px; border:#CCC solid 1px; margin:0 auto;} #access #contents-area .box2 { width:531px; padding:15px; background:#FFF; font-size:12px; line-height:1.3;} #access #contents-area .box2 p { margin:0; padding:0;} #access #contents-area .box2 .midtown { font-size:18px; font-weight:bold;} #access #contents-area .box2 .midtown img { vertical-align: baseline;} #access #contents-area .box2 .jusho { margin:3px 0 0 0; padding:0;} #access #contents-area .box2 h2 { font-size:12px; margin-top:2em} #access #contents-area .box2 .moyori { margin:3px 0 0 0; padding:0 0 0 1em;} #access #contents-area .box2 ul { margin:0; padding:0 0 0 1em;} #access #contents-area .box2 ul li { margin:1em;} /* サイトマップ ----------------------------------------------------------------------------------------------------- */ #sitemap #contents-area .box1 { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #sitemap #contents-area .box1 h1 { font-size:20px; margin-bottom:12px;} #sitemap #contents-area .box1 .box2 { margin-bottom:20px; clear:both;} #sitemap #contents-area .box1 .box2 h2 { font-size:14px; padding:5px 0 0 5px; border-top:#000 solid 1px;} #sitemap #contents-area .box1 .box2 ul { margin:6px 0 0 0; padding:0 0 0 1.5em; list-style:none;} #sitemap #contents-area .box1 .box2 ul li { font-size:12px; margin-bottom:6px;} #sitemap #contents-area .box1 .box3 h2 { font-size:14px; padding:5px 0 0 5px; border-top:#000 solid 1px;} #sitemap #contents-area .box1 .box3 ul { margin:6px 0 0 0; padding:0 0 0 1.5em; list-style:none;} #sitemap #contents-area .box1 .box3 ul li { float:left; margin-right:2em; font-size:12px; margin-bottom:6px; padding-bottom:20px;} #sitemap #contents-area a:hover { text-decoration:underline;} #sitemap #contents-area a:visited { color:#125687;} /* バナー ----------------------------------------------------------------------------------------------------- */ #banner #contents-area .box1 { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #banner #contents-area .box1 h1 { font-size:20px; margin-bottom:12px;} #banner #contents-area .box1 p { font-size:12px; line-height:1.6;} #banner #contents-area .box1 p.red { color:#E00;} #banner #contents-area .box1 table { width:530px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; margin-bottom:40px;} #banner #contents-area .box1 table th { font-size:12px; background:#DDD; padding:5px 0;} #banner #contents-area .box1 table td { text-align:center; padding:12px 0; border-top:#CCC solid 1px; border-left:#CCC solid 1px; font-size:12px;} #banner #contents-area .box1 table td img { margin-bottom:3px;} /* 景品ページ　draw.html ----------------------------------------------------------------------------------------------------- */ #draw #contents-area .box1 { width:531px; padding:15px; background:#FFF; margin-bottom:8px;} #draw #contents-area .box1 h1 { font-size:20px; margin-bottom:12px;} #draw #contents-area .box1 p { font-size:12px; line-height:1.5;} #draw #contents-area .box2 { width:530px; margin-bottom:20px;} .clearfix:after { content:"."; /* 新しい要素を作る */ display:block; /* ブロックレベル要素に */ clear:both; height:0; visibility:hidden; } .clearfix { min-height:1px; } * html .clearfix { height:1px; /*\*//*/ height: auto; overflow: hidden; /**/ }