@charset "utf-8";

html { width:100%; height:100%; overflow-y:scroll;  }
body { background:url(http://image.pia.jp/images3/fujitvdirect/img/bg_body2.gif) repeat center top; width:100%; height:100%; min-width:980px; }


/* ====================================
main_column
====================================== */

/*body {
	background:#ffffe5 url(http://image.pia.jp/images3/j-ticket/share/background.gif) repeat;
}*/

.mainclm {
	width:980px;
	margin: 0 auto;
	zoom: 1.0;
}
.mainclm p{
	margin:0px;
	padding:0px;
}
.mainclm .mainbox {
	margin-left:30px;
	margin-right:20px;
	border:solid 1px #cfcfcf;
	background:#ffffff;
}
.mainclm .mainbox02 {
	margin-left:30px;
	margin-right:20px;
	border-left:solid 1px #cfcfcf;
	border-right:solid 1px #cfcfcf;
	background:#ffffff;
}
.mainclm .mainbox03 {
	margin-left:30px;
	margin-right:20px;
	border-left:solid 1px #cfcfcf;
	border-right:solid 1px #cfcfcf;
	border-bottom:solid 1px #cfcfcf;
	background:#ffffff;
}
.mainclm .clear{
    clear:both!Important;
}

/* ====================================
common
====================================== */
.mainclm .cnt { text-align:center; }
.mainclm .font-b { font-weight:bold; }
.mainclm .font-s { font-size:75% }
.mainclm .font-l { font-size:120% }
.mainclm .m0 { margin:0px!Important; }
.mainclm .m-t3 { margin-top:3px!Important; }
.mainclm .m-t5 { margin-top:5px!Important; }
.mainclm .m-t10 { margin-top:10px!Important; }
.mainclm .m-t15 { margin-top:15px!Important; }
.mainclm .m-t20 { margin-top:20px!Important; }
.mainclm .m-t25 { margin-top:25px!Important; }
.mainclm .m-t30 { margin-top:30px!Important; }
.mainclm .m-t35 { margin-top:35px!Important; }
.mainclm .m-t40 { margin-top:40px!Important; }
.mainclm .m-t50 { margin-top:50px!Important; }
.mainclm .m-t60 { margin-top:60px!Important; }
.mainclm .m-b5 { margin-bottom:5px!Important; }
.mainclm .m-b10 { margin-bottom:10px!Important; }
.mainclm .m-b15 { margin-bottom:15px!Important; }
.mainclm .m-b20 { margin-bottom:20px!Important; }
.mainclm .m-b25 { margin-bottom:25px!Important; }
.mainclm .m-b30 { margin-bottom:30px!Important; }
.mainclm .m-b40 { margin-bottom:40px!Important; }
.mainclm .m-b50 { margin-bottom:50px!Important; }
.mainclm .m-l5 { margin-left:5px!Important; }
.mainclm .m-l10 { margin-left:10px!Important; }
.mainclm .m-l20 { margin-left:20px!Important; }
.mainclm .m-l30 { margin-left:30px!Important; }
.mainclm .m-l40 { margin-left:40px!Important; }
.mainclm .m-r10 { margin-right:10px;!Important; }
.mainclm .m-r20 { margin-right:20px!Important; }
.mainclm .m-r30 { margin-right:30px!Important; }
.mainclm .m-r40 { margin-right:40px!Important; }
.mainclm .p-t5 { padding-top:5px!Important; }
.mainclm .p-t10 { padding-top:10px!Important; }
.mainclm .p-b10 { padding-bottom:10px!Important; }
.mainclm .p-b20 { padding-bottom:20px!Important; }
.mainclm .font-sb{ font-size:190%; }
.mainclm .font-sb2{ font-size:140%; }
.mainclm .font-mini{ font-size:80%; }
.mainclm .font-red{ color:#FF0000; }
.mainclm .font-blue{ color:#2E8B57; }
.mainclm .font-blue2{ color:#4169e1; }
.mainclm .font-green{ color:#0000cd; }
/* ====================================
info
====================================== */
.mainclm .newsbox{
	margin:10px 20px 10px 20px;
}
.mainclm .newsbox p{
	padding:8px 15px 3px 15px;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/fuji-news-icon.gif);
	background-repeat:no-repeat;
	background-position:4px 11px;
	font-size:90%;
	line-height:1.4em;
}
.mainclm .newsbox a{
	text-decoration:underline;
}
/* ====================================
news
====================================== */
.mainclm .info-newsbox {
	width:840px;
	height:120px;
	margin:10px auto 0;
	padding:10px 10px 10px;
	font-size:12px;
	line-height:150%;
	overflow:auto;
	_overflow-x:hidden;
}
.mainclm .days {
	padding-right:30px;
	color:#900;
}
.mainclm .info-text {
	width:800px;
    margin:0px 5px 0px 0px;
    padding:8px 5px 5px 0px;
	border-bottom:1px dotted #02b1e8;
}
.mainclm .info-day {
	width:60px;
	float:left;
	color:#063281;
	font-weight:bold;
	padding:0px 20px 3px 15px;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/fuji-news-icon.gif);
	background-repeat:no-repeat;
	background-position:4px 4px;
	background-position:4px 6px\9;
}
.mainclm .info-news {
	width:700px;
	float:right;
}
.mainclm .info-news a{
	text-decoration:underline;
}
.mainclm .bn-area {
	width:840px;
	margin:10px auto 0;
	padding:20px 10px 10px;
}
.mainclm .section { margin:20px 0px; }
.mainclm .section h2 { margin-bottom:8px; }
.mainclm .topics { margin-top:-7px; }
.mainclm .topics .body { background:#339966; padding:7px; }
.mainclm .topics ul { background:#fff; box-shadow:1px 1px 4px rgba(0,0,0,0.3); border-radius:3px; padding:10px; }
.mainclm .topics ul li { padding-left:64px; position:relative; list-style:none; }
.mainclm .topics ul li:last-child { margin-bottom:0; }
.mainclm .topics ul li.tokyo { background:url(http://image.pia.jp/images3/fujitvdirect/img/ico_topics_tokyo_o.gif) no-repeat left center ; }
.mainclm .topics ul li.osaka { background:url(http://image.pia.jp/images3/fujitvdirect/img/ico_topics_osaka_o.gif) no-repeat left center; }
.mainclm .topics ul li.nagoya { background:url(http://image.pia.jp/images3/fujitvdirect/img/ico_topics_nagoya_o.gif) no-repeat left center; }
.mainclm .topics ul li.fukuoka { background:url(http://image.pia.jp/images3/fujitvdirect/img/ico_topics_fukuoka_o.gif) no-repeat left center; }
.mainclm .topics ul li.sendai { background:url(http://image.pia.jp/images3/fujitvdirect/img/ico_topics_sendai_o.gif) no-repeat left center; }
.mainclm .topics ul li .date { color:#996600; display:block; position:absolute; left:64px; }
.mainclm .topics ul li p { text-decoration:none; display:block; margin:0px 0px 0px 10px; }
.mainclm .topics ul li a { color:#ff3399; text-decoration:none; display:block; margin-left:10px; }
.mainclm .topics ul li a:hover { text-decoration:underline; }
.mainclm .topics ul li p.textonly { text-decoration:none; margin-left:80px; }

.mainclm  .ticket ul .row { margin-bottom:10px; }
.mainclm  .ticket ul li { width:223px; background-color:#fff; margin-right:10px; }
.mainclm  .ticket ul li .wrapper { width:209px; padding:7px; }
.mainclm  .ticket ul li.event .wrapper { background:#fda702; }
.mainclm  .ticket ul li.stage .wrapper { background:#00cccc; }
.mainclm  .ticket ul li.music .wrapper { background:#bc91ed; }
.mainclm  .ticket ul li.sports .wrapper { background:#4bd15b; }
.mainclm  .ticket ul li.etc .wrapper { background:#39c9f8; }
.mainclm  .ticket ul li .body { position:relative; background:#fff; box-shadow:1px 1px 4px rgba(0,0,0,0.3); border-radius:3px; padding:10px 10px 38px; }
.mainclm  .ticket ul li .body .thumb { margin-bottom:22px; position:relative; }
.mainclm  .ticket ul li .body .thumb .credit { font-size:10px; line-height:10px; padding:3px 0; }
.mainclm  .ticket ul li .body .thumb .cat { position:absolute; left:0; bottom:-17px; }
.mainclm  .ticket ul li .body .title { font-weight:bold; line-height:120%; min-height:45px; margin-bottom:6px; }
.mainclm  .ticket ul li .body .option { margin-bottom:6px; }
.mainclm  .ticket ul li .body .state { margin-bottom:8px; line-height:120%; }
.mainclm  .ticket ul li .body .info { font-size:10px; }
.mainclm  .ticket ul li .body .info table { border-collapse:collapse; }
.mainclm  .ticket ul li .body .info th { white-space:nowrap; vertical-align:top; text-align:left; line-height:120%; }
.mainclm  .ticket ul li .body .info td { line-height:120%; vertical-align:top; text-align:left; }
.mainclm  .ticket ul li .body .ticket { position:absolute; left:5px; bottom:5px; }
.mainclm  .ticket ul li .body .more { position:absolute; right:5px; bottom:5px; }


/* ====================================
guide
====================================== */
.mainclm .boxsub01{
 width:275px;
 float:left;
 margin-left:40px;
 margin-top:20px;
 display:inline;
 }
.mainclm .boxsub02{
 width:275px;
 float:left;
 margin-left:20px;
 _margin-left:10px;
 margin-top:20px;
 display:inline;
 }
.mainclm .boxsub03{
 width:292px;
 float:left;
 margin-left:20px;
 margin-top:20px;
 display:inline;
 } 
.mainclm .boxsub01-1{
 width:270px;
 float:left;
 margin-left:40px;
 padding:5px;
 display:inline;
 }
.mainclm .boxsub02-1{
 width:270px;
 float:left;
 margin-left:18px;
 padding:5px;
 display:inline;
 }
.mainclm .boxsub03-1{
 width:270px;
 float:left;
 margin-left:23px;
 margin-top:3px;
 padding:5px;
 display:inline;
 } 
.mainclm .boxsub01-2{
 width:270px;
 float:left;
 margin:3px 0px 12px 27px;
 display:inline;
 text-align:center;
}
.mainclm .boxsub01-2 a{
 text-decoration:underline;
}  
.mainclm .boxsub02-2{
 width:270px;
 float:left;
 margin:3px 0px 10px 30px;
 text-align:center;
 display:inline;
 }
.mainclm .mtext{
	font-size:75%;
	text-align:center;
	line-height:1.4em;
}


/* ====================================
event
====================================== */
.mainclm .eventbox{
	margin:20px;
	line-height:1.9em;
}
.mainclm .eventbox .textbox{
	float:left;
	*margin-bottom:20px;
	margin-left:20px;
}
.mainclm .eventbox .imgbox{
	float:left;
	width:350px;
	line-height:1.0em;
	font-size:80%;
}
.mainclm .eventbox .imgbox2{
	float:left;
	width:500px;
	line-height:1.0em;
	font-size:80%;
}
.mainclm .eventbox .imgbox3{
	float:left;
	line-height:1.0em;
	font-size:80%;
}
.mainclm .eventbox .g-ph li img{
  border:solid #c7a478 5px;
  margin-bottom:2px;
}


.mainclm .eventbox .g-ph li{
  float:left;
  margin:5px 10px 20px 0;
  width:280px;
  font-size:87%;
  margin-left:0px;
  list-style-type: none;
}


.mainclm .eventbox .g-ph li img{
  border: solid #c7a478 5px;
  margin-bottom:5px;
}

.mainclm table {
	border-top:1px solid #CCC;
    border-left:1px solid #CCC;
}
.mainclm table th, table td {
    padding:5px;
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
}
.mainclm table th.bg-gray {
    background-color:#999;
	color:#FFF;
	font-weight:bold;
}
.mainclm table td.bg-gray {
    background-color:#666;
	color:#FFF;
}
.mainclm table th.w5, .mainclm table td.w5 { width:5%; }
.mainclm table th.w10, .mainclm table td.w10 { width:10%; }
.mainclm table th.w15, .mainclm table td.w15 { width:15%; }
.mainclm table th.w20, .mainclm table td.w20 { width:20%; }
.mainclm table th.w25, .mainclm table td.w25 { width:25%; }
.mainclm table th.w30, .mainclm table td.w30 { width:30%; }
.mainclm table th.w35, .mainclm table td.w35 { width:35%; }
.mainclm table th.w40, .mainclm table td.w40 { width:40%; }
.mainclm table th.w45, .mainclm table td.w45 { width:45%; }
.mainclm table th.w50, .mainclm table td.w50 { width:50%; }
.mainclm table th.w55, .mainclm table td.w55 { width:55%; }
.mainclm table th.w60, .mainclm table td.w60 { width:60%; }
.mainclm table th.w65, .mainclm table td.w65 { width:65%; }


/* ====================================
tickets
====================================== */
.mainclm .tickets-area {
	width:840px;
	margin:10px auto 0;
	padding:10px 10px 10px;
}
.mainclm .listWrp_ticket{
	margin:0;
	border-bottom:dotted 1px #c5d4db;
}
.mainclm .listWrp_ticket ul{
	margin:0;
	padding:0;
}
.mainclm .listWrp_ticket li{
	list-style:none;
	margin:0;

	padding:0 0 10px 0px;
	float:left;
	width:50%;
	display:block;
}
.mainclm .listWrp_ticket_img {
	float:left;
	width:130px;
	margin-right:8px;
}
.mainclm .listWrp_ticket_img .credit {
	font-size:10px;
	margin-top:4px;
	padding-right:5px;
}
.mainclm .listWrp_ticket dl{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	width:275px;
}
.mainclm .listWrp_ticket li dt{
	font-weight:bold;
	padding:0;
	font-size:1em;
	line-height: 1.2em;
	display:block;
	padding:0 0 5px 0;
}
.mainclm .listWrp_ticket li dt .status{
	font-weight:bold;
	color:#FF0000;
	margin-left:5px;
}
.mainclm .listWrp_ticket dd{
	line-height: 1.2em;
	text-indent:0;
}
.mainclm .listWrp_ticket dd img{
	margin:5px 5px 5px 0;
}
.mainclm .listWrp_ticket dd .btn{
	float:left;
	margin-top:10px;
	margin-right:10px;
}

/* ====================================
introduction
====================================== */
.mainclm .introtit{
	font-weight:bold;
	font-size:150%;
	text-align:center;
}

/* ====================================
12/12/25追加
====================================== */
.mainclm .eventbox .pretitle{
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	font-size:120%;
	border:solid 2px #FF0000;
	padding:10px;
}
#menu_navi  {
	width:800px;
	margin-left:50px;
}

#menu_navi li  {
	border-bottom:solid #444444 1px;
	border-top:solid #444444 1px;
	border-left:solid #444444 1px;
	color:#7d7d7d;
	line-height:41px;
	font-size:14px;
	font-weight:bold;
	width:150px;
	margin-right:0px;
	float:left;
	text-align:center;
	}	
	
#menu_navi li a  {
	text-decoration:none;
	color:#666;
	display:block;
	}
	
#menu_navi li a:hover  {
	text-decoration:none;
	color:#FF4500;
	display:block;
	}

.mainclm .eventbox .label{
	background-color:#4682B4;
	padding:0px 15px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
}

.mainclm .eventbox .text dl {
    margin:0px;
	padding:0px;
	line-height:1.6em;
}

.mainclm .eventbox .text dt {
    vertical-align:top;
    float:left;
}
.mainclm .eventbox .text dd {
    margin-left:1.0em;
}
.mainclm .eventbox .ticket-left {
    width: 550px;
    margin: 0px 20px 0px 0px;
    float:left;
    display: inline;
}

.mainclm .eventbox .ticket-right {
    width: 300px;
    padding-top: 20px;
    float: left;
    display: inline;
}

.mainclm .eventbox .subbox {
    border-bottom:dotted 1px #666666;
    line-height:1.3em;
    padding-bottom:20px;
	width:888px\9;
}

.mainclm .box{
    background-image:-moz-linear-gradient(top, #36c7d6, #099faf);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36c7d6), to(#099faf), color-stop(1,#099faf));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff36c7d6', endColorstr='#ff099faf');
	background: -prefix-linear-gradient(#36c7d6, #ff0000);/* 対応しているブラウザ */
	zoom: 1;/* IE8以下で必要 */
}

.mainclm .box2{
  background-color:#FAD502;
}
 
.mainclm .fourcorners{
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	position: relative;
}



/* 131029追加 */
.mainclm  .ovomenu{
	width:890px;
}

.mainclm  .ovomenu li  {
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	width:178px;
	height:85px;
	margin-right:0px;
	float:left;
	text-align:center;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-ph01.gif);
	background-repeat:no-repeat;
	color:#000000;
	}	
	
.mainclm  .ovomenu li a  {
	text-decoration:none;
	color:#000000;
	display:block;
	}
	
.mainclm  .ovomenu li a:hover  {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-ph02.gif);
	background-repeat:no-repeat;
	width:178px;
	height:85px;
	}
	


/* 131220追加 */
.mainclm  .ovomenu-fc{
	width:890px;
}

.mainclm  .ovomenu-fc li  {
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	width:445px;
	height:85px;
	margin-right:0px;
	float:left;
	text-align:center;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-mainbg03.gif);
	background-repeat:repeat-x;
	color:#000000;
	}	
	
.mainclm  .ovomenu-fc li a  {
	text-decoration:none;
	color:#000000;
	display:block;
	}
	
.mainclm  .ovomenu-fc li a:hover  {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-mainbg04.gif);
	background-repeat:repeat-x;
	width:445px;
	height:85px;
	}

/* 140415追加 */
.mainclm  .ovomenu-fc-v2{
	width:890px;
}

.mainclm  .ovomenu-fc-v2 li  {
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	width:296px;
	height:85px;
	margin-right:0px;
	float:left;
	text-align:center;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-mainbg03.gif);
	background-repeat:repeat-x;
	color:#000000;
	}	
	
.mainclm  .ovomenu-fc-v2 li a  {
	text-decoration:none;
	color:#000000;
	display:block;
	}
	
.mainclm  .ovomenu-fc-v2 li a:hover  {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-mainbg04.gif);
	background-repeat:repeat-x;
	width:296px;
	height:85px;
	}



/* 140730追加 */
.mainclm  .ovomenu-fc-v3{
	width:890px;
}

.mainclm  .ovomenu-fc-v3 li  {
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	width:222px;
	height:85px;
	margin-right:0px;
	float:left;
	text-align:center;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-mainbg03.gif);
	background-repeat:repeat-x;
	color:#000000;
	}	
	
.mainclm  .ovomenu-fc-v3 li a  {
	text-decoration:none;
	color:#000000;
	display:block;
	}
	
.mainclm  .ovomenu-fc-v3 li a:hover  {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-image:url(http://image.pia.jp/images3/fujitvdirect/share/ovo-mainbg04.gif);
	background-repeat:repeat-x;
	width:222px;
	height:85px;
	}