@charset "utf-8";


/* ------------------------------- JSS ------------------------------- */
div#L div.SHEET div.JSS				{ clear:none; display:none; width:390px; height:auto; margin:90px 0px 0px 30px; border:1px solid #eee; background:#fafafa; }
div#L div.SHEET div.JSS div.OBJ			{ width:380px; height:auto; }
/* UP & DN */
div.JSS_PAGETOP					{ width:370px; height:40px; margin:0px; padding:10px 10px 0px 0px; border-top:none; }

/* ---------- MENULIST in div#L div.SHEET ---------- */
ol.MENULIST			{ clear:both; display:inline; float:left; width:380px; height:auto; margin:0px 0px 0px 0px; }
/* LINK */
ol.MENULIST li			{ clear:none; display:inline; float:left; width:122px; height:82px; margin:3px 0px 0px 3px; background:#fff; }
ol.MENULIST li a			{ clear:both; display:inline; float:left; width:120px; height:80px; margin:0px 0px 0px 0px; }
ol.MENULIST li a:link		{ color:#000; text-decoration:none; border:1px solid #ddd; }
ol.MENULIST li a:visited		{ color:#000; text-decoration:none; border:1px solid #ddd; }
ol.MENULIST li a:hover		{ color:#560; text-decoration:none; border:1px solid #000; }
ol.MENULIST li a:active		{ color:#560; text-decoration:none; border:1px solid #000; }
ol.MENULIST li a img		{ clear:both; display:inline; float:none; width:120px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }




div#R div.SHEET img			{ clear:both; display:inline; float:left; }
div.IMAGES			{ clear:both; display:inline; float:left; width:460px; height:auto; margin:0px 0px 0px 0px; background:#fff no-repeat 0px 0px scroll; }
div.COMMENT 			{ clear:none; display:inline; float:right; width:229px; height:460px; border-left:1px solid #f7f7f7; }
div.COMMENT h1			{ clear:none; width:210px; margin:40px 0px 0px 10px; }
div.COMMENT h1 small		{ font: normal normal normal 12px/25px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
div.COMMENT p			{ clear:none; width:210px; margin:0px 0px 0px 10px; padding:0px 0px 15px 0px; font: normal normal normal 12px/25px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
div.COMMENT strong			{ clear:both; display:inline; float:left; width:210px; margin:0px 0px 0px 10px; color:#000; font: normal normal bold 12px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
/* ----- NOTE ----- */
div.COMMENT div.NOTE		{ clear:both; display:inline; float:left; width:210px; height:auto; margin:10px 0px 0px 10px; padding:10px 0px 0px 0px; border-top:1px dotted #aaa; color:#777; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.COMMENT div.NOTE strong		{ clear:both; display:inline; float:left; width:210px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; color:#000; font: normal normal bold 12px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.COMMENT div.NOTE em		{ clear:both; display:inline; float:left; width:210px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; color:#d21; font: normal normal normal 12px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.COMMENT div.NOTE a:link		{ color:#d21; text-decoration:none; }
div.COMMENT div.NOTE a:visited	{ color:#d21; text-decoration:none; }
div.COMMENT div.NOTE a:hover		{ color:#d21; text-decoration:none; }
div.COMMENT div.NOTE a:active		{ color:#d21; text-decoration:none; }

ol.PREVIEW 			{ clear:none; display:inline; float:left; width:220px; height:55px; margin:0px 0px 5px 10px; padding:0px; }
ol.PREVIEW li			{ clear:none; display:inline; float:left; width:43px; height:43px; margin:0px; padding:0px; }
ol.PREVIEW li.TITLE			{ clear:none; display:inline; float:left; width:210px; height:15px; margin:0px; padding:0px; color:#777; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
ol.PREVIEW li a			{ clear:none; display:inline; float:left; width:40px; height:40px; margin:0px; padding:0px; }
ol.PREVIEW li a img			{ clear:none; display:inline; float:left; width:40px; height:40px; margin:0px; padding:0px; border:none; }
ol.PREVIEW li a:link		{ border:1px solid #eee; }
ol.PREVIEW li a:visited		{ border:1px solid #eee; }
ol.PREVIEW li a:hover		{ border:1px solid #000; }
ol.PREVIEW li a:active		{ border:1px solid #000; }