#innerWrap { width: 100%; } #main_top_br { background: #000; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; } #innerWrap #navBox { width: 810px; height: 22px; margin: 0 auto 0 auto; padding: 0 0 35px 0; } #innerWrap #navBox .top{ background: url(/img/btn_inner_top_off.png); width: 120px; height: 22px; float: left; } #innerWrap #navBox .back{ background: url(/img/btn_inner_back_off.png); width: 62px; height: 22px; float: right; } #innerWrap #navBox .next{ background: url(/img/btn_inner_next_off.png); width: 58px; height: 22px; margin: 0 0 0 150px; float: right; } #member { padding: 0; background: #000; width: 100%; } #member .memb_wp { width: 920px; overflow: hidden; padding: 90px 0 80px 0; margin: 0 auto 0 auto; position: relative; } #member .memb_wp .nameBox { width: 500px; height: 115px; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; } #member .memb_wp .nameBox .num{ position: absolute; top: 0; left: 0; z-index: 5; font-size: 0; background-repeat: no-repeat; background-position-x: 200px; background-position-y: -200px; } #member .memb_wp .nameBox .name{ position: absolute; top: 43px; left: 138px; z-index: 6; font-size: 0; background-repeat: no-repeat; background-position-x: 200px; background-position-y: -200px; } #member .memb_wp .text_box { width: 500px; height: auto; position: relative; margin: 0 0 0 52px; font-size: 0; } #member .memb_wp li { background-repeat: no-repeat !important; line-height: 0; margin: 25px 0 0 0; position: relative; } #member .memb_wp .comBox { width: 760px; height: 133px; position: relative; margin: 60px 0 0 28px; font-size: 0; } #member .memb_wp .com1 { top: 0;left: 0;position: absolute; } #member .memb_wp .com2 { top: 40px;left: 0;position: absolute; } #member .memb_wp .profileBox { width: 830px; height: auto; position: relative; margin: 45px 0 0 55px; font-size: 0; } #member .memb_wp .fbBox { width: 50px; height: auto; position: relative; margin: 15px 550px 0 55px; font-size: 0; float: right; } #member .memb_wp h3 { background: url(/img/member_profile.png); width: 67px; height: 24px; } #member .memb_wp .profileBox p { margin: 28px 0 0 0; } /*01*/ #member01 { background: url(/img/member_img.jpg) center top no-repeat; } #member01 .memb_wp .nameBox .num{ background: url(/img/member_num.png); width: 165px; height: 115px; } #member01 .memb_wp .nameBox .name{ background: url(/img/member_name.png); width: 316px; height: 51px; } #member01 .memb_wp .txt1 { background: url(/img/member_txt_1.png); width: 402px; height: 148px; } #member01 .memb_wp .txt2 { background: url(/img/member_txt_2.png); width: 402px; height: 93px; margin: 40px 0 0 0; } #member01 .memb_wp .txt3 { background: url(/img/member_txt_3.png); width: 402px; height: 233px; } #member01 .memb_wp .txt4 { background: url(/img/member_txt_4.png); width: 402px; height: 92px; } #member01 .memb_wp .txt5 { background: url(/img/member_txt_5.png); width: 402px; height: 95px; } #member01 .memb_wp .txt6 { background: url(/img/member_txt_6.png); width: 402px; height: 75px; } #member01 .memb_wp .txt7 { background: url(/img/member_txt_7.png); width: 402px; height: 90px; } #member01 .memb_wp .txt8 { background: url(/img/member_txt_8.png); width: 402px; height: 166px; } #member01 .memb_wp .com1 { background: url(/img/member_com_1.png); width: 748px; height: 49px; } #member01 .memb_wp .com2 { background: url(/img/member_com_2.png); width: 748px; height: 93px; } #member01 .memb_wp .profileBox p { background: url(/img/member_profile_1.png); width: 820px; height: 179px; } #member01 .memb_wp .fbBox p { background: url(/img/fb_icon.png); width: 24px; height: 24px; margin: 10px 0 0 0;} /*02*/ #member02 { background: url(/img/member_img.jpg) center top no-repeat; } #member02 .memb_wp .nameBox .num{ background: url(/img/member_num.png); width: 165px; height: 115px; } #member02 .memb_wp .nameBox .name{ background: url(/img/member_name.png); width: 316px; height: 51px; } #member02 .memb_wp .txt1 { background: url(/img/member_txt_1.png); width: 402px; height: 125px; } #member02 .memb_wp .txt2 { background: url(/member/img/member_txt_2.png); width: 402px; height: 41px; margin: 40px 0 0 0; } #member02 .memb_wp .txt3 { background: url(/member/img/member_txt_3.png); width: 402px; height: 64px; } #member02 .memb_wp .txt4 { background: url(/member/img/member_txt_4.png); width: 402px; height: 92px; } #member02 .memb_wp .txt5 { background: url(/member/img/member_txt_5.png); width: 402px; height: 118px; } #member02 .memb_wp .txt6 { background: url(/member/img/member_txt_6.png); width: 402px; height: 81px; } #member02 .memb_wp .txt7 { background: url(/member/img/member_txt_7.png); width: 402px; height: 13px; } #member02 .memb_wp .txt8 { background: url(/member/img/member_txt_8.png); width: 402px; height: 91px; } #member02 .memb_wp .txt9 { background: url(/member/img/member_txt_9.png); width: 402px; height: 118px; } #member02 .memb_wp .txt10 { background: url(/member/img/member_txt_10.png); width: 402px; height: 91px; } #member02 .memb_wp .txt11 { background: url(/member/img/member_txt_11.png); width: 402px; height: 91px; } #member02 .memb_wp .com1 { background: url(/member/img/member_com_1.png); width: 748px; height: 49px; } #member02 .memb_wp .com2 { background: url(/member/img/member_com_2.png); width: 748px; height: 93px; } #member02 .memb_wp .profileBox { margin: 25px 0 0 55px ;} #member02 .memb_wp .profileBox p { background: url(/img/member_profile_1.png); width: 820px; height: 179px; } #member02 .memb_wp .fbBox p { background: url(/img/fb_icon.png); width: 24px; height: 24px; margin: -40px 0 0 0;} /*03*/ #member03 { background: url(/img/member_img.jpg) center top no-repeat; } #member03 .memb_wp .nameBox .num{ background: url(/img/member_num.png); width: 165px; height: 115px; } #member03 .memb_wp .nameBox .name{ background: url(/img/member_name.png); width: 316px; height: 51px; } #member03 .memb_wp .txt1 { background: url(/img/member_txt_1.png); width: 402px; height: 145px; } #member03 .memb_wp .txt2 { background: url(/img/member_txt_2.png); width: 402px; height: 66px; margin: 40px 0 0 0; } #member03 .memb_wp .txt3 { background: url(/img/member_txt_3.png); width: 402px; height: 41px; } #member03 .memb_wp .txt4 { background: url(/img/member_txt_4.png); width: 402px; height: 92px; } #member03 .memb_wp .txt5 { background: url(/img/member_txt_5.png); width: 402px; height: 67px; } #member03 .memb_wp .txt6 { background: url(/img/member_txt_6.png); width: 402px; height: 93px; } #member03 .memb_wp .txt7 { background: url(/img/member_txt_7.png); width: 402px; height: 91px; } #member03 .memb_wp .comBox { margin: 160px 0 0 28px;} #member03 .memb_wp .com1 { background: url(/img/member_com_1.png); width: 748px; height: 49px; } #member03 .memb_wp .com2 { background: url(/img/member_com_2.png); width: 748px; height: 77px; } #member03 .memb_wp .profileBox { margin: 275px 0 0 55px ;} #member03 .memb_wp .profileBox p { background: url(/img/member_profile_1.png); width: 820px; height: 179px; } #member03 .memb_wp .fbBox p { background: url(/img/fb_icon.png); width: 24px; height: 24px; margin: -60px 0 0 0;} /*04*/ #member04 { background: url(/img/member_img.jpg) center top no-repeat; } #member04 .memb_wp .nameBox .num{ background: url(/img/member_num.png); width: 165px; height: 115px; } #member04 .memb_wp .nameBox .name{ background: url(/img/member_name.png); width: 318px; height: 51px; } #member04 .memb_wp .txt1 { background: url(/img/member_txt_1.png); width: 402px; height: 148px; } #member04 .memb_wp .txt2 { background: url(/img/member_txt_2.png); width: 402px; height: 92px; margin: 40px 0 0 0; } #member04 .memb_wp .txt3 { background: url(/img/member_txt_3.png); width: 402px; height: 169px; } #member04 .memb_wp .txt4 { background: url(/img/member_txt_4.png); width: 402px; height: 195px; } #member04 .memb_wp .txt5 { background: url(/img/member_txt_5.png); width: 402px; height: 49px; } #member04 .memb_wp .txt6 { background: url(/img/member_txt_6.png); width: 402px; height: 116px; } #member04 .memb_wp .txt7 { background: url(/img/member_txt_7.png); width: 402px; height: 91px; } #member04 .memb_wp .txt8 { background: url(/img/member_txt_8.png); width: 402px; height: 171px; } #member04 .memb_wp .txt9 { background: url(/img/member_txt_9.png); width: 402px; height: 91px; } #member04 .memb_wp .txt10 { background: url(/img/member_txt_10.png); width: 402px; height: 91px; } #member04 .memb_wp .txt11 { background: url(/img/member_txt_11.png); width: 402px; height: 64px; } #member04 .memb_wp .com1 { background: url(/img/member_com_1.png); width: 748px; height: 49px; } #member04 .memb_wp .com2 { background: url(/img/member_com_2.png); width: 792px; height: 54px; } #member04 .memb_wp .profileBox { margin: 40px 0 0 55px ;} #member04 .memb_wp .profileBox p { background: url(/img/member_profile_1.png); width: 820px; height: 179px; } #member04 .memb_wp .fbBox p { background: url(/img/fb_icon.png); width: 24px; height: 24px; margin: -20px 0 0 0;} /*05 #member05 { background: url(/img/member_img.jpg) center top no-repeat; } #member05 .memb_wp .nameBox .num{ background: url(../../member/img/05/member_num.png); width: 165px; height: 115px; } #member05 .memb_wp .nameBox .name{ background: url(../../member/img/05/member_name.png); width: 366px; height: 51px; } #member05 .memb_wp .txt1 { background: url(../../member/img/05/member_txt_1.png); width: 402px; height: 101px; } #member05 .memb_wp .txt2 { background: url(../../member/img/05/member_txt_2.png); width: 402px; height: 65px; margin: 40px 0 0 0; } #member05 .memb_wp .txt3 { background: url(../../member/img/05/member_txt_3.png); width: 402px; height: 118px; } #member05 .memb_wp .txt4 { background: url(../../member/img/05/member_txt_4.png); width: 402px; height: 65px; } #member05 .memb_wp .txt5 { background: url(../../member/img/05/member_txt_5.png); width: 402px; height: 118px; } #member05 .memb_wp .comBox { margin: 90px 0 0 28px;} #member05 .memb_wp .com1 { background: url(../../member/img/05/member_com_1.png); width: 748px; height: 49px; } #member05 .memb_wp .com2 { background: url(../../member/img/05/member_com_2.png); width: 748px; height: 93px; } #member05 .memb_wp .profileBox { margin: 540px 0 0 55px ;} #member05 .memb_wp .profileBox p { background: url(../../member/img/05/member_profile_1.png); width: 820px; height: 179px; } #member05 .memb_wp .fbBox p { background: url(../img/fb_icon.png); width: 24px; height: 24px; margin: -60px 0 0 0;}*/ /*06 #member06 { background: url(../../member/img/06/member_img.jpg) center top no-repeat; } #member06 .memb_wp .nameBox .num{ background: url(../../member/img/06/member_num.png); width: 165px; height: 115px; } #member06 .memb_wp .nameBox .name{ background: url(../../member/img/06/member_name.png); width: 317px; height: 51px; } #member06 .memb_wp .txt1 { background: url(../../member/img/06/member_txt_1.png); width: 402px; height: 147px; } #member06 .memb_wp .txt2 { background: url(../../member/img/06/member_txt_2.png); width: 402px; height: 40px; margin: 40px 0 0 0; } #member06 .memb_wp .txt3 { background: url(../../member/img/06/member_txt_3.png); width: 402px; height: 92px; } #member06 .memb_wp .txt4 { background: url(../../member/img/06/member_txt_4.png); width: 402px; height: 182px; } #member06 .memb_wp .txt5 { background: url(../../member/img/06/member_txt_5.png); width: 402px; height: 69px; } #member06 .memb_wp .txt6 { background: url(../../member/img/06/member_txt_6.png); width: 402px; height: 14px; } #member06 .memb_wp .txt7 { background: url(../../member/img/06/member_txt_7.png); width: 402px; height: 91px; } #member06 .memb_wp .txt8 { background: url(../../member/img/06/member_txt_8.png); width: 402px; height: 118px; } #member06 .memb_wp .comBox { margin: 75px 0 0 28px;} #member06 .memb_wp .com1 { background: url(../../member/img/06/member_com_1.png); width: 748px; height: 49px; } #member06 .memb_wp .com2 { background: url(../../member/img/06/member_com_2.png); width: 748px; height: 93px; } #member06 .memb_wp .profileBox { margin: 240px 0 0 55px ;} #member06 .memb_wp .profileBox p { background: url(../../member/img/06/member_profile_1.png); width: 820px; height: 179px; } #member06 .memb_wp .fbBox p { background: url(../img/fb_icon.png); width: 24px; height: 24px; margin: -60px 0 0 0;}*/ /*07 #member07 { background: url(../../member/img/07/member_img.jpg) center top no-repeat; } #member07 .memb_wp .nameBox .num{ background: url(../../member/img/07/member_num.png); width: 165px; height: 115px; } #member07 .memb_wp .nameBox .name{ background: url(../../member/img/07/member_name.png); width: 317px; height: 51px; } #member07 .memb_wp .txt1 { background: url(../../member/img/07/member_txt_1.png); width: 402px; height: 125px; } #member07 .memb_wp .txt2 { background: url(../../member/img/07/member_txt_2.png); width: 402px; height: 13px; margin: 40px 0 0 0; } #member07 .memb_wp .txt3 { background: url(../../member/img/07/member_txt_3.png); width: 402px; height: 94px; } #member07 .memb_wp .txt4 { background: url(../../member/img/07/member_txt_4.png); width: 402px; height: 65px; } #member07 .memb_wp .txt5 { background: url(../../member/img/07/member_txt_5.png); width: 402px; height: 269px; } #member07 .memb_wp .txt6 { background: url(../../member/img/07/member_txt_6.png); width: 402px; height: 50px; } #member07 .memb_wp .txt7 { background: url(../../member/img/07/member_txt_7.png); width: 402px; height: 172px; } #member07 .memb_wp .txt8 { background: url(../../member/img/07/member_txt_8.png); width: 402px; height: 218px; } #member07 .memb_wp .comBox { margin: 80px 0 0 28px;} #member07 .memb_wp .com1 { background: url(../../member/img/07/member_com_1.png); width: 748px; height: 49px; } #member07 .memb_wp .com2 { background: url(../../member/img/07/member_com_2.png); width: 748px; height: 113px; } #member07 .memb_wp .profileBox { margin: 90px 0 0 55px ;} #member07 .memb_wp .profileBox p { background: url(../../member/img/07/member_profile_1.png); width: 820px; height: 179px; } #member07 .memb_wp .fbBox p { background: url(../img/fb_icon.png); width: 24px; height: 24px; margin: -40px 0 0 0;}*/ /*08 #member08 { background: url(../../member/img/08/member_img.jpg) center top no-repeat; } #member08 .memb_wp .nameBox .num{ background: url(../../member/img/08/member_num.png); width: 165px; height: 115px; } #member08 .memb_wp .nameBox .name{ background: url(../../member/img/08/member_name.png); width: 317px; height: 51px; } #member08 .memb_wp .txt1 { background: url(../../member/img/08/member_txt_1.png); width: 402px; height: 125px; } #member08 .memb_wp .txt2 { background: url(../../member/img/08/member_txt_2.png); width: 402px; height: 43px; margin: 40px 0 0 0; } #member08 .memb_wp .txt3 { background: url(../../member/img/08/member_txt_3.png); width: 402px; height: 41px; } #member08 .memb_wp .txt4 { background: url(../../member/img/08/member_txt_4.png); width: 402px; height: 130px; } #member08 .memb_wp .comBox { margin: 190px 0 0 28px;} #member08 .memb_wp .com1 { background: url(../../member/img/08/member_com_1.png); width: 748px; height: 49px; } #member08 .memb_wp .com2 { background: url(../../member/img/08/member_com_2.png); width: 748px; height: 72px; } #member08 .memb_wp .profileBox { margin: 650px 0 0 55px ;} #member08 .memb_wp .profileBox p { background: url(../../member/img/08/member_profile_1.png); width: 820px; height: 179px; } #member08 .memb_wp .fbBox p { background: url(../img/fb_icon.png); width: 24px; height: 24px; margin: -80px 0 0 0;}*/ /*09 #member09 { background: url(../../member/img/09/member_img.jpg) center top no-repeat; } #member09 .memb_wp .nameBox .num{ background: url(../../member/img/09/member_num.png); width: 165px; height: 115px; } #member09 .memb_wp .nameBox .name{ background: url(../../member/img/09/member_name.png); width: 317px; height: 51px; } #member09 .memb_wp .txt1 { background: url(../../member/img/09/member_txt_1.png); width: 402px; height: 125px; } #member09 .memb_wp .txt2 { background: url(../../member/img/09/member_txt_2.png); width: 402px; height: 65px; margin: 40px 0 0 0; } #member09 .memb_wp .txt3 { background: url(../../member/img/09/member_txt_3.png); width: 402px; height: 40px; } #member09 .memb_wp .txt4 { background: url(../../member/img/09/member_txt_4.png); width: 402px; height: 39px; } #member09 .memb_wp .txt5 { background: url(../../member/img/09/member_txt_5.png); width: 402px; height: 276px; } #member09 .memb_wp .txt6 { background: url(../../member/img/09/member_txt_6.png); width: 402px; height: 64px; } #member09 .memb_wp .txt7 { background: url(../../member/img/09/member_txt_7.png); width: 402px; height: 66px; } #member09 .memb_wp .txt8 { background: url(../../member/img/09/member_txt_8.png); width: 402px; height: 67px; } #member09 .memb_wp .comBox { margin: 50px 0 0 28px;} #member09 .memb_wp .com1 { background: url(../../member/img/09/member_com_1.png); width: 748px; height: 49px; } #member09 .memb_wp .com2 { background: url(../../member/img/09/member_com_2.png); width: 748px; height: 83px; } #member09 .memb_wp .profileBox { margin: 100px 0 200px 55px ;} #member09 .memb_wp .profileBox p { background: url(../../member/img/09/member_profile_1.png); width: 820px; height: 179px; } #member09 .memb_wp .fbBox p { background: url(../img/fb_icon.png); width: 24px; height: 24px; margin: -230px 0 0 0;}*/ #nav_member { width: 100%; padding: 80px 0 30px 0; overflow: hidden; position: relative; background: #FFF; } #nav_member .mem_nav_box{ width: 810px; margin: 0 auto; } #nav_member .mem_nav_box li{ width: 268px; height: 180px; position: relative; background: red; float: left; margin: 2px 0 0 2px; overflow: hidden; font-size: 0; } #nav_member .mem_nav_box li.f { margin: 2px 0 0 0; } #nav_member .mem_nav_box li p { position: absolute;} /*01*/ #nav_member .mem_nav_box li.member01 { background: url(/img/membernavi_1.png ); width: 268px; height: 180px; background-repeat: no-repeat; } #nav_member .mem_nav_box li.member01 p { background: url(/img/membernavi_1_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member02 { background: url(/img/membernavi_2.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member02 p { background: url(/img/membernavi_2_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member03 { background: url(/img/membernavi_3.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member03 p { background: url(/img/membernavi_3_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member04 { background: url(/img/membernavi_4.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member04 p { background: url(/img/membernavi_4_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member05 { background: url(/img/membernavi_5.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member05 p { background: url(/img/membernavi_5_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member06 { background: url(/img/membernavi_6.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member06 p { background: url(/img/membernavi_6_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member07 { background: url(/img/membernavi_7.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member07 p { background: url(/img/membernavi_7_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member08 { background: url(/img/membernavi_8.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member08 p { background: url(/img/membernavi_8_cr.png); width: 268px; height: 180px; top:180px } #nav_member .mem_nav_box li.member09 { background: url(/img/membernavi_9.png); width: 268px; height: 180px; } #nav_member .mem_nav_box li.member09 p { background: url(/img/membernavi_9_cr.png); width: 268px; height: 180px; top:180px } #header { position: fixed; width: 100%; height: 40px; top:0px; background: #000; color: #fff; } #sideNavi div { width: 139px; height: 30px; } #sideNavi div.cr .txt { width: 139px; } #sideNavi div.def .txt { width: 0; } #sideNavi.bk div.def{ background: url(/img/sidenavi_circle_bk.png) no-repeat right center; } #sideNavi.bk div.cr { background: url(/img/sidenavi_circle_cr_bk.png) no-repeat right center; } #sideNavi.bk div.btn_message .txt { background: url(/img/sidenavi_message_cr_bk.png) no-repeat left center; } #sideNavi.bk div.btn_profile .txt { background: url(/img/sidenavi_profile_cr_bk.png) no-repeat left center; } #sideNavi.wh div.def { background: url(/img/sidenavi_circle_wh.png) no-repeat right center; } #sideNavi.wh div.cr { background: url(/img/sidenavi_circle_cr_wh.png) no-repeat right center; } #sideNavi.wh div.btn_message .txt { background: url(/img/sidenavi_message_cr_wh.png) no-repeat left center; } #sideNavi.wh div.btn_profile .txt { background: url(/img/sidenavi_profile_cr_wh.png) no-repeat left center; } /*===========================================アコーディオンプロフィール===============================================================*/ label { padding: 10px; display: block; margin: 0; } label a:hover{ opacity: 0.5; } input[type="checkbox"].on-off{ display: none; } .menu ul { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none; } .menu li { padding: 5px; } input[type="checkbox"].on-off + ul{ height: 0; overflow: hidden; } input[type="checkbox"].on-off:checked + ul{ height: auto; } /*==========================================================================================================*/