@charset "utf-8";


/* 概要 */

.description {position:relative; height:200px; font-size:12px!important;}
.favorite    {position:absolute; top:160px; right:0; margin:0;}

/* メニュー */
#top-menu            {padding:17px 30px; margin:0 auto; background:url("/img/bg/trans-333.png");}
* html #top-menu     {background:#303030 url("/img/menu/torres.jpg") no-repeat right -20px;}

#top-menu div        {padding:0 260px 0 0; background:url("/img/menu/torres.png") no-repeat right -30px;}
* html #top-menu div {background:none;}

#top-menu p       {line-height:20px; color:#ccc;}
#top-menu ul      {margin:0; padding:0;}
#top-menu ul li   {float:left; display:inline; margin:10px; background:#000; font-size:12px;}
#top-menu ul li a {position:relative; width:140px; height:140px; display:block; border:1px solid #000; text-decoration:none; background:url("/img/menu/top.jpg");}
#top-menu ul li a span       {color:#eee; position:absolute; left:0; bottom:0; display:block; width:140px; height:20px; line-height:20px; text-align:center; background:url("/img/bg/trans-000.png"); cursor:pointer;}
#top-menu ul li a:hover      {border-color:#eee;}
#top-menu ul li a:hover span {color:#000; background:#eee;}

#top-menu ul li#summary a   {background-position:left top;}
#top-menu ul li#formation a {background-position:-140px top;}
#top-menu ul li#online a    {background-position:-280px top;}
#top-menu ul li#technique a {background-position:-420px top;}
#top-menu ul li#rename a    {background-position:left bottom;}
#top-menu ul li#blog a      {background-position:-140px bottom;}
#top-menu ul li#myfome a    {background-position:-280px bottom;}
#top-menu ul li#miniblog a  {background-position:-420px bottom;}

/* 人気 */
dl.pickup       {margin:20px 0 30px; line-height:40px; width:940px; text-align:center; border:1px #ccc solid;}
dl.pickup dt    {width:300px; float:left; text-align:center;}
dl.pickup dd    {padding:0 20px 0 310px; text-align:center;}
dl.pickup ul    {float:right; margin:0;}
dl.pickup ul li {float:left; margin-right:15px;}

/* 新着 */
dl.update    {font-size:12px; padding:0 10px; margin:0; background:url("/img/bg/sidebar_dl.gif") repeat-x left bottom;}
dl.update a  {text-decoration:none;}
dl.update dt {line-height:30px;width:300px; text-align:center; padding:0; margin:0; background:#9e9e9e url("/img/bg/sidebar_dt.gif") no-repeat; border-bottom:1px #fff solid;}
dl.update dd {margin:0; padding:10px; min-height:3em; height:auto!important; background:url("/img/bg/sidebar_dd.gif") repeat-x left top;}
dl.update ul            {margin:0;}
dl.update ul li         {margin:0; border-top:solid 1px #eee; border-bottom:solid 1px #c0c0c0;}
dl.update ul li a       {padding:3px 10px; display:block;}
dl.update ul li a:hover {text-decoration:underline!important;}

dl.update p {margin:6px 0 0;}
ul li.new a {background:url("/img/icon/new-green.png") no-repeat right 50%;}

/*============ *広告 ============*/
/* サイド 予約 */
div.reserve p      {margin:0;}
div.reserve p.span {text-align:center; border:#ddd 1px solid; padding:4px 0; text-align:center; background:#eee;}

div.reserve p.tc                 {margin:20px 0!important;}
.sidebar dl.robots-nocontent     {margin:0 0 20px;}
.sidebar dl.robots-nocontent dd  {text-align:center; border:1px dotted #ccc; background:#f8f8f8; padding:4px;}
.sidebar dl.robots-nocontent dt  {text-align:center; border:1px solid #ccc; border-bottom-width:0; width:4em; padding:2px;}


/* 新着 *//* メニューボタン */
#tabs      {height:30px; margin:0; padding-left:20px; font-size:13px; border-bottom:1px solid #ccc;}
#tabs li   {margin:0 2px -1px; display:inline; float:left; height:31px; width:160px; text-align:center; position:relative;}
#tabs li a {height:29px; line-height:29px; text-decoration:none; display:block; border:solid #ccc 1px; background:#eee;}
#tabs li a:hover    {color:#000; background:#fff;}
#tabs li a.selected {color:#000; border-bottom-color:#fff; font-weight:bold; background:url(/img/menu/single-hover.gif) repeat-x;}

div#update         {font-size:12px; padding:10px 0; margin:0; height:240px;}
div#update a       {text-decoration:none;}
div#update ul      {margin:0; padding:10px; background:#f8f8f8 url("/img/bg/sidebar_dl.gif") repeat-x left bottom;}
div#update ul li   {margin:0; border-bottom:dotted 1px #c0c0c0;}
div#update ul li a {padding:3px 10px; display:block;}
div#update ul li a:hover {text-decoration:underline!important;}
div#update ul li.new a   {background:url("/img/icon/new-green.png") no-repeat right 50%;}