@charset "utf-8";
/*

		Style List
		1. Base Style
		2. Link Style
		3. Css Spacer
		4. Text Align
		?. clearfix hack
*/

/*
	Font-size Adjustment(Base12px or 75%)
	
	83% = 10px	|	133% = 16px	|	183% = 22px	
	91% = 11px	|	141% = 17px	|	191% = 23px
	100% = 12px	|	150% = 18px	|	200% = 24px
	108% = 13px	|	158% = 19px	|	208% = 25px
	116% = 14px	|	166% = 20px	|	217% = 26px
	125% = 15px	|	175% = 21px	|	225% = 27px
*/

/* =1. Base Style */
/* ---------------------------------------------------------------- */
html {
 font-size:12px;
 background:url(../images/html_bg.gif) center top repeat;
 overflow-y:scroll;
}

body {
 line-height:1.4;
 color:#000;
}
#wrapper {
 width:960px;
 margin:0 auto;
 position:relative;
}

#contentsWrapper {
 overflow:hidden;
 zoom:1;
}

#footer {
 padding:0 0 30px;
 overflow:hidden;
 zoom:1;
}
#footer p {
 width:766px;
 float:right;
}

#backTop {
 display:none;
 margin:0 0 0 977px;
 position:fixed;
 bottom:30px;
 z-index:999;
}

/* =2. Link Style */
/* ---------------------------------------------------------------- */
a {
 overflow:hidden;
 text-decoration:none;
}
a:link {
 color:#0003ff; 
}
a:visited {
 color:#0003ff;
}
a:hover {
 color:#0003ff; 
 text-decoration:underline;
}
a:active {
 color:#0003ff;
}

/* =3. Css Spacer */
/* ---------------------------------------------------------------- */
.mA0 { margin: 0 !important; }

.mT5  { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }

.mR5  { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }

.mB5  { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }

.mL5  { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }

.pA0 { padding: 0 !important; }

.pT5  { padding-top: 5px !important; }
.pT10 { padding-top: 10px !important; }
.pT15 { padding-top: 15px !important; }
.pT20 { padding-top: 20px !important; }
.pT25 { padding-top: 25px !important; }
.pT30 { padding-top: 30px !important; }
.pT35 { padding-top: 35px !important; }
.pT40 { padding-top: 40px !important; }
.pT45 { padding-top: 45px !important; }
.pT50 { padding-top: 50px !important; }

.pB5 { padding-bottom: 5px !important; }
.pB10 { padding-bottom: 10px !important; }

/* =4 Text Align */
/* ---------------------------------------------------------------- */
.left {
 text-align:left !important;
}
.center {
 text-align:center !important;
}
.right {
 text-align:right !important;
}

/* =?. clearfix hack */
/* ---------------------------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
 content:"";
 display:block;
 overflow:hidden;
}
 
.cf:after {
 clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
 zoom:1;
}