@charset "shift_jis";

body#top { background: url(/images/bg_body_top.gif) repeat-x top #fff; }

#top #contents #search { text-align:center; margin-bottom:20px;}

#top #contents { margin-top:25px; }

#top #wrapperLR ul.netamenu { width:100%; overflow: hidden; }
#top #wrapperLR ul.netamenu li { float: left; }
#top #wrapperLR ul.netamenu li img { vertical-align:top;}

#top #wrapperLR div.toplinklist { border-left:solid 2px #7FD462; border-right:solid 2px #7FD462; border-bottom:solid 2px #7FD462; margin-bottom:10px; padding-top:5px; text-align:center; }
#top #wrapperLR div.toplinklist dl { width:96%; margin:0 auto; overflow:hidden; border-bottom:dotted 1px #ccc; padding:5px 0px; text-align:left; }
#top #wrapperLR div.toplinklist dl.last { border-bottom:none;}

#top #wrapperLR div.toplinklist dl dt { float:left; width: 19%; }
#top #wrapperLR div.toplinklist dl dt img { width:75px; }

#top #wrapperLR div.toplinklist dl dd { float:left; width: 78%; color:#666; padding-left:12px; }
#top #wrapperLR div.toplinklist dl dd p { color:#459000; background:url(/images/arrow_lighgreen_s.gif) left 3px no-repeat; padding-left:12px; margin-left:-12px; }
#top #wrapperLR div.toplinklist dl dd p img { margin:0px 5px; vertical-align: text-top; }
#top #wrapperLR div.toplinklist dl dd p a,
#top #wrapperLR div.toplinklist dl dd p a:visited { color:#459000; text-decoration:none; }
#top #wrapperLR div.toplinklist dd p a:hover { text-decoration:underline; }
#top #wrapperLR div.toplinklist dd p a.new { background:url(/images/icon_new.gif) left 1px no-repeat; padding-left: 35px; font-weight:bold;}
#top #wrapperLR div.toplinklist dd span { display:block; }

#top #wrapperLR div.linklist { border:solid 2px #7FD462; margin-bottom:10px; text-align:center; }
#top #wrapperLR div.linklist ul { width:98%; margin:0 auto; overflow:hidden; color:#666; text-align:left; } 
#top #wrapperLR div.linklist ul li { border-bottom:dotted 1px #ccc; padding:5px 0px; width:100%; overflow:hidden; }
#top #wrapperLR div.linklist ul li.last { border-bottom:none;}
#top #wrapperLR div.linklist ul li p { width:65%; float:left; color:#459000; background:url(/images/arrow_lighgreen_s.gif) left 3px no-repeat; padding-left:12px; }
#top #wrapperLR div.linklist ul li p img { margin:0px 5px; vertical-align: text-top; }
#top #wrapperLR div.linklist ul li p a,
#top #wrapperLR div.linklist ul li p a:visited { color:#459000; text-decoration:none; }
#top #wrapperLR div.linklist ul li p a:hover { text-decoration:underline; }
#top #wrapperLR div.linklist ul li p a.new { background:url(/images/icon_new.gif) left 1px no-repeat; padding-left: 35px; font-weight:bold;}
#top #wrapperLR div.linklist ul li span { width:30%; display:block; float:right; text-align:right;}

#top #wrapperLR div.toplinklist p.more,
#top #wrapperLR div.linklist p.more { text-align:right; padding:5px; }


#top #wrapperLR #showcase { border: solid 2px #ccc; margin-bottom:10px; }
#top #wrapperLR #showcase p#swf { text-align:center; border-bottom:solid 1px #ccc;}

#top #wrapperLR #diary { border: solid 2px #ccc; margin-bottom:10px; }

#top #wrapperLR div.menu { background:url(/images/bg_showcase.gif) repeat-x top; margin:1px; padding:5px;}
#top #wrapperLR dl.title { width:100%; overflow:hidden; margin-bottom:15px; }
#top #wrapperLR dl.title dt { float:left; }
#top #wrapperLR dl.title dd { float:right;}

#top #wrapperLR dl.linklist2 { width:100%; overflow:hidden; }
#top #wrapperLR dl.linklist2 dt { float:left; width:48%; }
#top #wrapperLR dl.linklist2 dd { float:left; width:48%; border-left:dotted 1px #ccc; padding-left:10px; }

#top #wrapperLR dl.linklist2 dt img,
#top #wrapperLR dl.linklist2 dd img { float:left; margin-right:10px; }


/* --------------------------- */
/* ---------- prize ---------- */
/* --------------------------- */
#top #contents #prize {
	width: 700px;
	margin-bottom: 12px;
	padding-bottom: 5px;
	background-image: url(/images/quiz_b.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border: none;
}

#top #contents #prize #prizeWrap{
	width: 700px;
	background: url(/images/quiz_bg.gif) repeat-y right;
}

#top #contents #prize h2 {
	width: 191px;
	height: 101px;
	text-indent: -9999px;
	background-image: url(/images/quiz.gif);
	background-repeat: no-repeat;
}

#top #contents #prize h3 {
	height: 2em;
	padding-bottom: 10px;
	font-size: 100%;
	line-height: 120%;
}

#top #contents #prize h3 span {
	font-size: 84%;
	font-weight: normal;
    color: #09c;
	line-height: 100%;
}

#top #contents #prize p.lead {
	width: 191px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(/images/quiz_lead.gif);
	background-repeat: no-repeat;
}

#top #contents #prize .more {
	margin-top: 20px;
	margin-left: 13px;
	padding-bottom: 5px;
}

#top #contents #prize .more p {
	font-weight: bold;
}

#top #contents #prize .more p a {
	padding-left: 13px;
	background-image: url(/images/arrow_blue.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#top #contents #prize .more p a,
#top #contents #prize .more p a:link {
	color: #09c;
	text-decoration: underline;
}

#top #contents #prize .more p a:visited {
	color: #69c;
	text-decoration: none;
}

#top #contents #prize .more p a:hover,
#top #contents #prize .more p a:active {
	color: #09c;
	text-decoration: underline;
}

#top #contents #prize dl,
#top #contents #prize dt,
#top #contents #prize dd {
	margin-left: 0;
	padding-left: 0;
}

#top #contents #prize dl {
	width: 100%;
}

#top #contents #prize dt {
	float: left;
	width: 40%px;
}

#top #contents #prize dd {
	float: right;
	width: 60%;
	font-size: 84%;
	color: #f09;
}

#top #contents #prize dd .txt16 {
	font-size: 160%;
}

#top #contents #prize dd a,
#top #contents #prize dd a:link {
	color: #f09;
	text-decoration: none;
}

#top #contents #prize dd a:visited {
	color: #f69;
	text-decoration: none;
}

#top #contents #prize dd a:hover,
#top #contents #prize dd a:active {
	color: #f09;
	text-decoration: underline;
}

#top #contents #prize dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#top #contents #prize dl {
	display: inline-block;
}

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


#top #contents #prize #prizeL {
	float: left;
	width: 191px;
}

#top #contents #prize #prizeR {
	float: right;
	width: 509px;
	padding-top: 35px;
	background: url(/images/quiz_t.gif) no-repeat top right;
}

#top #contents #prize #prizeRL {
	float: left;
	width: 245px;
	margin-right: 10px;
}

#top #contents #prize #prizeRR {
	float: left;
	width: 245px;
}

/* ----- pre open ----- */
#top #contents #prizePre {
	margin-bottom: 12px;
	width: 709px;
	height: 142px;
	background-image: url(/images/prize_pre.jpg);
	background-repeat: no-repeat;

}

#top #contents #prizePre h2,
#top #contents #prizePre p {
	text-indent: -9999px;
}

#header > #howto { display: none; }