@import "./page.css";
@import "./navi.css";

/**********************************************
	サイト構成
**********************************************/
* html .iepngfix {
	behavior:url("./js/iepngfix.htc");
}

body {
	line-height:1.5;
	font-size:87.5%;
	color:#000;
}

#wrapper {
	margin-top:10px;
	padding:0 20px;
	background-color:#fff;
}

#mainContents {
	position:relative;
	padding:0 10px;
	text-align:left;
	background:url("../navi/wrapper_back.png") repeat-x;
}

#box {
	position:relative;
	width:100%;
}

#main {
}

#side {
	height:100%;
	background-color:#fff;
}

/**********************************************
	アクセスカウンター
**********************************************/
#accessCounter {
	text-align:right;
	font-size:14px;
	color:#000;
}

#accessCounter em {
	padding:0 0.25em;
	color:#000;
}

/**********************************************
	ランキング
**********************************************/
#rankingBlock {
	margin-bottom:10px;
}

.rankingTitle {
	font-size:1.2em;
	font-weight:bold;
}

#rankingBlock div {
	float:left;
	margin-right:10px;
}

#rankingTable {
	border-collapse:collapse;
}

#rankingTable th {
	padding:4px 8px;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	white-space:nowrap;
	color:#fff;
	background-color:#2b84e6;
	border:1px solid #999;
}

#rankingTable td {
	padding:2px 8px;
	font-size:0.9em;
	border:1px solid #999;
}

#rankingTable .rowColor0 {
	background-color:#f0f0f0;
}

#rankingTable .rowColor1 {
	background-color:#fff;
}

#rankingTable .shipName {
	font-weight:bold;
}

#rankingTable .numText {
	text-align:right;
}

#rankingBlock ul {
}

#rankingBlock li {
	float:left;
	margin-right:10px;
	width:168px;
	list-style-type:none;
}

#rankingBlock li .topRank {
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#15529a;
}

#rankingBlock li .topRankText {
	text-align:center;
}

#rankingBlock li .topRankImage {
	text-align:center;
}

#rankingBlock li .topRankShipName {
	font-weight:bold;
}

#rankingBlock li .topRankPrice {
	margin-right:2em;
	text-align:right;
	font-weight:bold;
	color:#900;
}

#rankingBlock .clear {
	clear:both;
}

/**********************************************
	内容
**********************************************/
.detail {
	padding:10px;
}

/**********************************************
	バナー情報
**********************************************/
.informationTitle {
	margin-bottom:10px;
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
}

.informationTitle a {
	display:block;
	width:100%;
}

/**********************************************
	会社情報
**********************************************/
#corporationTitle {
	float:left;
	margin-bottom:10px;
	width:100%;
	background-color:#fff;
	border:1px solid #ccc;
}

#corporationTitle #leftBlock {
	float:left;
	margin-right:60px;
	width:400px;
}

#corporationTitle #rightBlock {
	float:left;
	padding:10px;
}

#corporationTitle span {
	font-weight:bold;
	color:#030;
}

#corporationTitle .corpName {
	margin-bottom:5px;
	font-size:2em;
	font-weight:bold;
	color:#15529a;
}

#corporationTitle .address {
	margin-bottom:5px;
	font-size:1.2em;
}

#corporationTitle a.anchor {
	display:block;
	margin:10px 10px 0 10px;
	padding-left:13px;
	text-align:left;
	background:url("../images/arrow_03.gif") no-repeat center left #fff;
}

#corporationTitle a.anchor:hover {
	text-decoration:none;
	background-color:#a1dbff;
}

/**********************************************
	中古艇一覧
**********************************************/
.descriptText {
	clear:both;
	margin:0.25em 0;
	text-align:right;
}

.descriptText img {
	vertical-align:middle;
}

#numberBox {
	margin-bottom:10px;
	font-size:1.1em;
}

#numberBox p {
	float:left;
}

#numberBox ul {
	list-style-type:none;
}

#numberBox li {
	float:left;
	margin-left:1em;
}

#numberBox a {
	display:block;
	width:240px;
	height:40px;
	text-indent:52px;
	line-height:40px;
	font-weight:bold;
	background:url("../images/boat_count_back.png") no-repeat;
	color:#fff;
}

#numberBox a:hover {
	text-decoration:none;
	background-position:0 -40px;
}

/**********************************************
	サイドエリア
**********************************************/
.sideBox {
	float:left;
	overflow:auto;
	margin:10px 10px 0 0;
	padding-bottom:10px;
	width:248px;
	height:286px;
	text-align:center;
	background-color:#eee;
}

.sideTitle {
	margin-bottom:10px;
	padding:6px 0 2px 10px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2;
	color:#fff;
	background:url("../images/category_title.png");
}

.sideDetail {
	padding:10px 4px 0 4px;
	text-align:left;
	line-height:1.2;
	font-size:0.9em;
	color:#104261;
}

.sideGo2Link a {
	display:block;
	margin:10px 10px 0 10px;
	padding-left:13px;
	text-align:left;
	background:url("../images/arrow_03.gif") no-repeat center left #fff;
}

.sideGo2Link a:hover {
	text-decoration:none;
	background-color:#a1dbff;
}

.sideHolidayTitle {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	background-color:#ccc;
}

.sideHolidayItem {
	margin-left:2em;
	padding:0.25em 0;
	font-size:1.1em;
	color:#900;
}

/**********************************************
	スライドショー
**********************************************/
#slideShow {
	width:100%;
	height:140px;
}

#slideShow div {
	margin:0 auto;
	width:120px;
	height:90px;
	background-color:#000;
}

#CaptionBox {
	font-weight:bold;
}