/* =====================================================================*/
/* This css file should mainly establish height, width, margin, padding */
/* Modify elements by section or by page in descendant sheets   */
/* =====================================================================*/
body {
background-color: #DFEFFF;
	margin: 0px;
	padding: 0px;
	
}

div#main {
	clear:both; 
	width:792px; 
	margin: 0 auto 0 auto;
	padding: 0;
 background: url("../images/BG.gif") repeat-y top center;
}

/*Clears the bottom of the main class and id so that the bg flows to the bottom- buggy on old pages*/
div#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac \*/
	* html div#main {height: 1%;}
	div#main {display: block;}
	/* End hide from IE-mac */
/*END-Clears the bottom ...*/

/* ******************** Establish baselines for contents area ********************** */
div#contents {
	width: 778px;
	margin: 0 7px 0 7px;
	padding: 0 0 12px 0;
	float: left;
	display: inline;
	font-size: 14px;
	line-height: 180%;
	border-bottom: 1px solid #88CCFF;
}
div#contents ul {
	margin: 0;
	padding: 12px 0 0 0 !important;
	float: left;
	display: inline;
	list-style-type: none;
	font-size: 11px;
	line-height: 180%;
	font-weight: bold;
}

/* ******************** Navigation Area ********************** */
div#navigation {
	width: 132px;
	margin: 12px 24px 12px 12px;
	padding: 0;
	float: left;
	display: inline;
}

/* ******************** Paragraph Area ********************** */
div#paragraph {
	width:558px;
	margin: 18px 12px 12px 12px;
	padding: 0px;
	float: left;
	display: inline;
	font-size: 14px;
	line-height: 21px;
}
div#paragraph ul {
 margin: 0 !important;
	padding: 0 9px 0 0 !important;
	list-style-type: none;
	font: 13px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif !important;
	color: #003377;
	font-weight: bold !important;
	white-space: nowrap;
 line-height: 21px !important;
}
div#paragraph li {
	margin: 0 !important;
	padding: 0 12px 0 0 !important;
	list-style-type: none;
	list-style-position: outside;
	font: 13px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif !important;
	white-space: nowrap;
	line-height: 21px !important;
	background-color: #FFFFFF;
}

/* ******************** index.htmlのメインイメージ ********************** */
div#catchCopy {
	width: 300px;
	height: 208px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}
/* ******************** index.htmlのニュース ********************** */
div#topNews {
	width:454px;
	margin: 3px 12px 6px 12px;
	padding: 0;
	float: left;
	display: inline;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal !important;
}
div#topNews ul {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	list-style-type: none;
}
div#topNews li {
 width: 558px;
	margin: 0;
	padding: 4px 0 0 0;
	float: left;
	display: inline;
}
/* ******************** index.htmlの全メニュー表示 ********************** */
div#menuAll {
	width:778px;
	margin: 12px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
}

/* ******************** 新ウィンドウ ********************** */
div#subWindow {
	clear:both; 
	width:642px; 
	margin: -12px auto 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.subWindowJVL {
 font-weight: bold;
	color: #003377;
	font-size: 15px;
	padding: 0 15px 0 0;
	margin: 0;
}
.subWindowCategory {
 width: 97%;
	background-color: #FFEEEE;
 font-weight: bold;
	font-size: 13px;
	padding: 1px 0 1px 6px;
	margin: 12px 0 0px 0;
}
.subWindowEn {
	font: 11px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif !important;
	color: #003377;
	line-height: 13px;
}
.subWindowTitle {
 width: 618px;
 font-weight: bold;
	font-size: 16px;
	color: #CC3366;
	padding: 3px 0 3px 0;
	margin: 12px 0 0 0;
	border-top: 1px solid #CC3366;
	border-bottom: 1px solid #CC3366;
}
div#subWindow ul {
 margin: 0;
	padding: 0 9px 0 0;
	float: left;
	display: inline;
	list-style-type: none;
	font: 13px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif !important;
	color: #003377;
	font-weight: bold !important;
	white-space: nowrap;
 line-height: 21px !important;
}
div#subWindow li {
 margin: 0;
	padding: 0 24px 0 0;
	float: left;
	display: inline;
	list-style-type: none;
	font: 13px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif !important;
	white-space: nowrap;
 line-height: 21px !important;
}
div#subWindowFooter {
 width: 618px;
	padding: 6px 0 0 0;
	margin: 12px 0 0 0;
	border-top: 1px solid #88CCFF;
}
div#subWindowFooter td {
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif !important;
	color: #003377;
}
div#map {
 margin: 0;
	padding: 0;
 float: left;
	display: inline;
	width: 546px;
	height: 546px;
}

/* ******************** スケジュール検索結果 ********************** */
div#schedResult {
	width: 764px;
	margin: 6px 0 0 6px;
	padding: 0;
	float: left;
	display: inline;
}
div#schedResult p {
 margin: 0;
	padding: 0 0 6px 0;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 21px;
}
div#schedResult td {
	margin: 0;
	padding: 2px 4px 2px 4px;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	border-left: 1px solid #CCCCCC;
}
div#schedResult tr.headTR {
	background-color: #FFEEEE;
	border-bottom: 1px solid #FFCCCC;
}
div#schedResult td.headTD {
	font-weight: bold;
	color: #CC3366;
	border-left: 1px solid #CCCCCC;
}
div#schedResult tr.white {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFCCCC !important;
}
div#schedResult tr.gray {
	background-color: #EEEEEE;
	border-bottom: 1px solid #FFCCCC !important;
}
.schedResultPlace {
	margin: 0;
	padding: 0 0 0 12px;
	font-weight: bold;
	color: #CC3366;
	white-space: nowrap;
}

/* ******************** Explanation Area ********************** */
div#explanation {
	width:564px;
	margin: 0 12px 12px 12px;
	padding: 0px;
	float: right;
	display: inline;
	font-size: 13px;
	line-height: 19px;
}
div#explanation ul {
 margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	white-space: nowrap;
}
div#explanation li {
	margin: 0 !important;
	padding: 12px 12px 0 0!important;
	list-style-position: outside;
	background-color: #FFFFFF;
	list-style-image: url(../images/listSquare.gif);
}

/* ******************** スケジュール印刷 ********************** */
div#schedPrint {
	width:558px;
	margin: 18px 12px 12px 12px;
	padding: 0px;
	float: left;
	display: inline;
	height: 300px;
}
div#schedPrint p {
 margin: 0;
	padding: 0 0 6px 0;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
}
div#schedPrint td {
	margin: 0;
	padding: 2px 4px 2px 4px;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	border-left: 1px solid #CCCCCC;
	white-space: nowrap;
}
div#schedPrint tr.headTR {
	background-color: #FFEEEE;
	border-bottom: 1px solid #FFCCCC;
}
div#schedPrint td.headTD {
	font-weight: bold;
	color: #CC3366;
	border-left: 1px solid #CCCCCC;
}
div#schedPrint tr.white {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFCCCC !important;
}
div#schedPrint tr.gray {
	background-color: #EEEEEE;
	border-bottom: 1px solid #FFCCCC !important;
}