@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - bologna
//  - 2012-06-18 (mon)
//////////////////////////////////////////////////////////*/

/* ---------------------------------------------------------
- Common
----------------------------------------------------------*/

*{ margin:0; padding:0; }

#table{ font-size:inherit; }

th{ text-align:left; font-weight:normal; }
img{ border:0; }
a{ text-decoration:underline; overflow: hidden; }
a:link{ color:#0f1b8b; text-decoration:underline; }
a:visited{ text-decoration:underline; color:#0f1b8b; }
a:hover{ color:#0f1b8b; text-decoration:none; }
a:active{ color:#0f1b8b; }



#u20 .cnt { text-align:center; }
#u20 .rgt { text-align:right; }
#u20 .font-b { font-weight:bold; }
#u20 .font-s { font-size:75% }
#u20 .font-m { font-size:100% }
#u20 .font-l { font-size:120% }
#u20 .m_t3 { margin-top:3px!Important; }
#u20 .m_t5 { margin-top:5px!Important; }
#u20 .m_t10 { margin-top:10px!Important; }
#u20 .m_t15 { margin-top:15px!Important; }
#u20 .m_t20 { margin-top:20px!Important; }
#u20 .m_t25 { margin-top:25px!Important; }
#u20 .m_t30 { margin-top:30px!Important; }
#u20 .m_t35 { margin-top:35px!Important; }
#u20 .m_t40 { margin-top:40px!Important; }
#u20 .m_t50 { margin-top:50px!Important; }
#u20 .m_t60 { margin-top:60px!Important; }
#u20 .m_b5 { margin-bottom:5px!Important; }
#u20 .m_b10 { margin-bottom:10px!Important; }
#u20 .m_b15 { margin-bottom:15px!Important; }
#u20 .m_b20 { margin-bottom:20px!Important; }
#u20 .m_b25 { margin-bottom:25px!Important; }
#u20 .m_b30 { margin-bottom:30px!Important; }
#u20 .m_b40 { margin-bottom:40px!Important; }
#u20 .m_b50 { margin-bottom:50px!Important; }
#u20 .m_r10 { margin-right:10px!Important; }
#u20 .m_l5 { margin-left:5px!Important; }
#u20 .m_l10 { margin-left:10px!Important; }
#u20 .m_l15 { margin-left:15px!Important; }
#u20 .m_l20 { margin-left:20px!Important; }
#u20 .m_l30 { margin-left:30px!Important; }
#u20 .p_5 { padding:5px!Important; }
#u20 .p_10 { padding:10px!Important; }
#u20 .line_ht16 { line-height:1.6em; }
#u20 .line_ht13 { line-height:1.3em; }

#u20 .clear { clear: both; }
#u20 .textcenter { text-align: center; }
#u20 .textright { text-align: right; }
#u20 .bold      { font-weight: bold; }
#u20 .font_10    { font-size: 84%; }
#u20 .font_14    { font-size: 114%; }
#u20 .font_16    { font-size: 133%; }
#u20 .font_18    { font-size: 150%; }
#u20 li{
	list-style-type: none;
}

/* ---------------------------------------------------------
-  body
----------------------------------------------------------*/
#u20 {
	width: 980px;
	margin: 0 auto;
	background: #CCCCCC url(http://image.pia.jp/images2/static/pia/feature/sports/wwc_u20/wwc_u20_frm_bg.gif) repeat 0 0;
	padding:10px;
}


/* -------------------------------
main_column
------------------------------- */

#u20 #contents {
	background-color: #FFFFFF;
}

#u20 #contents h1{
	text-align: center;
	padding:20px 0;
}
/*---------------------------------------------------
 - INFO_Ticket
----------------------------------------------------------*/


#u20 #contents #ticket_info{
	margin:10px 0 10px 30px;
	width:690px;
}

#u20 #contents #ticket_info p{
	margin:5px 0;
}

#u20 #contents #ticket_info p span{
	font-weight:bold;
}


/*　-----------　SNS　----------------　*/

#u20 #sns{
	margin:20px auto 35px auto;
	border:dotted #de3983 1px;
	padding:2px 20px;
	width:860px;
}

#u20 #sns .tit{
	text-align: center;	
}

#u20 #sns li{
margin-right:10px;
margin-top:10px;
float:left;
}

#sns li.twit { width:100px; margin-right:5px;}
#sns li.fb { width:110px;}
#sns li.gplus { width:70px; margin-right:5px;}
#sns li.hatena { width:55px; margin-right:5px;}
#sns li.mixi { width:65px; margin-top:10px;}


/*---------------------------------------------------------
 - Info
 ----------------------------------------------------------*/

#u20 .jfa-attent {
    margin:10px 0px 45px 40px;
	line-height:1.3em;
}

#u20 .jfa-attent-mini {
    font-size:0.85em;
}

#u20 .jfa-attent dl {
    margin:3px 0px 0px 0px;
	padding:0px;
}

#u20 .jfa-attent dt {
    vertical-align:top;
    float:left;
    font-size:0.85em;
}

#u20 .jfa-attent dd {
    margin-left:1.0em;
    font-size:0.85em;
}


/* -------------------------------
TABLE
------------------------------- */
#u20 .bluebar{
    height:17px;
	margin:10px 0px 15px 30px;
	padding:0px 0px 5px 12px;
	background-image:url(http://image.pia.jp/images2/static/pia/feature/sports/wwc_u20/wwc_u20_pink-bar.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	font-weight:bold;
	font-size:1.4em;
	color:#666666;
}


#u20 table {
    width:900px;
	margin: 10px auto;
}

#u20 table th, #u20 table td {
    padding:7px;
}
#u20 table th {
    background-color:#a22a60;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

#u20 table td {
	vertical-align:middle;
}

#u20 table td.ph{
    width:50px;
}

#u20 table,td,th{
	background-color:#EEE;
	border:solid 1px #fff;
	border-collapse: collapse;
}

#u20 .tickets-btn {
	/*margin:5px 0px 0px 0px;*/
	text-align:center;
	vertical-align:middle;
}
#u20 table th.list-cell5, #u20 table td.list-cell5 {width:5%;}
#u20 table th.list-cell6, #u20 table td.list-cell6 {width:6%;}
#u20 table th.list-cell7, #u20 table td.list-cell7 {width:7%;}
#u20 table th.list-cell8, #u20 table td.list-cell8 {width:8%;}
#u20 table th.list-cell9, #u20 table td.list-cell9 {width:9%;}
#u20 table th.list-cell10, #u20 table td.list-cell10 {width:10%;}
#u20 table th.list-cell11, #u20 table td.list-cell11 {width:11%;}
#u20 table th.list-cell12, #u20 table td.list-cell12 {width:12%;}
#u20 table th.list-cell13, #u20 table td.list-cell13 {width:13%;}
#u20 table th.list-cell14, #u20 table td.list-cell14 {width:14%;}
#u20 table th.list-cell15, #u20 table td.list-cell15 {width:15%;}
#u20 table th.list-cell16, #u20 table td.list-cell16 {width:16%;}
#u20 table th.list-cell17, #u20 table td.list-cell17 {width:17%;}
#u20 table th.list-cell18, #u20 table td.list-cell18 {width:18%;}
#u20 table th.list-cell19, #u20 table td.list-cell19 {width:19%;}
#u20 table th.list-cell20, #u20 table td.list-cell20 {width:20%;}
#u20 table th.list-cell21, #u20 table td.list-cell21 {width:21%;}
#u20 table th.list-cell22, #u20 table td.list-cell22 {width:22%;}
#u20 table th.list-cell23, #u20 table td.list-cell23 {width:23%;}
#u20 table th.list-cell24, #u20 table td.list-cell24 {width:24%;}
#u20 table th.list-cell25, #u20 table td.list-cell25 {width:25%;}
#u20 table th.list-cell26, #u20 table td.list-cell26 {width:26%;}
#u20 table th.list-cell27, #u20 table td.list-cell27 {width:27%;}
#u20 table th.list-cell28, #u20 table td.list-cell28 {width:28%;}
#u20 table th.list-cell29, #u20 table td.list-cell29 {width:29%;}
#u20 table th.list-cell30, #u20 table td.list-cell30 {width:30%;}
#u20 table th.list-cell35, #u20 table td.list-cell35 {width:35%;}
#u20 table th.list-cell40, #u20 table td.list-cell40 {width:40%;}
#u20 table th.list-cell45, #u20 table td.list-cell45 {width:45%;}

/* -------------------------------
111031lj
------------------------------- */
#u20.finding {
    margin-top:5px;
	color:#00336d;
	font-weight:bold;
	font-size:105%;
}
#u20 .fl-left{
	float:left;
	display:inline;
}

#u20 table th.rate2{
	padding:6px;
	text-align:center;
	background-color:#C03272;
	color:#FFFFFF;
	font-weight:bold;
}

#u20 table,td,th{
	background-color:#EEE;
	border:solid 1px #fff;
	border-collapse: collapse;
}

#u20 table td.col-odd-hgt-2 {
	background-color:#EEDBE7;
	color:#C12B94;
	/*writing-mode:tb-rl;*/
	/*vertical-align:middle;*/
	padding:10px 2px 10px 2px;
	font-weight:bold;
	line-height:1.1em;
	text-align:center;
}
/* ---------------------------------------------------------
-  To-top
----------------------------------------------------------*/
#nav-dock {
	position: fixed;
	z-index: 999;
	right: -2px;
	/right: 0px;
	top: 80%;
	_width:100px;
	_float:right;
	}
#nav-dock a {
		display: block;
		text-align: center;
		padding: 3px 6px;
		margin: 0px 0;
		background: #a22a60;
		color: #fff;
		text-decoration: none ;
		-webkit-border-top-left-radius: 7px ;
		-moz-border-radius-topleft: 7px ;
		-o-border-radius-topleft: 7px ;
		-webkit-border-bottom-left-radius: 7px ;
		-moz-border-radius-bottomleft: 7px ;
		-o-border-radius-bottomleft: 7px ;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
		font-size: 10px ;
		}	
		#nav-dock a:hover{
			background: #ff207e;
			}