/* CSS Document */


/* タブ */

#member-navi {
    height: 33px;
    width: ;
}

#member-navi ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#member-navi ul li {
    float: left;
    line-height: 0;
    margin: 0;
    padding: 0;
}

#member-navi ul li img {
    vertical-align: bottom;
}


.bg_member {
    background: url("../img/common/nw_bg_member.gif") repeat-y;
    width:830px;
}


.memberregist_large {
    background: url("../img/common/nw_bg_memberregist_large.gif") no-repeat;
    width:800px;
    height:70px;
    display: inline;
}


.memberregist_large p {
    margin: 0;
    padding: 10px 0 0 405px;
}


.merit_rakuraku {
    background: url("../img/common/nw_bg_merit_rakuraku.gif") no-repeat scroll 0 0 transparent;
    height: 125px;
    position: relative;
    width: 398px;
}

.merit_rakuraku p {
    left: 265px;
    position: absolute;
    top: 90px;
}




.merit_point  {
    background: url("../img/common/nw_bg_merit_point.gif") no-repeat;
     height: 125px;
    position: relative;
    width: 398px;
}

.merit_point p {
    left: 265px;
    position: absolute;
    top: 90px;
}

.memberregist {
    background: url("../img/common/nw_bg_memberregist.gif") no-repeat;
    width:400px;
    height:70px;
}

.memberregist p {
    margin: 0;
    padding: 10px 0 0 190px;
}

.rakuten {
    background: url("../img/index/nw_t_h5_rakuten.gif") no-repeat;
    width:201px;
    height:194px;
}

.rakuten p {
    margin:150px 10px 0 27px ;
}



.step_area {
    background: url("../img/common/nw_bg_step.gif") no-repeat scroll left top transparent;
    
}


.w55 {
	width:55px;
	}
	
	
.w130 {
	width:130px;
	}
	
.w180 {
	width:180px;
	}
	
.w200 {
	width:200px;
	}

	
.w260 {
	width:260px;
	}
	
.w379 {
	width:379px;
	}
	

.w587 {
	width:587px;
	}
		
.w637 {
	width:637px;
	}

.m_center {
	margin:0 auto;
	}
	
.linkicon{
	background:url(../img/common/linkicon.gif) no-repeat 0 5px;
}
.linkicon2{
	background:url(../img/common/linkicon.gif) no-repeat 0 7px;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}

.fontbl {
	color: #000;
}

/* index.html */

#member-index .main_img {
    margin: 0;
    padding: 0 0 20px;
}


#member-index .areaback {
    background: url("../img/common/nw_img_mainback.gif") no-repeat scroll left top transparent;
}



#member-index .detail-btn {
	position:relative;
	}
	
#member-index .detail-btn p {
    left: 653px;
    position: absolute;
    top: -70px;
	}	
	

#member-index .member_area {
    background: url("../img/about_member/nw_bg_member_area.gif") no-repeat scroll 0 0 transparent;
    height: 120px;
    position: relative;
    width: 830px;
}


#member-index .w320 {
    width: 320px;
}


#member-index .admission_area {
    left: 49px;
    position: absolute;
}


#member-index .catch_text {
    color: #333333;
    font-weight: bold;
}
#member-index .center {
    text-align: center;
}


#member-index .login_area {
    left: 461px;
    position: absolute;
}


/* about_member.html */


/* rakuraku.html */
#member-about_member .main_img {
    margin: 0;
    padding: 0 0 20px;
}


#member-about_member .areaback {
    background: url("../img/common/nw_img_mainback.gif") no-repeat scroll left top transparent;
}


#member-about_member .catch {
	font-weight:bold;
	color:#000000;
}



#member-about_member .w810 {
    width:810px;
}





#member-about_member .rakuraku {
    background: url("../img/about_member/nw_t_h5_rakuraku.gif") no-repeat;
    width:307px;
    height:159px;
}



#member-about_member .w307 {
    width:307px;
}

#member-about_member .w490 {
    width:490px;
}



#member-about_member .rakuraku p {
    margin: 0;
    padding: 75px 0 0 183px;
}


#member-about_member .t-right {
	text-align:right;
	}


#member-about_member .pointp {
    background: url("../img/about_member/nw_t_h5_pointp.gif") no-repeat;
    width:529px;
    height:78px;
}


#member-about_member .pointp p {
    margin: 0;
    padding: 45px 0 0 525px;
}


#member-about_member .other_list dt{
	font-weight:bold;
	color:#333333;
}



#member-about_member .member_area {
    background: url("../img/about_member/nw_bg_member_area.gif") no-repeat;
    width:830px;
    height:120px;
    position:relative;
}


#member-about_member .admission_area  {
	position:absolute;
	left:49px;
}

#member-about_member .login_area  {
	position:absolute;
	left:461px;
}




#member-about_member .w320 {
    width:320px;
}



#member-about_member .center {
    text-align:center;
}



#member-about_member .center {
    text-align:center;
}

#member-about_member .catch_text {
	font-weight:bold;
	color:#333333;
}


/* rakuraku.html */
#member-rakuraku .main_img {
    margin: 0;
    padding: 0 0 20px;
}


#member-rakuraku .catch {
	font-weight:bold;
	color:#000000;
}


#member-rakuraku .catch_orange {
	font-weight:bold;
	color:#ff6800;
}


#member-rakuraku .areaback {
    background: url("../img/common/nw_img_mainback.gif") no-repeat scroll left top transparent;
}


#member-rakuraku .table_rakuraku {
	border-collapse: collapse;
}

#member-rakuraku .border_gray {
	border: #CCCCCC 1px solid;
	padding:20px 20px 20px 20px;
}

#member-rakuraku .bg_gray {
	background-color: #f7f7f7;
	padding:20px 20px 20px 20px;
}


#member-rakuraku .w210 {
	width:210px;
}



#member-rakuraku .fontb {
	font-weight:bold;
}


/* point.html */


#member-point .main_img {
    margin: 0;
    padding: 0 0 20px;
}

#member-point .areaback {
    background: url("../img/common/nw_img_mainback.gif") no-repeat scroll left top transparent;
    width:829px;
}


#member-point .stepup_area_box {
    background: url("../img/point/nw_bg_rankup.gif") no-repeat;
}


#member-point .stepup_area_text {
	margin:0 auto;
    color: #0099FF;
    font-size: 12px;
    font-weight:bold;
    padding: 5px 10px;
    width:750px;
}



#member-point .w810 {
    width: 810px;
}
#member-point .catch {
    color: #000000;
    font-weight: bold;
}



#member-point .membercommon_tablebottomline {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 10px;
}


#member-point table.membercommon_table {
    border-collapse: collapse;
}



#member-point table.membercommon_table th {
    background: none repeat scroll 0 0 #999999;
    border-left: 2px solid #999999;
    border-right: 2px solid #FFFFFF;
    padding: 12px 0;
    text-align: center;
    vertical-align: middle;
}


#member-point table.membercommon_table th.last {
    background: none repeat scroll 0 0 #999999;
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}


#member-point table.membercommon_table td {
    border-bottom: 2px solid #CCCCCC;
    border-left: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
    padding: 12px 0;
    vertical-align: middle;
}

#member-point table.membercommon_table td.text {
    padding: 12px 12px;
}

#member-point table.membercommon_table td.bg_gray {
    background-color: #f7f7f7;
}

#member-point table.membercommon_table td.bg_beige {
    background-color: #ffffca;
}


#member-point table.membercommon_table td.bottom {
    border-bottom: 1px solid #CCCCCC;
    border-left: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
}


#member-point ul {
list-style : none ;
}


#member-point .dot_border {
    background: url("../img/point/nw_border_dot.gif") repeat-x scroll left bottom transparent;
    padding: 0 0 2px;
}

/* admission.html */

#member-admission .other_list dt{
	font-weight:bold;
	color:#333333;
}


#member-admission .main_img {
    margin: 0;
    padding: 0 0 20px;
}

#member-admission .catch {
    color: #000000;
    font-weight: bold;
}

/* smartphone.html */

#member-smartphone .main_img {
    margin: 0;
    padding: 0 0 20px;
}


#member-smartphone .catch {
    color: #000000;
    font-weight: bold;
}


#member-smartphone .other_list dt {
    color: #333333;
    font-weight: bold;
}


/* mobile.html */

#member-mobile .needbox {
	position:relative;
}

#member-mobile .caution {
    left: 95px;
    position: absolute;
    top: 145px;
}


#member-mobile .catch {
    color: #000000;
    font-weight: bold;
}


#member-mobile .other_list dt {
    color: #333333;
    font-weight: bold;
}


#member-mobile .main_img {
    margin: 0;
    padding: 0 0 20px;
}


/* familymart.html */

#member-familymart .main_img {

    margin: 0;
    padding: 0 0 20px;
}



#member-familymart .catch {
    color: #000000;
    font-weight: bold;
}


#member-familymart .other_list dt {
    color: #333333;
    font-weight: bold;
}


/* shop.html */

#member-shop .main_img {
    margin: 0;
    padding: 0 0 20px;
}



#member-shop .catch {
    color: #000000;
    font-weight: bold;
}


#member-shop .other_list dt {
    color: #333333;
    font-weight: bold;
}


#member-shop .annotation {
    background: none repeat scroll 0 0 #F5F3F3;
    font-size: 10px;
    margin: 15px;
    padding: 8px 8px 3px;
}