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

/* 全体設定 */
	body { width:100%; margin:0; padding:0; text-align:center; font-size:12px; color:#000000; background:#4b3e2f; overflow-x:hidden; }
	a { color:#ad0004; text-decoration:none; }
	a:hover { text-decoration:underline; }
	a:visited { color:#331506; }
	img { margin:0; padding:0; }

/* ヘッダー */
	#header,
	#headerInner { width:100%; }
/*	#header { background:url(../../img/bgRythm.png); } */
	#headerInner { background:url(../../img/bg.png) left top; }
/*	#headerParts { width:900px; margin:0 auto; background:url(../../img/bgRythm.png) no-repeat left top; } */
	#headerParts { width:900px; margin:0 auto; }
	#headerParts img { width:350px; margin:3px 0 0 0; float:left; }
	#ad1 { margin:5px 0 0 0; float:right; }

/* コンテンツ */
	#contents { width:100%; padding:0 0 10px 0; background:url(../../img/bgContents.png) repeat #f0e3c9; }
	#contents a:hover { filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }

	/* 詳しい使い方・ソーシャルブックマーク */
	#txtArea { padding:3px 0 0 0; background:url(../../img/bgUse.png) repeat-x left top; }
	#txtArea ul { float:left; }
	#txtArea ul li { float:left; }
	.socialBookMark { margin:1px 5px 0 0; float:right; }

	#detailArea { width:100%; padding:0 10px 0 10px; color:#000000; text-align:left; background:#fce5ba; display:none; }
	#detailArea ul,
	#detailArea p { margin:0 0 0 0; line-height:200%; }
	#detailArea ul { width:100%; }
	#detailArea ul li { float:left; }
	#detailArea h1 { margin:0 0 10px 0; color:#0a2454; font-size:15px; font-weight:bold; }

/* 使用上の注意 */
	.cautionMes { margin:-5px 0 0 0; background:url(../../img/bgBlack.png) repeat-x left top; }

/* レベル選択 */
	.lvArea { width:100%; background:url(../../img/bgSilver.png) repeat-x left top; }
	.lvArea ul { width:900px; margin:0 auto; }
	.lvArea ul li { margin:0 6px 0 0; float:left; }

/* 問題 */
	.qArea { width:900px; margin:0 auto; }
	ul.qBoxes { margin:16px 0 0 23px; }
	ul.qBoxes li { width:119px; height:180px; margin:0 3px 0 0; padding:15px 0 0 0; text-align:center; background:url(../../img/bgQBox.png) no-repeat; float:left; }
	ul.qBoxes li img { margin:0 0 5px 0; }
	ul.qBoxes li div { margin:0; display:inline; }
	ul.qBoxes li dl { margin:0 0 0 10px; padding:0; }
	ul.qBoxes li dl img { margin:0 3px 5px 0; }
	ul.qBoxes li dl dd { margin:0; padding:0; float:left; }

/* 回答用エリア */
	.aArea { width:900px; margin:0 auto; }
	.aBox { width:851px; height:99px; margin:0 0 0 20px; padding:17px 0 0 0; background:url(../../img/bgAnswer.png) no-repeat left top; }
	.retryBtn { width:186px; margin:0 0 0 15px; float:left; }
	.massageArea { width:625px; height:65px; margin:0 0 0 8px; background:url(../../img/bgMesBoard.png) no-repeat left top; float:left; }
	.massageArea ul { margin:0 0 0 40px; }
	.massageArea ul li { float:left; }

/* フッター */
	#footer { width:100%; font-family:メイリオ,MSゴシック,sans-serif; }
	.footerImg { width:100%; }
	.footerImg img { width:900px; margin:0 auto; }

	.serviceLink { width:100%; padding:5px 0 2px 0; background:url(../../img/bg.png) repeat; border-top:3px #b48120 double; }
	.serviceLink ul { width:900px; margin:0 auto; margin-bottom:5px; text-align:right; }
	.serviceLink ul li { padding:0 13px 0 13px; border-right:1px #ffffff solid; float:right; }
	.serviceLink ul li.right { padding:0 2px 0 13px; border-right:0px; }
	.serviceLink ul li a { color:#ffffff; }
	.serviceLink ul li a:hover { color:#fff100; text-decoration:underline; }

	.footerTxt { width:100%; padding:0 0 5px 0; background:url(../../img/bgUse.png) repeat-x left bottom #f7d698; }
	.footerTxt ul { width:900px; margin:0 auto; }
	.footerTxt ul li { float:left; }
	.footerTxt ul li p { margin:3px 0 0 0; color:#362e2b; }

/* ブックマーク */
	#bookmark_list { width:235px; right:5px; }
	#bookmark_list ul { margin:0 0 5px 0; font-size:10px; }
	#bookmark_list ul li { margin:0 10px 0 0; text-align:left; float:left; }
	#bookmark_list ul li img { margin:0 2px 0 0; }
	#bookmark_list a { color:#e77110; }
	#bookmark_list_remove { width:14px; text-align:center; background:#bdbabd; float:right; }