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

/*********************************************
* TOP CONTENTS
*********************************************/
.inner20 {
	padding: 20px 0 0 20px;
}
.mr_8 {
	margin-right: 8px;
}
#contWrap {
	background: url(../images/common/bg_contents.jpg) right repeat-y;
	margin-bottom: 11px;
	font-size: 93%;
	color: #787670;
}

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

#contMember {
	position: relative;
}

#rightBox {
	width: 282px;
	float: right;
	display: inline;
	margin-right: 20px;
	font-size: 93%;
}
h2.maintitle {
	font-size: 18px;
	margin-bottom: 10px;
}

h3.aboutms {
	font-size: 108%;
	color: #000000;
	margin-bottom: 8px;
}
/** left column style **/
h2#titleMembership {
	width: 440px;
}
#leftBox_col1 {
	width: 440px;
	float: left;
	margin-right: 20px;
}
#leftBox_col1 p a {
	text-decoration: underline;
}
#leftBox_col2 {
	position: relative;
	width: 140px;
	float: right;
	margin-top: -34px;
}
.addBox {
	margin-top: 30px;
	border-top: 1px solid #E1DCD6;
}
.addBox h2 {
	font-size: 100%;
	color: #000000;
	padding-left: 87px;
	margin-bottom: 3px;
}
.addBox h2#benefit1 { 
	background: url(../images/membership/benefit1.jpg) left no-repeat;
	position: relative;
}
.addBox h2#benefit2 { 
	background: url(../images/membership/benefit2.jpg) left no-repeat;
	position: relative;
	
}
.addBox h2#benefit3 { 
	background: url(../images/membership/benefit3.jpg) left no-repeat;
	position: relative;
}
.addBox h2#benefit4 { 
	background: url(../images/membership/benefit4.jpg) left no-repeat;
	position: relative;
}


.m_card {
	background: url(../images/membership/member_card.gif) left top no-repeat;
	display: block;
	width: 55px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
}

.m_cardLeft {
	background: url(../images/membership/member_card.gif) left top no-repeat;
	display: block;
	width: 55px;
	height: 14px;
	position: absolute;
	right: 59px;
	top: 0;
	text-indent: -9999px;
}


.m_mail {
	background: url(../images/membership/member_mail.gif) left top no-repeat;
	display: block;
	width: 55px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
}


.addBox .gray{
	color: #333333;
	font-size: 100%;
}
.btn_memberBox {
	margin: 20px 0 20px 0;
}
.link_onlinepage a{
	display: block;
	width: 277px;
	height: 21px;
	text-indent: -9999px;
	background: url(../images/membership/btn_onlinepage.jpg) left top no-repeat;
	margin-left: 170px;
}
.link_onlinepage a:hover{
	background: url(../images/membership/btn_onlinepage.jpg) left -21px no-repeat;
}
#thumbIMG {
	position: absolute;
	top: 20px;
	right: 0;
}

#flow {
	width: 552px;
	margin: 30px auto 0 auto;
}

dl {
	width: 240px;
	float: left;
	text-align: center;
	
}

dl.flow_member {
	margin-right: 60px;
}

.flow_member dt {
	background: url(../images/membership/img_flow.gif) no-repeat;
	height: 20px;
	text-indent: -9999px;
}

.flow_mail dt {
	background: url(../images/membership/img_flow2.gif) no-repeat;
	height: 20px;
	text-indent: -9999px;
}

dd {
	color: #000000;
	padding: 10px 0 15px 0;
	font-size: 93%;
	background: url(../images/membership/arrow.gif) center bottom no-repeat;
	line-height: 1.4;
}
dd span {
	font-size: 10px;
	color:#787670;
}

dd.last {
	background: none;
}






/** right column style **/

h2.pankuzu {
	font-size: 18px;
	margin-bottom: 20px;
	
}
.bannerIMG {
	margin: 10px 0;
}

.news_listBox ul li {
	padding: 3px 0;
}

.news_listBox ul li a{
	color: #78787D; /* season color　*/
}

.news_listBox ul li a:visited{
	color: #78787D; /* season color　*/
}

.news_listBox ul li a:hover{
	color: #000000;
}