#top
	{
	width:800px;
	height:120px;
	background-color:#ffffff;
	background-position:right top;
	background-image : url(image/background_top.gif);background-repeat : no-repeat;
	}

#Navi {
	overflow: auto !important;
	overflow /**/: hidden;
	position: absolute;
	left: 300px;
	top: 95px;
	width: 400px;
	}

#Navi li {
	float: left;
	width: 120px;
	border-left: 1px solid #ccc;
	list-style-type:none;
	font-size:12pt;
	}

#Navi li a {
	display: block;
	line-height: 22px;
	color: #990000;
	text-decoration: none;
	text-align: center;
	}

#Navi li a:hover {
	color: #0000cc;
	text-decoration:underline;
	}

#left
	{
	width:200px;
	height:500px;
	background-image : url(image/background_left.gif);background-repeat : no-repeat;
	float:left;
	}

	.contents
		{
		background : url(./image/list01.gif) no-repeat left top;
		margin: 5px;
		padding: 5px 5px 5px 10px;
		font-size: 14px;
		}
		
	#left ul
		{
		margin: 5px;
		padding: 0;
		list-style: none;
		}

	#left li
		{
		background : url(./image/list02.gif) no-repeat left top;
		font-size:11pt;
		margin-bottom: 5px;
		line-height: 1;
		}

	#left li a
		{
		display: block;
		width: 138px !important;
		width /**/: 168px;
		padding: 5px 5px 5px 10px;
		color: #990000;
		text-decoration: none;
		}

	#left li a:hover
		{
		color: #0000cc;
		background: none;
		text-decoration:underline;
		}

/* コンテンツ部分 */
#right
	{
	width:600px;
	min-height:500px;
	_height:500px;
	background-color:#eef7f8;
	font-size:10pt;
	float:left;
	clear: right;
	}

	h1,h2,h3,h4,h5,h6{font-size: 14px;padding:3px 0 0 3px;}
	h1{border-left:solid 10px #382a90;border-bottom:solid 1px #382a90;margin-bottom: 5px;width:400px;}
	h2{border-left:solid 10px #9CD6E0;margin: 15px 0 5px 15px;}
	h3{border-left:solid 5px #eee8aa;margin: 15px 0 5px 20px;}
	h4{border-left:solid 5px #ff8000;margin: 15px 0 5px 20px;}
	h5{border-left:solid 5px #00cc00;margin: 15px 0 5px 20px;}
	h6{border-left:solid 5px #00cc00;margin: 15px 0 5px 20px;}

<style type="text/css">
<!--

	body,th,td{font-size: 10pt;}
	body
		{
		background-color:#9CD6E0;
		margin-top: 0;
		line-height: 1.5;
		height:auto;
		}

	th
		{
		background-color:#e6e6fa;
		text-align:center;
		font-size: 10pt;
		}

	td
		{
		text-align:center;
		font-size: 10pt;
		}

/* 通常使用するテーブル */
	table.table-01
		{
		width: 540px;
		border: 1px #382A90 solid;
		border-collapse: collapse;
		border-spacing: 0;
		}
		table.table-01 th
			{
			padding: 5px;
			border: #382A90 solid;
			border-width: 0 0 1px 1px;
			font-weight: bold;
			line-height: 120%;
			}
		table.table-01 td
			{
			padding: 5px;
			border: 1px #382A90 solid;
			border-width: 0 0 1px 1px;
			background-color: #ffffff;
			}

/* フォーム用 */
	table.table-02
		{
		border-collapse: collapse;
		border-spacing: 0;
		}
		table.table-02 th
			{
			border:solid 1px #EEF7F8;
			padding: 5px;
			line-height: 120%;
			background-color: #9ddae8;
			}
			table.table-02 td
			{
			border:solid 1px none;
			padding: 5px;
			text-align: left;
			background-color: #EEF7F8;
			}

/* 中古艇の各説明ページ用 */
	table.table-03
		{
		width: 580px;
		border: 1px #382A90 solid;
		border-collapse: collapse;
		border-spacing: 0;
		}
		table.table-03 th
			{
			border: solid #382A90;
			font-weight: bold;
			line-height: 120%;
			}
		table.table-03 td
			{
			border: solid 1px #382A90;
			}

/* 中古艇の各説明ページ用 */
	table.table-04
		{
		width: 280px;
		border: 1px #382A90 solid;
		border-collapse: collapse;
		border-spacing: 0;
		}
		table.table-04 th
			{
			border: solid 1px #382A90;
			font-weight: bold;
			line-height: 120%;
			}
		table.table-04 td
			{
			border: solid 1px #382A90;
			}

/* 中古艇の各説明ページ用 */
	table.table-05
		{
		width: 280px;
		border: solid 1px #382A90;
		border-collapse: collapse;
		border-spacing: 0;
		}
		table.table-05 th
			{
			width: 130px;
			border: solid 1px #382A90;
			line-height: 120%;
			}
		table.table-05 td
			{
			width: 20px;
			border: solid 1px #382A90;
			line-height: 120%;
			}

-->

/* 段落用p */
	.margin-01{margin-left: 15px;margin-top: 3px;}
	.margin-02{margin-left: 28px;margin-top: 3px;}
	.margin-03{margin-left: 0px;}/* 段落用h 中古艇ページで使用 */


/* レイアウト用BOX*/
	.box
		{
		width: 580px;
		margin: 15px 10px 0px 10px;
		
		}

	.box-01 /* float解除 */
		{
		overflow: hidden;
		position: relative;
		}

	.box-border-01 /* h1用 ボーダー */
		{
		width:auto;
		padding: 10px 20px;
		text-align:left;
		border:1px #382A90 solid;
		}

	.box-border-02 /* h2〜h3用 */
		{
		width:550px;
		padding: 10px 20px;
		text-align:left;
		margin:0px auto;
		border:1px #9CD6E0 solid;
		}

	.box-left /* h2〜h3用 左よせ*/
		{
		width:580px;
		padding: 0px 15px;
		margin:0px auto;
		}

	.box-center /* h2〜h3用 真ん中よせ*/
		{
		width:580px;
		padding: 10px;
		margin:0 auto;
		text-align:center;
		}

	.box-column01 /* h2〜h3用 2段組*/
		{
		width:290px;
		margin-bottom: 5px;
		float: left;
		}

	.box-column02 /* h2〜h3用 2段組*/
		{
		width:290px;
		margin-bottom: 5px;
		float: left;
		clear: right;
		}

/* usedboat TOPページ用*/

	.box-used1
		{
		width: 160px;
		height: 107px;
		background-color: #9CD6E0;
		line-height: 150%;
		font-size:11pt;
		border: 1px solid #9CD6E0;
		padding: 0 10px 0 10px;
		float:left;
		margin-bottom: 5px;
		}

	.box-used2
		{
		width: 228px;
		height: 107px;
		line-height: 150%;
		font-size:11pt;
		border-top: 1px solid #9CD6E0;
		border-bottom: 1px solid #9CD6E0;
		padding: 0 10px 0 10px;
		float:left;
		margin-bottom: 5px;
		}

	.box-used3
		{
		width: 142px;
		height: 107px;
		border: 1px solid #9CD6E0;
		float:left;
		margin-bottom: 5px;
		clear: right;
		}

/* usedboat 各ページ*/
	.box-used4
		{
		width: 280px;
		height: 500px;
		padding: 0 10px 10px 10px;
		float:left;
		margin-bottom: 5px;
		}

	.box-used5
		{
		width: 278px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		float:left;
		font-size: 40px;
		color: red;
		border:1px #382A90 solid;
		background-color: #e6e6fa;
		}

	.box-used6
		{
		width: 280px;
		height: 440px;
		float:left;
		margin-bottom: 5px;
		}



/* rental Q&A用*/
	.box-qa1
		{
		width: 80px;
		height: 40px;
		background-color: #9CD6E0;
		border-top: 1px solid #9CD6E0;
		border-bottom: 1px dashed #808080;
		float:left;
		line-height: 38px;
		text-align: center;
		}

	.box-qa2
		{
		width: 500px;
		height: 40px;
		border-top: 1px solid #9CD6E0;
		border-bottom: 1px dashed #808080;
		padding-left: 5px;
		float:left;
		line-height: 38px;
		clear: right;
		}

	.box-qa3
		{
		width: 80px;
		height: 100px;
		background-color: #eee8aa;
		border-bottom: 1px solid #eee8aa;
		float:left;
		line-height: 98px;
		text-align: center;
		margin-bottom: 8px;
		}

	.box-qa4
		{
		width: 500px;
		height: 100px;
		border-bottom: 1px solid #eee8aa;
		padding: 5px;
		float:left;
		clear: right;
		margin-bottom: 8px;
		line-height: 125%;
		}

/* ボタン装飾 */
	.new
		{
		width: 108px;
		height: 40px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		line-height: 40px;
		color: #cc0000;
		background-image: url(image/btn01.png);background-repeat : no-repeat;
		}

/* フロー用スタイル */
ol.flow {width: 500px;margin: 0;padding: 0;list-style-type: none;}
ol.flow li {margin-bottom: 0;padding-bottom: 18px;background: url(image/flow_tri.gif) no-repeat center bottom;}
ol.flow li.last {margin-bottom: 0;padding-bottom: 0;background-image: none;}
ol.flow dl {margin: 0;}
ol.flow dt {padding: 9px 10px 7px 30px;background: #ffffff url(image/flow_top.gif) no-repeat top;border-bottom: 1px #c0c0c0 solid;font-weight: bold;text-align: left;}
ol.flow dd {margin: 0;padding: 8px 25px 8px 70px;background: #ffffff url(image/flow_bottom.gif) no-repeat bottom;	text-align: left;line-height: 150%;}

</style>