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


/*　common
-----------------------------------------------*/

#gnavi:before,
#gnavi:after{
content:"";
display:table;
}

#gnavi:after{
clear:both;
}

#gnavi{
margin:0 0 15px;
zoom:1;
}

div#container{
padding:0;
width:970px;
}

div#section-club h1{
	float:left;
}

div#section-club ul{
	float:right;
}

div#section-club ul li{
	float:left;
}

.loading{
text-align:center;
}

.h20{
padding:20px 0;
}

.h50{
padding:50px 0;
}

.h100{
padding:100px 0;
}



.norecord{
 display:none;
}


/*　layout
-----------------------------------------------*/

div#culb_inner{
padding:13px 14px 40px 16px;
}

body#club div#left{
	width:678px;
	float:left;
}

body#club div#right{
	width:241px;
	float:left;
	margin-left:13px;
}

body#club div#left .section,
body#club div#left .section h2{
margin:0 0 15px;
}

body#club div#left ul.dots li{
background:url(../img/club/dots.gif) no-repeat 6px 5px;
margin:0 0 10px;
padding:0 0 0 20px;
}

body#club div#left .section ul.list{
color:#999;
}

body#club div#left .section ul.list span{
color:#000;
margin-left:10px;
}

body#club div#left .section ul.list span span{
margin-left:0;
color:#1B4F75;
}

/*　
-----------------------------------------------*/

div#profile-area p{
	width:auto;
	float:left;
}

div#section-profile-area{
	width:500px;
	float:left;
}

div#section-profile-area li{
	width:auto;
	float:left;
	margin-left:15px;
}

.font16{
	font-size:16px;
	font-weight:bold;
}

ul#lnavi-club{
	clear:both;
}

ul#lnavi-club li{
	width:auto;
	float:left;
	margin:10px 10px 0 0;
}

input.profile-update-style{
	margin-bottom:5px;
}

/* ========== left style ========== */




div#section-memberstalk dl#section-memberstals2{
	padding-right:0;
}

ul#comment-good li{
	width:auto;
	float:left;
	margin-right:20px;
}

ul#popular-rank{
	clear:both;
}

div#ban-message{
	margin-bottom:30px;
}

div#ban-message p{
	width:auto;
	float:left;
	margin-right:28px;
}

div#ban-message p#ban-hides{
	margin-right:0;
}

div#login-area{
/*	padding-left:280px;*/
}

div#login-area #container{
 padding:50px 20px 50px 280px;
 width:660px;
}

div#login-area li{
	width:100%;
	text-align:left;
}

.color-red{
	color:#CC0000;
}


div#login-area li input.txtarea{
	width:400px;
	height:30px;
	border:1px solid #ccc;
}

div#login-area input#btn-submit{
	width:147px;
	height:33px;
	text-indent:-999em;
	background:url(../img/common/btn-login.gif) no-repeat;
	border:none;
	margin:50px 0 50px 128px;
}

input#confirm-profile{
	width:150px;
	height:42px;
	text-indent:-999em;
	background:url(../img/club/btn-confirm.gif) no-repeat;
	border:none;
}

input#confirm-back{
	width:150px;
	height:42px;
	text-indent:-999em;
	background:url(../img/club/btn-back.gif) no-repeat;
	border:none;
}

input#confirm-enter{
	width:150px;
	height:42px;
	text-indent:-999em;
	background:url(../img/club/btn-enter.gif) no-repeat;
	border:none;
}

ul#activity-archive{
	margin-top:20px;
}

ul#activity-archive li{
	margin-bottom:15px;
}

table#profile-table{
	width:678px;
	border:1px solid #ccc;
	border-collapse:collapse;
}

table#profile-table td{
	border:1px solid #ccc;
	padding:10px;
}

table#profile-table input{
	border:1px solid #ccc;
 height:18px;
 font-size:13px;
}

table#profile-table ul.address li{
 margin:5px 0 0;
}

input#profile_image{
	border:none;
	background:#fff;
}



input.size1{
	width:145px;
}

input.size2{
	width:250px;
}

input.size3{
	width:50px;
}

input.size4{
	width:350px;
}

table#profile-table textarea{
	width:350px;
	height:200px;
	border:1px solid #ccc;
}

td.title-profile{
	background:#eee;
	font-size:16px;
	font-weight:bold;
}

p#btn-confirm{
	text-align:center;
}

ul#confirm-area{
	margin-left:100px;
}

ul#confirm-area li{
	width:auto;
	float:left;
	margin-left:50px;
}


h3#recent-entry{
	clear:both;
}

div.comment-area{
	width:688px;
	clear:both;
	margin-bottom:20px;
}

p.btn-archive{
	margin-top:20px;
	text-align:center;
}

div.action-comment-area p{
width:auto;
float:left;
margin-right:15px;
}



p#btn-apply{
	width:688px;
	text-align:center;
	margin:20px 0;
}

form#form-vote{
	text-align:center;
}

input#btn-vote{
	width:150px;
	height:42px;
	text-indent:-999em;
	background:url(../img/club/btn-vote2.gif) no-repeat;
	border:none;
}

p#btn-result{
	width:688px;
	text-align:center;
	margin:20px 0;
}

div#section-vote{
	width:648px;
	background: #fafafa;
	padding:15px;
	margin-bottom:20px;
	text-align: left;
}

div#left div#submit-result p{
width:auto;
float:left;
}

div#left div#submit-result p input,div#submit-result p input{
border: none;
}

div#left div#submit-result p.btn{
padding:10px 0 5px 105px;
}

div#right div#submit-result p.btn{
padding:0 0 10px 13px;
}

div#right div#submit-result p#noseeresult{
width:226px;
text-align: right;
}

div#right div#submit-result p#noseeresult a{
padding-left:7px;
background:url(../img/common/icon-arrow1.gif) no-repeat 0 center;
}

div#right ul.wp-polls-ul{
margin-bottom:20px;
}

div#right ul.wp-polls-ul li{
width:218px;
margin-bottom:7px;
font-weight: bold;
}

div#left div#submit-result p#noseeresult{
display: none;
}

div#left div#submit-result p#resultbtn{
padding:10px 0 5px 10px;
}

div#right div#submit-result p#resultbtn{
display: none;
}

div#right div#submit-result ul.wp-polls-ul{
width:214px;
}


div#submit-result p{
width:auto;
float:left;
}

div#submit-result p input{
border: none;
}


div#submit-result p.btn{
padding-left:105px;

}


div#submit-result p#resultbtn{
padding-left:10px;
}





div#past-vote{
	width:646px;
	border:1px dotted #B9393A;
	padding:15px;
}

div#past-vote h4{
	color:#B9393A;
	margin-bottom:10px;
}

div#past-vote li{
	padding-left:12px;
	background:url(../img/common/icon-arrow2.gif) no-repeat 2px 6px;
	line-height: 180%;
}

div.list-friend{
	width:688px;
	clear:both;
	margin-bottom:20px;
}

div.list-friend p,div.list-friend dl{
	width:auto;
	float:left;
	margin-right:20px;
}

div.list-friend dl{
	width:400px;
}


/* ========== right style ========== */

#right .side-fan{margin:0 0 10px}


div.section-club5{
	margin-bottom:20px;
}

#club-present{
background:url(../img/club/bg_present.gif);
padding-bottom:20px;
}

#club-present dl{
margin:0 auto;
width:214px;
}

#club-present dl dt,
#club-present dl dd{margin:0 0 15px;}

#club-present dl dt{
font-size:115.4%;
color:#285876;
font-weight:bold;
}

div#right div#club-vote h3#vote-result{
margin:15px 0 15px 10px;
width:214px;
font-size:115.4%;
color:#285876;
font-weight:bold;
}


#club-present dl dd{
color:#808080;
font-size:92.3%;
}


#club-present .btn{
text-align:center;
}

#club-vote{
background:#EFEFEF;
margin:0 0 20px;
padding:0 0 15px;
}

#club-vote dl{
margin:0 15px 15px;
}

#club-vote dl dt{
color:#000;
font-size:115.4%;
font-weight:bold;
margin:5px 0 10px;
}

#club-vote dl dd.exp{
color:#808080;
font-size:92.3%;
margin:0 0 15px;
}

#club-vote dl dd ul li{
color:#000;
font-size:107.7%;
font-weight:bold;
margin:0 0 10px;
}

#club-vote dl dd ul li input{margin:0 5px 0 0}

#club-vote .btn{
text-align:center;
}

#club-vote .link{
margin:15px 15px 0 0;
}

#club-vote .link li{
margin:0 0 5px;
text-align:right;
}

#club-vote .link li a{
padding-left:7px;
background:url(../img/common/icon-arrow1.gif) no-repeat 0 center;
}

#club-ranking{
background:url(../img/club/bg_ranking.gif);
padding:5px;
}

#club-ranking .inner{
background:#fff;
padding:0 0 10px;
zoom:1;
}

div#left ul.wp-polls-ul li{
line-height: 180%;
margin-bottom:10px;
}

ul#pastvotes ul{
margin-left:10px;
}


ul#pastvotes li{
margin:0 0 10px 10px;
	padding-left:12px;
	background:url(../img/common/icon-arrow2.gif) no-repeat 2px 4px;

}


#club-ranking .inner h3{
margin:0 0 18px;
}

#club-ranking .inner ul{
margin:0 12px 10px;
}

#club-ranking .inner ul li{
margin:0 0 3px;
padding:10px 0 0 35px;
}

#club-ranking .inner ul li.popular-rank-1{
background:url(../img/club/ranking_01.jpg) no-repeat 0 50%;
}

#club-ranking .inner ul li.popular-rank-2{
background:url(../img/club/ranking_02.jpg) no-repeat 0 50%;
}

#club-ranking .inner ul li.popular-rank-3{
background:url(../img/club/ranking_03.jpg) no-repeat 0 50%;
}

#club-ranking .inner ul li.popular-rank-4{
background:url(../img/club/ranking_04.jpg) no-repeat 0 50%;
}


#club-ranking .inner ul li.popular-rank-5{
background:url(../img/club/ranking_05.jpg) no-repeat 0 50%;
}


#view-profile .inner{
 background:#EFEFEF;
 padding:13px;
 color:#808080;
}

#view-profile .inner dl{margin:0 0 10px;}

#view-profile .inner dl dt{
 font-weight:bold;
 color:#B11836;
 margin:0 0 10px;
}

#view-profile .inner table th,
#view-profile .inner table td{
 padding:10px 0;
}

#view-profile .inner table th{
 text-align:left;
 width:85px;
 color:#B11836;
}



/*　index
-----------------------------------------------*/

#section-new{
 border:#ccc 1px solid;
 padding:15px;
 margin:0 0 15px;
}


#section-new ul li{
 color:#F00;
background-position:0 8px!important;
margin:0 0 5px!important;
font-size:107.7%;
padding:0 0 0 10px!important;}
 
#section-new ul li span{color:#808080;} 
 
#section-new ul li.err a{
 color:#F00;
}
 


#profile-area{
background:url(../img/club/bg_profile.jpg) no-repeat;
position:relative;
height:112px;
margin:0 0 20px;
}

#profile-area p.photo{
position:absolute;
top:16px;
left:15px;
height:55px;
width:55px;
background:url(../img/club/loading-photo-profile.gif) no-repeat;
}

#profile-area p.name{
position:absolute;
left:82px;
top:21px;
font-weight:bold;
font-size:141.7%;
}

#profile-area p.name span span{
font-size:129.4%;
}

#profile-area dl.friends{
position:absolute;
left:407px;
top:16px;
background:#E4EDED;
padding:10px 10px;
width:228px;
overflow:hidden;
}

#profile-area dl.friends dd{
background:url(../img/club/dots.gif) no-repeat 6px 7px;
display:inline;
padding:0 0 0 15px;
}

#profile-area dl.friends dd:first-child{
 margin:0;
}



#profile-area .profile-link{
position:absolute;
left:72px;
top:56px;
}

#profile-area .follow-now{
position:absolute;
left:82px;
top:56px;
color:#AF192C;
}


#profile-area .profile-link li a{
background: url("../img/common/icon-arrow1.gif") no-repeat 0 5px;
padding:0 0 0 10px;
}

#profile-area #lnavi-club{
position:absolute;
bottom:0;
left:15px;
}

#profile-area #lnavi-club li{
float:left;
margin:0 6px 0 0;
}

#profile-area #lnavi-club li a{
text-indent:-10000px;
display:block;
height:26px;
width:149px;
outline:none;
}

#profile-area #lnavi-club li#profile_tab01 a{
background:url(../img/club/profile_tab01.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab02 a{
background:url(../img/club/profile_tab02.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab03 a{
background:url(../img/club/profile_tab03.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab04 a{
background:url(../img/club/profile_tab04.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab05 a{
background:url(../img/club/profile_tab05.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab06 a{
background:url(../img/club/profile_tab06.jpg) no-repeat;
}


#profile-area #lnavi-club li#profile_tab01 a:hover{
background:url(../img/club/profile_tab01c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab02 a:hover{
background:url(../img/club/profile_tab02c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab03 a:hover{
background:url(../img/club/profile_tab03c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab04 a:hover{
background:url(../img/club/profile_tab04c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab05 a:hover{
background:url(../img/club/profile_tab05c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab06 a:hover{
background:url(../img/club/profile_tab06c.jpg) no-repeat;
}


#profile-area #lnavi-club li#profile_tab01 a.c{
background:url(../img/club/profile_tab01c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab02 a.c{
background:url(../img/club/profile_tab02c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab03 a.c{
background:url(../img/club/profile_tab03c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab04 a.c{
background:url(../img/club/profile_tab04c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab05 a.c{
background:url(../img/club/profile_tab05c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab06 a.c{
background:url(../img/club/profile_tab06c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab01 a.c:hover{
background:url(../img/club/profile_tab01c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab02 a.c:hover{
background:url(../img/club/profile_tab02c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab03 a.c:hover{
background:url(../img/club/profile_tab03c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab04 a.c:hover{
background:url(../img/club/profile_tab04c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab05 a.c:hover{
background:url(../img/club/profile_tab05c.jpg) no-repeat;
}

#profile-area #lnavi-club li#profile_tab06 a.c:hover{
background:url(../img/club/profile_tab06c.jpg) no-repeat;
}


#profile-area #follow{
 position:absolute;
 right:14px;
 bottom:10px;
}



/* section-club2 */

body#club div#left #section-message-mail{margin:0 0 16px}

body#club div#left #section-message-mail .section-club3{
background:#000;
width:332px;
float:left;
}

body#club div#left #section-message-mail .section-club4{
background:#EBEBEB;
float:left;
width:333px;
margin:0 0 0 13px;
}

body#club div#left #section-message-mail .scroll-pane{
width: 100%;
height:146px;
overflow:auto;
margin:7px 0;
}

body#club div#left #section-message-mail .section-club3 dl{
padding:15px;
}

body#club div#left #section-message-mail .section-club3 dl dt a{
color:#fff;
font-size:12px;
}

body#club div#left #section-message-mail .section-club3 dl dd{
color:#90C852;
margin:0 0 5px;
font-size: 11px;
}

body#club div#left #section-message-mail .section-club4 ul{
padding:15px;
}

body#club div#left #section-message-mail .section-club4 ul li{
background:url(../img/club/section-club4_bg.gif) no-repeat 0 5px;
margin:0 0 5px;
padding:0 0 0 15px;
}


body#club div#left #section-message-mail .section-club4 ul li a{
color:#85C143;
}

/* section-memberstalk  */

body#club div#left #section-memberstalk h2 img{
margin:0;
}

body#club div#left #section-memberstalk{
background:url(../img/club/talk_bg.gif) repeat-y 0 51px;
margin:0 0 20px;
}

body#club div#left #section-memberstalk .inner{
background:url(../img/club/bg_talk_inner.gif) repeat-x 0 40px;
}

body#club div#left #section-memberstalk div.section{
float:left;
margin:0 0 0 27px;
width:207px;
}

body#club div#left #section-memberstalk div.first-child{
margin:0;
}

body#club div#left #section-memberstalk div.section .image{
margin:0 0 14px;
}

body#club div#left #section-memberstalk div.section dl.title,
body#club div#left #section-memberstalk div.section p{
margin:0 0 10px;
}

body#club div#left #section-memberstalk div.section dl.title dt{margin:0 0 5px}

body#club div#left #section-memberstalk div.section dl.title dt a{
font-weight:bold;
font-size:115.4%;
background: url("../img/common/icon-arrow1.gif") no-repeat 0 5px;
padding:0 0 0 10px;
}

body#club div#left #section-memberstalk div.section dl.title dd{
color:#808080;
font-size:84.6%;
}

body#club div#left #section-memberstalk div.section p{
color:#000;
font-weight:bold;
font-size:84.6%;
}

body#club div#left #section-memberstalk div.section dl.thread dt{
color:#000;
font-size:84.6%;
margin:0 0 5px;
font-weight:bold;
}

body#club div#left #section-memberstalk div.section dl.thread dd{
font-size:84.6%;
word-wrap: break-word;
word-break: break-all;
}

body#club div#left #section-memberstalk div.section dl.thread dd span{
margin:0 0 0 3px;
color:#808080;
}


#section-activity p.align-right a,
#section-fanmail p.align-right a,
#section-good p.align-right a{
font-weight:bold;
padding:0 0 0 15px;
}


#section-good{
position:relative;
}

#section-good #comment-good{
position:absolute;
top:7px;
right:15px;
}

#section-good #comment-good li{
margin:0 0 0 10px;
}

#section-good #comment-good li a{
text-indent:-10000px;
display:block;
height:32px;
width:95px;
}

#section-good #comment-good li#tab01 a{
background:url(../img/club/section-good_tab01.jpg) no-repeat;
}

#section-good #comment-good li#tab02 a{
background:url(../img/club/section-good_tab02.jpg) no-repeat;
}

#section-good #comment-good li#tab01.ui-state-active a{
background:url(../img/club/section-good_tab01c.jpg) no-repeat;
}

#section-good #comment-good li#tab02.ui-state-active a{
background:url(../img/club/section-good_tab02c.jpg) no-repeat;
}




#section-good .ui-tabs-hide{display:none}



/***********************************************/

#section-page-present h2,
#section-page-present h3{margin:0 0 15px}


#section-page-present #presentBox{
 background:url(../img/club/bg_present.gif);
 padding:20px;
 zoom:1;
}

#section-page-present #presentBox .block{
 margin:0 0 20px;
  float:left;
 width:400px;
 margin-bottom:20px;
}

#section-page-present #presentBox h4{

 font-size:138.5%;
  color:#285876;
  font-weight:bold;
}
 

/*#section-page-present #presentBox .photo{float:right; margin-bottom:20px;}*/
#section-page-present #presentBox .photo{float:right; margin-bottom:20px; padding-left: 12px;}
#section-page-present #presentBox .photo img{width:auto;}



#section-page-present #presentBox .btn{
 margin:20px 0 0;
 text-align:center;
}

/* present */

div#fromhide-present{
clear:both;
margin-top:20px;
background: #000;
padding:15px;
color:#fff;
}

p#thum-hide-present{
float:left;
}

div#section-fromhide-present{
float:left;
width:460px;
margin-left:20px;
}

div#section-fromhide-present p{
margin-bottom:10px;
}

p#number-present{
clear:both;
padding-top:10px;
font-weight: bold;
color:#C70623;
}

/***********************************************/

#section-page-mamberstalk-index h2{
 margin:0 0 20px;
}

#section-page-mamberstalk-index .detail-memberstalk{
 border-bottom:#ccc 1px solid;
 margin:0 0 20px;
 padding:0 0 20px;
}

#section-page-mamberstalk-index .last-child{
 border-bottom:none;
 margin:0;
 padding:0;
}

#section-page-mamberstalk-index .detail-memberstalk .block{
 margin:0 0 15px;
}


#section-page-mamberstalk-index .detail-memberstalk .block dl{
 float:right;
 padding-top:10px;
 width:446px;
}

#section-page-mamberstalk-index .detail-memberstalk .block dl dt{
 margin:0 0 10px;
}

#section-page-mamberstalk-index .detail-memberstalk .block dl dt a{
font-weight:bold;
font-size:123.1%;
background: url("../img/common/icon-arrow1.gif") no-repeat 0 7px;
padding:0 0 0 10px;
}

#section-page-mamberstalk-index .detail-memberstalk .block dl dd.exp{
 color:#808080;
 margin:0 0 10px;
 font-size:115.4%;
}

#section-page-mamberstalk-index .detail-memberstalk .block dl dd.cont{
 font-size:92.3%;
}
 
#section-page-mamberstalk-index .detail-memberstalk .block .photo{
 float:left;
 margin:0 25px 0 0;
 width:206px;
}
 
#section-page-mamberstalk-index .detail-memberstalk p.recent-entry{
 font-weight:bold;
 font-size:92.3%;
 margin:0 0 10px;
}

#section-page-mamberstalk-index .detail-memberstalk ul.dots li{
 margin-bottom:5px!important;
}
 
#section-page-mamberstalk-index .detail-memberstalk ul.dots li span{
color:#808080;
}

#section-page-mamberstalk-index .detail-memberstalk .btn-archive{
 text-align:right;
}

#section-page-mamberstalk-index .detail-memberstalk .btn-archive a{
   background: url("../img/common/icon-arrow1.gif") no-repeat scroll 0 center transparent;
   padding-left: 7px;
   font-weight:bold;
}

/* profile update  */

table#profile-table td#profile-adressnum input{
	width:50px;
}

table#profile-table td.profile-city input{
	width:250px;
}

table#profile-table td.profile-telnum input{
	width:120px;
}

input#button-update{
	width:127px;
	height: 33px;
	background: url(../img/club/btn-update.gif) no-repeat;
	border:none;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	margin:10px 0 0 250px;
}

input#button-update:hover{
	background: url(../img/club/btn-update_o.gif) no-repeat;
}