/* CSS Document */
/*--------------------------
Common Settings
--------------------------*/
body{
	margin:0;
	padding:0;
	font-family: "MS PGothic","Osaka","sans-serif";
	overflow-y:scroll;
	-webkit-text-size-adjust:none;
	font-size:12px;
	line-height:1.5em;
}
h1,h2,h3,h4,ul,li,dl,dt,dd,img,p{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	text-decoration:none;
}
address{
	text-decoration:none;
	font-size:10px;
	font-style:normal;
}
a{
	text-decoration:none;
	/*color:#33F;*/
}
a:visited{
    color:#33F;
}

/*--------------------------
clearfix
--------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: block;
}
/*--------------------------
Common Settings : form
--------------------------*/
.barArea{
	height:25px;
	margin:0;
	padding:0;
	background:url(../images/bar_bg.gif) repeat-x;
}
/*--------------------------
  Common Settings : frames
--------------------------*/
html,body{
	height:100%;
}

.contents{
	width:100%;
	position:relative;
	height:100%;
	min-height:100%;
	background-color:#fff;
}

/* --- provisional-CSS : screen that is width over 480px --- */
@media screen and (min-width: 482px) {
body{
	background-color:#eee;
}
.contents{
	width:480px;
	margin:0 auto;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
}
/* -------------------------
Header
--------------------------*/
.headerArea{
background: url("../images/head_bg.gif") repeat-x scroll center bottom transparent;
}
.headerArea h1{
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	height:26px;
}
.headerArea h2{
	float:left;
	padding-top:10px;
	margin:5px 0 0 5px;
	height:21px;
	font-size:14px;
	font-weight:bold;
	color:#48A1CE;
}

/* -------------------------
Footer
--------------------------*/
.footerArea{
	margin-top:15px;
	border-top:2px solid #8FC5E5;
	padding:10px 0 0 10px;
	text-align:center;
}
.footerArea .totop,
.userFooterArea .totop {
    padding-right:5px;
    text-align:right;
}