@charset "UTF-8";

body{
	background-color: #ffffff; 
	text-align: left; 
	padding: 0; 
	display: block;
	margin: 5px auto; 
	font-size: 18px; 
}
div#wrapper{
	background-color: #ffffff; 
	width: 550px; 
	margin: 5px auto; 
	padding: 0; 
	font-size: 20px; 
}

div#headerTitle{
	margin: 0; 
	padding: 0; 
	width: 550px; 
}

div#naviArea{
	width: 550px; 
	background-color: #ff9900; 
	color: #000000; 
	font-weight: bold; 
	text-align: center; 
}

div#naviArea ul.navi{
	font-weight: bold; 
	margin: 0; 
	padding: 3px 0 3px 0; 
}

div#naviArea ul.navi li{
	display: inline; 
	list-style-type: none;
	margin: 0;
}
div#naviArea ul.navi li a{ 
	color: #0000ee; 
}

div#naviArea ul.navi li a:hover{
	color: #dd0000; 
	text-decoration: none;
}

div#container{
	width: 550px; 
	margin: 0;
}

div#leftNavi{
	width: 150px; 
	text-align: left; 
	float: left; 
}

ul.side {
	color: #000099; 
	width: 150px; 
	margin: 0; 
	padding: 0; 
}

.side li{
	display: block; 
	border: solid 1px #ffffff; 
	width: 150px; 
	height: 27px;
	font-weight: bold;  
	padding: 0 0 0 15px;
	line-height: 150%; 
	background: #ffffff url('images/bar_back01.gif') repeat-y;
}

.side li a{
	color: #ff9900; 
	text-decoration: none; 
}

.side li a:hover{
	color: #0000ff;
	text-decoration: underline; 
}


ul.blue_icon  {
    list-style:none; 
    margin:0px 0px 0px 10px;
    padding:0px;
}

ul.blue_icon li { 
    color: #000000; 
    font-size:16px; 
    line-height:110%; 
    font-weight:normal;text-align:left;
    list-style-position:outside;
    background:url(images/blue_icon01.gif) no-repeat 0px 2px; 
    padding:0px 5px 5px 25px;
    margin: 5px 0 0 0; 
}

h1 {
	margin: 0; 
	padding: 5px; 
}

p { 
	margin: 2px; 
	clear: both; 
}


div#mainIndex{
	backgroun-color: #ffffff; 
	float: left;
	width: 400px; 
	margin: 0; 
	padding: 0; 
}
div#spotTitle{
	background-color: #eeeeee;
	width: 400px; 
	font-weight: bold; 
	text-align: center; 
	padding: 3px 0 3px 0;
}

div#leftCol{
	float: left; 
	width: 200px; 
	height: 380px; 
	padding: 0; 
	margin: 0; 
	background-color: #ffffaa; 
}

div#rightCol{
	float: right; 
	width: 200px; 
	height: 380px; 
	background-color: #ffeeee; 
}

div#footer{
	width: 550px; 
	background-color: #000055; 
	color: #ffffff; 
	text-align: center; 
	font-weight: bold; 
	clear: both; 
}
