/* -- layout -- */
#wrapper {
	width: 100%;
	min-width: 1100px;
	background: #fff url("../images/wrapper_bg.png") repeat-x top left;
}

#wrapper.globalNav99 {
	background: #faa repeat-x top left;
}

#header,
#nav,
#contents,
#footer {
	margin: 0 30px;
	text-align: left;
}


/* -- header -- */
#header {
	position: relative;
	height: 80px;
}

#logo {
	position: absolute;
	top: 15px;
	left: 0;
}

#logo p {
	margin-bottom: 0;
}

#headerMenu {
	position: absolute;
	top: 15px;
	right: 0;
}

#headerMenu ul {
	margin: 0;
}

#headerMenu ul li {
	float: left;
	margin-right: 15px;
}

#headerMenu ul li a {
	text-decoration: none;
	padding-left: 20px;
	margin-bottom: 10px;
	font-family: '���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
}

#headerMenu ul li a.home {
	background: url("../images/menu_ico_home.png") no-repeat center left;
}

#headerMenu ul li a.form {
	background: url("../images/menu_ico_form.png") no-repeat center left;
}

#headerMenu ul li a.logout {
	background: url("../images/menu_ico_logout.png") no-repeat center left;
}


/* -- navigation -- */
#nav {
	clear: both;
}

#nav ul {
	margin: 0;
	height: 6.8em;
}

	/* -- color -- */
 	#nav ul.globalNav01 {
	 	border-bottom: 7px solid #206a75;
	}

	#nav ul.globalNav02 {
	 	border-bottom: 7px solid #3d794f;
	}

	#nav ul.globalNav03 {
	 	border-bottom: 7px solid #c28c27;
	}

	#nav ul.globalNav04 {
	 	border-bottom: 7px solid #c05038;
	}

	#nav ul.globalNav05 {
	 	border-bottom: 7px solid #9e274b;
	}

	#nav ul.globalNav99 {
		 	height: 3em;
	}

#nav li {
	width: 20%;
  	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

#nav li.globalNav99 {
	width: 40%;
  	height: 100%;
	float: right;
	margin: 0;
	padding: 0;
}

#nav li ul {
 	height: 6.5em;
	margin: 0 2px 0 0;
	padding-top: 5px;
	background: #002533;
}

	/* -- color -- */
	#nav li.globalNav01 ul {
		background: #002533;
	}

		#nav li.globalNav01 ul.selected {
			background: #206a75;
		}

	#nav li.globalNav02 ul {
		background: #002533;
	}

		#nav li.globalNav02 ul.selected {
			background: #3d794f;
		}

	#nav li.globalNav03 ul {
		background: #002533;
	}

		#nav li.globalNav03 ul.selected {
			background: #c28c27;
		}

	#nav li.globalNav04 ul {
		background: #002533;
	}

		#nav li.globalNav04 ul.selected {
			background: #c05038;
		}

	#nav li.globalNav05 ul {
		background: #002533;
		margin-right: 0;
	}

		#nav li.globalNav05 ul.selected {
			background: #9e274b;
		}

	#nav li.globalNav99 ul {
		height: 2.5em;
		background: #ffd700;
		margin-right: 0;
	}

#nav li li {
	clear: both;
	text-align: center;
 	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#nav li li a {
	font-family: '���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
  	font-size: 14px;
	text-decoration: none;
	color: #fff;
}

#nav li.globalNav99 li a {
/*   	font-size: 24px; */
  	font-size: 20px;
	color: #000;
}

#nav li li a:hover{
	color: #ff3300;
}



/* -- toppage -- */
#siteDescription {
	margin-bottom: 30px;
	padding: 10px 0 30px 15px;
	height: 185px;
	background: url("../images/top_description_bg.png") repeat-x top left;
}

/* -- toppage -- */
#siteDescriptionTopID {
    margin-bottom: 0px;
    padding: 5px 0px 35px 10px;
    height: 80px;
    background: url("../images/top_description_bg.png") repeat-x top left;
}

/* -- toppage -- */
#siteDescriptionID {
    margin-bottom: 0px;
    padding: 5px 0px 0px 10px;
	background-color: #AACADE;
}

#siteDescription .text {
	float: left;
	margin-right: 30px;
	font-size: 14px;
	color: #fff;
}

#siteDescription .btn {
	float: left;
}


/* -- contents -- */
#contents {
	padding: 15px;
	background-color: #fff;
}

#sideCollumn {
	float: left;
	width: 200px;
	position: relative;
	z-index: 2;
}

#sideCollumn div {
	zoom: 1;
}

#mainCollumn {
	float: left;
	width: 100%;
	position: relative;
	margin-left: -250px;
	z-index: 1;
}

#mainCollumn div {
	margin-left: 275px;
	padding: 0;
	zoom: 1;
}

#mainCollumn div div {
	margin-left: 0;
}

#mainCollumn div div.sectionBox {
	padding: 10px 10px 5px 10px;
}

#contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html #contents             { zoom: 1; } /* IE6 */
*:first-child+html #contents { zoom: 1; } /* IE7 */


/* -- footer -- */
#footer {
	height: 70px;
	padding-top: 5px;
	border-top: 3px solid #076298;
	text-align: right;
	}


/* ----- clearfix ----- */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */