@charset "utf-8";

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 80%;
	line-height:1.5;
	color:#666666;
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	overflow-x:hidden;
	background:#fff;
}
#wrapper{
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
img {border:none; outline:none;}
p{
	padding-bottom:1em;
}
hr{
	clear:both;
	visibility:hidden;
	margin-bottom:10px;
}




/* ヘッダー
---------------------------------------------------- */
#header{
	width:100%;
	margin:0 auto;
	text-align:left;
	display:inline-block;
	zoom:100%;
}
#header:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#header h1{
	margin:0;
	padding:0;
	line-height:0;
	float:left;
}
#header h1 a{
	outline:none;
}
#header #make{
	text-align:right;
	padding:8px 0 6px 0;
	border-bottom:solid 1px #CCCCCC;
}

#header #make a{
	padding:3px 10px 5px 25px;
	text-decoration:none;
	color:#666;
	background:url(../images/make.jpg) no-repeat;
	background-position:0 0;
}
#header #make a:hover{
	padding:3px 10px 5px 25px;
	text-decoration:underline;
	color:#666;
	background:url(../images/make2.jpg) no-repeat;
	color:#B90D0D;
	background-position:0 0;
}

/* 説明ページ
---------------------------------------------------- */
#about{
	width:500px;
	clear:both;
	text-align:left;
	margin:0 auto;
}
#about h2{
	border-bottom:1px dashed #999999;
	margin-bottom:5px;
	margin-top:20px;
	font-size:130%;
}
#about ul{
	margin-left:40px;
	padding-bottom:30px;
}
#about ul li{
	margin-bottom:10px;
}

#news {
	padding:20px 0 0 0;
}

/* 最初
---------------------------------------------------- */
#first{
	width:860px;
	margin:0 auto;
	height:286px;
	font-size:90%;
	background:url(../images/bg-black.jpg) no-repeat;
}

#first .info{
	height:79px;
	width:800px;
	text-align:left;
	padding:30px 30px 0 30px;
	color:#FFFFFF;
	overflow:hidden;
}

#first .info input{
	border:none;
	background:#bbb;
	padding:3px 5px;
	margin-left:3px;
	width:150px;
}
#first .info img{
	vertical-align:middle;
}
#first .info a:link,
#first .info a:visited{
	color:#fff;
}
#first .info a:hover{
	color:#ccc;
}
#first ol{
	list-style:none;
	padding-left:23px;
}
#first ol li{
	float:left;
}
#first ol li a{
	display:block;
	width:56px;
	height:175px;
	text-indent:-9999px;
}

.tsumo{
	margin-left:25px;
}

#first .man1 a{background:url(../images/next/1-1.jpg) no-repeat;}
#first .man2 a{background:url(../images/next/1-2.jpg) no-repeat;}
#first .man3 a{background:url(../images/next/1-3.jpg) no-repeat;}
#first .man4 a{background:url(../images/next/1-4.jpg) no-repeat;}
#first .man5 a{background:url(../images/next/1-5.jpg) no-repeat;}
#first .man6 a{background:url(../images/next/1-6.jpg) no-repeat;}
#first .man7 a{background:url(../images/next/1-7.jpg) no-repeat;}
#first .man8 a{background:url(../images/next/1-8.jpg) no-repeat;}
#first .man9 a{background:url(../images/next/1-9.jpg) no-repeat;}

#first .man1 a:hover{background:url(../images/next/1-1.jpg) no-repeat; background-position:-56px;}
#first .man2 a:hover{background:url(../images/next/1-2.jpg) no-repeat; background-position:-56px;}
#first .man3 a:hover{background:url(../images/next/1-3.jpg) no-repeat; background-position:-56px;}
#first .man4 a:hover{background:url(../images/next/1-4.jpg) no-repeat; background-position:-56px;}
#first .man5 a:hover{background:url(../images/next/1-5.jpg) no-repeat; background-position:-56px;}
#first .man6 a:hover{background:url(../images/next/1-6.jpg) no-repeat; background-position:-56px;}
#first .man7 a:hover{background:url(../images/next/1-7.jpg) no-repeat; background-position:-56px;}
#first .man8 a:hover{background:url(../images/next/1-8.jpg) no-repeat; background-position:-56px;}
#first .man9 a:hover{background:url(../images/next/1-9.jpg) no-repeat; background-position:-56px;}



#first .pin1 a{background:url(../images/next/2-1.jpg) no-repeat;}
#first .pin2 a{background:url(../images/next/2-2.jpg) no-repeat;}
#first .pin3 a{background:url(../images/next/2-3.jpg) no-repeat;}
#first .pin4 a{background:url(../images/next/2-4.jpg) no-repeat;}
#first .pin5 a{background:url(../images/next/2-5.jpg) no-repeat;}
#first .pin6 a{background:url(../images/next/2-6.jpg) no-repeat;}
#first .pin7 a{background:url(../images/next/2-7.jpg) no-repeat;}
#first .pin8 a{background:url(../images/next/2-8.jpg) no-repeat;}
#first .pin9 a{background:url(../images/next/2-9.jpg) no-repeat;}

#first .pin1 a:hover{background:url(../images/next/2-1.jpg) no-repeat; background-position:-56px;}
#first .pin2 a:hover{background:url(../images/next/2-2.jpg) no-repeat; background-position:-56px;}
#first .pin3 a:hover{background:url(../images/next/2-3.jpg) no-repeat; background-position:-56px;}
#first .pin4 a:hover{background:url(../images/next/2-4.jpg) no-repeat; background-position:-56px;}
#first .pin5 a:hover{background:url(../images/next/2-5.jpg) no-repeat; background-position:-56px;}
#first .pin6 a:hover{background:url(../images/next/2-6.jpg) no-repeat; background-position:-56px;}
#first .pin7 a:hover{background:url(../images/next/2-7.jpg) no-repeat; background-position:-56px;}
#first .pin8 a:hover{background:url(../images/next/2-8.jpg) no-repeat; background-position:-56px;}
#first .pin9 a:hover{background:url(../images/next/2-9.jpg) no-repeat; background-position:-56px;}



#first .so1 a{background:url(../images/next/3-1.jpg) no-repeat;}
#first .so2 a{background:url(../images/next/3-2.jpg) no-repeat;}
#first .so3 a{background:url(../images/next/3-3.jpg) no-repeat;}
#first .so4 a{background:url(../images/next/3-4.jpg) no-repeat;}
#first .so5 a{background:url(../images/next/3-5.jpg) no-repeat;}
#first .so6 a{background:url(../images/next/3-6.jpg) no-repeat;}
#first .so7 a{background:url(../images/next/3-7.jpg) no-repeat;}
#first .so8 a{background:url(../images/next/3-8.jpg) no-repeat;}
#first .so9 a{background:url(../images/next/3-9.jpg) no-repeat;}

#first .so1 a:hover{background:url(../images/next/3-1.jpg) no-repeat; background-position:-56px;}
#first .so2 a:hover{background:url(../images/next/3-2.jpg) no-repeat; background-position:-56px;}
#first .so3 a:hover{background:url(../images/next/3-3.jpg) no-repeat; background-position:-56px;}
#first .so4 a:hover{background:url(../images/next/3-4.jpg) no-repeat; background-position:-56px;}
#first .so5 a:hover{background:url(../images/next/3-5.jpg) no-repeat; background-position:-56px;}
#first .so6 a:hover{background:url(../images/next/3-6.jpg) no-repeat; background-position:-56px;}
#first .so7 a:hover{background:url(../images/next/3-7.jpg) no-repeat; background-position:-56px;}
#first .so8 a:hover{background:url(../images/next/3-8.jpg) no-repeat; background-position:-56px;}
#first .so9 a:hover{background:url(../images/next/3-9.jpg) no-repeat; background-position:-56px;}



#first .ji1 a{background:url(../images/next/4-1.jpg) no-repeat;}
#first .ji2 a{background:url(../images/next/4-2.jpg) no-repeat;}
#first .ji3 a{background:url(../images/next/4-3.jpg) no-repeat;}
#first .ji4 a{background:url(../images/next/4-4.jpg) no-repeat;}
#first .ji5 a{background:url(../images/next/4-5.jpg) no-repeat;}
#first .ji6 a{background:url(../images/next/4-6.jpg) no-repeat;}
#first .ji7 a{background:url(../images/next/4-7.jpg) no-repeat;}

#first .ji1 a:hover{background:url(../images/next/4-1.jpg) no-repeat; background-position:-56px;}
#first .ji2 a:hover{background:url(../images/next/4-2.jpg) no-repeat; background-position:-56px;}
#first .ji3 a:hover{background:url(../images/next/4-3.jpg) no-repeat; background-position:-56px;}
#first .ji4 a:hover{background:url(../images/next/4-4.jpg) no-repeat; background-position:-56px;}
#first .ji5 a:hover{background:url(../images/next/4-5.jpg) no-repeat; background-position:-56px;}
#first .ji6 a:hover{background:url(../images/next/4-6.jpg) no-repeat; background-position:-56px;}
#first .ji7 a:hover{background:url(../images/next/4-7.jpg) no-repeat; background-position:-56px;}


#next-bottom{
	background:url(../images/next-bottom.jpg) no-repeat;
	width:860px;
	height:50px;
	margin:0 auto;
	text-align:left;
}
#next-bottom a{
	background:url(../images/delete.jpg) no-repeat;
	background-position:-145px;
	width:145px;
	height:50px;
	text-indent:-9999px;
	margin-left:715px;
	display:block;
}
#next-bottom a:hover{
	background:url(../images/delete.jpg) no-repeat;
	background-position:0;
	width:145px;
	height:50px;
	text-indent:-9999px;
	margin-left:715px;
	display:block;
}


/* 結果
---------------------------------------------------- */
#result{
	width:860px;
	height:356px;
	background:url(../images/result.jpg) no-repeat;
	margin:20px auto;
	vertical-align:bottom;
}

#result h3{display:none;}

#result .info{
	height:73px;
	text-align:left;
	padding :50px 0 0 30px;
	color:#FFFFFF;
	overflow:hidden;
}
#result .info img{
	vertical-align:middle;
}

#result .info a:link,
#result .info a:visited{
	color:#fff;
}
#result .info a:hover{
	color:#ccc;
}

#result ol{
	list-style:none;
	padding-left:23px;
}

#result ol li{
	float:left;
	width:56px;
	height:170px;
	font-size:100%;
}
#result ol li span{
	display:none;
}


.tsumo{
	margin-left:25px;
}

#result .man1{background:url(../images/result/1-1-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man2{background:url(../images/result/1-2-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man3{background:url(../images/result/1-3-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man4{background:url(../images/result/1-4-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man5{background:url(../images/result/1-5-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man6{background:url(../images/result/1-6-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man7{background:url(../images/result/1-7-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man8{background:url(../images/result/1-8-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .man9{background:url(../images/result/1-9-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}

#result .pin1{background:url(../images/result/2-1-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin2{background:url(../images/result/2-2-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin3{background:url(../images/result/2-3-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin4{background:url(../images/result/2-4-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin5{background:url(../images/result/2-5-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin6{background:url(../images/result/2-6-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin7{background:url(../images/result/2-7-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin8{background:url(../images/result/2-8-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .pin9{background:url(../images/result/2-9-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}

#result .so1{background:url(../images/result/3-1-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so2{background:url(../images/result/3-2-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so3{background:url(../images/result/3-3-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so4{background:url(../images/result/3-4-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so5{background:url(../images/result/3-5-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so6{background:url(../images/result/3-6-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so7{background:url(../images/result/3-7-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so8{background:url(../images/result/3-8-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .so9{background:url(../images/result/3-9-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}

#result .ji1{background:url(../images/result/4-1-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .ji2{background:url(../images/result/4-2-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .ji3{background:url(../images/result/4-3-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .ji4{background:url(../images/result/4-4-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .ji5{background:url(../images/result/4-5-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .ji6{background:url(../images/result/4-6-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}
#result .ji7{background:url(../images/result/4-7-1.jpg) no-repeat; margin-top:40px; background-position:bottom;}


#result .man1-on{background:url(../images/result/1-1-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man2-on{background:url(../images/result/1-2-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man3-on{background:url(../images/result/1-3-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man4-on{background:url(../images/result/1-4-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man5-on{background:url(../images/result/1-5-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man6-on{background:url(../images/result/1-6-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man7-on{background:url(../images/result/1-7-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man8-on{background:url(../images/result/1-8-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .man9-on{background:url(../images/result/1-9-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}

#result .pin1-on{background:url(../images/result/2-1-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin2-on{background:url(../images/result/2-2-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin3-on{background:url(../images/result/2-3-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin4-on{background:url(../images/result/2-4-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin5-on{background:url(../images/result/2-5-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin6-on{background:url(../images/result/2-6-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin7-on{background:url(../images/result/2-7-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin8-on{background:url(../images/result/2-8-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .pin9-on{background:url(../images/result/2-9-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}

#result .so1-on{background:url(../images/result/3-1-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so2-on{background:url(../images/result/3-2-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so3-on{background:url(../images/result/3-3-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so4-on{background:url(../images/result/3-4-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so5-on{background:url(../images/result/3-5-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so6-on{background:url(../images/result/3-6-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so7-on{background:url(../images/result/3-7-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so8-on{background:url(../images/result/3-8-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .so9-on{background:url(../images/result/3-9-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}

#result .ji1-on{background:url(../images/result/4-1-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .ji2-on{background:url(../images/result/4-2-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .ji3-on{background:url(../images/result/4-3-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .ji4-on{background:url(../images/result/4-4-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .ji5-on{background:url(../images/result/4-5-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .ji6-on{background:url(../images/result/4-6-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}
#result .ji7-on{background:url(../images/result/4-7-2.jpg) no-repeat; height:190px; margin-top:20px; background-position:bottom; font-weight:bold;}


/* コンテンツ
---------------------------------------------------- */
#content-nanikiru{
	padding:0px 70px;
}
#content-nanikiru h2{
	margin-bottom:10px;
}

/* ランキング
---------------------------------------------------- */
#rank{
	float:left;
	width:420px;
}
#rank table{
	width:100%;
}
#rank table td{
	padding-bottom:10px;
}
.rank-no{
	width:79px;
}
.point{
	padding-left:10px;
}
.point strong{
	font-size:30px;
}

/* 投稿者の回答
---------------------------------------------------- */
#maker{
	float:right;
	width:420px;
}
.maker-img{
	float:left;
	width:70px;
	padding-top:15px;
}
.maker-comment{
	float:right;
	width:350px;
	text-align:left;
	padding-top:15px;
}
#maker-post-day{
	text-align:right;
	margin-top:3px;
	clear:both;
}



/* コメント
---------------------------------------------------- */
#comment{
	text-align:left;
	width:496px;
	margin:0 auto;
}

.comment-name{
	width:476px;
	height:42px;
	background:url(../images/comment-top.jpg) no-repeat;
	padding:5px 0 0 20px;
}
.comment-name strong{
	font-size:110%;
}
.comment-body{
	background:#95ad1a;
	padding:5px 10px;
	color:#FFFFFF;
	display: inline-block;
	width:476px;
	margin:0;
}
.comment-body table{
	width:100%;
	display:inline;
}
.chose-hai{
	width:60px;
}

.comment-bottom{
	background:url(../images/comment-bottom.jpg) no-repeat bottom #95ad1a;
	height:20px;
	width:496px;
	margin-bottom:20px;
}


/* ボタン
---------------------------------------------------- */
#close{
	padding:20px;
	width:196px;
	margin:0 auto;
	text-indent:-9999px;
}
#close a{
	display:block;
	background:url(../images/close1.jpg) no-repeat;
	width:196px;
	height:44px;
}
#close a:hover{
	display:block;
	background:url(../images/close2.jpg) no-repeat;
	width:196px;
	height:44px;
}


/* 問題作成
---------------------------------------------------- */
#select span img{
	cursor:move;
}


#selected{
	width:700px;
	margin:20px auto;
	padding:10px;
	border:1px solid #999999;
	vertical-align:bottom;
}

#make-title{
	width:500px;
	padding:10px;
	background:#9CA628;
	color:#FFFFFF;
	margin:0 auto 20px auto;
	font-size:100%;
	font-weight:normal;
}

#posted{
	width:500px;
	padding:10px;
	background:#1BBFCD;
	color:#FFFFFF;
	margin:0 auto 20px auto;
	font-size:100%;
	font-weight:normal;
}
#posted a{
	color:#FFFFFF;
	text-decoration:underline;
}
#posted a:hover{
	color:#eee;
	text-decoration:underline;
}

#selected h3{display:none;}

#selected .info{
	text-align:left;
	color:#666;
	padding-bottom:40px;
	zoom:100%;
}
#selected .info:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}


#selected .info select{
	margin-right:10px;
	border:1px solid #ccc;
}
#selected .info select option{
	padding:0px 5px;
	vertical-align:middle;
	font-size:14px;
}
#selected .info #situation{
	float:left;
	margin-right:10px;
}
#selected .info #dora{
	width:45px;
	height:61px;
	background:url(../images/dora.gif) no-repeat;
	float:left;
}
#selected .info #sort{
	float:right;
}
#selected .info #sort input{
	cursor:pointer;
	outline:none;
}

#selected ol{
	list-style:none;
	zoom:100%;
}

#selected ol:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

#selected ol li{
	float:left;
	width:45px;
	height:61px;
	background:url(../images/tehai.gif) no-repeat;
	color:#eee;
	font-size:20px;
	margin-right:3px;
}
#selected ol li img{
	cursor:move;
}

#name{
	clear:both;
	text-align:center;
	margin-bottom:40px;
}
#name input{
	padding:3px 5px;
	border:1px solid #999999;
	background:#fff;
	color:#999999;
}
#comment input{
	padding:3px 5px;
}
.form01{width:100px;color:#999999;}
.form02{width:250px;}
.form03{width:496px; height:150px;}
.form04{width:400px; height:150px;}

#add{
	width:292px;
	height:62px;
	cursor:pointer;
	margin-bottom:10px;
	background:url(../images/add.jpg) no-repeat;
	border:none;
	outline:none;
}
#add:hover{
	width:292px;
	height:62px;
	cursor:pointer;
	margin-bottom:10px;
	background:url(../images/add2.jpg) no-repeat;
	border:none;
	outline:none;
}

.error{
	width:500px;
	padding:10px;
	background:#C13C1A;
	color:#FFFFFF;
	margin:10px auto;
}



/* 問題終了時 エラー時
---------------------------------------------------- */
#finish a{
	background:url(../images/finish.jpg) no-repeat;
	width:860px;
	height:298px;
	text-indent:-9999px;
	display:block;
}
#finish a:hover{
	background:url(../images/finish.jpg) no-repeat;
	background-position:-860px;
	width:860px;
	height:298px;
	text-indent:-9999px;
	display:block;
}

#error2{
	width:860px;
	height:268px;
	background:url(../images/error.jpg) no-repeat;
}

/* 問題確認
---------------------------------------------------- */
.staff{
	background:#cd3921;
	color:#fff;
	padding:2px 10px;
	font-size:10px;
	font-weight:bold;
	margin:0 5px;
}

.data-table{
	width:600px;
	border-collapse:collapse;
	margin:0 auto;
}
.data-table td,
.data-table th{
	border:1px solid #ccc;
	padding:5px;
	text-align:left;
}
.data-table th{
	width:150px;
	background:#f3f3f3;
	font-weight:normal;
}




/* フッター
---------------------------------------------------- */
#footer2{
	text-align:center;
	padding:40px 0 20px 0;
}

#footer2 ul{
	margin-bottom:60px;
	margin-top:20px;
}
#footer2 ul li{
	display:inline;
}
#footer2 ul li a{
	text-decoration:none;
	background:url(../images/make.jpg) no-repeat;
	padding:1px 10px 5px 25px;
	margin-right:20px;
	background-position:0 0;
}
#footer2 ul li a:hover{
	text-decoration:underline;
	background:url(../images/make2.jpg) no-repeat;
	padding:1px 10px 5px 25px;
	margin-right:20px;
	background-position:0 0;
	color:#B90D0D;
}
#footer2 strong{
	font-size:20px;
	color:#637d34;
}


/* 広告・バナースペース
---------------------------------------------------- */
#banner{
	text-align:center;
	padding:20px 0;
}

/* 汎用CSS
---------------------------------------------------- */
.clear {clear:both;}
.red{ color:#FF0000; font-size:10px;}
.red2{ color:#FF0000;}
.blue{color:blue;}
.yellow{color:#FF9900;}
.green{color:green;}
.img-right{float:right; margin-left:10px; margin-bottom:10px;}
.img-left{float:left; padding-right:10px;}
.align-right{text-align:right; padding:10px;}

.pd-btm{padding-bottom:30px;}