@charset "utf-8";

/* common
--------------------------------------------------------------------------------*/
body#blue a {	color: #0096E0;	}
body#orange a {	color: #FF7A0D;	}


#wrapper {
	position: relative;
	width: 995px;
	min-height: 100%;
}
* html #wrapper{	height: 100%;	}

#container {
	width: 942px;
	background: url(../images/bg_copy.gif) no-repeat 28px 292px;
	padding: 16px 0 0 25px;
}

#contents {
	position: relative;
	width: 754px;
	background: #FFF url(../images/cont_bg_df.gif) repeat-y right top;
	border: 1px solid #969696;
	margin-bottom: 39px;
}
body#blue #contents {
	background-image: url(../images/cont_bg_bl.gif);
	border-color: #0096E0;
}
body#orange #contents {
	background-image: url(../images/cont_bg_or.gif);
	border-color: #FF7A0D;
}

/*#contents #chara {
	position: absolute;
	width: 192px;
	height: 192px;
	left: 562px;
	top: 0px;
}*/

#contInnr {
	width: 525px;
	margin-left: 18px;
	padding-top: 14px;
}
#contInnr .pTop {
	padding: 24px 0 0 5px;
}



/* float hack ---- */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .clearfix {	display: inline-block;	}
*:first-child+html .clearfix {	display: inline-block;	}
/* no mac IE \*/
* html .clearfix {	height: 1%;	}
.clearfix {	display: block;	}
/* */

.fltL {	float: left;	}
.fltR {	float: right;	}


/* font text ---- */
.txB {	font-weight: bold;	}
.txN {	font-weight: normal;	}

.alnC {	text-align: center !important;	}
.alnL {	text-align: left !important;	}
.alnR {	text-align: right !important;	}


/* margin ---- */
.mgnB4 {	margin-bottom: 4px !important;	}
.mgnB8 {	margin-bottom: 8px !important;	}
.mgnB20 {	margin-bottom: 20px !important;	}



/* header --------------- */
#header {
	background: url(../images/line01.gif) repeat-x left bottom;
	border-top: 3px solid #000;
	padding: 21px 22px 12px 19px;
}
#header div {
	position: absolute;
	width: 46px;
	height: 26px;
	top: 3px;
	left: 927px;
}
#header ul {
	list-style-type: none;
	font-size: 1%;
	line-height: 1%;
	padding-top: 14px;
}
#header ul li {
	width: 67px;
	float: left;
}


/* gnav --------------- */
#gnav {
	width: 147px;
}
#gnav dl {
	font-size: 1%;
	line-height: 1%;
}
#gnav dd {
	margin: 0 0 8px 64px;
}
#gnav dd.gnav01 {
	margin-top: -19px;
}
#gnav dd ul {
	list-style-type: none;
	margin-left: 12px;
}
#gnav dd ul li {
	margin-top: 4px;
}


/* footer --------------- */
#footer {
	position: absolute;
	width: 995px;
	height: 35px;
	bottom: 0;
	background: #FFF;
	border-bottom: 3px solid #000;
}
* html #footer { bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1); }
*:first:child+html #footer { bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1); }

#footer address {
	font-size: 1%;
	line-height: 1%;
	text-align: right;
	padding: 15px 28px 0 0;
}