@charset "UTF-8";

body {
	background-color: #FFF;
	background-image: url(../../images/bg_contents.jpg);
	background-repeat: repeat-x;
	height: 100%;
	text-align:center;
}
html{
	height: 100%;
}

/* --------------------------------------------
	wrapper
-------------------------------------------- */
#wrapper {
	margin: 0 auto;
	position:relative;
	width:900px;
	background-color: #FFF;
	border-left: 5px solid #9b96d5;
	border-right: 5px solid #9b96d5;
	min-height: 100%;  
    height: auto !important;   
    height: 100%;  
}


/* --------------------------------------------
	header
-------------------------------------------- */
#header {
	text-align:left;
	margin:0 auto;
	width:870px;
	height:124px;
	background-image: url(../../images/bg_head.gif);
	background-repeat: repeat-x;
	padding:0 15px;
	position:relative;
}
h1 {
	font-weight: normal;	
	font-size: 78%;
	padding:5px 0 0 0;
	text-align:left;
	color:#fff;
}
#logo {
	position:absolute;
	top:23px;
	left:228px;
}




/* --------------------------------------------
	contents
-------------------------------------------- */
#contents {
	margin:0 auto;
	width:870px;
	text-align:left;
	padding:0 15px;
}
#main {
	float:left;
	width:630px;
}
#side {
	width:225px;
	float:right;
	padding:0 0 0 15px;
}
#path {
	padding:0 0 15px 0;
}
#path ul {
}
#path ul li {
	float: right;
	font-size: 78%;
	margin-right:5px;
}
#path ul li a,#path ul li a:visited {
	padding-right:15px;
	background-image: url(../../images/bg_path.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: underline;
}
#path ul li a:hover {
	text-decoration: none;
}

/* --------------------------------------------
	main
-------------------------------------------- */
.section1,.section2,.section3 {
	padding:15px;
}

.box1 {
	background-color:#efedfc;
	padding:15px;
	margin:15px 15px 0 15px;
}

.itemImg {
	float:right;
	padding-left:15px;
	width:300px;
}
.itemText {
	float:left;
	width:255px;
}



/* --------------------------------------------
	side
-------------------------------------------- */
.menu {
	text-align:left;
	background-color:#f4f8d8;
}
.menu ul {
}
.menu li {
	border-bottom:solid 1px #fff;
}
.menu ul li a {
	padding:7px 10px 7px 20px;
	width:195px;
	display:block;
	background-image: url(../../images/bg_menuArrow.png);
	background-repeat: no-repeat;
	background-position: 10px 14px;
}

.menu ul li a:link,.menu ul li a:visited {
	color: #42b48a;
	text-decoration: none;
}
.menu ul li a:hover {
	color:#42b48a;
	text-decoration: underline;
}
	


/* --------------------------------------------
	Common Parts (table)
-------------------------------------------- */
.h_basic01 {
	font-weight: bold;
	color: #fff;
	background-image: url(../../images/bg_h2.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 615px;
	font-size: 129%;
	padding: 5px 0 0 15px;
}
.h_basic02 {
	background-image: url(../../images/bg_h3.gif);
	background-repeat: no-repeat;
	color: #42b48a;
	font-size: 115%;
	font-weight: bold;
	width: 575px;
	height: 21px;
	padding: 2px 0 2px 25px;
	background-position: left center;
}
.h_basic03 {
	color: #9b96d5;
	font-size: 115%;
	font-weight: bold;
}
.sitemap {
	width:600px;
}
.sitemap li {
	padding:15px 15px 16px 15px;
	border-bottom:solid 1px #dcd4c9;
}
.sitemap a {
	background-image: url(../../images/bg_btn.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	text-decoration: none;
	background-position: left center;
}
.sitemap a:hover {
	text-decoration: underline;
}
.ul_basic01 {
	list-style:none;
	padding-left:20px;
}

/* --------------------------------------------
	footer
-------------------------------------------- */

#footer {
	text-align:left;
	width: 870px;
	margin: 30px 15px 0 15px;
	padding:15px 0 30px 0;
	border-top :solid 1px #9b96d5;

}
*html #footer {
	text-align:center;
}


@media print {
	html,body {
		_zoom: 0.7;
	}
}