@charset "utf-8";

/* ======================================================
	レスポンシブ
====================================================== */
.pc{
	display: block;
}
.sp{
	display: none;
}


/* ======================================================
	common
====================================================== */
body {
	font-family:"Open Sans","Helvetica Neue",Helvetica,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #434343;
	font-size: 14px;
	line-height: 1.5;
}
body#enqWall{
	background: url(../image/bg_enqwall.png);
}
img{
	vertical-align: bottom;
	border-style:none;
}
li{list-style: none;}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.clearfix {width: 100%;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


#main{
	background: #FFF;
	width: 728px;
	padding:0 20px;
}
#enqWall #main{
	margin: 30px auto 20px auto;
}
#quizWall #main{
	margin: 0 auto 20px auto;
}

/* ======================================================
	header
====================================================== */
#enqWall header{
	background: #FFF;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

#quizWall header{
	text-align: center;
	background: url("../image/bg_quiz.png");
	padding: 5px 0 15px 0;
}
#quizWall header img{
	width: 400px;
}

/* ======================================================
	アンケートリスト
====================================================== */
/* ポイントは10分後 */
.select_attend{
	padding: 15px 0;
	color:#5e7172;
	font-size:15px;
	text-align:center;
	line-height:140%;
	font-weight: bold;

}
.select_attend span{
	color: #EF9D06;
}

/* リスト */
.enquete-list {
}
.enquete-list .table {
	border-top: dotted 1px #b3b3b3;
	border-bottom: dotted 1px #b3b3b3;
	width: 100%;
}

#quizWall .enquete-list .table{
	border-top: #EF8C05 1px dashed;
}

.enquete-list .table tr {
	vertical-align: top;
	font-size:14px;
}


#enqWall .enquete-list .table.odd tbody tr:nth-child(odd) {
	background: #f0f3f3;
}
#quizWall .enquete-list .table.odd tbody tr:nth-child(odd) {
	background: #fffae1;
}
#quizWall .enquete-list .table.odd tbody tr{
	border-top: #EF8C05 1px dashed;
}
#quizWall .enquete-list .table{
	border-bottom: #EF8C05 1px dashed;
	border-right: #EF8C05 1px dashed;
	border-left: #EF8C05 1px dashed;
}


.enquete-list .table th,.enquete-list .table td {
	border-left:  dotted 1px #b3b3b3;	
	/*vertical-align: middle;*/
}
.enquete-list .table th {
	padding: 10px;
}
.enquete-list .table td {
	padding: 5px 10px;
}
.enquete-list .table th:first-child,.enquete-list .table td:first-child {
	border-left: none;
}

#enqWall .enquete-list .table td.cate{
	color: #29BFC9;
	font-weight: bold;
}
#quizWall .enquete-list .table td.cate{
	font-weight: bold;
}

.enquete-list .table .coin {
	font-weight: bold;
	text-align:right;
}
.enquete-list .table tbody .coin {
	color: #FF9900;
}

.enquete-list .table .status {
	 text-align: center;
}
.enquete-list .table .title,
.enquete-list .table .date,
.enquete-list .table .cate {
	 text-align: left;
}

.ui-btn {
	color: #FFF;
	display: block;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px 30px;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
 }
 .ui-btn:hover {
	 text-decoration: none;
 }
.ui-btn-a,a.ui-btn-a {
	color: #fff;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	font-weight: bold;
}

#enqWall .ui-btn-a,#enqWall a.ui-btn-a{
	background-color: #29bfc9;
}
#quizWall .ui-btn-a,#quizWall a.ui-btn-a{
	background-color: #ef8c05;
}

#enqWall .ui-btn-a:hover,#quizWall .ui-btn-a:hover{
	background-color: #DBDBDB;
}



/* ======================================================
	広告
====================================================== */
#ad14{
	width: 728px;
	margin: 15px auto;
}


/* ======================================================
	footer
====================================================== */
footer{
	padding-top: 20px;
	padding-bottom: 10px;
}
footer div{
	margin-bottom: 15px;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dashed;
	padding-bottom: 5px;
}
footer p{
	margin-bottom: 15px;
}