@charset "utf-8";

/*--		__基本情報
----------------------------------------------------*/
a:link , a:visited{
	color:#fe9d06;
	text-decoration:none;
}
a:hover , a:active{
	text-decoration:underline;
}

/*--		__汎用class
----------------------------------------------------*/
.imgR{
	float:right;
	margin:0 0 10px 10px;
}
.imgL{
	float:left;
	margin:0 10px 10px 0;
}
.btn{
	text-align:center;
}
.pageTop{
	text-align:right;
	margin-bottom:10px;
}
.error input,
.error select,
.error textarea{
	background-color:#fff9a3;
}

/*__icon
-------------------------*/
.icon_play,
.icon_clap,
.icon_favorite,
.icon_comment,
.icon_friend{
	padding:2px 0 2px 18px;
	margin-right:8px;
}
.icon_contribute,
.icon_mylist{
	padding:2px 0 2px 28px;
}
.icon_category{
	margin-left:5px;
	padding-left:55px;
}
.icon_category2{
	margin-left:5px;
	padding-right:55px;
}
.icon_play{
	background:url(../img/common/icon/icon_play.gif) left center no-repeat;
}
.icon_clap{
	background:url(../img/common/icon/icon_clap.gif) left center no-repeat;
}
.icon_favorite{
	background:url(../img/common/icon/icon_favorite.gif) left center no-repeat;
}
.icon_comment{
	background:url(../img/common/icon/icon_comment.gif) left center no-repeat;
}
.icon_friend{
	background:url(../img/common/icon/icon_friend.gif) left center no-repeat;
}
.icon_contribute{
	background:url(../img/common/icon/icon_contribute.gif) left center no-repeat;
}
.icon_mylist{
	background:url(../img/common/icon/icon_mylist.gif) left center no-repeat;
}
.icon_category{
	background:url(../img/common/icon/icon_category.gif) left center no-repeat;
}
.icon_category2{
	background:url(../img/common/icon/icon_category.gif) right center no-repeat;
}
/*__thumbnail
-------------------------*/
.video12090,
.video8060,
.user120120,
.user6060,
.user4545,
.user3030{
	display:block;
	text-align:center;
}
.video12090{
	width:124px;
	height:94px;
}
.video8060{
	width:84px;
	height:64px;
}
.user120120{
	width:124px;
	height:124px;
}
.user6060{
	width:64px;
	height:64px;
}
.user4545{
	width:49px;
	height:49px;
}
.user3030{
	width:34px;
	height:34px;
}
.video12090 img,
.video8060 img,
.user120120 img,
.user6060 img,
.user4545 img,
.user3030 img{
	border:#e5e5e5 1px solid;
}
.video12090 a img,
.video8060 a img,
.user120120 a img,
.user6060 a img,
.user4545 a img,
.user3030 a img{
	margin:1px;
}
.video12090 a:hover img,
.video8060 a:hover img,
.user120120 a:hover img,
.user6060 a:hover img,
.user4545 a:hover img,
.user3030 a:hover img,
#headMypageBtn .user4545 a:hover img,
#rankingtab ul.rankingField dd a:hover img,
#side #newVideoBox li .video8060 a:hover img,
#boardBox .board dl.mine dt a:hover img,
#boardBox .board dl.another dt a:hover img,
#boardBox .board dl.owner dt a:hover img{
	border:#fef137 2px solid;
	margin:0;
}


#headMypageBtn .user4545 img{
	border:#000 2px solid;
	margin:0;
}
#side #newVideoBox li .video8060 img{
	border:#000 1px solid;
}
#boardBox .board dl.remark dt img{
	border:#fff33b 2px solid;
	margin:0;
}
#boardBox .board dl.mine dt img,
#boardBox .board dl.another dt img,
#boardBox .board dl.owner dt img{
	border:#e5e5e5 2px solid;
	margin:0;
}
#rankingtab ul.rankingField dd img{
	border:#000 1px solid;
}

/*__pager
-------------------------*/
.countPager{
	clear:both;
	width:640px;
	position:relative;
	padding:15px 0 10px;
}
.countPager ul{
	text-align:center;
	width:640px;
	overflow:hidden;
}
.countPager li{
	display:inline;
	margin:0 2px;
}
.countPager li a{
	display:inline-block;
	padding:2px 4px;
	border:#f0f0e2 1px solid;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	color:#000;
}
.countPager li.now a{
	background-color:#f0f0e2;
}
.countPager li a:hover{
	text-decoration:none;
	background-color:#f0f0e2;
}
.countPager p{
	position:absolute;
	top:15px;
	right:0;
}
.circlePager{
	text-align:center;
	clear:both;
	width:640px;
	overflow:hidden;
	margin-bottom:20px;
	padding-top:5px;
}
.circlePager li{
	display:inline;
	margin:0 2px;
	
}
.circlePager li span{
	display:inline-block;
	width:10px;
	height:10px;
	cursor:pointer;
	vertical-align: middle
}
.circlePager li span{
	background:url(../img/userpage/pager_off.gif) no-repeat;
}
.circlePager li span:hover{
	background:url(../img/userpage/pager_on.gif) no-repeat;
}
.circlePager li span.now{
	background:url(../img/userpage/pager_on.gif) no-repeat;
}

/*__popup
-------------------------*/
#popup{
	width:330px;
	min-height:125px;
	_height:125px; /* for IE6 */
	margin-top:-80px;
	margin-left:-165px;
	padding-bottom:35px;
	position:fixed;
	z-index:99999;
	top:50%;
	left:50%;
	background:url(../img/common/popup_bottom.gif) left bottom no-repeat;
}
#popup p img{
	display:block;
}
#popup p input{
	margin:0 15px;
}
#popup #popupBody{
	min-height:90px;
	_height:90px; /* for IE6 */
	border-left:#000 5px solid;
	border-right:#000 5px solid;
}
#popup p.message{
	line-height:1.5;
	padding:20px;
	text-align:center;
}

/*__.clearfix
-------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */

/*--		__base
----------------------------------------------------*/
#page{
	width:100%;
}
#wrap{
	background-color:#f0f0e2;
	width:100%;
	clear:both;
	position:relative;
}
#contents{
	overflow:hidden;
	width:920px;
	margin:0px auto 15px;
	padding:0 15px;
	border:#ebebde 1px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#fff;
}
#underlayer{
	overflow:hidden;
	width:800px;
	margin:0px auto;
	padding-bottom:30px;
	background-color:#fff;
}
#underlayer h2{
	margin-bottom:30px;
	border-bottom:#000 2px solid;
	text-align:center;
}
#contents .mypageBottom{
	clear:both;
	margin-left:-15px;
	height:8px;
}
#contents .mypageBottom hr{
	display:none;
}
#topBody #contents{
	clear:both;
	overflow:hidden;
	width:950px;
	padding:0;
	margin:0px auto;
	background-color:transparent;
	border:none;
}
#mypage{
	clear:both;
	width:900px;
	overflow:hidden;
	background:url(../img/common/mypage/contents_bottom.gif) center bottom no-repeat #f0f0e2;
	padding:10px;
	margin:0 auto 10px;
}
#main{
	float:right;
	width:670px;
}
#topBody #main{
	float:right;
	width:715px;
}
#mypage #main{
	float:right;
	width:670px;
}
#floatWindow{
	background-color:#f1f0e2;
}
#floatWindow #floatBox{
	width:100%;
	padding:30px 0;
}

/*--		__header
----------------------------------------------------*/
#header,
#doc_header{
	width:100%;
	position:relative;
	z-index:1;
	font-size:13px;
}
#header #head{
	width:950px;
	margin:27px auto 0;
}
#doc_header #head{
	width:800px;
	margin:27px auto 0;
}
#header h1{
	width:210px;
	float:left;
	margin-bottom:5px;
}
#doc_header h1{
	width:210px;
	margin:0 auto 5px;
}

/*__headMenu
-------------------------*/
#headMenu{
	width:100%;
	background:#000;
}
#headMenu a{
	color:#fcee21;
}
ul.menu{
	width:950px;
	margin:0 auto;
	zoom:1;
	background:#000;
	zoom:1;
}
#doc_header ul.menu{
	width:800px;
}
ul.menu li.loginBotton,
ul.menu li.headMenuLink,
ul.menu li.categoryBotton,
ul.menu li.loginName,
ul.menu li.enqueteBotton{
	float:right;
	display:inline;
	position:relative;
	margin-left:25px;
	height:25px;
	color:#fff;
	z-index:1;
}
ul.menu li.loginBotton,
ul.menu li.enqueteBotton{
	color:#fff;
}
* html ul.menu li.loginBotton,
* html ul.menu li.enqueteBotton{
	padding-top:5px;
	margin-bottom:-5px;
}
ul.menu li a,
ul.menu li span{
	width:100%;
	height:25px;
	line-height:25px;
	cursor:pointer;
}
ul.menu li #log img,
ul.menu li #enq img{
	margin-left:4px;
}
ul.menu li ul.pulldown{
	position:absolute;
	z-index:10;
	display:none;
}
ul.menu li ul.headerCategory{
	width:92px;
	background:url(../img/common/header/login_bg.png) left top repeat;
	padding:3px 5px 3px 8px;
	margin-left:3px;
	margin-top:-9px;
}
* html ul.menu li ul.headerCategory{
	margin:25px 0 0 -116px;
}
*:first-child + html ul.menu li ul.headerCategory{
	margin:25px 0 0 -116px;
}
#headMenu ul.menu li ul.headerCategory li a{
	width:95px;
	height:21px;
	line-height:21px;
	display:block;
	color:#fff;
}
ul.menu li ul.headerLogin{
	width:190px;
	background:url(../img/common/header/login_bg.png) left top repeat;
	padding:5px 15px;
	margin-left:-153px;
}
* html ul.menu li ul.headerLogin{
	margin-top:8px;
}
* html ul.menu li ul.enqueteBox{
	margin:22px 0 0 -365px;
}
*:first-child+html ul.menu li ul.enqueteBox{
	margin:19px 0 0 -365px;
}
ul.menu li ul.headerLogin li{
	margin-bottom:2px;
	font-size:93%;
}
* html ul.menu li ul.headerLogin li.auto{
	font-size:85%;
}
* html ul.menu li ul.headerLogin li,
*:first-child+html ul.menu li ul.headerLogin li{
	font-size:85%;
}
ul.menu li ul.headerLogin li span{
	color:#faec19;
	display:inline;
	line-height:1.5;
}
ul.menu li ul.headerLogin li .loginId{
	width:186px;
	margin-bottom:5px;
}
ul.menu li ul.headerLogin li .loginPass{
	width:190px;
	margin-bottom:5px;
}
#headMenu ul.menu li ul.headerLogin li.loginForget a{
	margin-top:7px;
}
#headMenu ul.menu li ul.headerLogin li.loginForget a{
	font-size:85%;
	color:#fff;
	text-decoration:underline;
	line-height:1.5;
}
ul.menu li ul.headerLogin li .loginbtn{
	width:61px;
	height:20px;
	text-indent:-9999px;
	background:url(../img/common/header/login_button.png) left top no-repeat;
	border:none;
	cursor:pointer;
}
ul.menu li.enqueteBotton #enq{
	color:#fcee21;
}
ul.menu li ul.enqueteBox{
	width:350px;
	background:url(../img/common/header/login_bg.png) left top repeat;
	padding:10px 10px 0px;
	margin-left:-321px;
}
ul.menu li ul.enqueteBox li{
	margin-bottom:7px;
	text-align:center;
}
ul.menu li ul.enqueteBox select{
	width:345px;
}
ul.menu li ul.enqueteBox .wide{
	width:345px;
	height:70px;
}
ul.menu li ul.enqueteBox li .submitbtn{
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
ul.menu li.loginName span{
	display:inline;
	padding-right:10px;
	cursor:default;
}
#headMenu ul.menu li.loginName span a{
	color:#bbff77;
}

/*__headSearch
-------------------------*/
#headSearch{
	width:330px;
	padding-left:220px;
	float:left;
}
#headSearch ul.searchTab{
	float:left;
}
#headSearch ul.searchTab li{
	float:left;
}
#headSearch ul.searchTab li img{
	display:block;
}
#headSearch ul.searchTab li a{
	height:30px;
	display:block;
	text-indent:-9999px;
}
#headSearch ul.searchTab li a.selected{
	cursor:default;
}
#headSearch ul.searchTab li#searchKeyword a{
	width:83px;
	background-image:url(../img/common/header/search_keyword_off.gif);
}
#headSearch ul.searchTab li#searchKeyword a.selected{
	background-image:url(../img/common/header/search_keyword_on.gif);
}
#headSearch ul.searchTab li#searchTag a{
	width:61px;
	background-image:url(../img/common/header/search_tag_off.gif);
}
#headSearch ul.searchTab li#searchTag a.selected{
	background-image:url(../img/common/header/search_tag_on.gif);
}
#headSearch ul.searchTab li#searchContributor a{
	width:63px;
	background-image:url(../img/common/header/search_contributor_off.gif);
}
#headSearch ul.searchTab li#searchContributor a.selected{
	background-image:url(../img/common/header/search_contributor_on.gif);
}
#headSearch .searchArea{
	clear:both;
	width:225px;
	float:left;
	padding:6px 7px 7px 35px;
	background:url(../img/common/header/search_formarea.gif) left top no-repeat;
}
#headSearch .searchArea input{
	width:220px;
	border:none;
	background-color:#f0f0e2;
}
#headSearch p{
	width:57px;
	height:34px;
	float:right;
	margin-top:-6px;
}
* html #headSearch p{
	margin-top:24px;
}
*:first-child + html #headSearch p{
	margin-top:24px;
}

/*__headMypageBtn
-------------------------*/
#headMypageBtn{
	width:50px;
	float:right;
	padding-right:20px;

}
#headMypageBtn .user4545{
	margin-bottom:5px;
}

/*__headPr
-------------------------*/
#headPr{
	clear:both;
	width:720px;
	padding:5px 40px 5px 190px;
	background:url("../img/common/header/pr_bg.gif") left top no-repeat #f5ed65;
	height:24px;
	position:relative;
}

#carouselPrev{
	position:absolute;
	top:10px;
	left:168px;
	cursor:pointer;
}
#carouselNext{
	position:absolute;
	top:10px;
	right:14px;
	cursor:pointer;
}
#carouse{
	width:100%;
	height:100%;
	overflow:hidden;
}

#carouselInner ul.column{
	width:720px;
	padding:5px 0 15px;
	float:left;
}
#carouselInner ul.column li.notice{
	float:left;
	padding-left:5px;
}
#carouselInner ul.column li.writter{
	float:right;
	padding-right:5px;
	text-align:right;
}

/*--		__navi
----------------------------------------------------*/
#navi{
	overflow:hidden;
	width:930px;
	margin:0px auto 20px;
	background-color:#fff;
	padding:7px 10px;
}
#navi #topicPath{
	float:left;
	padding-left:18px;
	background:url(../img/common/topicPath_icon.gif) no-repeat left center;
}
#navi #topicPath a,
#navi #topicPath span{
	color:#000;
	margin:0 5px;
}
#navi #naviMenu{
	float:right;
}
#navi #naviMenu li{
	display:inline;
	padding-left:10px;
}
#navi #naviMenu li a{
	color:#000;
	font-size:93%;
}

/*--		__footer
----------------------------------------------------*/
#footer{
	clear:both;
	width:100%;
	background-color:#fff;
}
#footer #foot{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
#footer #foot #fNavi{
	width:560px;
	float:left;
	padding:20px 0;
}
#footer #foot #fNavi img{
	display:block;
}
#footer #foot #fNavi ul{
	margin-top:5px;
}
#footer #foot #fNavi ul li{
	border-bottom:#000 1px solid;
}
#footer #foot #fNavi ul li a{
	display:block;
	padding:5px 0 5px 10px;
	color:#000;
	font-size:108%;
}
#footer #foot #fNavi .categoryMenu{
	width:190px;
	float:left;
}
#footer #foot #fNavi .contentsMenu{
	width:351px;
	float:right;
}
#footer #foot #fNavi .contentsMenu ul{
	width:170px;
}
#footer #foot #fNavi .contentsMenu ul.play{
	float:left;
}
#footer #foot #fNavi .contentsMenu ul.doc{
	float:right;
}
#footer #foot #specialArea{
	width:370px;
	float:right;
	margin-bottom:20px;
}
#footer #foot #specialArea .fLogo{
	margin-top:15px;
}
#footer #foot #specialArea #specialBox{
	padding:25px 15px 5px;
	background:url(../img/common/footer/special_top.gif) no-repeat left top #fcee21;
}
#footer #foot #specialArea #specialBox p{
	margin-bottom:10px;
}
#footer #copyright{
	width:100%;
	background-color:#000;
}
#footer #copyright img{
	display:block;
	margin:0 auto;
}

/*--		__side
----------------------------------------------------*/
#side{
	float:left;
	width:210px;
}
#side #newsBox,
#side #menuBox,
#side #qrBox,
#side #newVideoBox,
#side #attentionUserBox{
	background:url(../img/common/side/fence_bottom210.gif) left bottom no-repeat #fff;
	padding-bottom:10px;
	margin-bottom:15px;
}
#side #newsBox dl{
	margin:10px 0 0 10px;
}
#side #newsBox dl dt{
	color:#ffb400;
}
#side #newsBox dl dd{
	margin-bottom:10px;
	font-size:108%;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.barArea .jScrollPaneTrack {
	background:url(../img/common/side/scrollbar_bg.gif) no-repeat right top;
}
.barArea .jScrollPaneDrag {
	background:url(../img/common/side/scrollbar_top.gif) no-repeat 50% top;
}
.barArea .jScrollPaneTop {
	background:url(../img/common/side/scrollbar_bottom.gif) no-repeat 50% bottom;
	height:100%;
	margin-top:6px;
}
.scroll-pane {
	background: #fff;
	width: 200px;
	height: 200px;
	overflow: auto;
	float: left;
}
#scroll {
	height: 161px;
}
#side #menuBox ul{
	background-color:#fef137;
}
#side #menuBox ul li img{
	vertical-align:middle;
}
#side #qrBox .qr{
	padding:7px 0 5px 11px;
	background:url(../img/common/side/qr_text.gif) right top no-repeat;
}
#side #qrBox .url{
	text-align:center;
}
#side #qrBox .url a{
	font-weight:bold;
}
#side #attentionUserBox .caption{
	padding:0 15px;
	margin-bottom:10px;
}
#side #newVideoBox li{
	padding:5px 8px 7px;
	width:194px;
	overflow:hidden;
	clear:both;
}
#side #attentionUserBox li{
	padding:5px 15px 7px;
	width:180px;
	overflow:hidden;
	clear:both;
}
#side #attentionUserBox li p{
	margin-bottom:5px;
}
#side #attentionUserBox li p img{
	vertical-align:bottom;
}
#side #newVideoBox dl,
#side #attentionUserBox dl,
#user_side #friendVideoBox dl{
	float:right;
	position:relative;
	padding-bottom:20px;
}
#side #newVideoBox dl{
	width:100px;
}
#side #attentionUserBox dl{
	width:120px;
}
#side #newVideoBox dl dt span,
#user_side #friendVideoBox dl span{
	font-size:93%;
}
#side #newVideoBox dl dt a,
#user_side #friendVideoBox dl dt a{
	color:#ffa509;
	font-weight:bold;
}
#side #attentionUserBox dl dt a{
	color:#60c101;
}
#side #newVideoBox dl dd a,
#user_side #friendVideoBox dl dd a{
	color:#60c101;
}
#side #attentionUserBox dl dd a{
	color:#000;
	text-decoration:underline;
}

/*__profileBox
-------------------------*/
#profileBox .idArea{
	padding:10px 8px;
}
#profileBox .idArea p{
	float:left;
	padding-right:5px;
}
#profileBox dl{
	clear:both;
	font-size:93%;
	overflow:hidden;
}
#profileBox dl a{
	font-size:93%;
}
#profileBox dl dt{
	width:122px;
	float:left;
	text-align:center;
	padding-left:5px;
}
#profileBox dl dd{
	width:87px;
	float:left;
	padding-left:5px;
	line-height:1.8;
}
#profileBox dl dd a{
	color:#017ee8;
}
/*--		__user_side
----------------------------------------------------*/
#user_side{
	float:left;
	width:230px;
}
#user_side #profileBox,
#user_side #friendlistBox,
#user_side #friendVideoBox{
	padding-bottom:10px;
	margin-bottom:20px;
}
#user_side #friendlistBox p img,
#user_side #friendVideoBox p img{
	display:block;
	margin-bottom:5px;
}
#user_side #friendlistBox p.btn{
	text-align:right;
	margin-right:10px;
}
#user_side #friendlistBox p img{
	display:inline;
}
#user_side #profileBox{
	margin-top:10px;
	background:url(../img/common/side/fence_bottom230.gif) left bottom no-repeat #fff;
}
#user_side #profileBox .idArea{
	background:url(../img/common/side/fence_top230.gif) left top no-repeat;
}
#user_side #profileBox dl{
	width:230px;
}
#user_side #profileBox .friendApply{
	clear:both;
	margin:10px 0 5px;
	position:relative;
}
#user_side #profileBox .friendApply .btn img{
	cursor:pointer;
}
#user_side #profileBox .friendApply .applyForm{
	width:600px;
	padding:10px;
	position:absolute;
	top:30px;
	left:15px;
	background:url(../img/common/side/request_bg.png) left top repeat;
}
#user_side #profileBox .friendApply .applyForm .message{
	color:#fff;
	margin-bottom:10px;
}
#user_side #profileBox .friendApply .applyForm .close{
	width:20px;
	height:21px;
	position:absolute;
	top:8px;
	right:11px;
}
#user_side #profileBox .friendApply .applyForm .close img{
	cursor:pointer;
}
#user_side #profileBox .friendApply .applyForm .wide{
	width:600px;
	height:100px;
}
#user_side #profileBox .friendApply .applyForm .btn{
	margin-top:14px;
}
#user_side #profileBox .friendApply .applyForm .btn input{
	width:160px;
	height:32px;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
	background:url(../img/common/side/requestSend_button.png) left top no-repeat;
	border:none;
	cursor:pointer;
}
#user_side #profDataBox .title img,
#user_side #introductionBox .title img{
	display:block;
}
#user_side #profDataBox ul{
	padding:0 4px 10px;
	border-left:#e4e4cf 1px solid;
	border-right:#e4e4cf 1px solid;
}
#user_side #profDataBox ul li{
	clear:both;
	width:220px;
	overflow:hidden;
	padding:7px 0 2px;
	background:url(../img/common/side/profData_line.gif) center bottom no-repeat;
}
#user_side #profDataBox ul li p.item{
	width:81px;
	float:left;
}
#user_side #profDataBox ul li p.answer{
	width:134px;
	float:right;
}
#user_side #introductionBox{
	margin-bottom:15px;
}
#user_side #introductionBox .introDescription{
	border-left:#e4e4cf 1px solid;
	border-right:#e4e4cf 1px solid;
	padding:0 5px;
	background-color:#79da17;
}
#user_side #introductionBox .introDescription p{
	background-color:#fff;
	padding:8px 5px;
}
#user_side #introductionBox .introductionBottom{
	width:230px;
	height:6px;
	background:url(../img/common/side/introduction_bottom.gif) left top no-repeat;
}
#user_side #introductionBox .introductionBottom hr{
	display:none;
}


#user_side #friendlistBox{
	width:230px;
}
#user_side #friendVideoBox .lead{
	padding:0 10px 5px;
}
#user_side #friendlistBox ul{
	width:240px;
	margin:0 0 10px -5px;
	overflow:hidden;
	clear:both;
}
#user_side #friendlistBox ul li{
	width:108px;
	float:left;
	display:inline;
	border:#f0f0e2 1px solid;
	margin:0 5px;
}
#user_side #friendlistBox ul li span{
	margin:10px auto;
}
#user_side #friendlistBox ul li p{
	background-color:#ffffa2;
	padding:2px 5px;
	text-align:center;
}
#user_side #friendlistBox ul li p a{
	color:#5eb606;
	font-weight:bold;
}
#user_side #friendVideoBox li{
	padding:5px 8px 7px;
	width:214px;
	overflow:hidden;
	clear:both;
}
#user_side #friendVideoBox dl{
	width:120px;
}

/*--		__mypage_side
----------------------------------------------------*/
#mypage_side{
	float:left;
	width:220px;
}
#mypage_side #profileBox,
#mypage_side #informBox,
#mypage_side #guideBox{
	background:url(../img/common/side/fence_bottom220.gif) left bottom no-repeat #fff;
	padding-bottom:12px;
	margin-bottom:10px;
}
#mypage_side #profileBox .idArea{
	background:url(../img/common/side/fence_top220.gif) left top no-repeat;
}
#mypage_side #profileBox dl {
	width:220px;
}
#mypage_side #profileBox dl dt .user120120{
	width:122px;
	height:122px;
}
#mypage_side #profileBox .profEdit{
	clear:both;
	margin:5px 6px 15px;
}
#mypage_side #informBox dl{
	margin:10px 0 0 10px;
}
#mypage_side #informBox dl dt{
	background:url(../img/common/side/arrow.gif) left center no-repeat;
	padding-left:13px;
}
#mypage_side #informBox dl dd{
	margin-bottom:15px;
	padding-left:13px;
}
#mypage_side #informBox .scroll-pane {
	width: 214px;
	margin-left:2px;
}
#mypage_side #guideBox ul{
	padding:0 3px;
}
#mypage_side #guideBox li{
	background:url(../img/common/side/guide_mark.gif) 7px center no-repeat;
	border-bottom:#000 1px solid;
}
#mypage_side #guideBox li a{
	display:block;
	padding:7px 0 7px 30px;
	color:#000;
}

/*--		__mymenuBox
----------------------------------------------------*/
#mymenuBox{
	padding:15px 0 0;
}
#mymenuBox p{
	width:560px;
	line-height:1.3;
	float:left;
	font-size:123.1%;
	margin:-5px 0 8px;
}
#mymenuBox p img{
	vertical-align:middle;
}
#mymenuBox p span{
	color:#5eb606;
}
#mymenuBox p a{
	margin-left:15px;
	font-size:85%;
}
#mymenuBox p .inv a{
	margin:0;
	color:#ff0000;
}
#mymenuBox p .inv a span{
	font-weight:bold;
	color:#ff0000;
}
#mymenuBox #mymenuSupplement{
	float:right;
	width:356px;
	margin-bottom:10px;
}
#mymenuBox #mymenuSupplement li{
	margin:0 6px;
	display:inline;
}
#mymenuBox #mymenu{
	clear:both;
}
#mymenuBox #mymenu li{
	float:left;
}
#mymenuBox #mymenu li img{
	display:block;
}



/*__boardBox
-------------------------*/
#boardBox .board .moreButton{
	clear:both;
	text-align:right;
}
#boardBox .board .moreButton img{
	cursor:pointer;
}
#boardBox{
	clear:both;
	width:670px;
	background:url(../img/mypage/top/myboard_bg.gif) left top repeat-y;
	margin-bottom:10px;
}
#boardBox h2.boardTitle{
	background:url(../img/mypage/top/h2_myboard_bg.gif) left top no-repeat;
	width:653px;
	padding:8px 0 8px 17px;
	font-size:153.9%;
	font-weight:bold;
	color:#5eb606;
}
#boardBox .board{
	width:640px;
	padding:10px 15px;
	border-top:#e4e4cf 1px solid;
	border-bottom:#e4e4cf 1px solid;
}
#boardBox .board dl{
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
}
#boardBox .board dl dt{
	width:64px;
	float:left;
	text-align:center;
}
#boardBox .board dl dt .user6060{
	width:64px;
	height:64px;
}
#boardBox .board dl dd{
	width:568px;
	float:right;
	position:relative;
}
#boardBox .board dl dd a{
	font-weight:bold;
}
#boardBox .board dl.remark dd{
	width:555px;
	background:url(../img/mypage/top/remark_bg.gif) left top no-repeat;
	height:112px;
	text-align:center;
	padding-left:13px;
	padding-top:12px;
}
#boardBox .board dl.remark dd textarea{
	width:530px;
	height:70px;
}
#boardBox .board dl.remark dd input{
	padding-top:6px;
}
#boardBox .board dl.mine dd{
	background:url(../img/mypage/top/remark_mine_middle.gif) left top repeat-y;
}
#boardBox .board dl.owner dd{
	background:url(../img/mypage/top/remark_owner_middle.gif) left top repeat-y;
}
#boardBox .board dl.another dd{
	background:url(../img/mypage/top/remark_another_middle.gif) left top repeat-y;
}
#boardBox .board dl dd p.description{
	padding:10px 15px 10px 30px;
	min-height:25px;
	height:auto !important;
	height:25px;
}
#boardBox .board dl.mine dd p.description{
	background:url(../img/mypage/top/remark_mine_top.gif) left top no-repeat;
}
#boardBox .board dl.owner dd p.description{
	background:url(../img/mypage/top/remark_owner_top.gif) left top no-repeat;
}
#boardBox .board dl.another dd p.description{
	background:url(../img/mypage/top/remark_another_top.gif) left top no-repeat;
}
#boardBox .board dl dd p.date{
	padding:0px 15px 8px 30px;
}
#boardBox .board dl.mine dd p.date{
	background:url(../img/mypage/top/remark_mine_bottom.gif) left bottom no-repeat;
}
#boardBox .board dl.owner dd p.date{
	background:url(../img/mypage/top/remark_owner_bottom.gif) left bottom no-repeat;
}
#boardBox .board dl.another dd p.date{
	background:url(../img/mypage/top/remark_another_bottom.gif) left bottom no-repeat;
}
#boardBox .board dl dd p.date a{
	margin-left:5px;
	color:#5eb606;
	cursor:pointer;
}
#boardBox .board dl dd p.del{
	position:absolute;
	bottom:4px;
	right:13px;
}
#boardBox .board dl dd p.del img{
	cursor:pointer;
}