/**
 * Common css.
 */

/* Default Setting.
--------------------------------------*/
html, body {
	height: 100%;
	background: url(/images/share/background.gif) repeat-y center top;	
	background-color: #32281e;
	color: #fff;
}
a:link, a:visited, a:active, a:hover {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #ffff00;
}

/* Share Setting.
--------------------------------------*/
.left {
	float: left;
}
.right {
	float: right;
}
.both {
	clear: both;
}
img.square {
	margin: 0px 5px 2px 0px;
}
div.separateline {
	position: relative;
	height: 3px;	
}
div.separateline .dot {
	position: absolute;
	width: 3px;
	height: 3px;
	top: 0px;
	left: 0px;
	line-height: 3px;
	background: url(/images/share/3pix.gif) no-repeat;
}
div.separateline .border {
	position: absolute;
	height: 1px;
	top: 1px;
	left: 6px;
	line-height: 1px;
	border-top: 1px solid #826e5a;
}

/* [container] Setting.
--------------------------------------*/
* html #container {
	height:100%;
}
#container {
	position:relative;
	min-height: 100%;
}
body > #container {
	height: auto;
}

/* [wrapper] Setting.
--------------------------------------*/
#container #wrapper{
	margin: 0px auto;
	padding-bottom:100px;
	width: 920px;
}

/* [header] Setting.
--------------------------------------*/
#header {
	padding: 30px 0px 9px 0px;
}
#header img {
	display: block;
}
#header img.mainlogo {
	margin-bottom: 16px;
}
#header img.title {
	margin: 9px 0px;
}
#header div.separateline {
	width: 720px;
}
#header div.separateline .alignright {
	left: 717px;	
}
#header div.separateline .border {
	width: 708px;
}

/* [content] Setting.
--------------------------------------*/
#container #wrapper #content .mainContent {
	float: left;
	padding: 0px 50px 70px 0px;	
	width: 720px;
}
#container #wrapper #content .mainMenu {
	float: right;
	padding-top: 80px;
	*padding-top: 73px;
	width: 150px;
}
#container #wrapper #content .mainMenu ul li div.separateline {
	width: 150px;
}
#container #wrapper #content .mainMenu ul li div.separateline .alignright {
	left: 147px;	
}
#container #wrapper #content .mainMenu ul li div.separateline .border {
	width: 138px;
}
#container #wrapper #content .mainMenu ul {
	position:relative;
	width:150px;
	z-index:100;
}
#container #wrapper #content .mainMenu ul li {
	display:block; 
	position:relative; 
	width:150px;
	z-index:100;
}
#container #wrapper #content .mainMenu ul li a,
#container #wrapper #content .mainMenu ul li a:visited {
	display:block; 
}
#container #wrapper #content .mainMenu ul li dd {
	display:none;
}
#container #wrapper #content .mainMenu ul li:hover, 
#container #wrapper #content .mainMenu ul li a:hover {
	border:0;
}
#container #wrapper #content .mainMenu ul li:hover dd, 
#container #wrapper #content .mainMenu ul li a:hover dd {
	display:block;
}
#container #wrapper #content .mainMenu ul table {
	border-collapse:collapse;
	margin:-2px;
}
#container #wrapper #content .mainMenu ul dl {
	width: 150px;
	margin: 0; 
	cursor:hand;
	cursor:pointer;
}
#container #wrapper #content .mainMenu ul li dl dt a, 
#container #wrapper #content .mainMenu ul li dl dt a:visited {
	display: block;
	padding: 7px 0px 0px 10px;
	width: 140px;
	height: 21px;
}
#container #wrapper #content .mainMenu ul li dl dt a.active, 
#container #wrapper #content .mainMenu ul li dl dt a.active:visited {
	color: #ffff00;
	background-color: #281e14;
}
#container #wrapper #content .mainMenu ul li dl dd {
	margin-left: 10px;
	width: 130px;
	border-bottom: 1px solid #7d7068;	
}
#container #wrapper #content .mainMenu ul li dl dd.end {
	border-bottom-style: none;
}
#container #wrapper #content .mainMenu ul li dl dd a, 
#container #wrapper #content .mainMenu ul li dl dd a:visited {
	display: block;
	padding: 6px 0px 0px 10px;
	width: 120px;
	height: 19px;
	background: url(/images/share/3pix.gif) no-repeat 0px 12px;	
}
#container #wrapper #content .mainMenu ul li dl dd.lines {
	margin-left: 0px;
	width: 150px;
	border-bottom-style: none;		
}

/* [pagetoplink] Setting.
--------------------------------------*/
#container #wrapper #content .mainContent .pagetoplink {
	position: relative;
	width: 720px;
}
#container #wrapper #content .mainContent .pagetoplink div.linkbox {
	position: absolute;
	width: 150px;
	top: -34px;
	left: 770px;
}
#container #wrapper #content .mainContent .pagetoplink div.linkbox div.separateline {
	width: 150px;
}
#container #wrapper #content .mainContent .pagetoplink div.linkbox div.separateline .alignright {
	left: 147px;	
}
#container #wrapper #content .mainContent .pagetoplink div.linkbox div.separateline .border {
	width: 138px;
}
#container #wrapper #content .mainContent .pagetoplink div.linkbox a {
	display: block;
	padding: 7px 0px 0px 10px;
	width: 140px;
	height: 21px;
}

/* [footer] Setting.
--------------------------------------*/
#container #footer {
    position:absolute;
    bottom:0px;
    width:100%;
	height: 100px;
	background: url(/images/share/foot_base.gif) repeat-x;
}
#container #footer #footerContent {
	padding-top: 20px;
	width: 920px;
	margin: 0px auto;
	text-align: center;
}