@charset "utf-8";

/* フォーメーション
============================================================*/
/* 個別ページ */
div.gist        {padding:14px 7px 14px 189px; min-height:180px; height:auto; background-repeat:no-repeat;}
* html div.gist {height:180px;}

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

/* サイド リスト */
dl.navi ul.list      {margin:5px 0;}
dl.navi ul.list li   {width:66px; height:66px; float:left; display:inline; margin:0 3px 4px 0!important; border:none!important; text-indent:-7777em;}
dl.navi ul.list li a {display:block; width:64px; height:64px; border:1px solid #ddd; padding:0!important; background:url("http://winning-eleven.rivaty.com/img/logo/s/index.jpg");}
dl.navi ul.list li a.current,
dl.navi ul.list li a:hover   {border-color:#0b4871;}

dl.navi ul.list li#liv a {background-position:left top;}
dl.navi ul.list li#che a {background-position:-64px top;}
dl.navi ul.list li#man a {background-position:-128px top;}
dl.navi ul.list li#ars a {background-position:-192px top;}
dl.navi ul.list li#int a {background-position:left -64px;}
dl.navi ul.list li#mil a {background-position:-64px -64px;}
dl.navi ul.list li#juv a {background-position:-128px -64px;}
dl.navi ul.list li#rom a {background-position:-192px -64px;}
dl.navi ul.list li#bar a {background-position:left -128px;}
dl.navi ul.list li#rea a {background-position:-64px -128px;}
dl.navi ul.list li#spa a {background-position:-128px -128px;}
dl.navi ul.list li#eng a {background-position:-192px -128px;}
dl.navi ul.list li#net a {background-position:left bottom;}

/*============カテゴリ============*/

/* メニューボタン */
.tabNav      {height:30px; margin:0; font-size:13px; border-bottom:1px solid #ccc;}
.tabNav li   {width:146px; margin:0 2px -1px; display:inline; float:left; height:31px; text-align:center; position:relative;}
.tabNav li a {height:29px; line-height:29px; text-decoration:none; display:block; padding:0 20px; border:solid #ccc 1px; background:#eee;}

#tab1 {width:136px;}
#tab2 {width:96px;}
#tab3 {width:186px;}

.tabNav li a:hover {color:#000; background:#fff;}
.tabNav li a.active {color:#000; border-bottom-color:#fff; font-weight:bold; background:url(/img/menu/single-hover.gif) repeat-x;}

/* リスト */
#formation-list        {width:600px; height:205px; overflow:hidden;}
#formation-list div    {margin:0; float:left; width:600px; height:200px; font-size:12px;}
#formation-list div ul {margin:20px 0 0 4px;}
#formation-list div ul li        {width:146px; height:146px; float:left; display:inline; margin:0 3px 0 0; text-indent:-7777em;}
#formation-list div ul li a      {display:block; width:144px; height:144px; border:1px solid #ddd; background:url("/img/logo/index.jpg");}
#formation-list div ul li a:hover{border-color:#0b4871;}

#formation-list ul li#liv a {background-position:left top;}
#formation-list ul li#che a {background-position:-144px top;}
#formation-list ul li#man a {background-position:-288px top;}
#formation-list ul li#ars a {background-position:-432px top;}
#formation-list ul li#int a {background-position:left -144px;}
#formation-list ul li#mil a {background-position:-144px -144px;}
#formation-list ul li#juv a {background-position:-288px -144px;}
#formation-list ul li#rom a {background-position:-432px -144px;}
#formation-list ul li#bar a {background-position:left -288px;}
#formation-list ul li#rea a {background-position:-144px -288px;}
#formation-list ul li#spa a {background-position:left bottom;}
#formation-list ul li#eng a {background-position:-144px bottom;}
#formation-list ul li#net a {background-position:288px bottom;}
#formation-list ul li#arg a {background-position:-432px bottom;}