@charset "utf-8";


/* ----------------------------------------
	00 contents
------------------------------------------*/

#contents #cont-main {
	height: 1886px;
	background: url(../img/bg_00.jpg) top center no-repeat;
}

#contents #cont-main #cont-body {
	height: 1886px;
}


/* ----------------------------------------
	00 head
------------------------------------------*/

#frds-head h1.title {
	position: absolute;
	left: 240px;
	top: 55px;
	width: 430px;
	height: 125px;
}

#frds-head a.back {
	position: absolute;
	right: 100px;
	top: 20px;
	width: 225px;
	height: 32px;
	background: url(../img/top_back.gif) top left no-repeat;
}
#frds-head a.back:hover {
	background: url(../img/top_back_ov.gif) top left no-repeat;
}


/* ----------------------------------------
	01 friend
------------------------------------------*/

.frds_box_friend_l {
	position: absolute;
	left: 0px;
	width: 890px;
	height: 330px;
	background: url(../img/top_line_dot_01.gif) 215px 75px no-repeat;
}

#frds-friend-01 img.photo {
	display: block;
	position: absolute;
	left: 88px;
	top: 45px;
	width: 204px;
	height: 245px;
}

#frds-friend-03 img.photo {
	display: block;
	position: absolute;
	left: 88px;
	top: 44px;
	width: 204px;
	height: 245px;
}

.frds_box_friend_l img.name {
	display: block;
	position: absolute;
	left: 292px;
	top: 45px;
	width: 222px;
	height: 32px;
}

.frds_box_friend_l .box_btns_top {
	position: absolute;
	left: 300px;
	top: 95px;
	width: 480px;
	height: 125px;
}

.frds_box_friend_l .box_btns_01 {
	position: absolute;
	left: 350px;
	top: 220px;
	width: 480px;
	height: 125px;
}

.frds_box_friend_l .box_btns_03 {
	position: absolute;
	left: 350px;
	top: 220px;
	width: 480px;
	height: 125px;
}


.frds_box_friend_l .box_btns_top a {
	display:block;
	float: left;
	width: 90px;
	height: 120px;
	text-indent: -9999px;
	margin-right: 24px;
}
.frds_box_friend_l .box_btns_top a span {
	visibility: hidden
}

.frds_box_friend_l .box_btns_01 a {
	display:block;
	float: left;
	width: 90px;
	height: 120px;
	text-indent: -9999px;
	margin-right: 24px;
}
.frds_box_friend_l .box_btns_01 a span {
	visibility: hidden
}

.frds_box_friend_l .box_btns_03 a {
	display:block;
	float: left;
	width: 90px;
	height: 120px;
	text-indent: -9999px;
	margin-right: 24px;
}
.frds_box_friend_l .box_btns_03 a span {
	visibility: hidden
}


.frds_box_friend_l .box_btns img.soon {
	display: block;
	float: left;
	width: 90px;
	height: 120px;
	margin-right: 24px;
}

.frds_box_friend_l a.prof {
	display: block;
	position: absolute;
	left: 670px;
	top: 40px;
	width: 120px;
	height: 35px;
	text-indent: -9999px;
}
.frds_box_friend_l a.prof:link,
.frds_box_friend_l a.prof:visited {
	background: url(../img/frd_btn_prof.gif) left top no-repeat;
}
.frds_box_friend_l a.prof:hover,
.frds_box_friend_l a.prof:active {
	background: url(../img/frd_btn_prof_ov.gif) left top no-repeat;
}



.frds_box_friend_r {
	position: absolute;
	left: 0px;
	width: 890px;
	height: 330px;
	background: url(../img/top_line_dot_01.gif) 120px 105px no-repeat;
}

#frds-friend-02 img.photo {
	display: block;
	position: absolute;
	left: 617px;
	top: 64px;
	width: 217px;
	height: 243px;
}


#frds-friend-04 img.photo {
	display: block;
	position: absolute;
	left: 616px;
	top: 64px;
	width: 217px;
	height: 243px;
}

.frds_box_friend_r img.name {
	display: block;
	position: absolute;
	left: 125px;
	top: 68px;
	width: 250px;
	height: 40px;
}

.frds_box_friend_r .box_btns_top {
	position: absolute;
	left: 125px;
	top: 125px;
	width: 480px;
	height: 125px;
}

.frds_box_friend_r .box_btns_02 {
	position: absolute;
	left: 182px;
	top: 250px;
	width: 360px;
	height: 125px;
}

.frds_box_friend_r .box_btns_04 {
	position: absolute;
	left: 175px;
	top: 250px;
	width: 480px;
	height: 125px;
}

.frds_box_friend_r .box_btns_top a {
	display:block;
	float: left;
	width: 90px;
	height: 120px;
	text-indent: -9999px;
	margin-right: 24px;
}

.frds_box_friend_r .box_btns_02 a {
	display:block;
	float: left;
	width: 90px;
	height: 120px;
	text-indent: -9999px;
	margin-right: 24px;
}

.frds_box_friend_r .box_btns_04 a {
	display:block;
	float: left;
	width: 90px;
	height: 120px;
	text-indent: -9999px;
	margin-right: 24px;
}

.frds_box_friend_r .box_btns img.soon {
	display: block;
	float: left;
	width: 90px;
	height: 120px;
	margin-right: 24px;
}

.frds_box_friend_r a.prof {
	display: block;
	position: absolute;
	left: 496px;
	top: 70px;
	width: 120px;
	height: 35px;
	text-indent: -9999px;
}
.frds_box_friend_r a.prof:link,
.frds_box_friend_r a.prof:visited {
	background: url(../img/frd_btn_prof.gif) left top no-repeat;
}
.frds_box_friend_r a.prof:hover,
.frds_box_friend_r a.prof:active {
	background: url(../img/frd_btn_prof_ov.gif) left top no-repeat;
}







#frds-friend-01 {
	top: 18px;
}

#frds-friend-01 a.btn_01:link,
#frds-friend-01 a.btn_01:visited {
	background: url(../img/top_f01_btn01.gif) left top no-repeat;
}
#frds-friend-01 a.btn_01:hover,
#frds-friend-01 a.btn_01:active {
	background: url(../img/top_f01_btn01_ov.gif) left top no-repeat;
}

#frds-friend-01 a.btn_02:link,
#frds-friend-01 a.btn_02:visited {
	background: url(../img/top_f01_btn02.gif) left top no-repeat;
}
#frds-friend-01 a.btn_02:hover,
#frds-friend-01 a.btn_02:active {
	background: url(../img/top_f01_btn02_ov.gif) left top no-repeat;
}

#frds-friend-01 a.btn_03:link,
#frds-friend-01 a.btn_03:visited {
	background: url(../img/top_f01_btn03.gif) left top no-repeat;
}
#frds-friend-01 a.btn_03:hover,
#frds-friend-01 a.btn_03:active {
	background: url(../img/top_f01_btn03_ov.gif) left top no-repeat;
}

#frds-friend-01 a.btn_04:link,
#frds-friend-01 a.btn_04:visited {
	background: url(../img/top_f01_btn04.gif) left top no-repeat;
}
#frds-friend-01 a.btn_04:hover,
#frds-friend-01 a.btn_04:active {
	background: url(../img/top_f01_btn04_ov.gif) left top no-repeat;
}

#frds-friend-01 a.btn_05:link,
#frds-friend-01 a.btn_05:visited {
	background: url(../img/top_f01_btn05.gif) left top no-repeat;
}
#frds-friend-01 a.btn_05:hover,
#frds-friend-01 a.btn_05:active {
	background: url(../img/top_f01_btn05_ov.gif) left top no-repeat;
}

#frds-friend-01 a.btn_06:link,
#frds-friend-01 a.btn_06:visited {
	background: url(../img/top_f01_btn06.gif) left top no-repeat;
}
#frds-friend-01 a.btn_06:hover,
#frds-friend-01 a.btn_06:active {
	background: url(../img/top_f01_btn06_ov.gif) left top no-repeat;
}

#frds-friend-01 a.btn_07:link,
#frds-friend-01 a.btn_07:visited {
	background: url(../img/top_f01_btn07.gif) left top no-repeat;
}
#frds-friend-01 a.btn_07:hover,
#frds-friend-01 a.btn_07:active {
	background: url(../img/top_f01_btn07_ov.gif) left top no-repeat;
}

#frds-friend-01 a.btn_08:link,
#frds-friend-01 a.btn_08:visited {
	background: url(../img/top_f01_btn08.gif) left top no-repeat;
}
#frds-friend-01 a.btn_08:hover,
#frds-friend-01 a.btn_08:active {
	background: url(../img/top_f01_btn08_ov.gif) left top no-repeat;
}



#frds-friend-02 {
	top: 340px;
}

#frds-friend-02 a.btn_01:link,
#frds-friend-02 a.btn_01:visited {
	background: url(../img/top_f02_btn01.gif) left top no-repeat;
}
#frds-friend-02 a.btn_01:hover,
#frds-friend-02 a.btn_01:active {
	background: url(../img/top_f02_btn01_ov.gif) left top no-repeat;
}

#frds-friend-02 a.btn_02:link,
#frds-friend-02 a.btn_02:visited {
	background: url(../img/top_f02_btn02.gif) left top no-repeat;
}
#frds-friend-02 a.btn_02:hover,
#frds-friend-02 a.btn_02:active {
	background: url(../img/top_f02_btn02_ov.gif) left top no-repeat;
}

#frds-friend-02 a.btn_03:link,
#frds-friend-02 a.btn_03:visited {
	background: url(../img/top_f02_btn03.gif) left top no-repeat;
}
#frds-friend-02 a.btn_03:hover,
#frds-friend-02 a.btn_03:active {
	background: url(../img/top_f02_btn03_ov.gif) left top no-repeat;
}

#frds-friend-02 a.btn_04:link,
#frds-friend-02 a.btn_04:visited {
	background: url(../img/top_f02_btn04.gif) left top no-repeat;
}
#frds-friend-02 a.btn_04:hover,
#frds-friend-02 a.btn_04:active {
	background: url(../img/top_f02_btn04_ov.gif) left top no-repeat;
}

#frds-friend-02 a.btn_05:link,
#frds-friend-02 a.btn_05:visited {
	background: url(../img/top_f02_btn05.gif) left top no-repeat;
}
#frds-friend-02 a.btn_05:hover,
#frds-friend-02 a.btn_05:active {
	background: url(../img/top_f02_btn05_ov.gif) left top no-repeat;
}

#frds-friend-02 a.btn_06:link,
#frds-friend-02 a.btn_06:visited {
	background: url(../img/top_f02_btn06.gif) left top no-repeat;
}
#frds-friend-02 a.btn_06:hover,
#frds-friend-02 a.btn_06:active {
	background: url(../img/top_f02_btn06_ov.gif) left top no-repeat;
}

#frds-friend-02 a.btn_07:link,
#frds-friend-02 a.btn_07:visited {
	background: url(../img/top_f02_btn07.gif) left top no-repeat;
}
#frds-friend-02 a.btn_07:hover,
#frds-friend-02 a.btn_07:active {
	background: url(../img/top_f02_btn07_ov.gif) left top no-repeat;
}


#frds-friend-03 {
	top: 695px;
}

#frds-friend-03 a.btn_01:link,
#frds-friend-03 a.btn_01:visited {
	background: url(../img/top_f03_btn01.gif) left top no-repeat;
}
#frds-friend-03 a.btn_01:hover,
#frds-friend-03 a.btn_01:active {
	background: url(../img/top_f03_btn01_ov.gif) left top no-repeat;
}

#frds-friend-03 a.btn_02:link,
#frds-friend-03 a.btn_02:visited {
	background: url(../img/top_f03_btn02.gif) left top no-repeat;
}
#frds-friend-03 a.btn_02:hover,
#frds-friend-03 a.btn_02:active {
	background: url(../img/top_f03_btn02_ov.gif) left top no-repeat;
}

#frds-friend-03 a.btn_03:link,
#frds-friend-03 a.btn_03:visited {
	background: url(../img/top_f03_btn03.gif) left top no-repeat;
}
#frds-friend-03 a.btn_03:hover,
#frds-friend-03 a.btn_03:active {
	background: url(../img/top_f03_btn03_ov.gif) left top no-repeat;
}

#frds-friend-03 a.btn_04:link,
#frds-friend-03 a.btn_04:visited {
	background: url(../img/top_f03_btn04.gif) left top no-repeat;
}
#frds-friend-03 a.btn_04:hover,
#frds-friend-03 a.btn_04:active {
	background: url(../img/top_f03_btn04_ov.gif) left top no-repeat;
}

#frds-friend-03 a.btn_05:link,
#frds-friend-03 a.btn_05:visited {
	background: url(../img/top_f03_btn05.gif) left top no-repeat;
}
#frds-friend-03 a.btn_05:hover,
#frds-friend-03 a.btn_05:active {
	background: url(../img/top_f03_btn05_ov.gif) left top no-repeat;
}

#frds-friend-03 a.btn_06:link,
#frds-friend-03 a.btn_06:visited {
	background: url(../img/top_f03_btn06.gif) left top no-repeat;
}
#frds-friend-03 a.btn_06:hover,
#frds-friend-03 a.btn_06:active {
	background: url(../img/top_f03_btn06_ov.gif) left top no-repeat;
}

#frds-friend-03 a.btn_07:link,
#frds-friend-03 a.btn_07:visited {
	background: url(../img/top_f03_btn07.gif) left top no-repeat;
}
#frds-friend-03 a.btn_07:hover,
#frds-friend-03 a.btn_07:active {
	background: url(../img/top_f03_btn07_ov.gif) left top no-repeat;
}


#frds-friend-04 {
	top: 1008px;
}

#frds-friend-04 a.btn_01:link,
#frds-friend-04 a.btn_01:visited {
	background: url(../img/top_f04_btn01.gif) left top no-repeat;
}
#frds-friend-04 a.btn_01:hover,
#frds-friend-04 a.btn_01:active {
	background: url(../img/top_f04_btn01_ov.gif) left top no-repeat;
}

#frds-friend-04 a.btn_02:link,
#frds-friend-04 a.btn_02:visited {
	background: url(../img/top_f04_btn02.gif) left top no-repeat;
}
#frds-friend-04 a.btn_02:hover,
#frds-friend-04 a.btn_02:active {
	background: url(../img/top_f04_btn02_ov.gif) left top no-repeat;
}

#frds-friend-04 a.btn_03:link,
#frds-friend-04 a.btn_03:visited {
	background: url(../img/top_f04_btn03.gif) left top no-repeat;
}
#frds-friend-04 a.btn_03:hover,
#frds-friend-04 a.btn_03:active {
	background: url(../img/top_f04_btn03_ov.gif) left top no-repeat;
}

#frds-friend-04 a.btn_04:link,
#frds-friend-04 a.btn_04:visited {
	background: url(../img/top_f04_btn04.gif) left top no-repeat;
}
#frds-friend-04 a.btn_04:hover,
#frds-friend-04 a.btn_04:active {
	background: url(../img/top_f04_btn04_ov.gif) left top no-repeat;
}

#frds-friend-04 a.btn_05:link,
#frds-friend-04 a.btn_05:visited {
	background: url(../img/top_f04_btn05.gif) left top no-repeat;
}
#frds-friend-04 a.btn_05:hover,
#frds-friend-04 a.btn_05:active {
	background: url(../img/top_f04_btn05_ov.gif) left top no-repeat;
}

#frds-friend-04 a.btn_06:link,
#frds-friend-04 a.btn_06:visited {
	background: url(../img/top_f04_btn06.gif) left top no-repeat;
}
#frds-friend-04 a.btn_06:hover,
#frds-friend-04 a.btn_06:active {
	background: url(../img/top_f04_btn06_ov.gif) left top no-repeat;
}

#frds-friend-04 a.btn_07:link,
#frds-friend-04 a.btn_07:visited {
	background: url(../img/top_f04_btn07.gif) left top no-repeat;
}
#frds-friend-04 a.btn_07:hover,
#frds-friend-04 a.btn_07:active {
	background: url(../img/top_f04_btn07_ov.gif) left top no-repeat;
}

#frds-friend-04 a.btn_08:link,
#frds-friend-04 a.btn_08:visited {
	background: url(../img/top_f04_btn08.gif) left top no-repeat;
}
#frds-friend-04 a.btn_08:hover,
#frds-friend-04 a.btn_08:active {
	background: url(../img/top_f04_btn08_ov.gif) left top no-repeat;
}