@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,input,textarea,table { font-size:100%; }
dt,dd,form,textarea,input,select,option,address,em {
font-weight:normal;
font-style: normal;
}
td,th {
font-weight:normal;
vertical-align:top;
text-align:left;
}
img{
border:none;
vertical-align: baseline;
}
table { border:none; }
a {
border:none;
text-decoration:none;
}
ul,ol{ list-style-type:none; }
hr {
display:none;
visibility:hidden;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.textHidden{
overflow:hidden;
}
/*------------------------------------------------*/
body{
background:url(../img/bg2.jpg) top center;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#upper{
background:url(../img/bg1.jpg) top center repeat-x;
/*131225 add*/
background:url(../img/bg1_131225.jpg) top center repeat-x;
}
#upper_contents{
width:960px;
height:617px;
margin:0 auto;
/*131225 add*/
height:756px;
}
#upper_contents h1{
text-align:center;
}
#wrap_contents_L{
width:480px;
float:left;
height:269px;
margin-top:-269px;
position:relative;
}
#wrap_contents_R{
width:480px;
height:269px;
float:right;
margin-top:-269px;
position:relative;
}
#day{
width:276px;
height:156px;
margin-top:40px;
margin-left:20px;
}
.sns{
float:right;
position:relative;
margin-right:20px;
}
.sns li{
width:37px;
height:36px;
display:block;
float:left;
margin-right:10px;
}
/*.sns .fb{
background:url(../img/fb_btn.jpg) no-repeat;
}
.sns .tw{
background:url(../img/tw_btn.jpg) no-repeat;
}*/
#ticket_L a{
width:267px;
height:160px;
background:url(../img/ticket_L.png) no-repeat;
float:right;
position:relative;
margin-top:60px;
margin-right:-100px;
text-indent:-9999px;
}
#ticket_L a:hover{
background:url(../img/ticket_L_hover.png) no-repeat;
}
#fb_page{
margin-left:14px;
}
#fb_page a:hover{
opacity:0.7;
}
/*------------------------------------------------*/
#main{
background:url(../img/bg2.jpg) top center;
padding-top:20px;
padding-bottom:20px;
}
#roadmap,#visitor,#movie{
width:960px;
margin:0 auto;
}
/*#roadmap a{
color:#FFF;
font-size:18px;
font-weight:bold;
margin:6px 0 0 30px;
padding:2px 20px 0 20px;
background-color:#3E0202;
}*/
#roadmap a:hover{
color:#FFE517;
}
#preliminary{
display:block;
height:101px;
margin-top:2px;
}
#final{
display:block;
width:399px;
height:278px;
margin-top:-196px;
margin-left:496px;
}
#visitor{
clear:both;
/*margin-top:-60px;*/
width:960px;
}
#visitor h2{
margin-left:20px;
}
#visitor #free{
display:block;
width:95px;
height:94px;
margin-top:-88px;
margin-left:300px;
}
#visitor .plan_text{
font-size:14px;
color:#FFF;
line-height:1.2;
padding-left:50px;
}
#visitor #recru_table{
width:960px;
height:216px;
background:url(../img/schedule_bg.jpg) no-repeat;
}
#visitor #recru_table2{
width:960px;
height:216px;
background:url(../img/schedule_bg3.jpg) no-repeat;
}
#apply{
width:960px;
height:100px;
background:url(../img/apply_bg.jpg) no-repeat;
padding:0 0 30px 0;
}
#apply a{
display:block;
width:279px;
height:70px;
background:url(../img/ticket_S_normal.jpg) no-repeat top right;
float:left;
margin-left:100px;
margin-top:20px;
text-indent:-9999px;
}
#apply a:hover{
background:url(../img/ticket_S_hover.jpg) no-repeat top right;
}
#apply p{
display:block;
width:500px;
float:left;
padding-top:20px;
padding-left:20px;
color:#FFF;
}
#apply strong{
padding-bottom:8px;
}
#about{
background:url(../img/bg3.jpg) top center;
height:308px;
}
#about ul{
width:960px;
margin:0 auto;
padding-top:40px;
}
#about ul li{
float:left;
margin-left:40px;
}
#bottom{
background:url(../img/bg4.jpg) top center;
}
#bottom #bottom_inner{
width:960px;
margin:0 auto;
}
#bottom #copy{
text-align:center;
font-size:12px;
color:#FFF;
padding-top:20px;
padding-bottom:80px;
}
#bottom #last_year{
display:block;
width:290px;
height:84px;
float:right;
background:url(../img/last_year.jpg) no-repeat;
margin-top:-121px;
position:relative;
text-indent:-9999px;
}
#bottom #last_year:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity:0.7;
}
#pass{
font-size:14px;
color:#FFF;
padding-bottom:40px;
}
#pass_list{
width:840px;
margin:0 auto;
margin-top:10px;
background-color:#3E0202;
border:1px solid #270C01;
}
#pass_list h3{
clear:both;
text-align:center;
font-size:18px;
padding-bottom:6px;
padding-top:10px;
}
#pass_list ul{
padding-bottom:20px;
}
#pass_list p{
clear:both;
padding-top:40px;
text-align:center;
}
#tokyo{
float:left;
padding-left:20px;
}
#osaka{
float:right;
}
#tokyo2{
padding:0 10px 20px 10px;
}
#osaka2 h3{
padding-top:30px;
}
#osaka2{
margin-bottom:30px;
}
#tokyo2 ul,#osaka2 ul{
}
#tokyo2 ul li,#osaka2 ul li{
width:270px;
text-align:center;
float:left;
}
#osaka2{
padding:0 10px 20px 10px;
}
#pass_list a{
clear:both;
display:block;
width:300px;
text-align:center;
color:#FFF;
font-size:20px;
font-weight:bold;
margin:0 auto;
margin-top:20px;
padding:4px 10px 4px 10px;
background-color:#F30;
margin-bottom:20px;
border-bottom:2px solid #633;
}
#pass_list a:hover{
background-color:#F60;
}
#tab_menu{
width:960px;
margin:0 auto;
}
#tab_menu li{
float:left;
margin-top:-23px;
}
#tab_menu li a:hover{
opacity:0.7;
}
#tab_menu2 li a:hover{
opacity:0.7;
}
#roadmap2{
padding-bottom:90px;
}
#pyramid{
/*float:left;
margin:50px 0 0 0;*/
}
#facebook{
width:374px;
height:492px;
float:right;
background:url(../img/timeline_bg.jpg) no-repeat;
margin:20px 50px 0 0;
}
#facebook iframe{
background-color:#FFF;
margin:6px 0 0 6px;
}
#final_s{
width:244px;
height:171px;
display:block;
margin:-350px 0 0 204px;
}
#venue{
width:195px;
height:115px;
display:block;
margin:50px 0 0 304px;
}
#roadmap{
margin-top:30px;
}
#twitter{
width:374px;
height:34px;
float:left;
margin:20px 0 0 -48px;
position:relative;
}
#twitter img{
padding:0 0 10px 0;
}
#twitter a:hover{
opacity:0.7;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓ add 131225↓↓↓↓↓↓↓↓↓↓↓↓*/
#nav{
height:40px;
background:url(../img/nav_bg.jpg) top center;
}
#nav ul{
width:960px;
margin:0 auto;
}
#nav ul li{
float:left;
margin:10px 20px 0 0;
}
#nav ul li a:hover{
opacity:0.6;
}
#main_text{
width:403px;
float:right;
padding:10px 20px 0 0;
}
#actor{
width:520px;
}
/*#actor img{
padding:0 0 0 40px;
margin:-10px 0 0 0;
position:relative;
}*/
#recru_final{
width:500px;
height:206px;
background:url(../img/schedule_bg_final.jpg) no-repeat;
background:url(../img/schedule_bg_final2.jpg) no-repeat;
float:left;
}
#apply_final{
width:460px;
height:206px;
background:url(../img/apply_bg_final.jpg) no-repeat;
float:right;
}
#visitor table{
width:425px;
font-size:16px;
text-align:center;
border-collapse:collapse;
margin:4px 0 0 56px;
}
#visitor table td{
vertical-align:middle;
height:29px;
}
#visitor table .two_line{
height:49px;
}
#visitor table .place{
color:#FFF;
text-align:center;
font-weight:bold;
margin-top:24px;
}
#visitor table .osaka{
background-color:#c43519;
border:1px solid #c43519;
}
#visitor table .tokyo{
background-color:#363870;
border:1px solid #363870;
}
#visitor table .item{
width:106px;
background-color:#ffe314;
color:#522b10;
font-weight:bold;
text-align:center;
vertical-align:middle;
border:1px solid #7b3b33;
}
#visitor table .detail{
background-color:#FFF;
line-height:1.2;
padding-left:6px;
border:1px solid #7b3b33;
}
#apply_final a{
display:block;
width:279px;
height:70px;
background:url(../img/ticket_S_normal.jpg) no-repeat top right;
float:left;
margin:40px 0 20px 64px;
text-indent:-9999px;
}
#apply_final a:hover{
background:url(../img/ticket_S_hover.jpg) no-repeat top right;
}
#apply_final p{
padding:0 0 0 18px;
}
#tab_menu li{
margin-top:-22px;
}
#day{
margin:-30px 0 0 -20px;
padding:0;
}
#news{
width:270px;
float:left;
padding:20px 0 0 0;
}
#news img{
}
#news_inner{
width:262px;
height:80px;
background-color:#532709;
margin:2px 0 0 0;
padding:4px 0 0 4px;
}
#news_inner a{
text-decoration:none;
color:#FFF;
font-weight:bold;
}
#news_inner a:hover{
color:#FC3;
}
#upper2{
background:url(../img/bg1.jpg) top center repeat-x;
}
#upper_contents2{
width:960px;
height:617px;
margin:0 auto;
}
#tab_menu2{
width:960px;
margin:0 auto;
}
#tab_menu2 li{
float:left;
margin-top:-22px;
}
#upper_contents2 h1{
text-align:center;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓ add 140106↓↓↓↓↓↓↓↓↓↓↓↓*/
#pyramid{
/*float:left;
margin:50px 0 0 0;*/
margin:10px 0 40px 0;
width:482px;
height:413px;
float:left;
display:block;
background:url(../img/pyramid_140106.jpg);
}
#baloon{
display:block;
width:151px;
height:132px;
background:url(../img/prof_btnSP.png) no-repeat;
float:left;
margin:0 -100px 0 0;
position:relative;
}
#baloon:hover{
background-position:0 -132px;
}
.reception_h2{
display:block;
float:left;
padding:0 104px 0 0;
}
.reception_end{
padding:0 0 0 30px;
}
.cboxElement{
border:none;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓ add 140114↓↓↓↓↓↓↓↓↓↓↓↓*/
#upper{
background:url(../img/bg1_140114.jpg) top center repeat-x;
}
#upper_contents{
height:647px;
}
#upper2{
background:url(../img/bg1_u.jpg) top center repeat-x;
}
#upper_contents2{
height:366px;
}
#day{
background:url(../img/day_bg.jpg) no-repeat;
margin:-27px 0 0 0;
height:258px;
}
#day img{
padding:30px 0 0 20px;
}
#day2{
height:258px;
margin-top:40px;
margin-left:20px;
background:url(../img/day_bg_u.jpg) no-repeat;
margin:-27px 0 0 0;
}
#day2 img{
padding:30px 0 0 20px;
}
#headline{
padding:20px 0 0 0;
}
#main_text{
margin:0;
float:left;
margin:-10px 0 0 0;
}
#news{
width:271px;
height:94px;
float:right;
margin:40px -114px 0 0;
}
#news_inner{
background:url(../img/news_bg.jpg) no-repeat;
}
#headline_area{
width:479px;
float:right;
}
#actor{
width:481px;
margin:-26px 0 0 0;
}
#baloon{
display:block;
width:151px;
height:132px;
background:url(../img/prof_btnSP2.png) no-repeat;
}
#visitor{
padding-top:40px;
padding-bottom:40px;
}
.visitor_detail{
width:300px;
float:left;
}
.visitor_detail p{
text-align:center;
}
#smp{
width:960px;
margin:0 auto;
}
#pyramid{
background:url(../img/pyramid_140114.jpg);
}
/*↓↓↓↓↓↓↓↓↓↓↓↓ add 140121↓↓↓↓↓↓↓↓↓↓↓↓*/
#movie{
clear:both;
padding:10px 0 0 0;
width:586px;
}
#movie_inner{
float:left;
}
.midokoro{
width:233px;
height:144px;
background:url(../img/midokoro_frame.png) no-repeat;
margin:10px 10px 0 0;
float:left;
}
.midokoro a{
display:block;
margin:6px 0 0 6px;
}
#pr{
width:475px;
height:125px;
background:url(../img/pr_bg.jpg) no-repeat;
float:left;
margin:10px 0 0 0;
}
#pr ul{
margin:10px 0 0 8px;
}
#pr li{
float:left;
margin:0 14px 0 14px;
}
#pr a{
display:block;
width:114px;
height:64px;
background:url(../img/pr_flame.jpg) no-repeat;
padding:3px 5px 6px 5px;
margin-top:6px;
}
#pr h3{
display:block;
width:124px;
height:20px;
}
#main_inner{
width:960px;
margin:0 auto;
}
#main_L{
width:586px;
float:left;
}
#main_R{
width:374px;
float:right;
}
#yosou{
margin:-20px 0 0 -48px;
background:url(../img/yosou_bg.jpg) no-repeat;
background-position:0 104px;
}
#yosou h2{
padding:0 0 6px 0;
}
#yosou li{
float:left;
margin:0 14px 0 0;
}
#yosou p{
width:350px;
color:#FFF;
font-size:14px;
padding:10px 0 10px 0;
}
#actor{
width:473px;
height:364px;
overflow:hidden;
float:left;
margin:-12px 0 0 0;
padding:0;
}
#moderator{
display:block;
width:237px;
height:364px;
float:left;
margin:0;
}
#assistant{
display:block;
width:236px;
height:343px;
float:right;
margin:20px 0 0 0;
}
/*------------------------------------------------
IE
------------------------------------------------*/
.ie_gt #ticket_L{
}
/*------------------------------------------------
IE8
------------------------------------------------*/
.ie8 #ticket_L{
}
.ie8 #bottom #last_year{
margin-top:-123px;
}
.ie8 #visitor table{
margin-top:0;
}