@charset "utf-8";

html {
	background: #FFF;
	height:100%;
}

body {
	position: relative;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	line-height: 25px;
	color: #635446;
	font-family: 'Lucida Grande', 'segoe UI', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

img{
	border:none;
}

.center {
	margin:0 auto;
}

.p_none{ padding: 0 !important; }
.m_none{ margin: 0 !important; }
.m_bt8{ margin-bottom: 8px !important; }
.m_bt16{ margin-bottom: 16px !important; }
.m_bt30{ margin-bottom: 30px !important; }
.m_bt48{ margin-bottom: 48px !important; }

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/*--------------------------------
pagetop
--------------------------------*/

#back-top {
	position: fixed;
	right: 20px;
	bottom: 10px;
}

#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #666666 url(../img/common/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background-color: #cecece;
}