@charset "utf-8";

/* Reset Layout */
html,body,
h1,h2,h3,h4,h5,
div,span,p,
table,th,td,
ul,ol,li,
header,nav,footer {
		margin: 0px;
		padding: 0px;
}
header,
footer,
nav {
		display: block;
}

/* ƒRƒsƒy‹ÖŽ~ */

body{

user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-webkit-user-drag:none;
-khtml-user-select:none;
-khtml-user-drag:none;
}


/* Base Layout */
html {
		color: #333;
		font-size: 12px;
		letter-spacing: 1px;
}


/* Box Layout */
#wrapper {
		width: 900px;
		margin: 0px auto;
		border-right: solid 1px #AAA;	/**/
		border-left: solid 1px #AAA;	/**/
}


/* Header Layout */
#main-header {
		height: 55px;
		padding: 40px 20px 10px 15px;
}
#main-header h1 {
		font-size: 26px;
}

/* Navigation Layout */
#main-navigation {
		width: 180px;
		height: 440px;
		background: url( ../images/back/navigation.jpg ) no-repeat left top;
		float: left;
}

#main-navigation ul {
		padding-top: 14px;
		list-style-type: none;
}
#main-navigation ul li {
		width: 180px;
		height: 30px;
		margin: 0px 0px 14px 0px;
		background-color: #fff;
		color: #111;
}



/* Content Layout */
#content {
		width: 640px;
		padding: 132px 40px 70px 39px;
		background: url( ../images/back/content.jpg ) no-repeat left top;
		line-height: 180%;
		float: left;
/*		border-right: solid 1px #CCC;	/**/
		border-left: solid 1px #CCC;	/**/
}
#content h2 {
		margin: 0px 80px 20px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: solid 1px #999;
		font-size: 18px;
		font-weight: bold;
}

#content h3 {
		margin: 45px 0px 10px;
		padding: 0px 0px 0px 35px;
		background: url( ../images/back/h3.jpg ) no-repeat left center;
		font-size: 15px;
		font-weight: bold;
}
#content h3.first {
		margin: 37px 0px 10px;
}
#content p {
		margin: 0px 80px 0px 0px;
}
#content p.lead {
		margin: 60px 200px 20px 0px;
		text-align: center;
}
#content p.toplink {
		margin: 0px;
		padding: 0px 40px 0px 0px;
		text-align: right;
}

/* Footer Layout */
#main-footer {
		padding: 30px 20px 70px;
		border-top: solid 1px #CCC;
		clear: both;
}
#main-footer p small {
		font-size: 12px;
}


/* Link Layout */
a {
		text-decoration: underline;
}
a:hover {
		text-decoration: none;
}
a img {
		border: none;
}
p.toplink a {
		color: #1C83AE;
}

/* Float Layout */
h1.left,
div.left,
p.left {
		display: inline;
		float: left;
}
h1.right,
div.right,
p.right {
		display: inline;
		float: right;
}


/* ClearFix */
#main-header:after ,
#content:after {
		height: 0px;
		display: block;
		overflow: hidden;
		clear: both;
		content: ".";
}


/* Regacy Browser Layout */
* html #main-navigation {
		display: inline;
}
* html #main-navigation li {
		overflow: hidden;
}
* html #content {
		display: inline;
}
* html #content h2 {
		padding-bottom: 15px;
}
*:first-child+html #content h2 {
		padding-bottom: 15px;
}