@charset "UTF-8";

/* ****************************************************
Title: top.css
Created date: 2009/07/09
Last Modified: 2009/07/09
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 stay
#02 pageBody

----------------------------------------*/


/* #01 stay
---------------------------------------------------------------------------- */

div#footer ul#fNavi li ul li.home a,
div#footer ul#fNavi li ul li.home a:hover {
	background: url(../common/images/ico_arrow_o.gif) no-repeat 0 0;
	color: #000;
	text-decoration: none;
	font-weight:bold;
}


/* #02 pageBody
---------------------------------------------------------------------------- */

div#flashcontent {
	padding: 12px 0 0 30px;
}

div#pageBody {
	padding: 19px 30px 0 30px;
	width: 920px;
}

div#pageBody div.content {
	clear: both;
	width: 920px;
}

div#pageBody div.content dl.deckshoes dt {
	padding: 0 0 0 13px;
}

div#pageBody div.content dl.deckshoes dd {
	background: url(../images/bg_dashed.gif) repeat-x left bottom;
	line-height: 1.6;
	padding: 5px 0 10px 13px;
}

div#pageBody div.content ul.contentLeft {
	float: left;
	width: 462px;
}

div#pageBody div.content ul.contentLeft li {
	float: left;
	padding: 0 20px 0 0;
	width: 218px;
}

div#pageBody div.content ul.contentLeft li dl.about {
	padding: 0 0 0 5px;
}

div#pageBody div.content ul.contentLeft li.last {
	padding: 0;
}


div#pageBody div.content ul.contentLeft li dl.about p img {
	padding: 6px 0 5px 0;
}

dl.about a:hover span img,
dl.about a span img{
	color: #ffffff;
	text-decoration: none;
}

dl.about a {
	color: #1E79CE;	
	text-decoration: none;
}

dl.about a:hover span {
	color: #1E79CE;	
	text-decoration: underline;
}

*dl.about a:hover {
	color: #1E79CE;	
	text-decoration: underline;
}



div#pageBody div.content dl.deckshoes {
	background: url(../images/bg_dashed.gif) repeat-x left top;
	float: right;
	padding: 18px 0 0 0;
	width: 434px;
}

div#pageBody h2 {
	clear: both;
	background: url(../images/bg_dotted.jpg) repeat-x left bottom;
	padding: 20px 0 2px 0;
}

div#pageBody h2.online {
	padding: 34px 0 2px 0;
}

div#pageBody h2 img {
	float: left;
	padding: 0 6px 0 5px;
}

div#pageBody ul.recommendList {
	padding: 10px 0 0 3px;
}

div#pageBody ul.recommendList li {
	float: left;
	padding: 0 8px 0 0;
}

div#pageBody ul.recommendList li.last {
	padding: 0;
}
	
div#pageBody ul.recommendList li dl {
	height: 150px;
	position: relative;
	padding: 72px 6px 0 6px;	
	width: 209px;
}

div#pageBody ul.recommendList li dl dt {
	background: url(../images/bg_dotted.jpg) repeat-x left bottom;
	padding: 0 0 3px 10px;
}

div#pageBody ul.recommendList li dl dt a {
	cursor: pointer;
	text-decoration: none;
}

div#pageBody ul.recommendList li dl dt a span {
	font-family:verdana;
	color: #000;
	display: block;
	text-decoration: none;
}
div#pageBody ul.recommendList li dl dt a span.underline {
	color: #1E79CE;	
	font-weight: bold;
	text-decoration: none;
}

	

div#pageBody ul.recommendList li dl dt a:hover span.underline, 
div#pageBody ul.recommendList li dl dt a:hover {
	text-decoration: underline;
}

div#pageBody ul.recommendList li dl dd {
	padding: 8px 6px 0 11px;
}

div#pageBody ul.recommendList li dl dd p {
	line-height: 1.3;
	padding: 0 0 0 1px;
}

div#pageBody ul.recommendList li dl dd ul.link {
	position: absolute;
	left: 17px;
	bottom: 13px;
}

* html div#pageBody ul.recommendList li dl dd ul.link {
	left: 0;
	margin: 0 0 0 17px;
}

p.link a:hover strong {
	text-decoration: underline!important;
}

div#pageBody ul.recommendList li dl dd ul li {
	float: left;
	padding: 0 3px 0 0;
}

div#pageBody ul.recommendList li dl dd ul.link li.linkLast {
	padding: 0;
} 

div#pageBody ul.recommendList li dl.storm {
	background: url(../images/bg_storm.jpg) no-repeat 0 0;
}

div#pageBody ul.recommendList li dl.topSider {
	background: url(../images/bg_lardini.jpg) no-repeat 0 0;
}

div#pageBody ul.recommendList li dl.ferrante {
	background: url(../images/bg_ferrante.jpg) no-repeat 0 0;
}

div#pageBody ul.recommendList li dl.clarks {
	background: url(../images/bg_clarks.jpg) no-repeat 0 0;
}

div#pageBody ul.recommendList li dl.stefano {
	background: url(../images/bg_stefano.jpg) no-repeat 0 0;
}

div#pageBody ul.onlineList {
	padding: 8px 0 0 4px;
}

div#pageBody ul.onlineList li {
	float: left;
	padding: 0 25px 0 0;
	width: 390px;
}

span.link {
	padding: 5px 0 0 0;
	color: #000;
}

span.link span {
	background: url(../common/images/ico_arrow.gif) no-repeat 2px 0;
	color: #1E79CE;
	padding:0 0 0 19px;
}	

ul.onlineList li a:hover span.link span,
ul.onlineList li a:hover span.link,
ul.onlineList li a:hover span.link span strong{
	text-decoration: underline;
}
ul.onlineList li a{
	text-decoration: none;
}
ul.onlineList li{
	line-height:2.2em;
}