@charset "UTF-8";

body,table,th,tr,td {font:normal 14px/18px "Verdana",sans-serif; border-collapse:collapse; line-height:180%}

a:link { color: #666666; }
a:visited { color: #333333; }
a:hover { color: #cccccc; font-weight:bold;}
a:active { color: #cccccc; }

.pc { display: inline;}
.sm { display: none;}

table { border-collapse:collapse}

#header { margin:20px auto 10px auto; width:900px; text-align:right}
#wrapper { background:#FFFFFF; margin:0px auto 0px auto; width:900px; }
.footer { text-align:center; margin-top: 50px; padding:10px; border-top:solid 1px #999999;}

h1 { padding:0px; margin:0px 0px 50px 0px}
h2 { text-align: center; font-size:24px; font-weight:bold; margin-bottom:30px}
h3 { padding:1px 0px 0px 25px; margin:0px 0px 15px 0px; background:url(img/h2.gif) no-repeat; font-size:16px; font-weight:bold}
h4 { padding:0px; margin:0px 0px 10px 0px}

.red { color:#CC0000; font-weight:bold }
.p12 { font-size:12px}
.p16 { font-size:16px}
.p18 { font-size:18px}
.mt1 { margin-top:10px}
.mb1 { margin-bottom:10px}
.blank { background:url(img/blank.gif) no-repeat right; padding:0px 20px 0px 0px; margin-right:5px}

#attention ul { padding: 0px 0px 0px 15px; list-style:none}
#attention li { padding-left:1em; text-indent:-2em;}

/* === TOP ===================================== */

#tsumego_kaito { margin-left:25px}
#tsumego_kaito ul { list-style:none; padding:0px; margin:0px}
#tsumego_kaito li { float:left; width:175px}

.question  { border:solid 1px #333333; border-right:none; padding:5px; text-align:center; background:#0066cc; color:#FFFFFF; font-size:16px}
.answer { border-bottom:solid 1px #333333; border-left:solid 1px #333333;  padding:10px; text-align:center; font-size:16px}
.question_ed  { border:solid 1px #333333; padding:5px; text-align:center; background:#0066cc; color:#FFFFFF; font-size:16px}
.answer_ed { border:solid 1px #333333; border-top:none; padding:10px; text-align:center; font-size:16px}
.anker{ font-weight:bold; background:url(img/list.png) no-repeat; padding:10px 0px 0px 20px;}

/* === 解説 ===================================== */

#navi { margin:0px; text-align:center; background:#cfe8fa; height:33px; padding-top:5px}
#navi ul { list-style:none; padding:0px; margin:0px 150px 0px 150px;}
#navi li { float:left; width:120px}

.mondai { margin-left:25px;}
.mondaizu { width:150px; text-align:center; background:#0066cc; color:#FFFFFF; font-size:16px}
.shosai { padding:15px; width:400px}
.seikai { width:150px; background:#ffcccc; text-align:center;}

/* === 当選者 ===================================== */

.tosen { margin-left:25px;}
#tosen table { margin-top:10px}
#tosen th { background:#0066cc; color:#FFFFFF;:5px 10px 5px 10px }
#tosen td { padding:5px 10px 5px 10px }
.menu { background:#cfe8fa}

/* === アコーディオン ===================================== */

.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin: 0px 0px 0px 25px;
    padding: 10px 10px 10px 20px;
	background:url(img/list.png) no-repeat;
	font-size:16px;
}
.acd-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px 0px 0px 25px;
    visibility: visible;
}