body           { margin: 0px; background-image: url("common/back.gif"); text:#000000; }
input,p,form { margin:0; padding:0; }

.bold    { font-weight:bold; }
.base    { font-size: 12px; line-height: 16px; }
.base02  { font-size: 12px; }
.small   { font-size: 10px; line-height: 14px; }
.small02 { font-size: 10px; }
.font14  { font-size: 14px; }
.font16  { font-size: 16px; }
.font18  { font-size: 18px; }
.large   { font-size: 20px; }
.white   { color: #ffffff; }
.gray333 { color: #333333; }
.gray666 { color: #333333; }
.gray999 { color: #999999; }
.blue    { color: #003366; }
.red     { color: #CC0000; }
.yellow  { color: #ffcc33; }
.pink    { color: #d42c6a; }

a:link    { color: #0000ff; font-size:12px; text-decoration:underline; }
a:visited { color: #0000ff; font-size:12px; text-decoration:underline; }
a:active  { color: #0000ff; font-size:12px; text-decoration:underline; }
a:hover   { color: #ff6600; font-size:12px; text-decoration:underline; }

.large_l:link    { color: #0000ff; font-size:14px; text-decoration:underline; }
.large_l:visited { color: #0000ff; font-size:14px; text-decoration:underline; }
.large_l:active  { color: #0000ff; font-size:14px; text-decoration:underline; }
.large_l:hover   { color: #ff6600; font-size:14px; text-decoration:underline; }

.large_16:link    { color: #0000ff; font-size:16px; text-decoration:underline; }
.large_16:visited { color: #0000ff; font-size:16px; text-decoration:underline; }
.large_16:active  { color: #0000ff; font-size:16px; text-decoration:underline; }
.large_16:hover   { color: #ff6600; font-size:16px; text-decoration:underline; }

.b_link:link    { color: #000000; font-size:12px; text-decoration:none; }
.b_link:visited { color: #000000; font-size:12px; text-decoration:none; }
.b_link:active  { color: #000000; font-size:12px; text-decoration:none; }
.b_link:hover   { color: #ff6600; font-size:12px; text-decoration:underline; }

.b_link14:link    { color: #000000; font-size:14px; text-decoration:none; }
.b_link14:visited { color: #000000; font-size:14px; text-decoration:none; }
.b_link14:active  { color: #000000; font-size:14px; text-decoration:none; }
.b_link14:hover   { color: #ff6600; font-size:14px; text-decoration:underline; }

.w_link:link    { color: #ffffff; font-size:14px; text-decoration:none; }
.w_link:visited { color: #ffffff; font-size:14px; text-decoration:none; }
.w_link:active  { color: #ffffff; font-size:14px; text-decoration:none; }
.w_link:hover   { color: #ff6600; font-size:14px; text-decoration:underline; }

.s_link:link    { color:#333333; font-size:10px; line-height: 14px; text-decoration:underline; }
.s_link:visited { color:#333333; font-size:10px; line-height: 14px; text-decoration:underline; }
.s_link:active  { color:#333333; font-size:10px; line-height: 14px; text-decoration:underline; }
.s_link:hover   { color:#ff6600; font-size:10px; line-height: 14px; text-decoration:underline; }

.s_link_b:link    { color:#0000ff; font-size:10px; line-height: 14px; text-decoration:underline; }
.s_link_b:visited { color:#0000ff; font-size:10px; line-height: 14px; text-decoration:underline; }
.s_link_b:active  { color:#0000ff; font-size:10px; line-height: 14px; text-decoration:underline; }
.s_link_b:hover   { color:#ff6600; font-size:10px; line-height: 14px; text-decoration:underline; }

.head_link:link    { color:#054b6c; font-size:10px; text-decoration:none; }
.head_link:visited { color:#054b6c; font-size:10px; text-decoration:none; }
.head_link:active  { color:#054b6c; font-size:10px; text-decoration:none; }
.head_link:hover   { color:#ff6600; font-size:10px; text-decoration:underline; }

div.cnt  { text-align: center; }
div.left { text-align: left; }
div.nor  { }
div.flt  { float: left; }
div.clr  { clear: both; }

h1 {
 font-size: 10px;
 font-weight: normal;
 line-height: 14px;
 color: #054b6c;
 width: 330px;
 margin: 0px;
 padding: 0px;
 text-align: left;
}

table.main {
	width: 820px;
	margin-left:  auto;
	margin-right: auto;
	text-align: center;
	border: 0px;
	padding: 0px;
}

table.main td.left {
	width: 10px;
	background-image: url("common/gra_left.gif");
}

table.main td.right {
	width: 10px;
	background-image: url("common/gra_right.gif");
}

table.main td.mainArea {
	width: 800px;
	background-color: #ffffff;
}

table.main td.grand_width {
	background-color: #ffffff;
	text-align: center;
}

table.main td.grand_beach {
	background-image: url("theme/beach/img/beach_back.gif");
	text-align: center;
}

table.mainTab720 {
	width: 720px;
	margin: 0px auto 15px auto;
	padding: 0px;
	border: 0px;	
}

table.mainTab750 {
	width: 750px;
	margin: 0px auto 15px auto;
	padding: 0px;
	border: 0px;
}

/* upper area */

table.head {
	width: 800px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.head td.Rgt {
	width: 800px;
	height: 20px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.headLinks {
	margin-left: auto;
	margin-right: 0px;
	padding: 0px;
	border: 0px;
}

table.headLinks td.spaceRgt {
	padding-right: 10px;
}

table.head_link {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
}

table.head_link td {
	padding-left: 20px;
	padding-right: -20px;
	height: 15px;
	text-align: left;
	background-image:url("common/header_link_back.gif");
	margin: 0px;	
	border: 0px;
}

/* left */

table.tab155 {
	width: 155x;
	margin: 0px auto 5px auto;
	padding: 0px;
	border: 0px;	
}

table.tab155 td.green {
	width: 155px;
	text-align: center;
	background-color: #e8fbe7;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table.tab155 td.cream {
	width: 155px;
	text-align: center;
	background-color: #FFF6B9;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table.tab155 td.pink {
	width: 155px;
	text-align: center;
 background-color: #FFE2E8;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table.tab153 {
	width: 153x;
	margin: 0px auto 10px auto;
	padding: 0px;
	border: 0px;	
}

table.tab153 td.cnt {
	text-align: center;
}

table.tab153 td.cel13 {
	width: 13px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

table.tab153 td.cel140 {
	width: 140px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

table.tab139 {
	width: 139x;
	margin: 5px auto 5px auto;
	padding: 0px;
	border: 0px;	
}

table.tab139 td.cel13 {
	width: 13px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

table.tab139 td.cel126 {
	width: 126px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

div.boxLeft149 {
	width: 149px;
	text-align: center;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #2eb421;
	margin: 3px auto 6px auto;
}

div.boxLeft149y {
	width: 149px;
	text-align: center;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #CE6D21;
	margin: 3px auto 6px auto;
}

div.boxLeft149p {
	width: 149px;
	text-align: center;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #CE536E;
	margin: 3px auto 6px auto;
}

div.boxLeft139 {
	width: 139px;
	text-align: left;
	margin: 5px auto 5px auto;
	padding: 0px;
}

div.boxLeft139p {
	width: 139px;
	text-align: center;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #CE536E;
	margin: 3px auto 3px auto;
}

div.boxLeft155_02 {
	width: 155px;
	text-align: center;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #2eb421;
	margin: 5px auto;
}
/* bottom area */

table.footer {
	width: 800px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.footer td.lineCCC {
	width: 800px;
	height: 1px;
	background-color: #cccccc;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.footer td.banners {
	width: 800px;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	border: 0px;
}

table.cr {
	width: 800px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.cr td.line01 {
	width: 800px;
	height: 1px;
	background-color: #006600;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.cr td.line02 {
	width: 800px;
	height: 5px;
	background-color: #006600;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.cr td.blue {
	width: 800px;
	height: 16px;
	text-align: center;
	background-color: #c4e4fd;
	font-size: 10px;
	color: #006600;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* popup */

table.popup {
	width: 100%;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.popup td.logo {
	text-align: left;
}

table.popup td.greenline {
	background-color: #2cb521;
}

table.popup td.inside {
	text-align: center;
}

table.popIns {
	width: 375px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px;
}

table.popIns td.btnCls {
	height: 45px;
	text-align: center;
}

table.popIns td.popCol {
	background-color: #cccccc;
}

table.popIns td.icon {
	width: 30px;
	text-align: left;
}

table.popIns td.txt {
	width: 155px;
	text-align: left;
	font-size: 12px;
}

div.boxPopup01 {
	width: 375px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
}

div.boxPopup02 {
	width: 355px;
	text-align: left;
	padding: 0px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

.imgPos {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 0px;
}
