/*
    大学入試センター試験自己採点ページ用CSS
*/
#mainContent {
    width: 980px;
    margin: 0 auto;
}
#mainContent .head_checklist {
    width: 100%;
}
#center_exam_content {
    
}
/* 大見出し */
#center_exam_content>h1 {
    width: 100%;
    font-size: 48px;
    padding: 20px;
    background-color: #2d77c2;
    color: white;
    
    margin-bottom: 10px;
}

#sheet_window ul {
}

#sheet_window ul>li {
    display: inline-block;
}

a:visited.challenge_btn,
a.challenge_btn {
    display: inline-block;
    text-decoration: none;
    
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 22px;
    color: black;
    background-color: #fb8008;
    border: 1px solid black;
}
a:hover.challenge_btn,
a:active.challenge_btn {
    background-color: #fbC048;
}

/* 各ページの囲み見出し */
.kakomi_header {
    width: 976px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 20px;
    border: 2px solid #2d77c2;
}
.kakomi_header h1 {
    color: #f90000;
    font-size: 50px;
    font-family: sans-serif;
    font-weight: 900;   /* boldより太め: PC側にフォントが無いとboldと同じ */
}

.kakomi_header h2 {
    color: #636363;
    font-size: 42px;
    font-family: sans-serif;
    font-weight: bold;
}

/* 回答欄全体を囲んでいるサブコンテントdiv用スタイル */
.sub_content {
    padding: 10px;
    font-size: 16px;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

/* 文字列の一部に採点するボタンに似たスタイルを付ける */
.mark_btn_like {
    display: inline-block;
    background-color: #FFF95B;
    color: darkblue;
    font-size: smaller;
    padding: 4px 20px;
    vertical-align: middle;
    border: 1px solid #404040;
    border-radius: 4px;
}

/* 科目名を入れるためのサブヘッダー */
.sub_content h3 {
    width: 940px;   /* #mainContentより40px小さく、古いIEにも効くようにするため絶対値指定 */
    background-color: steelblue;
    color: white;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
    padding: 5px 10px;
}

/* 内容を右端に配置するためのdiv */
.container_right {
    width: 100%;
}
.container_right>p,
.container_right input[type=submit] {
    float: right;
}
.container_right .clear_both {
    clear: both;
}

/* 「採点する」ボタン */
input[type=submit].mark_btn {
    display: inline-block;
    background-color: #FFF95B;
    color: darkblue;
    font-size: 22px;
    margin-top: 5px;
    padding: 6px 30px;
    vertical-align: middle;
    border: 1px solid #404040;
    border-radius: 4px;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

table.answer_sheet {
    width: 960px;
    margin-top: 5px;
    border-collapse: collapse;
    font-size: 16px;
}
table.answer_sheet th,
table.answer_sheet td {
    border: 1px solid #202020;
    text-align: center;
}
table.answer_sheet td.marks {
    text-align: left;
}
table.answer_sheet thead th {
    background-color: #65ABFF;
}

table.answer_sheet a.marker:visited,
table.answer_sheet a.marker {
    display: inline-block;
    font-size: 22px;
    padding: 5px;
    
    width: 24px;
    text-align: center;
    margin: 5px 0 5px 5px;
    border: 1px solid #404040;
    border-radius: 5px;
    
    text-decoration: none;
    color: #202020;
}
table.answer_sheet a.marker:hover {
    background-color: #CCEECC;
}
table.answer_sheet a.marker:active {
    background-color: #AACCAA;
}
table.answer_sheet a.marker.static:active,
table.answer_sheet a.marker.static:hover {
    background-color: white;
}
table.answer_sheet a.marker.selected:hover {
    background-color: #EECCCC;
}
table.answer_sheet a.marker.selected:active {
    background-color: #CCAAAA;
}
table.answer_sheet a.marker.selected:visited,
table.answer_sheet a.marker.selected {
    background-color: #FFDDDD;
}
table.answer_sheet a.marker.selected.static:active,
table.answer_sheet a.marker.selected.static:hover {
    background-color: #FFDDDD;
}
table.answer_sheet th.optional {
    background-color: #FFDDDD;
}
table.answer_sheet th.optional.chosen  {
    background-color: #DDFFDD;
}

/* 正解 */
table.answer_sheet p.correct {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid red;
    border-radius: 16px;
    color: red;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    overflow: visible;
}

/* 平成27年度地学スペシャルの部分点 */
table.answer_sheet p.partial {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 16px;
    color: #808040;
    font-size: 24px;
    font-family: sans-serif;
    font-weight: bold;
    overflow: visible;
}

/* 間違い */
table.answer_sheet p.wrong {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 16px;
    color: darkblue;
    font-size: 24px;
    font-family: sans-serif;
    font-weight: bold;
    overflow: visible;
}

.score_box {
    display: inline-block;
    font-size: 16px;
    
    text-align: center;
    margin: 10px 0;
    padding: 0 10px;
    border: 1px solid #404040;
    height: 49px;
    line-height: 49px;
    vertical-align: middle;
}
.score_box .heading {
    display: inline-block;
    height: 49px;
    line-height: 49px;
    vertical-align: top;
    color: #2d77c2;
}
.score_box .content {
    display: inline-block;
    height: 49px;
    line-height: 49px;
}
.score_box .score {
    display: inline-block;
    
    font-size: 28px;
    margin-left: 48px;
    font-family: 'Courier New', Courier, Monaco, monospace;
}
.score_box .content small {
    vertical-align: baseline;
}

.back_link {
    padding-right: 40px;
}

.past_exams h1 {
    width: 960px;
    background-color: #0066cc;
    padding: 6px 10px;
    font-size: 18px;
    color: white;
    font-weight: normal;
    margin-top: 20px;
}

.past_exams a {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin: 6px 0;
}

.centerEx .foot_note {
    width: 100%;
    text-align: center;
    color: #808080;
}
/* ========================================================================= */
/*
    科目選択ページ用CSS
 */
 
.centerEx .both_days{
	margin-top: 15px;
	width: 480px;
}
.centerEx .first_day{
	float:left;
}
.centerEx .first_day .exam_date{
	background-color: #2d77c2;
}

.centerEx .second_day{
	float:right;
}
.centerEx .second_day .exam_date{
	background-color: #009966;
}
.centerEx .both_days .exam_date{
	text-align:center;
	font-size: 25px;
	color: #fff;
	padding: 4px 0;
}
.centerEx .both_days .sankaku{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 0px solid transparent;
	float: left;
	clear: both;
	margin: 0 0 0 235px;
	text-align: cneter;
}
.centerEx .first_day .sankaku{
	border-top: 10px solid #2d77c2;
}
.centerEx .second_day .sankaku{
	border-top: 10px solid #009966;
}

.centerEx .subject_box{
	clear: both;
}
.centerEx .subject_box dl{
	margin-bottom: 15px
}
.centerEx .subject_box dl dt{
	color: #FFF;
	font-size: 18px;
	padding: 6px 0 6px 10px;;
}
.centerEx .first_day .subject_box dl dt{
	background-color: #2d77c2;
}
.centerEx .second_day .subject_box dl dt{
	background-color: #009966;
}
.centerEx .subject_box dl dd{
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	height: 90px;
}
.centerEx .subject_box dl dd .subject_name{
	color: #2d77c2;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 0 0 15px;
}
.centerEx .subject_box dl dd .score{
	/*float: left;*/
	margin: 8px 5px 8px 10px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
.centerEx .subject_box dl dd .score .points{
	color: #f00;
	font-size: 25px;
	font-weight: bold;
}
.centerEx .subject_box dl dd .score .points_null{
	font-size: 20px;
}
.centerEx .subject_box dl dd ul{
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.centerEx .subject_box dl dd ul li{
	float: left;
	white-space: nowrap;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	margin-right: 5px;
}
.centerEx .subject_box dl dd ul li span{
	font-size: 12px;
}
.centerEx .subject_box dl dd ul li a{
	display: block;
	width: 72px;
	height: 35px;
	color: #636363;
	border: 1px solid #b8b8b8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 2px 2px 3px 0px #e0e0e0;
	-webkit-box-shadow: 2px 2px 3px 0px #e0e0e0;
	-moz-box-shadow: 2px 2px 3px 0px #e0e0e0;
}
.centerEx .subject_box dl dd ul li.mark a{
	background-color: #fff6d1;
}
.centerEx .total_score{
	clear: both;
	padding: 10px;
}
.centerEx .total_score .total_box{
	border: 3px solid #b8b8b8;
	width: 355px;
	height: 90px;
	margin: 0 auto;
}

.centerEx .total_score .sum_txt{
	color: #2d77c2;
	font-size: 20px;
	font-weight: bold;
	float: left;
	margin: 35px 0 0 35px;
}
.centerEx .total_score .sum{
	font-size: 16px;
	float: left;
	margin: 20px 0 0 60px;
}
.centerEx .total_score .sum span.whole_total {
	font-size: 35px;
	color: #f00;
	font-weight: bold;
}

.centerEx .subject_box dl dd ul li.unavailable a{
	background-color: #cccccc;
}

.centerEx .caution {
    font-size: 18px;
}
.centerEx .foot_note .yomiuri{
    font-size: 14px;
}
.centerEx .subject_box dl dd .time {
    float: left;
    margin: 11px 5px 8px 20px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding-top: 10px;
    color: #464646;
}
li.inactive.link-hide {
    width: 72px;
    height: 35px;
    color: #999;
    border: 1px solid #b8b8b8;
    border-radius: 4px; 
    background:#ddd;
}
.centerEx .subject_box dl.bef2015 dd {
    height: 95px;
}
.centerEx .subject_box dl.bef2015 .subject_name{
    padding: 12.5px 0 0 16px;
    font-size: 18px;
    line-height: 20px;
}
.centerEx .subject_box dl.bef2015 dd ul {
    margin-right: 47px;
}
.centerEx .subject_box dl.bef2015 dd ul li { 
    margin-right: 17px;
}
.centerEx .subject_box dl.bef2015 dd ul li a{
    color: #464646;
}