/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:140%;
text-align: center;
color:#333333;
}

#back {
background-image:url(back.jpg);
background-repeat:repeat-x;
background-position:center top;
}

#back_else {
background-image:url(back_else.jpg);
background-repeat:repeat-x;
background-position:center top;
}


*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:100%;
}

#wrap {
margin:0px auto;
width:790px;
text-align:left;
background-image:url(white_back.jpg);
background-repeat:repeat;
}

#wrapper{
margin:0px 0 0 5px;
width:780px;
text-align:left;
}

#header{
width:780px;
float:left;
height:32px;
line-height:32px;
background-color:#9999bf;
margin-bottom:5px;
}

#header ul {
float:right;
height:32px;
}

#header ul li {
float:left;
background-image:url(line.gif);
background-repeat:no-repeat;
background-position:0% 50%;
margin:0 20px 0 0px;
text-indent:20px;
display:inline;
}

#header ul li a{
color:#FFFFFF;
text-decoration:none;
}


#header h1{
font-size:200%;
}

#main{
width:780px;
float:left;
margin-top:5px;
}

a:link,a:visited{
color:#003399;
text-decoration:underline;
}

a:active,a:hover{
color:#0066CC;
text-decoration:underline;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:600px;
float:right;
}

.section{
width:600px;
float:left;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#subnavi {
width:180px;
margin:11px 0px 0px 11px;
float:left;
display:inline;
}

#subnavi_title a{
width:180px;
height:30px;
line-height:30px;
text-align:left;
display:block;
background-image:url(subnavi.jpg);
background-repeat:no-repeat;
font-weight:bold;
margin:0px;
text-indent:15px;
color:#FFFFFF;
margin-bottom:1px;
}

#subnavi_title a:link,
#subnavi_title a:visited{
color:#ffffff;
font-weight:bold;
background-image:url(subnavi.jpg);
}

#subnavi_title a:hover,
#subnavi_title a:active{
color:#ffffff;
font-weight:bold;
background-image:url(subnavi_o.jpg);
}

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

#subnavi ul li a{
width:180px;
height:30px;
line-height:30px;
text-indent:15px;
display:block;
background-repeat:no-repeat;
margin-bottom:1px;
}

#subnavi ul li a:link,
#subnavi ul li a:visited{
color:#ffffff;
font-weight:bold;
background-image:url(subnavi.jpg);
}

#subnavi ul li a:hover,
#subnavi ul li a:active{
color:#ffffff;
font-weight:bold;
background-image:url(subnavi_o.jpg);
}

#subnavi ul li.current a{
font-weight:bold;
background-image:url(subnavi_o.jpg);
}

#subnavi ul li ul li.current a{
font-weight:bold;
background-color:#e8e8e8;
}

#left_space {
width:200px;
background-color:#f0f0f7;
vertical-align:top;
}

#white_space_left {
float:left;
display:inline;
width:200px;
}

.mail {
margin:11px 0 0px 11px;
display:inline;
} 


/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:780px;
text-align:right;
float:left;
background-color:#9999BF;
height:30px;
line-height:30px;
color:#FFFFFF;
margin-top:20px;
}

#footer ul{
width:780px;
float:left;
list-style-type:none;
}

#footer ul li {
float:left;
}

address {
font-size: 80%;
font-style: normal;
margin-right:10px;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_image {
width:780px;
float:left;
}

#top_left {
width:180px;
float:left;
margin-top:15px;
background-image:url(left_cont_back.jpg);
background-repeat:repeat-y;
background-position:center top;
margin-right:10px;
border-bottom:1px solid #cccccc;
}

#top_left p {
display:inline;
float:left;
width:170px;
line-height:150%;
margin:10px 5px 5px 5px;
font-size:90%;
}

.left_bottom {
float:left;
width:180px;
height:2px;
}


#top_center {
width:400px;
margin-top:15px;
float:left;
margin-right:10px;
}


#top_center dl {
display:inline;
margin-left:17px;
float:left;
width:374px;
}

#top_center dl dt {
width:290px;
float:left;
}

#top_center dl dd {
float:right;
width:80px;
margin-bottom:4px;
}


#top_right {
width:180px;
margin-top:15px;
float:right;
}

#top_right p {
width:168px;
display:inline;
float:left;
line-height:150%;
margin:0px 5px 10px 7px;
font-size:90%;
}

#top_page {
width:780px;
}


/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
}

.sitemap ul{
margin:0 0 15px 30px;
}

.sitemap ul ul{
margin:0 0 15px 30px;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.sub2 {
background-image:url(sub1.jpg);
background-repeat:no-repeat;
width:400px;
line-height:30px;
height:30px;
text-indent:15px;
font-weight:bold;
font-size:140%;
margin:0px 0 15px 0;
}


.sub3 {
background-image:url(sub3.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
text-indent:15px;
margin:5px 0 5px 0;
}


.sub4 {
background-image:url(arr.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
text-indent:15px;
float:left;
margin:0px 0 0px 0;
}


.sub5 {
background-image:url(sub3.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
text-indent:15px;
font-weight:bold;
color:#0066cc;
margin:5px 0 5px 0;
float:left;
}


.sub6 {
background-image:url(sub2.jpg);
background-repeat:no-repeat;
padding-left:10px;
width:180px;
height:22px;
line-height:22px;
font-weight:bold;
margin:0px 0 15px 0;
float:left;
}


.sub7 {
background-image:url(sub4.jpg);
background-repeat:no-repeat;
width:560px;
line-height:30px;
height:30px;
text-indent:15px;
font-weight:bold;
font-size:100%;
margin:0px 0 15px 0;
color:#333333;
}

.sub8 {
background-image:url(sub5.jpg);
background-repeat:no-repeat;
width:310px;
line-height:23px;
height:23px;
text-indent:15px;
font-weight:bold;
font-size:100%;
margin:0px 0 7px 0;
color:#333333;
}

.sub9 {
background-image:url(sub6.jpg);
background-repeat:no-repeat;
width:190px;
line-height:27px;
height:27px;
text-indent:25px;
font-weight:bold;
font-size:100%;
margin:0px 0 15px 119px;
color:#333333;
}

.sub10 {
background-image:url(sub3.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
text-indent:15px;
font-weight:bold;
color:#0066cc;
margin:5px 0 5px 0;
float:left;
width:550px;
margin-bottom:10px;
}

.sub11 {
background-image:url(arr.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
text-indent:15px;
float:left;
margin:0px 0 10px 0;
}

.red {
color:#CC0000;
}

/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form {
width:560px;
float:left;
}

#contact_form dl{
width:540px;
border-bottom:1px dotted #99cccc;
float:left;
padding:10px 0;
line-height:220%;
margin-left:10px;
display:inline;
}

#contact_form dt{
width:180px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
text-align:left;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 20px 0;
background-color:#f6f6f6;
}

#contact_form dd ul#privacy li{
width:340px;
margin:0 0 15px 0;
float:left;
}

#contact_button {
width:590px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:590px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}

/*中古艇情報*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#common_right1 {
width:560px;
float:left;
display:inline;
margin-left:10px;
}

#common_right1 p{
width:540px;
float:left;
display:inline;
margin-left:10px;
line-height:150%;
}

#common_right1 p.m2 {
margin-bottom:20px;
}

#common_right1 p.m4 {
margin-bottom:40px;
}

#common_right1 ul {
width:540px;
float:left;
display:inline;
margin-left:10px;
line-height:150%;
margin-bottom:40px;
}

#common_right1 ul li {
width:250px;
float:left;
display:inline;
line-height:150%;
}

#common_right2 {
width:560px;
float:left;
display:inline;
margin-left:10px;
}

.used_image {
float:left;
margin-left:10px;
display:inline;
}

.used_table {
margin-left:5px;
display:inline;
float:left;
margin-bottom:10px;
width:550px;
background-image:url(tab_back.jpg);
background-repeat:repeat-y;
}


table.tab{
border-collapse:collapse;
border:1px solid #cccccc;
width:150px; 
background-color:#ffffff;
}
	
table.tab td{
border:1px solid #cccccc;
padding:5px;
line-height:16px;
background-color:#FAFAFA;
}

.tab td.highlight {
color:#333333;
background-color:#E7F5FE;
text-align:center;
width:75px;
}

.used_top_bottom {
float:left; 
display:inline;  
width:550px; 
height:7px;
}

*html .used_top_bottom {
float:left; 
display:inline;  
width:550px; 
height:7px;
margin-left:-3px;
}


table.tab1{
border-collapse:collapse;
border:1px solid #cccccc;
width:520px; 
background-color:#ffffff;
}
	
table.tab1 td{
border:1px solid #cccccc;
padding:5px;
line-height:16px;
background-color:#FAFAFA;
}

.tab1 td.highlight {
color:#333333;
background-color:#E7F5FE;
text-align:center;
width:75px;
}

.line {
border-bottom:1px solid #cccccc;
margin:20px 0 20px 0;
float:left;
width:560px;
height:1px;
}
/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/