/* INDEX */
*{
	margin:0;
	padding:0;
	line-height:1.62;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
html{
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#555;
}
img{
	border:none;
	vertical-align:bottom;
}
a{
	overflow:hidden;
}
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	background:url(../img/bg.jpg) fixed no-repeat #fff;
	background-size:cover;
	background-position:bottom right;
}
#header{
	background:url(../img/header_bg.png);
	padding:10px 0;
}
#header p{
	background:url(../img/header_logo.png) no-repeat center;
	width:680px;
	height:35px;
	display:block;
	margin:0 auto;
}
#header p a{
	width:260px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

/* MENU */
#menu{
	width:165px;
	padding:15px 0;
}
#menu ul{
	list-style-type:none;
	background:url(../img/menu.png) no-repeat;
	width:165px;
	height:460px;
}
#menu ul li a{
	display:block;
	text-indent:-9999px;
	margin-bottom:14px;
	overflow:hidden;
}
#menu ul li a:hover{
	background:rgba(255,255,255,0.4);
	border-left:solid 4px #fd046d;
	border-right:solid 4px #fd046d;
}

.h41{
	height:41px;
}
.h52{
	height:52px;
}
.h63{
	height:63px;
}

/* SCROLL TO TOP */
#back-top {
	position: fixed;
	 bottom: 5px;
	right: 5px;
	z-index:10000;
}
#back-top a {
    width: 50px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
    width: 40px;
    height: 26px;
    display: block;
    margin-bottom: 7px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color:#333;
    font-size:24px;
    padding-top:14px;
    line-height:0.5;
}
#back-top a:hover span {
    background-color: #fd046d;
    color:#fff;
}