/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg/bg.gif) repeat-y top center;
	line-height: 170%;
	color: #555;
	font-family: verdana, arial, sans-serif;
	font-size: 0.7em;
	font-weight: 400;
	text-align: center; /* center on ie */

}


/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;

  font: 600 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #cc0000;
}

h2 {display: block;
	font-size: 14px;
	font-weight: bold;
	color: #586B7A;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom:5px;
	background-image:url(../images/bg/tablebg.gif) ;
	background-repeat:  repeat;
	border-bottom: 1px solid #cc0000;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
  margin-top: 10px;
}

h5 {
  font-size: 0.8em;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #000; padding:2px;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #cc0000 !important;
  border: 1px solid #cc0000;
}

.link {
	font-size: 1em;
	color: #cc00cc;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Images */
img.floatRight {margin: 2px 0px 0px 20px; border: 1px solid #666; padding:2px;}

img.floatLeft {margin: 2px 20px 0px 0px; border: 1px solid #666; padding:2px;}

img.aligncenter {
	border: 1px solid #666;
	padding:2px;
	text-align:center;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 4px;
}
a:hover img.aligncenter {
	border: 1px solid #cc0000;
	background-color: #FFFFFF;
}


/* Lists */
ul li {
  list-style-image: url(../images/bg/submenu1.gif);
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}



/* Blockquote */
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}



/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #8880 #888;
}

input.radio {
  background: none;
  border: 0px;
}

/*■テーブル */


table {
	width: 90%;
	overflow: auto;
	margin: 1em 3.5em 3em 3.5em;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	background: #fff;
	}

.tableprice {
	width: 100%;
	overflow: auto;
	margin: 0.5em 0em 0.5em 0em;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	background: #fff;
	}

.tableboat {
	width: 63%;
	overflow: auto;
	margin: 3px 0px 10px 0px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	background: #fff;
	float: right;
	}
	
th {
	padding: 5px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	font-size: 12px;
	font-weight: normal;
	}
	
.bg1 {
	background-color: #EAE5CA;
}
	
td {
	padding: 5px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	font-size: 12px;
	}

.box01{margin: 0px 0px 20px 0px; height:100%;}
.formbox01{
	margin:10px;
	padding:10px;
	height:100%;
	width:500px;
	text-align:left;
	border: 3px solid #CC0000;
}
.box02{margin: 0px 0px 20px 0px; height:100%; text-align:center;}
#indexblock01{
	margin-top: 15px;
	margin-bottom: 25px;
	clear: both;
	height: 80px;
}
#indexblock01 h2{
	margin-bottom: 5px;
}
#indexblock02{
	height: 395px;
	margin-bottom: 15px;
}
#indexblock02 h2{
	margin-bottom: 5px;
}

#indeximg02{
	width: 355px;
	float: left;
}
#indeximg03{
	margin-top: 10px;
	padding-left: 400px;
}
#indexblock03{
	height: 465px;
	margin-bottom: 15px;
	clear: both;
}
#indexblock03l{
	width: 240px;
	float: left;
	padding-bottom: 10px;
}
#indexblock03r{
	float: right;
	width: 395px;
}
#indeximg04{
	width: 286px;
	float: left;
}
#indeximg04_cap{
	margin-bottom: 10px;
}
#indeximg05_cap{
	margin: 5px;
}
#indeximg07_cap{
	margin: 5px;
}

#indexblock02l{
width: 355px;
float:left;
}

#indeximg04{
	width: 286px;
	float: left;
}
#indeximg04_cap{
	margin-bottom: 10px;
}
#indeximg05_cap{
	margin: 5px;
}
#indeximg07_cap{
	margin: 5px;
}

#healthtitle{
	clear: both;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #a6a7d0;
}
#healthblock01{
	height: 235px;
	margin-bottom: 10px;
}
#healthblock01l{
	float: left;
	width: 385px;
}
#healthblock01r{
	float: right;
	width: 362px;
}
#healthblock02{
	clear: both;
	height: 310px;
	margin: 10px 0;
}
#healthblock02l{
	float: left;
	width: 320px;
}
#healthblock02r{
	float: right;
	width: 435px;
}
.healthlabel{
	border-bottom: 1px solid #a6a7d0;
	margin-bottom: 5px;
}
.healthcap{
	margin: 5px 0 12px 0;
}
#healthblock02rl{
	float: left;
	width: 220px;
}
#healthblock02rr{
	float: left;
	width: 200px;
}

.healthblock{
	clear: both;
	padding-top: 10px;
}
#healthblock03{
	clear: both;
	width: 745px;
	margin: 0px 0px 20px 0px;
}
/*06050m=p*/
#healthblock03l{
	float: left;
	width: 364px;
	padding-right: 5px;
}
#healthblock03line{
	float: left;
	width: 355px;
	padding: 5px 5px 0px 5px;
	border: 1px solid #a6a7d0;
	margin-bottom:5px;
}
/*end*/
#healthblock03r{
	float: right;
	width: 364px;
}
#healthblock03rline{
	float: right;
	width: 355px;
	padding: 5px 5px 0px 5px;
	border: 1px solid #a6a7d0;
	margin-bottom:5px;
}
#healthblock04{
	clear: both;
	height: 175px;
	width: 740px;
	margin: 10px 0 20px 0;
}
#healthblock04l{
	float: left;
	width: 329px;
}
#healthblock04r{
	float: right;
	width: 350px;
}

/* marina.html */
#marinatitle{
	clear: both;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #a6a7d0;
}
#marinablock01{
	margin-bottom: 30px;
	height: 185px;
}
#marinablock01l{
	width: 300px;
	float: left;
}
#marinablock01r{
	width: 435px;
	float: right;
}
#marinablock02{
	margin-top: 10px;
	clear: both;
	height: 250px;
}
#marinablock02l{
	width: 305px;
	float: left;
}
#marinablock02r{
	width: 425px;
	float: right;
}
.marinalabel{
	border-bottom: 1px solid #a6a7d0;
	margin-bottom: 5px;
}
.marinacap{
	margin: 5px 0;
}
#marinablock02rl{
	margin-top: 5px;
	width: 207px;
	float: left;
}
#marinablock02rr{
	margin-top: 5px;
	width: 207px;
	float: right;
}
#marinablock03{
	margin-top: 10px;
	clear: both;
	height: 250px;
}

*:first-child+html #marinablock03{
	margin-bottom: 80px;
	clear: both;
}

#marinablock03l{
	width: 365px;
	float: left;
}
#marinablock03r{
	width: 365px;
	float: right;
}
#marinablock04{
	margin-top: 10px;
	clear: both;
}

*:first-child+html #marinablock04{
	margin-top: 125px;
	margin-bottom: 165px;
	clear: both;
}

#marinablock04l{
	width: 238px;
	float: right;
}
#marinablock04c{
	margin: 0 15px;
	width: 238px;
	float: left;
}
#marinablock04c img{
	margin-left: 0px;
}
#marinablock04r{
	width: 238px;
	float: left;
}
#marinablock05{
	margin-top: 20px;
	clear: both;
}

*:first-child+html #marinablock05{
	margin-top: 115px;
	margin-bottom: 45px;
	clear: both;
}
.marinaetc{
	color: #394093;
	font-weight:bold;
}

#linkblock01{
	margin-bottom: 30px;
	height: 60px;
}
#linkblock01l{
	width: 220px;
	float: left;
}
#linkblock01r{
	width: 520px;
	float: right;
}

.usedname{
	border-bottom: 1px solid #a6a7d0;
	margin-bottom: 5px;
	font-weight: bold;
}

.price{
	color: #FF0000;
	border-bottom: 1px solid #a6a7d0;
	font-weight: bold;
}