@charset "utf-8";

/* ----------------------------------------
  Main Style Seet

	3-1.index
	3-2.contact
	3-3.
	3-4.
	3-5.
	3-6.
	3-7.
	3-8.
---------------------------------------- */


/* ----------------------------------------
  3-1.index
---------------------------------------- */

#googlemapquiz {width:630px; x-background-color: white; margin-top: 10px; margin: 10px auto 0px; text-align: center;}
.info{background-image: url(../img/help/info.png); background-repeat: no-repeat;
 		width: 630px; height: 44px; line-height: 44px; padding-left: 50px; font-size: 14px; margin-left :0px; margin-bottom: 10px;}

#newquiz{
	width:632px;
	height:71px;
	padding:5px 0px 9px 5px;
	margin-top:15px;
	margin-bottom:0px;
	background:url(../img/top/news.gif) no-repeat;
	font-size:12px;
	line-height:1.4;
	color:#00A5DE;
	float:left;
}
#newquiz p{float:left;}
#newquiz .textleft{width:309px;height:65px;float:left;margin-right:12px;}
#newquiz .textleft p{height:35px;margin:15px 0px 0px 4px;}
#newquiz .textright{width:305px;height:65px;margin-top:4px;} 


#mainbox{width:637px;float:left;}
#mainbox .mainboxleft{
	width:287px;
	height:376px;
	background:url(../img/top/topic_box.gif);
	float:left;
	padding:7px;
}
#mainbox .mainboxleft h2{float:left;position:relative;top:-2px;left:-3px;height:31px;}
#mainbox .mainboxleft ul{float:right;margin:1px 1px 6px 0px;}
#mainbox .mainboxleft li{ float:left;margin-left:4px;}

#mainbox .mainboxright{
	width:320px;
	float:right;
	height:390px;
}
#mainbox .mainboxadsense{
	padding: 10px 0px 0px;
	width: 637px;
	height: 15px;
	float: left;
}

.joinmenu{margin-bottom:11px;}
.phmenu li{ float:left;}

#genre{
	width:636px;
	background:#fff;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	float:left;
	margin-top:15px;
	font-size: 12px;
	line-height: 1.25;
}
#genre hr{
	margin: 0px auto; height: 1px; border-top: dotted 1px #ccc; border-bottom: none 0px; width: 95%;
}

.genrebox{
	padding: 15px 0px 0px 10px;
}
.specialbox{
	padding: 10px 0px 0px 10px;
}

.genrebox li, .specialbox li{
	float:left;
	width:155px;
	margin-bottom:10px;
}
.genrebox li{
	height:auto;
}
.specialbox li{
	height:84px;
}

.genrebox h3, .specialbox h3{
	padding-left:0px;margin-bottom:0px;
}


#keywordbox{
	width:636px;
	background:#fff;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	float:left;
	margin-top:15px;
	font-size: 12px;
}

#keywordbox h3 {
	color: #333; padding-left: 5px; margin-bottom: 0px;
}

.keyword ol{
	width:148px;
	height:auto;
	float:left;
	font-weight:bold;
}
.keyword li{
	width:148px;
	height:20px;
	overflow: hidden;
	margin:3px 0px;
}
.keyword li a{
	color:#333333;
	width:132px;
	height:10px;
	padding:5px 8px;
	line-height:0.9;
	display:block;
	text-align:center;
	text-decoration:none;
}
.keyword ol.keyword_special{
	clear: both;
	width: 630px;
	overflow: hidden;
}
.keyword .keyword_special li{
	width: 150px;
	height: auto;
	float: left;
	margin-right: 58px;
}
.keyword .keyword_special li a {
	height: auto;
	padding: 0px;
}

/*
 * 1 2 3
 * 4 5 6
 * special
 */
.keyword ol.keyword01, .keyword ol.keyword04 {margin-left: 20px;}
.keyword ol.keyword01, .keyword ol.keyword02, .keyword ol.keyword04, .keyword ol.keyword05 {
	margin-right:60px;
}
.keyword ol.keyword_special {margin-left: 20px;}

.keyword01 li{background:url(../img/top/bg_keyword01.gif) no-repeat;}
.keyword02 li{background:url(../img/top/bg_keyword02.gif) no-repeat;}
.keyword03 li{background:url(../img/top/bg_keyword03.gif) no-repeat;}
.keyword04 li{background:url(../img/top/bg_keyword04.gif) no-repeat;}
.keyword05 li{background:url(../img/top/bg_keyword05.gif) no-repeat;}
.keyword06 li{background:url(../img/top/bg_keyword06.gif) no-repeat;}

.keyword01 li a:hover{color:white;background:url(../img/top/bg_keyword01_o.gif) no-repeat;}
.keyword02 li a:hover{color:white;background:url(../img/top/bg_keyword02_o.gif) no-repeat;}
.keyword03 li a:hover{color:white;background:url(../img/top/bg_keyword03_o.gif) no-repeat;}
.keyword04 li a:hover{color:white;background:url(../img/top/bg_keyword04_o.gif) no-repeat;}
.keyword05 li a:hover{color:white;background:url(../img/top/bg_keyword05_o.gif) no-repeat;}
.keyword06 li a:hover{color:white;background:url(../img/top/bg_keyword06_o.gif) no-repeat;}

/* open quiz */
ul.tagCloud { margin: 0 0 0.5em; padding: 5px; line-height: 2.4; text-align: center; overflow: hidden; }
ul.tagCloud li { margin: 0; padding: 0; width: auto; height: auto; display: inline; font-size: 100%; white-space: nowrap; white-space: normal\9; }

ul.tagCloud li a { padding: 3px 5px; border: 1px solid; width: auto; height: auto; display: inline; position: relative; text-decoration: none; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	/* for opera only */
	ul.tagCloud li a { position: static; line-height: 1.7; }
}
ul.tagCloud li.level1 a { z-index: 6; font-size: 144%; }
ul.tagCloud li.level2 a { z-index: 5; font-size: 136%; font-weight: bold; top: -1px; }
ul.tagCloud li.level3 a { z-index: 4; font-size: 114%; font-weight: bold; }
ul.tagCloud li.level4 a { z-index: 3; font-size: 100%; top: -3px; }
ul.tagCloud li.level5 a { z-index: 2; font-size: 85%; }
ul.tagCloud li.level6 a { z-index: 1; font-size: 70%; top: -5px;}
ul.tagCloud li.genre_humanities a { border-color: #98d2d4; background-color: #e6f5fa; }
ul.tagCloud li.genre_science a { border-color: #CCD24E; background-color: #e5e59f; }
ul.tagCloud li.genre_sports a { border-color: #95A9A8; background-color: #cedde0; }
ul.tagCloud li.genre_art a { border-color: #EFB168; background-color: #f1dab8; }
ul.tagCloud li.genre_entertainment a { border-color: #A1D066; background-color: #cee4bd; }
ul.tagCloud li.genre_variety a { border-color: #AE8EC0; background-color: #d9cde5; }
ul.tagCloud li a:hover, ul.tagCloud li a.hover { border-color: #f94250; z-index: 10; color: #000; background-color: #fcc0c8; }
ul.tagCloud li a span { font-size: 66%; }
ul.tagCloud li.level3 a span, ul.tagCloud li.level4 a span, ul.tagCloud li.level5 a span, ul.tagCloud li.level6 a span { display: none; }


.keybox01{
	float:left;
	margin-bottom:30px;
}
.keybox02{
	margin: 5px 0px;
	clear:both;
}

.keywordmenu{
	text-align:right;
	margin-bottom:10px;
}
.newkeyword{
	padding:5px 10px;
	border-right:1px solid #fa717b;
	float:right;
}

.keyword_humanities, .keyword_science, .keyword_sports,
.keyword_art, .keyword_entertainment, .keyword_variety{
	width:148px;
	float:left;
}

.keyword .keyword_humanities, .keyword .keyword_science, .keyword .keyword_sports,
.keyword .keyword_art, .keyword .keyword_entertainment, .keyword .keyword_variety{
	margin:0px 32px 0px 20px;
}

.keyword_humanities li, .keyword_humanities{background:url(../img/top/bg_keyword01.gif) no-repeat;}
.keyword_science li, .keyword_science{background:url(../img/top/bg_keyword02.gif) no-repeat;}
.keyword_sports li, .keyword_sports{background:url(../img/top/bg_keyword03.gif) no-repeat;}
.keyword_art li, .keyword_art{background:url(../img/top/bg_keyword04.gif) no-repeat;}
.keyword_entertainment li, .keyword_entertainment{background:url(../img/top/bg_keyword05.gif) no-repeat;}
.keyword_variety li, .keyword_variety{background:url(../img/top/bg_keyword06.gif) no-repeat;}

.keyword_humanities li, .keyword_humanities a:hover{background:url(../img/top/bg_keyword01_o.gif) no-repeat;color:white;}
.keyword_science li, .keyword_science a:hover{background:url(../img/top/bg_keyword02_o.gif) no-repeat;color:white;}
.keyword_sports li, .keyword_sports a:hover{background:url(../img/top/bg_keyword03_o.gif) no-repeat;color:white;}
.keyword_art li, .keyword_art a:hover{background:url(../img/top/bg_keyword04_o.gif) no-repeat;color:white;}
.keyword_entertainment li, .keyword_entertainment a:hover{background:url(../img/top/bg_keyword05_o.gif) no-repeat;color:white;}
.keyword_variety li, .keyword_variety a:hover{background:url(../img/top/bg_keyword06_o.gif) no-repeat;color:white;}


#ranking{float:left;width:637px;margin-top:15px;margin-bottom:15px;line-height:1.25;}
#ranking li{margin-bottom:8px;}
#ranking .showall{float:right;margin-top:25px;}
.author{float:left;width:309px;}
.author ul{
	padding:22px 10px 0px 10px;
	width:287px;
	background:#fff;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
}
.author li,.answer li{color:#333;}
.answer{float:right;width:312px;}
.answer ul{
	padding:22px 10px 0px 10px;
	width:290px;
	background:#fff;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;	
}

#login-top{width:300px;margin-left:-1px;}
.loginform-box{width:243px;float:left;}
.login-form{
 width:233px;
 height:14px;
 background:none;
 border:none;
 padding:5px;
 font-size:12px;
 color:#666;
}
 .login-form-bg{
  width:243px;
  height:24px;
  background:url(../img/top/login_box.gif) no-repeat;
  background-position:top left;
  border:none;
  float:left;
}
.login-btn{margin-top:-1px;}

.loginoption{width:300px;float:left;}
*:first-child+html .loginoption{width:300px;height:12px;float:left;margin-top:-3px;}
.loginoption, .loginoption a{color:#333;font-size:12px; line-height:1.1;}
.loginoption label{position:relative;top:-2px;}
@media screen and (max-device-width: 480px) {
	.loginoption, .loginoption a{color:#333;font-size:10px; line-height:1.1;}
	.loginoption label{position:relative;top:-4px;}
}

#otherlogin{
	width:155px;height:21px;
	padding:42px 0px 0px 143px;
	background:url(../img/top/bg_regist.gif) no-repeat;
	margin:5px 0px 10px 0px;
}

/* ----------------------------------------
  3-2.mypage
---------------------------------------- */

#topicbox{
	width:350px;
	height:39px;
	padding:8px;
	background:url(../img/mypage/topicbox.gif) no-repeat;
	float:right;
}
	.topicbox_title{
		float:left;
		width:72px;
		height:39px;
		padding-left:3px;
	}
	.topicbox_text{
		float:left;
		width:275px;
		height:39px;
		line-height:1.4;
	}
	.topicbox_text a{color:#333;}

#mypg_left{width:360px;float:left;}

	#mypg_pankuzu{font-size:12px;padding-top:42px;}
		#mypg_pankuzu li{float:left;margin-right:5px;}
		#mypg_pankuzu a{color:#333;}
		#mypg_pankuzu.rankpage{padding-top:0px;}
		
	#mypgmenu{margin:8px 0px 15px 0px;height:47px;vertical-align:bottom;}
		#mypgmenu li{
			float:left;
			margin-right:4px;
			height:37px;
			vertical-align:bottom;
			display:inline;
			padding-top:10px;
		}
		#mypgmenu li.focus{
			height:47px;
			padding-top:1px;
		}
		#mypgmenu li.lastchild{margin-right:0px;}
	
	#mypagetop{width:209px;float:left;}
	#mychart{
		width:209px;
		height:255px;
		background:#fff;
		margin-bottom:3px;
	}
		#graphWrapper{
			width:209px;height:126px;
/*			background:url(../img/delete/chart.gif) no-repeat;*/
			background-repeat: no-repeat;
		}
		.mycharttext{
			width:191px;height:112px;
			padding:8px;
			border:1px solid #F94250;
			word-wrap: break-word;
		}
	
	#mypagedate{
		width:136px;
		height:273px;
		float:right;
		color:#57b1c9;
		margin-bottom:15px;
	}
		#mypagedate dl{
			font-size:12px;
			width:100px;
			padding:10px 18px 0px 18px;
			
			float:right;
			color:#57b1c9;
		}
		#mypagedate dt{}
		
	#mygood, #myaccessdate{margin-bottom:10px;}
		#mygood ul, #myaccessdate ul, #mylist ul, #mylist div{
			width:321px;
			padding:10px 18px 8px 18px;
			float:left;
			color:#57b1c9;
			background:#fff;
			border-left:1px solid #F94250;
			border-right:1px solid #F94250;
			border-bottom:1px solid #F94250;
			/** margin-bottom:15px; */
		}
		#mygood ul, #myaccessdate ul {
			margin-bottom:15px; 
		}
		
		#mygood li, #myaccessdate li, #mylist li {margin-bottom:5px;}
		#mygood li a, #myaccessdate li a, #mylist li a{font-size:12px;}
		#accessinfo li, #myaccessdate li, #mylist li{list-style-type:disc; margin-left: 0.5em;}

#mypg_right{width:266px;float:right;}
	#myracentinfo dl{
		width:240px;
		/**height:60px;**/
		padding:8px 12px 8px 12px;
		background:#fff;
		border-left:1px solid #F94250;
		border-right:1px solid #F94250;
		float:left;
		font-size:12px;
		word-wrap: break-word;
	}
	#myracentinfo p{
		width:240px;
		padding:8px 12px 8px 12px;
		background:#fff;
		border-left:1px solid #F94250;
		border-right:1px solid #F94250;
		border-bottom:1px solid #F94250;
		float:left;
		font-size:12px;
	}
	#myracentinfo dt{margin-bottom:5px;}
	#myracentinfo .check{text-align:right;margin-top:5px;border-bottom:1px solid #FBC6E0;padding-bottom:10px;}
	
#userinfo{width:301px; margin-bottom:10px;}
	.userph{width:135px;height:135px;float:left;}
	.userinfo_menu{float:right;width:156px;}
	.username{height:25px;}
	.userinfo_menu .name{float:left;font-weight:bold;font-size:12px;line-height: 110%;}
	.userinfo_menu .custum{float:right;font-size:12px;line-height:1.5;}
	#userinfo li{margin-top:3px;}
	#userinfo .logoutbtn{position:relative;top:2px;left:2px;}
	.userinfodate{
		width:277px;
		height:36px;
		padding:4px 12px 4px 12px;
		background:url(../img/mypage/bg_userinfodate.gif) no-repeat;
		float:left;
		margin-top:10px;
		color:#000;
		font-size:12px;
		line-height:1.5;
	}

*:first-child+html .userinfodate{margin-top:15px;}
*:first-child+html .boxbottom{margin-top:-15px;}
table.quiztable, table.quiztable tr { table-layout:fixed; word-wrap:break-word; text-align: center; vertical-align:middle;}
table.quiztable, table.quiztable tr { width: 593px; }
/* ie8, firefox, chrome | ie7 value is different, subtracting
left/right paddings */
table.quiztable col.number { width: 22px; *width: 16px; }
table.quiztable col.accesslevel { width: 58px; *width: 52px; }
table.quiztable col.content { width: 210px; *width: 204px; }
table.quiztable col.like { width: 68px; *width: 62px; }
table.quiztable col.trycount { width: 71px; *width: 65px; }
table.quiztable col.tweet { width: 68px; *width: 62px; }
table.quiztable col.action { width: 48px; *width: 42px; }
table.quiztable td.text-left { text-align: left;}

.user_comment { word-wrap: break-word;}
/* ----------------------------------------
  3-3.access
---------------------------------------- */
#access_research, #accessinfo{
	width:634px;
	background:#fff;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	float:left;
	margin-bottom:15px;
	font-size:12px;
}

.graf{
 width:638px;
 height:323px;
 position: relative;
}

.graf li{margin-bottom:9px;}

.graf .no1{
 width:58px;height:58px;
 background:url(../img/access/no1.gif) no-repeat;
 position:absolute;
 left: 555px;
 display: none;
 opacity: 0.9;
}
.graf .date1{top:10px;}
.graf .date2{top:51px;}
.graf .date3{top:93px;}
.graf .date4{top:135px;}
.graf .date5{top:177px;}
.graf .date6{top:219px;}
.graf .date7{top:260px;}

#selectdate { margin-left: 2.5em; margin-bottom: 1em; }
#selectdate dt { float: left; width: 4em; text-align: right; margin-right: 0.2em; }
#selectdate a, #selectdate span { padding: 0px 0.2em; }

/* ----------------------------------------
  3-4.make
---------------------------------------- */
#make li{margin-bottom:3px;}
#make .h2title{font-size:16px;line-height:1.2;border-left:4px solid;height:17px;padding-left:6px;margin:11px 0px 0px 8px;}
.question-box{
 width:521px;
 width : 521px\9; /* IE8 and below */
    *width : 516px; /* IE7 and below */
 height:17px;
 background:none;
 border:none;
 padding:5px;
 margin-left : 0px\9; /* IE8 and below */
    *margin-left : -9px; /* IE7 and below */

}
 .question-box-bg{
  width:531px;
  height:27px;
  background:url(../img/make/form_long.gif) no-repeat;
  background-position:top left;
  border:none;
  margin-bottom:5px;
 }
.question-box_m{
 width:461px;
 width : 461px\9; /* IE8 and below */
    *width : 456px; /* IE7 and below */
 height:17px;
 background:none;
 border:none;
 padding:5px;
}
.question-box_m-bg{
  width:471px;
  height:27px;
  background:url(../img/make/form_middle.gif) no-repeat;
  background-position:top left;
  border:none;
  margin-bottom:10px;
 }

.question-box_s{
 width:231px;
 width : 231px\9; /* IE8 and below */
    *width : 231px; /* IE7 and below */
 height:17px;
 background:none;
 border:none;
 padding:5px;
}

.question-box_s-bg{
  width:251px;
  height:27px;
  background:url(../img/make/form_short.gif) no-repeat;
  background-position:top left;
  border:none;
  margin-bottom:10px;
}



.border555{width:555px;border-bottom:1px solid #333;padding-bottom:10px;}
.border570{width:570px;border-bottom:1px solid #999;padding-bottom:10px;}
.border600{width:600px;border-bottom:1px solid #333;padding-bottom:25px;}
.mrdmy{margin-right:65px;}

#make .confirm td{padding:8px;border:1px solid #0373A3;}
#make .confirm .read{
	border-color:#0373A3;
	background:#D9E5F1;
}

#make table.notable{border:none;padding:0px;}

/* #make .commentarea{ */
.commentarea{
 width:310px;
 height:48px;
 background:none;
 border:none;
 padding:5px;
 color:#999;
}
/* *:first-child+html #make .commentarea{ */
*:first-child+html .commentarea{
 margin-left:-10px;
}
/* #make .commentarea_bg{ */
.commentarea_bg{
  width:330px;
  height:80px; /* 66*/
  background:url(../img/make/bg_form02.gif) no-repeat;
  background-position:top left;
  overflow-x:hidden;
 }


/* ----------------------------------------
  3-5.help
---------------------------------------- */
#common .qrposition{
	float:right;
	position:relative;
	top:-25px;
}


/* ----------------------------------------
  3-6.regist
---------------------------------------- */
.crowdbox{
	width:575px;
	height:44px;
	background:url(../img/register/bg_crowd.gif) no-repeat;
	padding:10px;
	margin-left:5px;
	}

.registform td{padding:3px 0px;}
.registbox{
 width:231px;
 height:17px;
 background:none;
 border:none;
 padding:7px 5px 3px 5px;
 padding : 7px 5px 3px 5px\9; /* IE8 and below */
    *padding : 6px 5px 4px 5px; /* IE7 and below */
}

*:first-child+html .registbox{
 width:229px;
 height:17px;
 background:none;
 border:none;
    padding : 6px 5px 4px 5px;
 margin-left:3px;
}

html>/* */body .registbox{
 width:229px\9;
 height:17px;
 background:none;
 border:none;
    padding : 6px 5px 4px 5px\9;
 margin-left:3px\9;
}

 .registbox_bg{
  width:241px;
  height:27px;
  background:url(../img/register/bg_form.gif) no-repeat;
  background-position:top left;
}

#common .confirm td{padding:8px;border:1px solid #F94250;}
#common .confirm .read{
	border-color:#F94250;
	background:#fde5f2;
}
#common .noticebox{
	width:461px;
	height:64px;
	background:url(../img/register/bg_notice.gif) no-repeat;
	background-position:top left;
	padding:13px 15px 10px 50px;
}

/* ----------------------------------------
  3-7.search
---------------------------------------- */
#common .searchbox{
 width:262px;
 height:15px;
 background:none;
 border:none;
 padding:7px 8px 5px 8px;
 padding : 7px 8px 5px 8px\9; /* IE8 and below */
    *padding : 6px 8px 6px 8px; /* IE7 and below */
}

*:first-child+html #common .searchbox{
 width:259px;
 height:15px;
 background:none;
 border:none;
    padding : 6px 8px 6px 8px;
 margin-left:3px;
}

html>/* */body #common .searchbox{
 width:259px\9;
 height:15px;
 background:none;
 border:none;
    padding : 6px 8px 6px 8px\9;
 margin-left:3px\9;
}

 #common .searchbox_bg{
  width:278px;
  height:27px;
  background:url(../img/search/bg_search.gif) no-repeat;
  background-position:top left;
}

#common .resultbox a{
	width:202px;
	height:15px;
	background:url(../img/search/bg_result.gif) no-repeat;
	background-position:top left;
	border:none;
	padding:7px 8px 5px 8px;
	color:#F94250;
	float:left;
	text-decoration:none;
}
/*#common .resultbox_humanities a,
#common .resultbox_science a,
#common .resultbox_entertainment a,
#common .resultbox_sports a,
#common .resultbox_art a,
#common .resultbox_variety a
{ background-image: none; border-style: solid; border-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
*/
/*色つけ
#common .resultbox_all a { color: navy; border-color: navy;}
#common .resultbox_humanities a { color: green; border-color: green; }
#common .resultbox_science a { color: gold; border-color: gold; }
#common .resultbox_entertainment a { color: red; border-color: red; }
#common .resultbox_sports a { color: brown; border-color: brown; }
#common .resultbox_art a { color: yellow; border-color: yellow; }
#common .resultbox_variety a { color: blue; border-color: blud; }
*/

#common .resultlist{margin-bottom:13px;}
#common .resultlist dt{float:left;font-size:14px;margin-right:8px;}
#common .resultlist dd{line-height:170%;color:#aaa;}
.search_result hr{width:93%; *width:95%; height:0px; border-top:1px solid #c5c5c5;border-bottom:none; margin:10px 0px 20px 15px; padding:0; clear:both;}

.search_result h4{
	font-size:16px; line-height:1.2;
	padding-left:10px;
	margin-left:12px;
	margin-right:10px;
	margin-bottom:10px;
	border-left:2px solid #F94250;
	width:119px;
	height:20px;
	float:left;
	color:#333;
	display:block;
	}
.search_result li{display:block; float:left; margin-bottom:10px;}
.sr_box{margin-left:13px; margin-bottom:0px;*margin-bottom:20px;height:auto; display:block;padding-bottom:15px;}
.search_result li a{
	font-size:12px; color:#333; text-decoration:none;
	width:144px; height:17px;
	padding:4px 0px 0px 4px;
	display:block;
	float:left;
	letter-spacing:0px;
	text-align:center;
	}
/* ----------------------------------------
  3-8.other
---------------------------------------- */
.notitle{
	height:22px;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#222;
	padding:4px 0px 4px 7px;
	background:url(../img/other/bg_title.gif) no-repeat scroll right top transparent;
}
#common .notitle{
	clear:both;
	width:629px;
}

#common .bg_makequiz{
	width:572px;
	display:block;
	clear:both;
	background:url(../img/other/bg_quiz.gif) no-repeat left bottom;
	font-size:14px;
}
#common .bg_makequiz td{padding-bottom:5px;}

/* ----------------------------------------
  3-9.quiz
---------------------------------------- */

#common .quizbox01{
	width:278px;
	height:100px;
	display:block;
	clear:both;
	padding:8px 10px;
	background:url(../img/quiz/bg_box01.gif) no-repeat;
}
#common .quizbox01 p{margin-bottom:3px;}

.positionbox{position:relative;}
.floatbox{
	position:relative;
	left:40px;
	background-repeat: no-repeat;
	width:321px;
	height:357px;
	float:left;
}
*:first-child+html .floatbox{
	position:relative;
	left:40px;
	background-repeat: no-repeat;
	width:321px;
	height:357px;
	float:left;
}
.floatdammybox{height:420px;}

.challbox{
	background:url(../img/quiz/challbox_top.gif) no-repeat;
	width:197px;
	padding-top:8px;
	/** float:left; */
	}

.challbox ul{
	background:url(../img/quiz/challbox_bottom.gif) no-repeat bottom;
	padding:0px 0px 8px 0px;
}	
.challbox li{
	padding:0px 15px 8px 15px;
	width:182px;
	background:url(../img/quiz/challbox_bg.gif) repeat-y;
}

.challbox .firstchild{font-size:14px;padding-top:5px;}

.chall-genre{
	float:left;
	width:208px;
}
.chall-genre li{margin-top:2px;}

.chall-keyword{
	width:217px;
	background:#fde5f2;
	border:1px solid #F94250;
	padding:25px 25px 10px 25px;
}

.chall-keyword li{
	background:#fff;
	border-left:1px solid #fab4d8;
	border-right:1px solid #fab4d8;
	border-bottom:1px solid #fab4d8;
	padding:8px 10px;
	}
.chall-keyword ol{
	width:217px;
	border-top:1px solid #fab4d8;
	margin-bottom:5px;
	}

.chall-one{
	width:100%;
	clear:both;
}

.chall-one li{margin-bottom:10px;}

/*
*:first-child+html .floatbox{
	position:absolute;
	top:-15px;
	left:50px; */
/*	background:url(../img/delete/sample.gif) no-repeat; */
/*
	background-repeat: no-repeat;
	width:321px;
	height:357px;
}*/
.titlenamebox{
	width:197px; 
	word-wrap: break-word;
}
.cultbox a{
	width:202px;
	height:15px;
	background:url(../img/search/bg_result.gif) no-repeat;
	background-position:top left;
	border:none;
	padding:7px 8px 5px 8px;
	color:#F94250;
	float:left;
	text-decoration:none;
	text-align:center;
}

/* ----------------------------------------
  3-10.ranking
---------------------------------------- */
ul.rankmenu{
	width:592px;
	height:54px;
	display:block;
	background:url(../img/register/bg_rankmenu.gif) no-repeat left bottom;
}

ul.rankmenu li{float:left;}
.rankbox{
	width:570px;
	border-left:1px solid #fab9b3;
	border-right:1px solid #fab9b3;
	background:#fef1f8;
	padding:10px;
}
.rankbox td{padding-bottom:5px;}
.rankbox .borderb{
	border-bottom:1px solid #b2b2b4;
	width:100%;
	padding:10px 0px;
}

/* ----------------------------------------
  3-11.made
---------------------------------------- */
#made .bgtop{
	width:592px;
	height:27px;
	background:url(../img/made/bg_tabletop.gif) no-repeat left top;
	padding:5px 0px;
	line-height:1.5;
}
#made th{
	text-align:center;
}
#made .tile{
	background:url(../img/made/bg_table.gif) repeat-y;
}
#made .tile td{
	border-bottom:1px solid #c5c5c5;
	padding:3px;
	background:none;
}

/* ----------------------------------------
  3-12.history
---------------------------------------- */
#history .genrebox{width:620px;}
#history .genrebox dl{
	width:300px;
	height:75px;
	font-size:16px;
	float:left;
	margin-bottom:15px;
}
#history .genrebox dt{float:left;margin-right:10px;}
#history .genrebox dd{height:37px;line-height:300%;}

/* ----------------------------------------
  3-13.remember
---------------------------------------- */

#remember .box01,#remember .box02,#remember .box03{
	width:522px;
	height:85px;
	padding:17px 17px;
}
*:first-child+html #remember .box01,
*:first-child+html #remember .box02,
*:first-child+html #remember .box03{
	width:522px;
	height:85px;
	padding:32px 17px 17px 17px;
}

#remember .box01{background:url(../img/remember/box01.gif) no-repeat left top;}
#remember .box02{background:url(../img/remember/box02.gif) no-repeat left top;}
#remember .box03{background:url(../img/remember/box03.gif) no-repeat left top;}

/* ----------------------------------------
  3-14.custum
---------------------------------------- */
#custum td{padding:3px 0px;}

#custum .custumform{
 width:310px;
 height:17px;
 background:none;
 border:none;
 padding:5px;
}

*:first-child+html #custum .custumform{
 width:302px;
 height:17px;
 background:none;
 border:none;
 padding:5px;
 margin-left:4px;
}

html>/* */body #custum .custumform{
 width:302px\9;
 height:17px;
 background:none;
 border:none;
 padding:5px;
 margin-left:4px\9;
}

 #custum .custumform_bg{
  width:320px;
  height:27px;
  background:url(../img/custom/bg_form01.gif) no-repeat;
  background-position:top left;
}
#custum .custumarea{
 width:310px;
 height:48px;
 background:none;
 border:none;
 padding:5px;
 color:#999;
}
 #custum .custumarea_bg{
  width:320px;
  height:66px;
  background:url(../img/custom/bg_form02.gif) no-repeat;
  background-position:top left;
  overflow-x:hidden;
}