@charset "utf-8";

/* メニュー */
#top-menu {padding:0 0 20px 38px; margin:20px auto; border:1px dashed #ddd;}
#top-menu li {float:left; display:inline; width:182px; margin:20px 38px 0 0;}
#top-menu li a {position:relative; width:180px; height:200px; display:block; border:1px solid #ddd; color:#fff; text-decoration:none; background:url("/img/menu/index.jpg") no-repeat;}
#top-menu li a span {position:absolute; bottom:0; display:block; width:180px; height:30px; line-height:30px; text-align:center; background:#373912; cursor:pointer;}
#top-menu li a:hover span {background:#d8df4b; color:#000;}

#top-menu li#shared a {background-position:0 0;}
#top-menu li#vps a {background-position:-180px 0;}
#top-menu li#private a {background-position:-360px 0;}
#top-menu li#domain a {background-position:-540px 0;}
#top-menu li#ssl a {background-position:-720px 0;}
#top-menu li#free a {background-position:-900px 0;}
#top-menu li#choice a {background-position:-1080px 0;}
#top-menu li#news a {background-position:-1260px 0;}
#top-menu li#campaign a {background-position:-1440px 0;}


/* こだわり */
#key li p {
	padding:.4em ;
	font-size:12px!important;
	color:#555;
}

/* 新着 */
#new dt {margin:0 0 4px; line-height:48px; height:48px; padding-left:55px; color:#333; background:url("/img/menu/dt-title.png") no-repeat;}
#new #newsp {background-position:0 -96px;}
#new #camp {background-position:0 -144px;}
#new ul li {padding:5px 10px; border-top:solid 1px #eee; border-bottom:solid 1px #ccc;}
#new ul li a {display:block; text-decoration:none !important;}
#new ul li span {color:#555; display:block; font-size:13px;}
#new ul li a:hover {background-color:#eff3bf;}

/* ランキング */
#rank dt {background-position:0 -48px;}
#rank ol {margin:0; padding-left:32px;}
#rank li {line-height:34px;}
#rank li a img {margin-right:7px; width:32px; height:32px;}