@charset "utf-8";

body{background:url(../../files/images/list-body-bg.jpg) repeat-x;}
body td th p div input{color:#666;}

/* club */
.clubnavs{margin-top:40px; margin-bottom:30px; font-size:14px; font-weight:bold;}
	.clubnavs a{padding-left:24px; background:url(club-navs-icon.jpg) no-repeat 4px 6px;}
	.clubnavs a:link, .clubnavs a:visited{color:#f60;}
	.clubnavs a:hover, .clubnavs a.c{color:#f00;}

.club{}
	.club .LBOX{width:660px; padding:15px 20px; border:1px solid #ffddc1; height:auto!important; height:635px; min-height:635px;}
	.club .RBOX{position:absolute; margin-left:720px; width:218px; padding:15px; border:1px solid #ffddc1; background:url(club-news-right-title.jpg) no-repeat 4px 4px; height:auto!important; height:634px; min-height:634px;}
	
	.club .LBOX h1{font-size:16px; font-weight:bold; border-bottom:1px solid #ffddc1; padding-bottom:10px; margin-bottom:20px;}
	.club .LBOX h1 a{float:right; color:#f00;}
	
	.club .RBOX h1{font-size:20px; font-weight:bold; letter-spacing:2px; text-align:center; margin-bottom:20px;}
	
	.club h3{font-weight:bold; color:#f00; margin:30px 0 8px 0;}
	.club .comment p{text-align:right; padding:5px 0;}
	.club .cm{width:655px; margin:0;}
	.club .sm{background:url(club-button-submit.jpg); color:#fff; width:82px; height:23px; border:none; cursor:pointer; margin:0;}
	
	.club .list{}
	.club .list a{padding:8px 0; border-bottom:1px solid #efefef; display:block;}
	.club .list a cite{float:right; font-size:12px; font-style:normal;}
	
	.club .topic h1{text-align:center;}
	.club .topic h1 a{font-size:12px; text-decoration:underline; margin-top:6px;}
	.club .topic .vote{padding:20px 0;}
	.club .topic .vote .total{width:170px; height:12px; overflow:hidden; background:#e8be72; margin:auto;}
	.club .topic .vote .total .agree{background:url(club-topic-vote-agree-bg.jpg) repeat-x; height:10px; overflow:hidden; border:1px solid #98c149;}
	.club .topic .vote cite, .club .topic .vote .vA{position:absolute; margin-left:190px; font-size:12px; font-weight:bold; color:#000;}
	.club .topic .vote .vB{margin-left:430px;}
	.club .topic .vote p{margin-top:20px; text-indent:170px;}
	.club .topic .vote p a{background:url(club-topic-vote.jpg) no-repeat 0 0; padding-left:25px; margin-right:136px; color:#000; text-decoration:underline;}
	.club .topic h2{border-bottom:1px solid #e6e6e6; padding-bottom:8px;}
	.club .topic h2 a{color:#333; margin-left:20px; padding:2px;}
	.club .topic h2 a.c{background:#ffddc1;}
	.club .topic h2 .comment{float:right; display:block; padding:0; background:url(club-topic-button-comment.jpg); width:91px; height:26px; text-indent:-100px; overflow:hidden; margin:0;}
	.club .topic h2 strong{font-size:18px; color:#f00;}
	.club .topic dl, .club .topic dt, .club .topic dd{padding:0; margin:0;}
	.club .topic dl{margin-top:10px; border-bottom:1px dashed #c1c4bb;}
	.club .topic dt{color:#8d8d8d; font-size:11px; padding-bottom:5px;}
	.club .topic dt cite{float:right; color:#8d8e90;}
	.club .topic dt strong{font-weight:normal; color:#0c3b8d; margin-left:10px; font-size:12px;}
	.club .topic dd{line-height:2em; font-size:14px;}
	.club .topic dd textarea{width:632px;}
	.club .topic dd.tool{text-align:right; font-size:12px;}
	.club .topic dd.tool a{color:#0b3b8d; margin-left:10px;}
	.club .topic dd.reply{margin:0 0 20px 20px;}
	.club .topic dd.reply dl{border:none; background:#efefef; padding:5px; margin-top:10px;}
	.club .topic dd.reply dd{color:#8d8d8d; font-size:12px;}
	
	.club .asker table{}
	.club .asker table td{border-bottom:1px solid #efefef;　color:#696969; padding:8px 0;}
	.club .asker table .view{display:block; background:url(club-asker-icons.jpg); height:15px; width:29px; float:right; text-indent:-100px; overflow:hidden;}
	.club .asker table .answer{display:block; background:url(club-asker-icons.jpg) -29px 0; height:15px; width:58px; float:right; text-indent:-100px; overflow:hidden;}
	.club .asker h2{font-size:16px; font-weight:bold;}
	.club .asker h2 cite{float:right; font-size:12px; font-style:normal; font-weight:normal; color:#696969;}
	.club .asker p.view{line-height:24px; border:1px solid #efefef; border-width:1px 0; margin:10px 0; padding:5px 0; color:#666;}
	.club .asker p.list{line-height:24px; border-bottom:1px solid #efefef; margin-top:10px; color:#666; padding-bottom:5px;}
	
	.club .news h1{text-align:center;}
	.club .news .read{font-size:14px; line-height:2em; border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:20px;}
	.club .news h6{margin:20px 0; margin-top:-16px; color:#999; text-align:center;}
	.club .news h6 strong{color:#aa4d00;}
	.club .news .list dl, .club .news .list dt, .club .news .list dd{display:block; margin:0; padding:0 5px;}
	.club .news .list dl{margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #aaa;}
	.club .news .list dt{color:#444; height:1.8em;}
	.club .news .list dt span{float:right; font-size:10px;}
	.club .news .list dd{color:#999; line-height:1.8em;}
	
	#askerLayer{width:406px; height:282px; padding:13px; background:url(club-asker-layer-bg.jpg) no-repeat; position:absolute; z-index:1000; display:none;}
	#askerLayer form{margin:58px 20px 0 20px; *margin-top:75px;}
	#askerLayer td{padding:5px 0; color:#666;}
	#askerLayer .closeT, #askerLayer .closeB{display:block; height:12px; width:24px; position:absolute; margin-left:375px; margin-top:3px; text-indent:-30px; overflow:hidden;}
	#askerLayer .closeB{margin-top:266px;}
	
	#topicBox{display:none;}
	
	#topicLayer{width:406px; height:282px; padding:13px; background:url(club-topic-layer-bg.jpg) no-repeat; position:absolute; z-index:1000; display:none;}
	#topicLayer form{margin:68px 20px 0 20px; *margin-top:85px;}
	#topicLayer td{padding:5px 0; color:#666;}
	#topicLayer .closeT, #topicLayer .closeB{display:block; height:12px; width:24px; position:absolute; margin-left:375px; margin-top:3px; text-indent:-30px; overflow:hidden;}
	#topicLayer .closeB{margin-top:266px;}

/* page-turner */
.page_turner{width:auto; padding:4px 0px 0px 1px; color:#666; float:right; margin-top:10px;}
	.page_turner a, .page_turner span{float:left; display:block; width:auto; border:1px solid #ccc; padding:0px 4px; margin:0 2px; line-height:16px;}
	.page_turner a:link, .page_turner a:visited{text-decoration:none; font-weight:normal;}
	.page_turner a:hover, .page_turner a.c{background:#ccc; color:#fff;}
	.page_turner cite{padding:0;}