@charset "utf-8";
/* CSS Document */


/* body
-------------------------------------------------- */
#wrapperArea {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#bodyArea {
	width: 940px;
	padding: 0px;
	margin: 0px auto;
	font-size: 1.05em;
}

/* mainArea
-------------------------------------------------- */

.mainAreaDefaultGrid #mainArea {
	width: 670px;
	padding: 10px 0px;
	margin: 0px;
	float: left;
}

.mainAreaDefaultGridMarginZero #mainArea {
	width: 730px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.mainAreaFullGrid #mainArea {
	width: 940px;
	padding: 10px 0px;
	margin: 0px;
}

.mainAreaFullGridMarginZero #mainArea {
	width: 940px;
	padding: 10px 0px;
	margin: 0px;
}

.mainAreaMinimumGrid #mainArea {
	width: 670px;
	padding: 10px 0px;
	margin: 0px;
	float: left;
}

/* leftArea
-------------------------------------------------- */
#leftArea {
	width: 240px;
	padding: 10px 0px;
	margin: 0px 30px 0px 0px;
	float: left;
}

/* rightArea
-------------------------------------------------- */

#rightArea {
	width: 175px;
	padding: 0px;
	margin: 0px;
	float: right;
}

/*.#hcOtherBtnArea
-------------------------------------------------- */
#rightArea a{
	color:#000;
	_border-bottom:1px dotted #000;
	}
	
#rightArea a:hover{
	color:#008000;
	_border-bottom:1px dotted #008000;
	text-decoration:none;
	}
	
	
#hcOtherBtnArea a,
#hcOtherBtnArea a:hover{
	border:none;
	}
	
#hcMemberArea,
#hcOtherBtnArea{
	width:165px;
	margin:0 0 15px 10px;
	}


#hcMemberName,
#hcMemberPoint{
	padding:10px 10px 0 10px;
	text-align:center;
	}
#hcMemberPoint{
	font-size:smaller;
	padding-bottom:10px;
	}

	#hcMemberName span,
	#hcMemberPoint span{
		font-weight:bold;
		padding:0 5px;
		}

	#hcMemberPoint span{
		display:inline-block;
		width:50px;
		text-align:right;
		font-size:small;
		}
		
#hcMylushBtn{
	border-top:1px solid #000;
	border-bottom:3px solid #000;
	text-align:center;
	}
	
	
#hcMemberArea ul{
	margin:5px 0 5px 25%;
	font-size:smaller;
	}
	
	#hcMemberArea li{
		padding:5px 0 0 1em;
		list-style-type:none;
	    background: url(/image/common/arrow_small_right.gif) no-repeat 0 8px;
		}

#hcOtherBtn01{
	margin-bottom:40px;
	}

#hcOtherBtn01 li{
	list-style-type:none;
	border-bottom:1px solid #000;
	}
	
#hcOtherBtn02 li{
	margin:15px 0;
	list-style-type:none;
	padding-bottom:12px;
	border-bottom:3px solid #000;
	}

/*.font 2018/05/22追記　以下消すとヘッダーの上下のピンク下線が消えます♪Ｗ
-------------------------------------------------- */
a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
a::before,
a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #ff69b4;
  transition: .3s;
}
a::before {
  top: 0;
  left: 0;
}
a::after {
  bottom: 0;
  right: 0;
}
a:hover::before,
a:hover::after {
  width: 100%;
}