@charset "utf-8";

/*----- フォーメーション -----*/
/* 個別ページ */
.gist {padding-left:195px; min-height:180px; height:auto;
	background-repeat:no-repeat;
	background-position:0 50%;}

ul.field {width:580px; height:390px; margin:1.5em auto; background-repeat:no-repeat;}
ul.field li {text-indent:-7777em; list-style:none}
ul#sys-a {background-position:0 0;}
ul#sys-b {background-position:0 bottom;}


/* 2011 個別ページ */
.mlo {
	width:400px; height:575px;
	position:relative; margin:20px auto;
	overflow: hidden;
	background:#333;
	border:10px solid #333;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	-webkit-box-shadow:0 0 10px #333;
	-moz-box-shadow:0 0 10px #333;
	box-shadow:0 0 10px #333;
	behavior: url(http://winning-eleven.rivaty.com/js/PIE.htc);
}
.mlo dl {
	width:400px; height:575px;
	list-style:none; 
	background:url(/img/formation/field.jpg) no-repeat 50% 50%;
	margin:0; padding:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mlo dt {
	position:absolute; left:10px; top:10px;
	margin:0; padding:2px 4px;
	font:30px/1 impact;
	color:#000;
	background:url(/img/bg/trans-333.png);
	text-shadow:0 0 4px #bbb;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
}
.mlo dd {
	display:block; position:absolute;
	text-align:center; font-size:10px;
	width:200px; height:40px;
}
.mlo dd span {
	display:block; margin:0 auto 8px;
	text-indent:-9999px; 
	width:20px; height:20px; line-height:20px;
	background-repeat:no-repeat;
	background-position:50% 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	/*behavior: url(http://winning-eleven.rivaty.com/js/PIE.htc);*/
}
.mlo dd em {font-weight:400; padding:2px 3px; color:#ddd; background:url(/img/bg/trans-333.png);}

.liverpool dd span {background-image:url(/img/formation/p/liverpool.jpg)}
.real-madrid dd span {background-image:url(/img/formation/p/real-madrid.jpg)}
.barcelona dd span {background-image:url(/img/formation/p/barcelona.jpg)}
.manchester-united dd span {background-image:url(/img/formation/p/manchester-united.jpg)}
.chelsea dd span {background-image:url(/img/formation/p/chelsea.jpg)}
.arsenal dd span {background-image:url(/img/formation/p/arsenal.jpg)}
.ac-milan dd span {background-image:url(/img/formation/p/ac-milan.jpg)}
.inter dd span {background-image:url(/img/formation/p/inter.jpg)}
.juventus dd span {background-image:url(/img/formation/p/juventus.jpg)}
.as-roma dd span {background-image:url(/img/formation/p/as-roma.jpg)}
.bayern dd span {background-image:url(/img/formation/p/bayern.jpg)}
/* GK */
.p1 {left:100px; bottom:30px}
/*.mlo dd.p1 span {background-position:50% bottom;}*/
/* DF */
/***** 4バック *****/
.d4 .p2 {left:70px; bottom:110px}
.d4 .p3 {right:70px; bottom:110px}
.d4 .p2 em {position:relative; left:-16px}
.d4 .p3 em {position:relative; left:16px}
.d4 .p4 {left:-30px; bottom:140px}
.d4 .p5 {right:-30px; bottom:140px}

/* FW */
/***** 2トップ *****/
.f2 .p10 {left:60px; top:110px}
.f2 .p11 {right:60px; top:110px}
.f2 .p10 em {position:relative; left:-16px}
.f2 .p11 em {position:relative; left:16px}
/***** 1トップ *****/
.f1 .p11 {left:100px; top:100px}
/***** 3トップ *****/
.f3 .p9   {left:0px; top:130px}
.f3 .p10 {right:0px; top:130px}
.f3 .p11 {left:100px; top:100px}
.barcelona.f3 .p11 {top:140px}

/* MF */
.s4-4-2.box .p6 em, .s4-4-2.flat .p6 em, .s4-2-3-1 .p6 em,
.s4-1-2-3 .p7 em
{position:relative; left:-16px}
.s4-4-2.box .p7 em, .s4-4-2.flat .p7 em, .s4-2-3-1 .p7 em,
.s4-1-2-3 .p8 em
{position:relative; left:16px}
/***** 4-4-2 Box *****/
.s4-4-2.box .p6 {left:60px; top:300px}
.s4-4-2.box .p7 {right:60px; top:300px}

.s4-4-2.box .p8 {left:0px; top:210px}
.s4-4-2.box .p9 {right:0px; top:210px}

/***** 4-4-2 Flat *****/
.s4-4-2.flat .p6 {left:60px; top:300px}
.s4-4-2.flat .p7 {right:60px; top:300px}

.s4-4-2.flat .p8 {left:-20px; top:240px}
.s4-4-2.flat .p9 {right:-20px; top:240px}

/***** 4-4-2 Dia *****/
.s4-4-2.dia .p6 {left:100px; top:330px}

.s4-4-2.dia .p7 {left:20px; top:280px}
.s4-4-2.dia .p8 {right:20px; top:280px}

.s4-4-2.dia .p9 {right:100px; top:190px}

/***** 4-3-2-1 *****/
.s4-3-2-1 .p6 {left:100px; top:330px}

.s4-3-2-1 .p7 {left:20px; top:280px}
.s4-3-2-1 .p8 {right:20px; top:280px}

.s4-3-2-1 .p9 {left:50px; top:180px}
.s4-3-2-1 .p10 {right:50px; top:180px}

/***** 4-2-3-1 *****/
.s4-2-3-1 .p6 {left:60px; top:310px}
.s4-2-3-1 .p7 {right:60px; top:310px}

.s4-2-3-1 .p8 {left:-20px; top:210px}
.s4-2-3-1 .p9 {right:-20px; top:210px}

.s4-2-3-1 .p10 {right:100px; top:190px}

/***** 4-1-4-1 *****/
.s4-1-4-1 .p6 {left:100px; top:330px}

.s4-1-4-1 .p7 {left:60px; top:240px}
.s4-1-4-1 .p8 {right:60px; top:240px}

.s4-1-4-1 .p9 {left:-20px; top:210px}
.s4-1-4-1 .p10 {right:-20px; top:210px}



/***** 4-1-2-3 *****/
.s4-1-2-3 .p6 {left:100px; top:320px}

.s4-1-2-3 .p7 {left:50px; top:250px}
.s4-1-2-3 .p8 {right:50px; top:250px}

/***** 4-2-1-3 *****/
.s4-2-1-3 .p6 {left:50px; top:300px}
.s4-2-1-3 .p7 {right:50px; top:300px}

.s4-2-1-3 .p8 {left:100px; top:220px}



.post h1 {font-size:16px!important;}
.post h1 span {display:block; font:50px/1.1em impact !important; font-weight:400; margin-right:15px;
text-transform: uppercase;
    text-shadow: #fff 2px 3px 5px; color: #666;}

.rating {padding-bottom:9px; border-bottom:1px dotted #ccc}
.rating img {float:left}
.rating dl {float:right; width:466px; margin:20px 0}
.rating dt, .rating dd {line-height:24px; vertical-align:middle; margin:0}
.rating dt {width:60px; float:left; clear:left;}
.rating dd {margin:0 0 10px 80px; background:url(/img/formation/bar.jpg) no-repeat 30px 50%;}
.rating dd span{
	width:30px;display:inline-block; margin-left:-10px;
	background:#555; color:#fff;
	text-align:center;
	font-size:16px; font-family:'Century Gothic'; font-weight:700;
}
/*-----カテゴリ-----*/
.category .rating {border-bottom:none;}
.excerpt a img {
	width:128px; height:128px;
	margin:0 10px 20px 0;
	background:none;
	border:none
}