@charset "utf-8";
/* CSS Document */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
BASIC
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

*{
margin:0;
padding:0;
}


body{
color:#333;
background-color:#003300;
font-size:0.8em;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

hr{
display:none;
}

address{
font-style:normal;
}

li{
list-style:none;
}

em{
font-style:normal;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
LAYOUT
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#contaner{
width:700px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:#ffff66;
}

#header{
width:700px;
height:250px;
background:url(../8bay/img/8bay_gra.jpg);
}

#contents{
width:700px;
background:#FFFF66;
}

#footer{
width:700px;
background:#ffff66;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
HEADER
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#header{
text-align:left;
}

#header h1{
width:310px;
font-size:11px;
font-weight:normal;
margin:5px 0 0 150px;
}

#header h2{
width:310px;
font-size:16px;
font-weight:bold;
margin:2px 0 0 150px;
padding:0 0 3px 0;
border-bottom:solid 1px #003300;
}

#header h3{
width:310px;
font-size:12px;
margin:3px 0 0 150px;
color:#CC0033;
}

p.top{
width:400px;
font-size:14px;
color:#FFFFFF;
margin:55px 0 0 10px;
}

#header a:link{
color:#cc0033;
text-decoration:none;
}

#header a:hover{
color:#cc0033;
text-decoration:underline;
}

#header a:visited{
color:#cc0033;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝
CONTENTS
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#contents{
width:700px;
}

#contents h4{
margin:10px 0 10px 0;
}

#contents .pan{
text-align:left;
margin:10px 0 0 20px;
font-size:10px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝
MARINE GARAGE
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#bay{
width:605px;
margin:5px 0 20px 0;
}


#about2{
width:590px;
margin:10px 0 15px 0;
text-align:left;
}

#text{
float:left;
width:310px;
text-align:left;
}

#book{
border-top:dotted 1px #333333;
padding:10px 0 0 0;
}

#book a{
color:#333;
text-decoration:underline;
}

#book a:hover{
color:#333;
text-decoration:none;
}

#about2 p{
width:310px;
text-align:left;
margin:0 10px 10px 10px;
}

#about2 p.prof{
text-align:right;
margin:10px 0 10px 0;
}


#img{
float:right;
width:240px;
text-align:center;
}

#img p{
width:200px;
text-align:center;
margin:10px 0 0 0;
}


/*pagetop*/
#bay p.pagetop{
text-align:right;
font-size:10px;
}

#bay p.pagetop a{
color:#333;
text-decoration:underline;
}

#bay p.pagetop a:hover{
color:#333;
text-decoration:none;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝
8bay_menu
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#bay_menu{
width:605px;
margin:5px 0 20px 0;
}

#bay_menu p{
text-align:left;
}

/*print*/
#bay_menu p.print{
text-align:right;
font-weight:bold;
color:#999999;
}

#bay_menu p.print img{
margin:0 5px 0 0;
}

#bay_menu p.print a:link{
color:#999;
text-decoration:underline;
}

#bay_menu p.print a:hover{
color:#999;
text-decoration:none;
}

#bay_menu p.print a:visited{
color:#999;
}

/*pagetop*/
#bay_menu p.pagetop{
width:605px;
text-align:right;
font-size:10px;
}

#bay_menu p.pagetop a{
color:#333;
text-decoration:underline;
}

#bay_menu p.pagetop a:hover{
color:#333;
text-decoration:none;
}

/*box*/
#box{
width:570px;
border-bottom:1px dotted #333333;
margin:20px 0 20px 0;
padding:0 0 10px 0;
}

#img2{
float:left;
width:240px;
}

#boxtext{
float:right;
width:320px;
}

p span{
color:#CC0033;
font-weight:bold;
}

#boxtext p.midasi{
font-size:1.4em;
font-weight:bold;
color:#003300;
margin:7px 0 7px 0;
}

#boxtext p.kakaku{
font-weight:bold;
color:#FF3300;
margin:7px 0 7px 0;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝
FOOTER
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#footer{
border-top:solid 1px #003300;
font-size:11px;
}

#footer address{
color:#333;
margin:10px 0 10px 0;
}

#footer p{
color:#333;
margin:10px 0 0 0;
}

#footer a:link{
color:#333;
text-decoration:underline;
}

#footer a:hover{
color:#333;
text-decoration:none;
}

#footer a:visited{
color:#333;
}