@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
body {
	font-size: 12px;
	line-height: 1.8;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}
img {
	vertical-align: bottom;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
	font-weight: normal;
}

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

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99%;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	*font-size:108%;
	line-height:100%;
}

/* CSS Document */

body {
	background-color: #FFFFFF;
	color: #333333;
}

/*========== layout ==========*/
#container {
	margin: 0 auto;
	width: 800px;
	position: relative;
}
#header {
	margin-bottom: 20px;
}
#prCol {
	clear: both;
	background: url(../images/prcol_bg.png) no-repeat left top;
	height: 200px;
	margin:20px 0;
	line-height: 0;
	position: relative;
}
#main {
	position: relative;
	margin: 20px 0;
	background: url(../images/main_bg.gif) repeat-y left top;
}
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main {
	display: inline-block;
}
/* Hides from IE-mac \*/
*html #main { height: 1%; }
#main { display: block; }
/* End hide from IE-mac */
#rakuCol {
	clear: both;
	margin: 20px 0;
	background: url(../images/rakucol_bg.gif) repeat-y left top;
}
#footer {
	clear: both;
	margin: 20px 0 0;
}


/*========== header ==========*/
#header h1 {
	background-color: #DBDBDB;
	line-height: 1.2;
	padding: 0.2em;
}
#logo {
	background: url(../images/header_bg.jpg) no-repeat left top;
	height: 94px;
	position: relative;
}
#logo h2 {
	position:absolute;
	top: 20px;
	left: 42px;
	line-height: 0;
}
#header li {
	float: left;
	line-height: 0;
}

/*========== prCol ==========*/
#prCol #pr01, #prCol #pr02, #prCol #pr03, #prCol #pr04 {
	position: absolute;
}
#prCol #pr01 {
	top: 62px;
	left: 12px;
}
#prCol #pr02 {
	top: 13px;
	left: 13px;
}
#prCol #pr03 {
	top: 171px;
	left: 13px;
}
#prCol #pr04 {
	top: 5px;
	left: 554px;
}
/*========== sunCol bbCol ==========*/
#main h3 {
	line-height: 0;
}
#main .inner {
	margin: 0 2px;
	padding-top: 150px;
}
#main .inner dl {
	margin: 20px 20px;
}
#main .inner dt {
	margin-left: 10px;
}
#main .inner dd {
	margin-left: 10px;
}
#sunCol, #bbCol {
	float: left;
	width: 390px;
}
#sunCol {
	margin-right: 20px;
}
#sunCol .inner {
	background: url(../images/suncol_bg.jpg) no-repeat left top;
}
#sunCol .inner dl {
	border-left: 5px solid #99CC33;
}
#bbCol .inner {
	background: url(../images/bbcol_bg.jpg) no-repeat left top;
}
#bbCol .inner dl {
	border-left: 5px solid #3B88CA;
}
#btnCol {
	background: url(../images/main_bg_bottom.gif) no-repeat left bottom;
	padding-bottom: 30px;
}
*:first-child+html #btnCol {
	width: 800px;
}
#btnCol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#btnCol {
	display: inline-block;
}
/* Hides from IE-mac \*/
*html #btnCol { height: 1%; }
#btnCol { display: block; }
/* End hide from IE-mac */
#btnCol p {
	margin-top: 30px;
	float: left;
	width: 390px;
	text-align: center;
	margin-right: 20px;
	line-height: 0;
}
#btnCol .endChild {
	margin-right: 0;
}
#main .inner .pInfo {
	background: url(../images/info_ico.jpg) no-repeat left top;
	padding-left: 35px;
	min-height: 26px;
	font-weight: bold;
	color: #FF0000;
	font-size: 120%;
	text-decoration: underline;
	margin: 20px 20px 20px 10px;
}
*html #main .pInfo {
	height: 26px;
}


/*========== parkingCol ==========*/
#parkingCol {
	width: 800px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
}
#parkingCol th, #parkingCol td {
	vertical-align: top;
}
#parkingCol thead #sunHead {
	width: 410px;
	/*background: url(../images/suncol_bg.jpg) no-repeat 2px 41px;
	height: 186px;*/
}
#parkingCol thead #bbHead {
	width: 390px;
	/*background: url(../images/bbcol_bg.jpg) no-repeat 2px 41px;
	height: 186px;*/
}
#parkingCol thead td {
	padding: 10px 0 10px 66px;
}
#parkingCol tfoot {
	background: url(../images/main_bg_bottom.gif) no-repeat left bottom;
}
#parkingCol tfoot .sunColB {
	padding: 30px 40px 30px 20px;
	text-align: center;
	font-size: 0;
}
#parkingCol tfoot .bbColB {
	padding: 30px 0 30px;
	text-align: center;
	font-size: 0;
}
#parkingCol tbody .sunColT {
	padding: 0 40px 0 20px;
}
#parkingCol tbody .bbColT {
	padding: 0 20px;
}
#parkingCol .parkingInfo {
	background: #FFFFCC url(../images/info_ico.jpg) no-repeat 5px 5px;
	padding: 5px 5px 5px 35px;
	min-height: 26px;
	font-weight: bold;
	color: #FF0000;
	margin: 20px 0;
}
*html #parkingCol .parkingInfo {
	height: 26px;
}
#parkingCol dl {
	margin: 20px 0;
}
*html #parkingCol dl {
	width: 340px;
}
*:first-child+html #parkingCol dl {
	width: 340px;
}
#parkingCol dt {
	margin-left: 10px;
	margin-bottom: 1em;
}
#parkingCol dd {
	margin-left: 10px;
}
#parkingCol .sunColT dl {
	border-left: 5px solid #99CC33;
}
#parkingCol .bbColT dl {
	border-left: 5px solid #3B88CA;
}




/*========== rakuCol ==========*/
#rakuCol dl {
	background: url(../images/rakucol_bg_header.gif) no-repeat left top;
}
#rakuCol dt {
	background: url(../images/dec01.gif) no-repeat 17px 1.2em;
	padding: 10px 15px 0 35px;
}
#rakuCol dd {
	background: url(../images/rakucol_bg_bottom.gif) no-repeat left bottom;
	padding: 0 15px 10px;
}


/*========== footer ==========*/
#footer .footerMenu {
	margin: 10px 0;
	text-align: center;
}
#footer .footerMenu li {
	list-style-type: none;
	margin: 0;
	padding: 0 5px 0 10px;
	display: inline;
	font-size: 12px;
	line-height: 1;
	border-left: 1px solid #333333;
}
#footer .footerMenu .endChild {
	border-right: 1px solid #333333;
}
#footer li a:link, #footer li a:visited {
	color:#333333;
	text-decoration: none;
}
#footer li a:hover {
	color:#666666;
	text-decoration: underline;
}
#copyright {
	background-color: #DBDBDB;
	line-height: 1.2;
	text-align: center;
	padding: 0.5em 1em 0.2em;
	font-size: 10px;
}
*html #copyright {
	height: 1.5em;
}

/*========== common ==========*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.prTxt {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
strong {
	font-weight:normal;
}
.cpBnr {
	margin-bottom: 20px;
}

.cpBnr img {
	width: 350px;
}