@charset "utf-8";
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td ,img ,p{
margin:0;
padding:0;
border:0;
}

a{
	color: #BFC5E3;
}
a:hover{
	color: #BFC5E3;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #1E2546;
	text-align: center;
	font-size: 11px;
	color: #BFC5E3;
	letter-spacing: 2px;
	line-height: 1.3em;
}

/*   ページ本体   */
.wrpe #container {
	width: 900px;
	background: #1E2546;
	margin: 0 auto;
	border: 1px solid #1E2546;
	text-align: left;
	position: relative;
	height: auto;
} 

/*   ヘッダー   */
.wrpe #header {
	background: #1E2546;
	padding: 0 0 10px 0;
} 

/*   左サイド   */
.wrpe #sidebar1 {
	float: left;
	width: 170px;
	background: #1E2546;
	padding: 0;
	position: absolute;
	left: 0;
}

/*   中央　  */
.wrpe #mainContent {
	margin: 0 0 50px 170px;
	width: 730px;
	height: auto;
	position: relative;
} 
/*   中央2 一覧表示用　  */
.wrpe #mainContent2 {
	margin: 0 0 50px 0px;
	width: 900px;
	position: relative;
} 

/*   フッター   */
.wrpe #footer {
	padding: 0;
	border-top: 1px solid #D6A433;
	height: 60px;
	text-align: center;
	bottom: 0px;
	width: 100%;
	clear: both;
} 

/*   右回り込み   */
.fltrt { 
	float: right;
	margin-left: 8px;
}

/*   左回り込み   */
.fltlft { 
	float: left;
	margin-right: 8px;
}

/*   回り込み解除   */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*   ＳＥＯ　見出し  Ｈ１ */
.seo-h1 {
	color: #BFC5E3;
	display:inline;
	font-size:smaller;
	font-weight:normal;
	line-height:300%;
	white-space:nowrap;
	clear:both;
}

/*   メニュー関係 */

/*   英語／日本語 */
ul#enjp_menu li a:hover{
background:url(../image/bt_en_jp.jpg) no-repeat 0 0;
}

ul#enjp_menu {
	background:transparent url(../image/bt_en_jp.jpg) no-repeat scroll 0 0;
    position:relative;
	height:16px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:-20px 0 0px 642px;
	padding:0;
	width:254px;
	
}
ul#enjp_menu li{
border:none;
position:absolute;
}

ul#enjp_menu li a{
display: block;
height: 100%;
text-indent: -9999px;
}


#enjp_link01 {
height:16px;
left:0;
top:0;
width:127px;
}

#enjp_link02 {
height:16px;
left:128px;
top:0;
width:127px;
}

ul#enjp_menu #enjp_link01 a:hover{
background-position:0 -16px;
}

ul#enjp_menu #enjp_link02 a:hover{
background-position:-127px -16px;
}


/*   グｒ－バルメニュー */
#nav {
padding:0 0 0 0px; margin:0 0 5px 0px; list-style:none; font: 12px arial, sans-serif; position:relative; z-index:200; background:url(../image/global_menu.jpg) no-repeat;height:25px; width:900px;}
 
#nav ul {list-style:none;float:left;background:#2B3460;border-top:1px solid #666;}

#nav li {
	float:left;
}
#nav li li {
	float:none;
	border-left:1px solid #666;
	border-right:1px solid #666;
	width: 148px;
}
#nav li.last {border-bottom:1px solid #666;}
/* a hack for  IE6 */
* html #nav li li {float:left;}

#nav li a {
	display:block;
	float:left;
	color:#ccc;
	height:25px;
	padding:0 10px 0 5px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:400;
}

#nav li li a {
	display:block;
	height:25px;
	line-height:25px;
	float:none;
	padding:0 145px 0 3px;
	font-weight:normal;
	letter-spacing:1px;
}

#nav li:hover {position:relative; z-index:300;}
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {color:#fff;}

#nav li li a {color:#fff;}
#nav li li.cssplay_hover a {color:#fff; background-color:#fff;}

#nav li:hover ul {left:20px; top:25px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:25px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {	color:#FFFFFF;}
#nav li li:hover > a {	color:#fff;	background-color:#3C4988;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff;background-color:#3C4988;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{color:#fff; background-color:#2B3460;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/*  ページＴＯＰ　バナー*/
#banner{
	z-index:1;
	position: relative;
	width:900px;
}

/*  サイドメニューリンク*/

/* ALL YACHT LINK */
.link_all a{
clear:both;
display:block;
width:162px;
height:56px;
padding:0;
margin:0 0 0 0;
background:url(../image/menu_all.jpg) no-repeat;
text-indent:-9999px;
background-position:0px 0px;
}

.link_all a:hover{
	background-position: 0px -58px;
}

/* 60-80 YACHT LINK */
.link_60_80 a{
clear:both;
display:block;
width:162px;
height:44px;
padding:0;
margin:0 0 0 0;
background:url(../image/menu_60-80.jpg) no-repeat;
text-indent:-9999px;
background-position:0px 0px;
}

.link_60_80 a:hover{
	background-position: 0px -44px;
}

/* 80-100 YACHT LINK */
.link_80_100 a{
clear:both;
display:block;
width:162px;
height:44px;
padding:0;
margin:0 0 0 0;
background:url(../image/menu_80-100.jpg) no-repeat;
text-indent:-9999px;
background-position:0px 0px;
}

.link_80_100 a:hover{
	background-position: 0px -44px;
}


/* 100-130 YACHT LINK */
.link_100_130 a{
clear:both;
display:block;
width:162px;
height:44px;
padding:0;
margin:0 0 0 0;
background:url(../image/menu_100-130.jpg) no-repeat;
text-indent:-9999px;
background-position:0px 0px;
}

.link_100_130 a:hover{
	background-position: 0px -44px;
}

/* 135-213 YACHT LINK */
.link_135_213 a{
clear:both;
display:block;
width:162px;
height:44px;
padding:0;
margin:0 0 0 0;
background:url(../image/menu_135-213.jpg) no-repeat;
text-indent:-9999px;
background-position:0px 0px;
}

.link_135_213 a:hover{
	background-position: 0px -44px;
}


/* 240-300 YACHT LINK */
.link_240_300 a{
clear:both;
display:block;
width:162px;
height:44px;
padding:0;
margin:0 0 0 0;
background:url(../image/menu_240-300.jpg) no-repeat;
text-indent:-9999px;
background-position:0px 0px;
}

.link_240_300 a:hover{
	background-position: 0px -44px;
}


/* used YACHT LINK */
.link_used a{
clear:both;
display:block;
width:162px;
height:44px;
padding:0;
margin:0 0 0 0;
background:url(../image/menu_used.jpg) no-repeat;
text-indent:-9999px;
background-position:0px 0px;
}

.link_used a:hover{
	background-position: 0px -44px;
}


/* NOJIRI  LINK */
.link_nojiri a{
	clear:both;
	display:block;
	width:224px;
	height:182px;
	padding:0;
	margin:10px 0 0 0px;
	background:url(../image/nojiri_bt.jpg) no-repeat;
	text-indent:-9999px;
	background-position:0px 0px;
}

.link_nojiri a:hover{
	background-position: 0px -182px;
}
div.msg01 {
	width: 700px;
	margin-right: 0px;
}

div.nojiri_msg01 {
	font-size: 11px;
	color: #BFC5E3;
	letter-spacing: 2px;
	line-height: 1.3em;
}


/* 新着情報エリア*/
#bbs_tbl {
margin:0;
padding:5px 10px 10px;
width:590px;
}
#bbs_tbl li#title {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(../image/dot_line.gif) repeat-x scroll center bottom;*/
border:0 none;
color:#3A3A3A;
font-size:100%;
margin:0 0 5px;
padding:0 0 5px;
text-align:left;
width:100%;
list-style-type: none;
}

.style6 {
	color: #FF0000;
	text-decoration: line-through;
}

.style7 {color: #FF0000}

.style1 {
	color: #FF0000;
	font: bold;
	font-weight: bold;
}

.style2 {
	color: #FF0000;
	text-decoration: line-through;
}

.style3 {color: #FF0000}

.style5 {font-size: 13px}


.top {
	line-height: 0px;
}

