@charset "shift_jis"; 

/* ====== /community/ ===== */

/* -------------------------------- */
/* ---------- gymListBox ---------- */
/* -------------------------------- */

#contents #gymList .column { border:solid 1px #7FD462; background:url(/images/bg_column.gif) repeat-x; margin-bottom:10px; width:100%; overflow:hidden; }
#contents #gymList .column h3 { background:url(/images/arrow_light_green.gif) left 6px no-repeat; font-size:114%; margin:0 5px 5px; padding:5px 20px; }
#contents #gymList .column h3 a,
#contents #gymList .column h3 a:visited { color:#333; text-decoration:none; }
#contents #gymList .column h3 a:hover { text-decoration:underline;}
#contents #gymList .column img { padding:0 7px 7px; float:left; cursor:pointer; }
#contents #gymList dl.count { float:right; width:420px; overflow:hidden;background: url(/images/dot_gray.gif) left bottom repeat-x; padding-bottom:5px; margin:0 10px 5px 0; }
#contents #gymList dl.count dt { float:left; color:#459000;  }
#contents #gymList dl.count dd { float:left; padding-right:10px;  }
#contents #gymList p { float:right; width:420px; margin:0 10px 5px 0; }

/* ====== /community/gym.html ===== */
/* ---------------------------- */
/* ---------- gymBox ---------- */
/* ---------------------------- */

#contents #gym {margin-bottom: 10px; }
#contents #gym a,
#contents #gym a:visited { color: #336600;text-decoration: none;}
#contents #gym a:hover,
#contents #gym a:active { text-decoration: underline;}
#contents #gym table    { width: 100%; border: 3px solid #7FD462; margin-bottom:10px;}
#contents #gym table th  { width: 180px; padding:10px; vertical-align:top; border-right: 2px solid #7FD462; background: url(/community/images/gymbox_m.gif) center top repeat-x; font-weight:normal; text-align:left;}
#contents #gym table td { width: 470px; padding:10px; vertical-align:top; }
#contents #gym table th .thumb { margin-bottom: 10px;}
#contents #gym table th dt { color: #360;}
#contents #gym table th dl.info { margin-bottom: 10px; padding-bottom: 10px; background-image: url(/images/dot_green.gif); background-position: left bottom; background-repeat: repeat-x; }
#contents #gym table th dl.info { clear: both; }
#contents #gym table th dl.info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contents #gym table th dl.info { display: inline-block; }

/*Hides from IE-mac\*/
* html #contents #gym table th dl.info { height: 1%; }
#contents #gym table th dl.info { display: block; }
/*End hide from IE-mac*/

#contents #gym table th dl.info dt { clear: both; float: left; padding-right: 5px; }
#contents #gym table th dl.info dt,
#contents #gym table th dl.info dd,
#contents #gym table th dl.member dt,
#contents #gym table th dl.member dd { border:none; }
#contents #gym table th dl.member { clear: both;}
#contents #gym table th dl.member dd { padding-left: 10px; background: url(/images/list_dot_gray.gif) left center no-repeat;}

/* ----- 一覧を見る ----- */
#contents #gym table th .more:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contents #gym table th .more { display: inline-block; }

/*Hides from IE-mac\*/
* html #contents #gym table th .more { height: 1%; }
#contents #gym table th .more { display: block; }
/*End hide from IE-mac*/

#contents #gym table th .more p { float: right; }
#contents #gym table th .more p a { padding-left: 13px; background-image: url(/images/arrow_green_s.gif); background-position: left center; background-repeat: no-repeat; }



#contents #gym table td .keyword { padding-top: 10px; text-align: right; }
#contents #gym table td .keyword span { color: #360; }

/* -------------------------------- */
/* ---------- gymInfoBox ---------- */
/* -------------------------------- */
#contents .gymInfo { margin-bottom: 10px; width:100%; overflow:hidden; background: url(../images/bg_gymInfo.gif) no-repeat bottom; }
#contents .gymInfo h3 { background: url(/images/bg_column.gif) repeat-x; padding:5px 5px 10px; margin:0px 1px;}


#contents .gymInfo .wrapperLLH { float: left; width:344px; border-top:solid 1px #7FD462; }
#contents .gymInfo .wrapperLRH { float:right; width:344px; border-top:solid 1px #7FD462; }
#contents .gymInfo .wrapperLTH { float: right; width:100%; border:solid 1px #7FD462; }


/* ----- RSS FEED ----- */
#contents .gymInfo #rss { float: right; text-align:right; }
#contents .gymInfo dl,
#contents .gymInfo ul { margin: 0 5px; width:97%; overflow:hidden; }
#contents .gymInfo dl,
#contents .gymInfo li { margin-bottom: 5px; padding-bottom: 5px; background: url(/images/dot_gray.gif) left bottom repeat-x;}


#contents .gymInfo dt { width: 15%; float: right;}
#contents .gymInfo dd { width: 83%; float: left; line-height: 140%; }
#contents .gymInfo dd span { display: block; text-align: right;}
#contents .gymInfo dd a { display: block; padding-left: 12px; background-image: url(/images/arrow_lighgreen_s.gif); background-position: left 2px; background-repeat: no-repeat; }


#contents .gymInfo a,
#contents .gymInfo a:visited { color: #336600;text-decoration: none;}
#contents .gymInfo a:hover,
#contents .gymInfo a:active { text-decoration: underline;}
#contents .gymInfo li.prizeQ { position: relative; width: 235px; padding-left: 65px; }
#contents .gymInfo li.prizeQ span.icon { width: 55px; height: 15px; position: absolute; left: 0; text-indent: -9999px; background-image: url(/images/icon_prize.gif); background-repeat: no-repeat; }
#contents .gymInfo li a { display: block; padding-left: 12px; background-image: url(/images/arrow_lighgreen_s.gif); background-position: left 2px; background-repeat: no-repeat; }

/* ----- 一覧を見る ----- */
#contents .gymInfo .more { padding:5px; text-align:right; }

/* -------------------------------- */
/* ---------- gymInfo2Box ---------- */
/* -------------------------------- */
#contents .gymInfo2 { margin-bottom: 10px; border:solid 1px #7FD462; width:100%; overflow:hidden;}
#contents .gymInfo2 h3 { background: url(/images/bg_column.gif) repeat-x; padding:5px 5px 10px; }
#contents .gymInfo2 .wrapperNeta { float: left;	width: 22%; display: block; margin-left: 5px; padding:0px 0px 5px 13px; background:url(/images/arrow_lighgreen_s.gif) left 2px no-repeat;}
#contents .gymInfo2 .wrapperLLH { float: left; width: 50%; border-top: 1px solid #9c3; }
#contents .gymInfo2 .wrapperLRH { float: right; width: 50%; border-top: 1px solid #9c3; }
#contents .gymInfo2 .wrapperLTH { float: right; width: 100%; padding-bottom: 10px; border-top: 1px solid #9c3; }




/*   ↓消すやす　　*/

#contents .gymInfo2 h3.netaNtc { background-image: url(/community/images/ttl_neta_ntc.gif); }
#contents .gymInfo2 h3.netaNew { background-image: url(/community/images/ttl_neta_new.gif); }
#contents .gymInfo2 h3.quiz { background-image: url(/community/images/ttl_quiz.gif); }
#contents .gymInfo2 h3.post { background-image: url(/community/images/ttl_post_new.gif); }
#contents .gymInfo2 h3.netaKeyword { background-image: url(/community/images/ttl_keyword.gif); }
#contents #gym #ninki h3	{  }
#contents #gym #ninki p.caption	{ text-align:right;font-size:88%;margin-top:-23px;margin-bottom:10px; }
#contents #gym #ninki p.more	{ text-align:right;padding:0px 5px 10px; }
#contents #gym table.ninkiTable	{ border:none;border-collapse:collapse;border-spacing: none;width:680px; position:relative;left:10px; }
#contents #gym table.ninkiTable td	{ padding:auto; vertical-align:middle;width:auto;background:url("/images/dot_gray.gif") repeat-x scroll left bottom transparent; }
#contents #gym table.ninkiTable td.rank				{ text-align:center; }
#contents #gym table.ninkiTable td.rank .entryRank	{ font:bold 1.6em/120% Arial, Helvetica, sans-serif; }
#contents #gym table.ninkiTable td.rank .entryRank.hotRank	{ color:#f60;}
#contents #gym table.ninkiTable td.rank .entryRank .entryRankNo	{ text-align:center; font-size:1.4em; }
#contents #gym table.ninkiTable td.rank .entryPv		{ font-weight:bold; font-size:120%;display:block; white-space:nowrap; line-height:1em; padding-top:10px; }
#contents #gym table.ninkiTable .entryTitle		{ background-image:url("/images/arrow_orange_s.gif"); background-position:left 2px; background-repeat:no-repeat; display:block; padding-left:12px; padding-bottom:4px; }
#contents #gym table.ninkiTable .entryTitle a	{ color:#f60; font-weight:bold; font-size:1.2em; }
#contents #gym table.ninkiTable .entryExcerpt	{ line-height:1.3em; display:block; }
#contents #gym table.ninkiTable span.entryAuther	{ display:block; text-align:right; }
#contents #gym table.ninkiTable .entryPhoto	{ text-align:center; vertical-align:middle;}
#contents #gym table.ninkiTable .autherPhoto	{ text-align:center; vertical-align:middle; width:50px;}


/* ====== /community/gymnew.html ===== */
/* ====== /community/gymstepX.html ===== */
/* ---------------------------- */
/* ---------- gymNew ---------- */
/* ---------------------------- */
#contents #gymNew dl,
#contents #gymNew dt,
#contents #gymNew dd { margin-left: 0; padding-left: 0; text-indent: -9999px; }
#contents #gymNew dl { margin: 20px 0; width: 100%; height: 403px; background-image: url(/community/images/gym_rule.gif); background-position: right top; background-repeat: no-repeat; }
#contents #gymNew form { padding: 0; text-align: center; }
#contents #gymNew .btnYes { margin: 0; padding: 2px 10px; border: 1px solid #f60; color: #f60; font-size: 100%; font-weight: bold; background-color: #fff; cursor: pointer; }
#contents #gymNew h3 { height: 23px; margin-bottom: 20px; line-height: 100%; text-indent: -9999px; background-image: url(/community/images/gym_steps.gif); background-repeat: no-repeat; }
#contents #gymNew h3.step1 { background-position: left 0; }
#contents #gymNew h3.step2 { background-position: left -23px; }
#contents #gymNew h3.step3 { background-position: left -46px; }
#contents #gymNew h3.step4 { background-position: left -69px; }
#contents #gymNew h4 { width: 199px; height: 34px; margin-bottom: 3px; text-indent: -9999px; background-image: url(/community/images/gym_step_ttl.gif); background-repeat: no-repeat; }
#contents #gymNew h4.ttl1 { background-position: left 0; }
#contents #gymNew h4.ttl2 { background-position: left -34px; }
#contents #gymNew h4.ttl3 { background-position: left -68px; }
#contents #gymNew p.temp { margin-bottom: 15px; padding: 10px; background-image: url(/images/col_light_orange.gif); }
#contents #gymNew .gymNewBox { border: 3px solid #f60; padding: 20px; }
#contents #gymNew .gymNewBox p.msg { padding: 5px 5px 5px 10px; margin-bottom: 15px; font-size: 100%; font-weight: bold; background-image: url(/images/col_light_orange.gif); }
#contents #gymNew .gymNewBox form { text-align: left; }
#contents #gymNew .gymNewBox table { width: 100%; font-size: 100%; border-top: 1px dotted #f60; }
#contents #gymNew .gymNewBox th { padding: 5px 3px 5px 5px; width: 152px; border: none; border-bottom: 1px dotted #f60; font-weight: bold; line-height: 120%; background-image: url(/images/col_light_orange.gif); }
#contents #gymNew .gymNewBox th span { font-size: 84%; font-weight: normal; }
#contents #gymNew .gymNewBox td { padding: 5px 0 5px 5px; border: none; border-bottom: 1px dotted #f60; line-height: 120%; font-size: 100%; text-align: justify; text-justify: inter-ideograph; }
#contents #gymNew .gymNewBox td .caution { font-size: 84%; color: #f60; }
#contents #gymNew .gymNewBox th.nb,
#contents #gymNew .gymNewBox td.nb { border-bottom: none; }
#contents #gymNew .gymNewBox .lbl { padding: 0 20px 0 5px; }
#contents #gymNew .gymNewBox .txt { width: 300px; padding: 3px; border: 1px solid #ccc; background-color: #fff; }
#contents #gymNew .gymNewBox .maxTxt { width: 455px; padding: 3px; border: 1px solid #ccc; background-color: #fff; }
#contents #gymNew .gymNewBox .ulFile { width: 300px; padding: 3px; border: 1px solid #ccc; background-color: #fff; }
#contents #gymNew .gymNewBox textarea { width: 455px; padding: 3px; border: 1px solid #ccc; background-color: #fff; }
#contents #gymNew .gymNewBox select { padding: 3px 1px 3px 3px; border: 1px solid #ccc; background-color: #fff; }
#contents #gymNew .gymNewBox option { padding-right: 20px; }
#contents #gymNew .gymNewBox .txt:hover,
#contents #gymNew .gymNewBox .maxTxt:hover,
#contents #gymNew .gymNewBox .ulFile:hover,
#contents #gymNew .gymNewBox textarea:hover,
#contents #gymNew .gymNewBox select:hover,
#contents #gymNew .gymNewBox .txt:focus,
#contents #gymNew .gymNewBox .maxTxt:focus,
#contents #gymNew .gymNewBox .ulFile:focus,
#contents #gymNew .gymNewBox textarea:focus,
#contents #gymNew .gymNewBox select:focus { border: 1px solid #f60; 
}


#contents #gymNew .gymNewBox .buttons { padding: 20px 0 0; text-align: center; }
#contents #gymNew .gymNewBox .buttonsL { padding: 10px 0 20px 140px; }
#contents #gymNew .gymNewBox .btnYes { margin: 0 15px; padding: 2px 10px; border: 1px solid #f60; color: #f60; font-size: 100%; font-weight: bold; background-color: #fff; cursor: pointer; }
#contents #gymNew .gymNewBox .btnNo { margin: 0 15px; padding: 2px 10px; border: 1px solid #999; background-color: #fff; cursor: pointer; }


/* ====== /community/neta.html ===== */
/* -------------------------- */
/* ---------- neta ---------- */
/* -------------------------- */

#contents #neta { margin-bottom: 10px; border: 3px solid #7FD462; }

/* ----- ネタ 概要 ----- */
#contents #netaHead { padding: 15px 18px; background:#E8FDE1; }
#contents #netaHead .wrapperLL { float: left; width: 430px;}
#contents #netaHead .wrapperLL h3.txt14 { font-size: 117%; margin-bottom:15px;}
/* #contents #netaHead .wrapperLL dl { float:right; } */
#contents #netaHead .wrapperLL dt { float: left; padding-right:3px; color: #459000;}
#contents #netaHead .wrapperLL dd {	float: left; padding-right:10px;}
#contents #netaHead .wrapperLR { float: right; width: 210px; padding: 10px 5px 10px 10px; background: #fff; }
#contents #netaHead .wrapperLR dt { float: left; width: 65px;}
#contents #quizHead .wrapperLR dd { float: left; width:165px; padding-left: 5px;}
#contents #netaHead .wrapperLR dd.name { font-size: 120%; font-weight: bold; line-height: 120%;}
#contents #netaHead .wrapperLR dd.name .rankBlt,
#contents #netaHead .wrapperLR dd.name .rankCrw,
#contents #netaHead .wrapperLR dd.name .rankDec,
#contents #netaHead .wrapperLR dd.name .rankMdl { padding-right: 25px; background-position: right center; background-repeat: no-repeat; }

#contents #netaHead .netaSocial dl { float:right; }
#contents #netaHead .netaSocial dt { float: left; padding-right:3px; color: #459000;}
#contents #netaHead .netaSocial dd {	float: left; padding-left:10px;}
#contents #netaHead .netaSocial dd.next a {
background-image:url(/images/arrow_orange_next.gif); background-position:right center; background-repeat:no-repeat; padding-right:13px; }
#contents #netaHead .netaSocial dd.prev a {
background-image:url(/images/arrow_orange_prev.gif); background-position:left center; background-repeat:no-repeat; padding-left:13px; }



#contents #netaHead .wrapperLR dd.name a.rankBlt { background-image: url(/images/icon_belt.jpg); }
#contents #netaHead .wrapperLR dd.name a.rankCrw { background-image: url(/images/icon_crown.jpg); }
#contents #netaHead .wrapperLR dd.name a.rankDec { background-image: url(/images/icon_decoration.jpg); }
#contents #netaHead .wrapperLR dd.name a.rankMdl { background-image: url(/images/icon_medal.jpg); }

/* ----- ネタ 本文 ----- */

#contents #netaBody { clear: both; padding: 18px; overflow:hidden; line-height:normal; font-size: 125%; }

/*#contents #netaBody p { overflow:hidden; 
}

	font-size: 125%; line-height: 140%;*/
/* 2007.11.26 firefoxでの全角記号連続対応の為追加 */

#contents #netaBody p.keyword { clear:both; margin-top:40px;}


#community #contents .lightOrange .confirm table.confirm td { font-size:125%;}
#contents #netaBody .thumb { margin-bottom: 15px; }
#contents #netaBody .thumb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contents #netaBody .thumb { display: inline-block; }

/*Hides from IE-mac\*/
* html #contents #netaBody .thumb { height: 1%; }
#contents #netaBody .thumb { display: block; }
/*End hide from IE-mac*/

#contents #netaBody .thumb li { float: left; margin-right: 20px; width: 120px; height: 90px; list-style:none; }
#contents #netaBody .evaluation_box { margin-top:20px; margin-bottom:20px; display: block; }
#contents #netaBody .netanavi_prev {
    width:215px; margin-bottom:20px;     float:left; }
#contents #netaBody .netanavi_list {
    width:335px;     float:left; }
#contents #netaBody .netanavi_next {
    float:right;     padding:0px; }
#contents #netaBody .btnYes { background-color:#FFFFFF; border:1px solid #FF6600; color:#FF6600; cursor:pointer; font-weight:bold; padding:2px 10px; }

/* ----- ネタ本文　装飾 ----- */
#contents #netaBody em,
#contents table.confirm em { font-style:oblique;}
#contents #netaBody hr,
#contents table.confirm hr { margin:10px 0px; display:block;}
#contents #netaBody ul,
#contents table.confirm ul { padding-left:15px; list-style:disc;}
#contents #netaBody ol,
#contents table.confirm ol { padding-left:20px; list-style:decimal;}
#contents #netaBody blockquote,
#contents table.confirm blockquote{ margin:10px 20px; font-style:oblique;}
#contents #netaBody h1,
#contents table.confirm h1{ font-size:280%; color:#333333; line-height:1.4em;}
#contents #netaBody h2,
#contents table.confirm h2{ font-size:200%; color:#333333; line-height:1.4em;}
#contents #netaBody h3,
#contents .lightOrange .confirm h3{ font-size:150%; color:#333333; line-height:1.4em; margin:0px;}
#contents #netaBody h4,
#contents table.confirm h4{ font-size:130%; color:#333333; line-height:1.4em;}
#contents #netaBody h5,
#contents table.confirm h5{ font-size:100%; color:#333333; line-height:1.4em;}
#contents #netaBody h6,
#contents table.confirm h6{ font-size:80%; color:#333333; line-height:1.4em;}
#contents #netaBody adreess,
#contents table.confirm adreess{ font-weight:bold; font-style:oblique;}
#contents #netaBody table,
#contents table.confirm table{ border-collapse: collapse;}
#contents #netaBody th,
#contents .lightOrange .confirm table.confirm td table th { background:none; text-align:center; font-weight:bold; border: solid 1px;}
#contents #netaBody td,
#contents .lightOrange .confirm table.confirm td table td { border: solid 1px;}
#contents #netaBody table#nextlink,
#contents #netaBody table#nextlink td { border:none;}
#contents table.confirm ul.thumb    { margin-bottom:15px; width:100%; overflow:hidden; list-style:none;}
#contents table.confirm ul.thumb li { width:33%; text-align:center; float:left;}
#contents h3.ttlLO { padding:3px 8px; font-size:100%; height:auto; background:url(/images/bg_column.gif) repeat-x top left; border:1px solid #7FD462; color:#459000;}
#contents #neta_amazon_title { display:none; /*    font-size:164%;     font-weight:bold;     letter-spacing:1.8px;     line-height:1.4em; */
}
#contents #neta_amazon_detail { 
	margin: 0px 0px 4px; border: 0px solid #9c3; }
#contents .amazon_item {
    text-align: center;     font-size: 95%; line-height:1.4em; padding-bottom:2px;     width: 200px; }
#contents .amazon_image {
    height: 75px;     margin: 5px; }
#contents .amazon_link {
    color: #003399;     text-decoration: underline; }
#contents #neta_amazon_logo {
    font-size: 16px;     font-weight: bold;     vertical-align: middle;     text-align: right; margin-top:2px; }

/* ====== /community/prize.html ===== */
/* --------------------------- */
/* ---------- prize ---------- */
/* --------------------------- */
#contents #prizeBox { min-height: 110px; margin-bottom: 5px; padding: 0; border: 3px solid #6cc; background-image: url(/community/images/prize_ttl.gif); background-position: 1px top; background-repeat: no-repeat; }
#contents #prizeBox dl,
#contents #prizeBox dt,
#contents #prizeBox dd { margin-left: 0; padding-left: 0; }
#contents #prizeBox #prizeL { float: left; width: 525px; padding: 10px 0; }
#contents #prizeBox #prizeR { float: right; width: 130px; padding: 10px 0; }
#contents #prizeBox #prizeL dl { margin-left: 129px; padding: 10px 0; }
#contents #prizeBox #prizeL dt { color: #f09; font-size: 150%; font-weight: bold; }
#contents #prizeBox #prizeL dt span { font-size: 66%; font-weight: normal; }
#contents #prizeBox #prizeL dd { font-size: 100%; position: relative; padding-left: 77px; }
#contents #prizeBox #prizeL dd span { width: 71px; height: 18px; position: absolute; left: 0; text-indent: -9999px; background-image: url(/community/images/prize_term.gif); background-repeat: no-repeat; }
#contents #prizeBox #prizeR p { width: 120px; }


/* ====== /community/quiz.html ===== */
/* -------------------------- */
/* ---------- quiz ---------- */
/* -------------------------- */

#contents #quiz { margin-bottom: 10px; border: 3px solid #7FD462; }

/* ----- ネタ 概要 ----- */
#contents #quizHead { padding: 15px 18px; background:#E8FDE1; }
#contents #quizHead .wrapperLL { float: left; width: 410px;}
#contents #quizHead .wrapperLL h3.txt14 { font-size: 117%; margin-bottom:15px;}
#contents #quizHead .wrapperLL dl { float: right;}
#contents #quizHead .wrapperLL dt { float: left; padding-right:3px; color: #459000;}
#contents #quizHead .wrapperLL dd {	float: left; padding-right:10px;}
#contents #quizHead .wrapperLR { float: right; width: 230px; padding: 10px 5px 10px 10px; background: #fff; }
#contents #quizHead .wrapperLR dt { float: left; width: 60px;}
#contents #quizHead .wrapperLR dd { float: left; width:165px; padding-left: 5px;}
#contents #quizHead .wrapperLR dd.name { font-size: 167%; font-weight: bold; line-height: 120%;}


#contents #quizHead .wrapperLR dd.rankGold,
#contents #quizHead .wrapperLR dd.rankSilver,
#contents #quizHead .wrapperLR dd.rankBronze,
#contents #quizHead .wrapperLR dd.rankEtc { height: 21px; padding-right: 25px; background-position: right center; background-repeat: no-repeat; }
#contents #quizHead .wrapperLR dd.rankGold { background-image: url(/images/icon_gold.gif); }
#contents #quizHead .wrapperLR dd.rankSilver { background-image: url(/images/icon_silver.gif); }
#contents #quizHead .wrapperLR dd.rankBronze { background-image: url(/images/icon_bronze.gif); }
#contents #quizHead .wrapperLR dd.rankEtc { background-image: url(/images/icon_etc.gif); }

/* ----- ネタ 本文 ----- */
#contents #quizBody { clear: both; padding: 18px 18px 10px; }
#contents #quizBody p { font-size: 100%; padding: 0; }
#contents #quizBody .judgeY { width: 335px; height: 60px; text-indent: -9999px; background-image: url(/community/images/judge_y.gif); background-repeat: no-repeat; }
#contents #quizBody .judgeN { margin-bottom: 10px; width: 335px; height: 60px; text-indent: -9999px; background-image: url(/community/images/judge_n.gif); background-repeat: no-repeat; }
#contents #quizBody .quizBox { margin-top: 10px; padding: 10px 10px 7px; background-image: url(/images/dot_green.gif); background-position: left top; background-repeat: repeat-x; }
#contents #quizBody .quizBox ul,
#contents #quizBody .quizBox li { margin: 0; padding: 0; list-style-type: none; }
#contents #quizBody .quizBox li { font-size: 117%; padding-bottom: 3px; }
#contents #quizBody .quizBox .choiceLbl { padding-left: 5px; }
#contents #quizBody .buttons { padding-top: 18px; text-align: center; background-image: url(/images/dot_green.gif); background-position: left top; background-repeat: repeat-x; }
#contents #quizBody .buttons .btnYes { margin: 0 15px; padding: 2px 10px; border: 1px solid #f60; font-size: 100%; color: #f60; font-weight: bold; background-color: #fff; cursor: pointer; }
#contents #quizBody .answerBox { margin-top: 10px; padding: 10px 10px 5px; background-image: url(/images/dot_green.gif); background-position: left top; background-repeat: repeat-x; }
#contents #quizBody .answerBox p { font-size: 133%; font-weight: bold; }
#contents #quizBody .explainBox { padding-top: 18px; background-image: url(/images/dot_green.gif); background-position: left top; background-repeat: repeat-x; }
#contents #quizBody .explainBox p { padding-bottom: 8px; }


/* ====== /community/topic.html ===== */
/* -------------------------- */
/* ---------- topic ---------- */
/* -------------------------- */

#contents #topic { margin-bottom: 10px; border: 3px solid #7FD462; }

/* ----- ネタ 概要 ----- */
#contents #topicHead { padding: 15px 18px; background:#E8FDE1; }


/* ----- トピック 本文 ----- */
#contents #topicBody { padding: 18px; }
#contents #topicBody dl { font-size: 100%; }
#contents #topicBody dt { color: #666; margin-bottom: 8px; padding: 3px 2px 2px 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #eee; }
#contents #topicBody dt a { padding: 0 5px; }
#contents #topicBody dt a,
#contents #topicBody dt a:link,
#contents #topicBody dt a:visited { color: #360; font-weight: bold; text-decoration: none; }
#contents #topicBody dt a:hover,
#contents #topicBody dt a:active { text-decoration: underline; }

/* ----- 書き込み ----- */

#contents dl#topicssort  { background:#E8FDE1; padding:5px; margin:0px; border: 1px solid #7FD462; width:auto; }
#contents dl#topicssort h3 { float:left; padding:3px; }
#contents #topicscomment { margin-bottom: 10px; border: 1px solid #7FD462;}
#contents #topicscomment dl { padding: 0 18px 6px; }
#contents #topicscomment dt { color: #666; margin-top: 18px; margin-bottom: 8px; padding: 3px 2px 2px 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #eee; }
#contents #topicscomment dt a { padding: 0 5px; }
#contents #topicscomment dt a,
#contents #topicscomment dt a:link,
#contents #topicscomment dt a:visited { color: #360; font-weight: bold; text-decoration: none; }
#contents #topicscomment dt a:hover,
#contents #topicscomment dt a:active { text-decoration: underline; }
#contents #topicscomment dd { padding-bottom: 12px; }
#contents #topicscomment dd img { margin: 5px 0 10px; }

/* ====== /community/memberlist.html ===== */
/* -------------------------------- */
/* ---------- memberList ---------- */
/* -------------------------------- */
#contents #memberList h3 { font-size: 117%; color: #360; margin-bottom: 15px; }
#contents #memberList dl,
#contents #memberList dt,
#contents #memberList dd { margin-left: 0; padding-left: 0; list-style-type: none; }
#contents #memberList dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contents #memberList dl { display: inline-block; }

/*Hides from IE-mac\*/
* html #contents #memberList dl { height: 1%; }
#contents #memberList dl { display: block; }
/*End hide from IE-mac*/

#contents #memberList dl { float: left; width: 224px; padding-bottom: 10px; }
#contents #memberList dt { float: left; width: 40px; }
#contents #memberList dd { float: right; width: 174px; }
#contents #memberList dd.name { color: #360; font-size: 100%; font-weight: bold; }
#contents #memberList dd.name a,
#contents #memberList dd.name a:link,
#contents #memberList dd.name a:visited { color: #360; text-decoration: none; }
#contents #memberList dd.name a:hover,
#contents #memberList dd.name a:active { color: #360; text-decoration: underline; }
#contents #memberList dd.status { line-height: 120%; }
#contents #memberList dd.statusBlt,
#contents #memberList dd.statusCrw,
#contents #memberList dd.statusDec,
#contents #memberList dd.statusMdl { line-height: 120%; height: 22px; }
#contents #memberList dd.statusBlt span,
#contents #memberList dd.statusCrw span,
#contents #memberList dd.statusDec span,
#contents #memberList dd.statusMdl span { width: 26px; height: 21px; position: absolute; text-indent: -9999px; background-position: right center; background-repeat: no-repeat; }
#contents #memberList dd.statusBlt span { background-image: url(/images/icon_belt.jpg); }
#contents #memberList dd.statusCrw span { background-image: url(/images/icon_crown.jpg); }
#contents #memberList dd.statusDec span { background-image: url(/images/icon_decoration.jpg); }
#contents #memberList dd.statusMdl span { background-image: url(/images/icon_medal.jpg); }
#contents #memberList dd.point { line-height: 120%; }
#contents #memberList .owner { margin-top: 10px; }
#contents #memberList .owner,
#contents #memberList .master,
#contents #memberList .student { clear: both; margin-bottom: 10px; background-image: url(/images/dot_gray.gif); background-position: left bottom; background-repeat: repeat-x; 
}
#contents #memberList .owner:after,
#contents #memberList .master:after,
#contents #memberList .student:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contents #memberList .owner,
#contents #memberList .master,
#contents #memberList .student { display: inline-block; }

/*Hides from IE-mac\*/
* html #contents #memberList .owner,
* html #contents #memberList .master,
* html #contents #memberList .student { height: 1%; }
#contents #memberList .owner,
#contents #memberList .master,
#contents #memberList .student { display: block; }
/*End hide from IE-mac*/