@charset "UTF-8";

/* ========================================================
	browser css reset
======================================================== */
*{font-size:100.01%;line-height:1.5;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;}body{font-family:Arial,sans-serif;}html{height:100%;margin-bottom:1px;}p{line-height:1.5;text-align:justify;text-justify:inter-ideograph;}p.left{text-align:left;}p.center{text-align:center;}p.right{text-align:right;}.none{display:none;}.fleft{float:left;}.fright{float:right;}.fclear{clear:both;}.clearfix:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}.clearfix{display:inline-block;}.accessibility{display:none;}

/* ========================================================
	png for IE6
======================================================== */
*body .iepngfix{
	behavior: expression(IEPNGFIX.fix(this));
}

/* ========================================================
	Basics
======================================================== */
body{
	font-size: 77%;
	font-family: arial,sans-serif;
	color: #666666;
	background: url(../images/bg_base.gif);
}

.wrap{
	width: 980px;
	margin: 0 auto;
}

a:link{
	color: #fe3c7c;
	font-weight: bold;
	text-decoration: none;
}
a:visited{
	color: #fc8d17;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}

/* ========================================================
	margin padding
======================================================== */
/* margin */
.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;}

.mb0{ margin-bottom:0 !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;}

.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}

.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}



/* ========================================================
	Font
======================================================== */
.f16px { font-size:124%;}
.f18px { font-size:139%;}

.colpink{ color:#ff1d68;}

/* ========================================================
	Content
======================================================== */
#content{
	clear: both;
}

#leftBox{
	width: 270px;
	float: left;
}

#centerBox{
	width: 440px;
	float: left;
}

#rightBox{
	width: 270px;
	float:right;
}

.rightmenu{ margin-left:11px;}

.rightmenu li img{
	vertical-align:bottom;
	margin-bottom:6px;
}

#bannerBox{
	width: 257px;
	margin: 6px 0 0 0px;
	padding: 20px 0;
	background: #ffffff;
}

#bannerBox li{
	padding: 5px 0;
	text-align: center;
}
	

/* ========================================================
	Fotter
======================================================== */
#footer{
	clear: both;
	padding: 20px 0 30px;
}

#copy{
	position: relative;
	z-index: 100;
	height: 54px;
	color: #ffffff;
	background: url(../images/bg_footer.gif) repeat-x;
}

#copy p{
	width: 980px;
	margin: 0 auto;
	text-align: right;
	padding-top:20px;
}

#fstar{
	position: relative;
	z-index: 200;
	width: 977px;
	margin: -77px auto 0;
}

#footerNavi{
	width: 980px;
	margin: 10px auto 0;
	overflow: hidden;
}

#footer ul{
	float: right;
}

#footer li{
	float: left;
	padding: 0 0 0 20px;
}