/*************** 共通 ***************/
/* 一括で全ての要素の余白をゼロに指定 */
/*
* {
  padding: 0;
  margin: 0;
}
*/

/* リンク表示設定 */

a:visited {
  color: #990099;
  /*text-decoration: underline;*/
  text-decoration: none;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* フォントスタイル フォントサイズ */
body {
	font-size: 0.80em;
	line-height: 1.4;
	height: 100%;
	margin-top: 0pt;
}

/*************** ↑共通設定はここまで↑ ***************/

/* テーブル設定（問題集・テキスト）　 */
.ctf_table{
	width:650px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:1px;
	border:0px;
}

.ctf_table_mark{
	background:#9acd32;
	width:24px;height:24px;
	border:1px solid #fff;
}

.ctf_table_ttlbar{
	background:#ccc;
	border:1px solid #fff;
	font-size:14px;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.1em;
}

.ctf_table_content{
	border:1px solid #ffffff;
	padding:10px;
}

#ctf_img_layout{
	display:inline-block;
	margin:20px;
	text-align:center;
}

#ctf_img{
	opacity:0.6;
	border-bottom:1px #888 solid;
	border-right:1px #888 solid;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

#ctf_img:hover{
	opacity:1.0;
}

/* 受験申込後のフロー　 */

#ctf_fl_ttl,#ctf_fl_ttl_0{
	display:inline-block;
	width:180px;
	height:37px;line-height:37px;
	background:#87cefa;
	color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	letter-spacing:0.2em;
	margin:0px 10px 10px 10px;
	-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;
	-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;	
}

#ctf_fl_ttl:hover{
	box-shadow: inset 0px 37px #49a9cc;
}

#ctf_img_arrow{
	width:16px;height:16px;
	opacity:0.7;
}

#ctf_fl{
	display:inline-block;
}

#ctf_fl_L{
	display:inline-block;
}

#ctf_fl_R{
	display:inline-block;
	width:380px;height:auto;
	margin:0px;
	padding:2px 5px;
	text-align:left;
	vertical-align:top;
	color:#464646;	
	-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-ms-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;
	-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;	
}

#ctf_fl_R:hover{
	background:#eee;
	color:#111;	
}

/* 採点者HOME画面　 */

@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,600,700,300italic,400italic");
@import url("https://fonts.googleapis.com/css?family=Exo+2:400,200,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,200,600,700");
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

a.ctf_stn_hm,#ctf_stn_txt{
	font-family:Helvetica, Roboto, 'Droid Sans', 'Hiragino Kaku Gothic Pro','Noto Sans Japanese',メイリオ,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Osaka, sans-serif;
}

#ctf_stn_tag{
	display:inline-block;
	background:#db4681;
	font-family:Lato, sans-serif;
	font-size:12px;
	color:#fff;
	padding:3px;
	margin-bottom:3px;
	-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;	
}

#ctf_stn_ymd{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

a.ctf_stn_hm{
	display:inline-block;
	padding:5px 10px;
	margin:3px;
	color:#777;
	font-size:12px;
	text-decoration:none;
	background:#f8f4ff;
	border-bottom:1px #cecece solid;border-right:1px #cecece solid;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
	-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;	
}


#ctf_stn_txt{
	display:inline-block;width:750px;
	font-size:12px;
	color:#2d2d2d;
	border-left:1px #aaa solid;
	padding:7px 0px 7px 16px;
	line-height:1.45em;
}

#ctf_stn_txtt{
	color:#111;
	font-size:13px;
	font-weight:bold;
}

#ctf_stn_txts{
	font-size:10px;
}

a.ctf_stn_hm:hover{
	color:#333;
	text-decoration:none;
	box-shadow: inset 0px 30px #ceccd1;
}

#ctf_stn_md{
	float:left;
	display:inline-block;
	width:60px;
	font-family: Lato, sans-serif;
	text-align:center;
	padding-top:7px;
}

#ctf_stn_dd,#ctf_stn_mm{
	color:#888;
	font-size:13px;
	font-weight:400;
}

#ctf_stn_dd{
	font-size:28px;
	font-weight:600;
	text-shadow:1px 1px 0px rgba(100,100,100,0.2);
}