@charset "shift-jis";

/* ##################################### club/common.css ##################################### */

/* *********************** header *********************** */
#header { height:37px; padding:8px 6px 10px 13px; }
#header .left { float:left; }
#header .left img { float:left; margin-right:13px; }

#header .left ul { float:left; margin-top:15px; }
#header .left li { display:inline; border-right:1px solid #0068B5; margin-right:7px; padding-right:3px; }
#header .left li.end { border:none; margin-right:0; padding-right:0; }
#header .left a:link, #header .left a:visited { color:#0068B5; text-decoration:underline; }
#header .left a:hover { color:#37B9FF; text-decoration:underline; }

#header .right { float:right; padding:7px 0 0 0; }

/* *********************** main title *********************** */
#mainTitle { clear:both; margin-bottom:5px; padding:0 8px; }
#mainTitle h1 { font-weight:bold; line-height:1.25em; }
#mainTitle h1.sizeL { font-size:32px; }
#mainTitle h1.sizeM { font-size:30px; }
#mainTitle h1.sizeS { font-size:26px; }
#mainTitle h1.sizeSS { font-size:24px; }

#mainTitle h2 { font-weight:bold; line-height:1em; padding-left:2px; }
#mainTitle h2.sizeL { font-size:24px; }
#mainTitle h2.sizeM { font-size:20px; }
#mainTitle h2.sizeS { font-size:16px; }
#mainTitle h2.sizeSS { font-size:14px; }

/* *********************** main visual *********************** */
#mainVisual {}
#mainVisual table, #mainVisual td { background:transparent; }
#mainVisual td { height:175px; padding:0; }

/* *********************** global menu (CLUB) *********************** */
#globalMenu { height:22px; margin:0 0 10px 25px; }
#globalMenu ul { }
#globalMenu li { display:block; float:left; height:22px; text-indent:-9999px; overflow:hidden; }
#globalMenu li a, #globalMenu li a:hover { display:block; height:22px; }


/* ************************************ contents two column ************************************ */
.contentTop, .contentBottom { height:20px; }
.content { clear:both; margin-bottom:25px; padding:0 8px 0 10px; }
.content .L { float:left; width:212px; padding:10px 15px; }
.content .R { float:right; width:530px; }

.content.noBG { background-image:none !important; }
.content.noBG .L { width:242px; padding:0 !important; border-top:none !important; }

.content.noBG .whiteInside { width:752px; padding:10px 10px 0 15px; background:#fff; }
.content.noBG .whiteInside .L { width:217px; }

/* ************************************ contents.nyukaiform ************************************ */
.content#regiForm { clear:both; margin-bottom:25px; padding:0 7px 0 0; background: url(../../img/club/bg_regiForm.gif) repeat-y; }
.content#regiForm .L { float:left; width:242px; margin-bottom:10px; padding:0; }
.content#regiForm .R { float:right; width:530px; padding-top:15px; }

.upperBelt { height:15px; }

/* ========= content cover ========= */
.contentCover { width:777px; height:29px; margin-bottom:7px; background:url(../../img/club/contentCover.gif) no-repeat; }

/* ************************************ contents one column ************************************ */
.contentOne { clear:both; margin-bottom:25px; padding:8px 5px 30px 5px; background-image:none; }
.contentOne.width740 { padding:20px 27px; }
.contentOne.topPadding { padding:20px 5px 30px 5px; }

/* ************************************ page title ************************************ */
.contentOne .pageTitle { width:755px; height:21px; margin-bottom:10px; padding:8px 15px 0 15px;
	background:url(../../img/club/contentOnePageTitle.gif) no-repeat; font-size:14px; line-height:1.2em; }
.contentOne .pageTitle740 { width:710px; height:21px; padding:9px 15px 0 15px;
	background:url(../../img/club/contentOnePageTitle740.gif) no-repeat; }
.contentOne .pageTitle740 h3 { color:#000; font-size:14px; font-weight:bold; line-height:1.2em; }
.contentOne .pageTitle .left { float:left; color:#000; font-weight:bold; }
.contentOne .pageTitle .right { float:right; }

/* ************************************ right column ************************************ */
.boxTitleOne { margin-bottom:15px; padding:16px 14px 0 14px; background:url(../../img/clubmy/boxTitleOne.gif) no-repeat; }

/* ************************************ club / clunmy bg bottom ************************************ */
body#club .content .bgHead, body#club .content .bgBottom
 { height:1px; background: url(../../img/club/bgBottom.gif) no-repeat; }
body#club .content .bgBottom { clear:both; }


/* *********************** COMMON *********************** */
/* ========================== buttons ========================== */
.btn.participateEvent a { width:209px; height:31px; margin:0 0 7px 2px; background: url(../../img/common/b_participateEvent.gif) no-repeat 0 0; }
.btn.participateEvent a:hover { background: url(../../img/common/b_participateEvent.gif) no-repeat 0 -31px; }

.btn.myPage a { width:211px; height:32px; margin:0 0 25px 0; background: url(../../img/common/b_myPage01.gif) no-repeat 0 0; }
.btn.myPage a:hover { background: url(../../img/common/b_myPage01.gif) no-repeat 0 -32px; }

.btn.participateGroup a { width:177px; height:32px; background: url(../../img/common/b_participateGroup01.gif) no-repeat 0 0; }
.btn.participateGroup a:hover { background: url(../../img/common/b_participateGroup01.gif) no-repeat 0 -32px; }


/* ========================== form ========================== */
.errorMessage { background:#FCEDE4; border:1px solid #BF1920; color:#E50012; }
/*error cell*/
.errorAttention { background:#FF9; }

/* ========================== calendar (month) ========================== */
.calendarHead { width:752px; height:28px; margin-bottom:10px; padding:16px 20px 0 13px; background:url(../../img/club/calendarHead.gif) no-repeat;
	font-size:14px; line-height:1.2em; }

/* ========================== table ========================== */
table.clubMember img { margin-bottom:6px; }

/* ========================== club member list ========================== */
.clubMemberList table { margin-bottom:10px; background:#fff; }
.clubMemberList table td { padding:13px 10px 20px 10px; color:#000; border-right:1px dotted #aaa; border-bottom:1px dotted #aaa; text-align:center; }
.clubMemberList table td img { margin-bottom:6px; }
.clubMemberList table td.end { border-right:none; }
.clubMemberList table tr.end td { padding:10px 5px; border:none; color:#666; font-size:14px; }
.clubMemberList table .pagenation { margin:10px 0; }

/* ========================== club member diary list ========================== */
.memberDiaryList { color:#000; }
.memberDiaryList dl { }
.memberDiaryList dt { display:block; clear:both; float:left; width:140px; margin-right:15px; padding:4px 0 5px 25px;
	background:url(../../img/common/i_pencil01.gif) 2px 1px no-repeat; }
.memberDiaryList dd { display:block; float:left; width:340px; padding:4px 0 0 0; }
.memberDiaryList tr.end td { padding:10px 5px; }

/* ========================== gropup top ========================== */
.content .L.groupTop { float:left; width:242px; padding:0; }

.L .insideUpper { margin:0; padding:0 15px 10px 15px; }
.L .insideLower { margin:0; padding:0 15px; }
.L .insideUpper { margin-bottom:20px; background:#eee; border-bottom:1px solid #888; }

.L .groupImage_front { width:212px; height:30px; margin-bottom:15px; padding:170px 0 0 0;
	background:url(../../img/club/noImage_front.gif) no-repeat; color:#000; text-align:center; line-height:1.2em; }

.L .groupName, .L .managerName { margin-bottom:6px; color:#000; font-size:14px; line-height:1.2em; }

/* ========================== topic List ========================== */
.topicList {}
.topicList .userName { margin-bottom:5px !important; }
.topic { line-height:1.7em; }

/* ========================== topic detail ========================== */
.detailTitle { margin-bottom:25px !important; }

/* ========================== club application ========================== */
.L .applicationTitle { margin-bottom:10px; padding:13px 15px 10px 15px; background:#fff; border:1px solid #888; color:#000; }
.L .applicationDetails { margin:0 3px; }
.L .applicationDetails p { margin-bottom:20px; font-size:10px; line-height:1.5em; }

.R .applicationInstructions { margin-bottom:3px; padding:10px 15px 8px 15px; background:#fff; border:1px solid #000; }
.R .applicationInstructions h3 { color:#000; font-size:16px; font-weight:bold; line-height:1.2em; }
.R .applicationNotes { margin-bottom:20px; padding:0 20px; line-height:1.5em; }

/* ============== parts ============== */
.R .agreement { height:130px; overflow-y:scroll; margin-bottom:10px; padding:8px; background:#fff; border:1px solid #000; color:#000; font-size:14px; line-height:1.6em; }
.R .agreement.h200 { height:200px; }
.R .agreement.h300 { height:300px; }
.R .agreement.h400 { height:400px; }
.R .agreement.j10 { font-size:10px; }
.R .agreement.j12 { font-size:12px; }
.R .agreement.noColor { color:#666; }

/* ============== diary Category Name ============== */
.diaryCategoryName { margin-left:15px; }

/* ========= rank text ========= */
.rankText01 { color:#E50012; }


/* */