@charset "utf-8";
/*-----------------------------------------------
 * 鹿嶋市駅伝管理システム管理機能用
 *----------------------------------------------*/
html {
	height:100%;
	background-color:#006600;
}

body {
	font-size:14px;
	color:#333333;
	background-color:#ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	letter-spacing:1px;
	line-height:130%;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div#header {
	width:100%;
	background-color:#006600;
}

header {
	width:100%;
	max-width:960px;
	margin:5px auto;
}

header h1 {
	text-align:center;
}

header h1 img {
	width:100%;
	max-width:480px;
	height:auto;
}


div#wrap {
	width:100%;
	max-width:960px;
	margin:0px auto;
}

div.topLink {
	width:95%;
	margin:20px auto 10px auto;
	text-align:right;
}

div#footer {
	width:100%;
	background-color:#006600;
}

footer {
	width:100%;
	max-width:960px;
	margin:0px auto;
	padding-top:20px;
	background-color:#006600;
	font-size:12px;
	color:#ffffff;
	text-align:center;
}

table#list {
	margin:20px auto;
	border-collapse: separate;
	border-spacing: 1px;
	background-color:#cccccc;
}

table#list th {
	padding:5px;
	background-color:#000060;
	color:#ffffff;
	font-weight:bold;
}

table#list td {
	padding:5px;
	background-color:#ffffff;
	vertical-align:middle;
}

div.msgFrame {
	width:95%;
	margin:20px auto;
	padding:10px;
	font-size:16px;
}

a.printBtn {
	display:block;
	width:350px;
	height:40px;
	margin:5px auto;
	border:solid 1px #333333;
	background-color:#006633;
	text-align:center;
	color:#ffffff;
	line-height:40px;
}

a:hover.printBtn {
	background-color:#ffccff;
	color:#000000;
}


/*==============================
 * レスポンシブの部分
 *==============================*/
@media only screen and ( min-width:960px ) {
}

/* 769px～959px以下 */
@media only screen and ( max-width:959px ) {
}

/* 641px～768px以下（主にタブレット） */
@media only screen and ( max-width:768px ) {
}

/* 640px以下（主にスマホ横） */
@media only screen and ( max-width:640px ) {
}

/* 480px以下（主にスマホ縦） */
@media only screen and ( max-width:480px ) {
}