@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:12px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	background-color: #f5f5f5;
	font: #696969;
	padding: 0;
	margin: 0;
}
img { border: 0; }
a { color: #2f4f4f; }
a:hover { text-decoration: none; color: #ffd700; }

header {
	background-color: #203744;
	height: 44px;
}
header > ul { margin: 16px 0 0 160px; padding: 0; }
header > ul > li { display: inline; }
header > ul > li ~ li::before { content: '>'; margin-right: 4px; }
header img {
	margin: 8px 0 0 160px;
	height: 28px;
}
main {
	margin: 120px 0 40px 160px;
	position:relative;
	width:800px;
	box-sizing: border-box;
}
main > p { margin-bottom: 40px;}
main ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
main ul > li {
	height:40px;
	width:350px;
	display:inline-block;
	margin:2px;
	padding:2px;
	border-top: solid 1px #fff;
	/* border:solid 1px #CCC; */
}
main ul > li:hover { background-color: #fff; }
main ul > li img {
	float:left;
	margin-right: 8px;
	width:200px;
	height:40px;
}
main ul > a {
	display: block;
	width: 350px;
	height: 40px;
	text-decoration: none;
}
.sitemaster { float: left; }

.site {
	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	/*color: #72141a; 赤*/
	color: #cc3300;
	font-size: 10px;
	line-height: 0.5;
}
.master {
	font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	/*color: #3f5671; 紺色*/
	color: #778899;
	font-size: 10px;
	line-height: 0.5;
}


footer { height: 32px; padding: 8px 0; border-top: 8px double #e6eae3; }
footer a { margin-left: 160px; }
/*footer a::before { content: '«';}*/




/* アウトライン上いるけど、出んでよい */
.visuallyhidden { width: 1px; height: 1px; margin: -1px; overflow: hidden; position: absolute; clip: rect(0 0 0 0); }



@media screen and (max-width: 320px) {
	body {}
	header {}
	header img { margin-left: 8px; }
	header > ul { margin-left: 8px; }
	main { width: 100%; margin-left: 0; }
	main > p:first-child { margin-left: 4px; }
	main > ul { margin-left: 4px; }
	main > ul > li { width: 310px; margin: 4px 0; padding: 4px 0; }
	main > ul > li > img { margin-right: 4px; }
	main > ul > a { width: 310px; }
	footer { padding: 0; }
	footer a { margin-left: 8px; }
}