@charset "UTF-8";
body {
	background-color: #000000;
	color: #999999;
	font-size: 14px;
}
/*####### レスポンシブウェブデザイン ボックス #####*/
@media(min-width:500px) {/* 500px以上 */
/* clearfixクリアフィックス */
.container:after {
	content: "";
	display: block;
	clear: both;
}
.side {
	float: left;
	width: 20%;
}
.contents {
	float: right;
	width: 80%;
}
footer {
	text-align: right;
}
.box2 {
	float: left;
	width: 45%;
	vertical-align: top;
	margin: 1px;
	padding: 10px;
	border: 3px double #666666;
}
}
/* headerナビゲーション */
header a {
	text-decoration: none;
}
header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header li {
	float: left;
	width: 11.1%;
	line-height: 0.8em;
}
header li a {
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
header ul :after {
	content: "";
	display: block;
	clear: both;
}
@media(max-width:499px) {/* 499px以下 */
header li {
	width: 33%;
}
header li:nth-child(4) {
	clear: both;
}
}
.contents p {
	font-size: 16px;
	line-height: 1.6em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.contents img {
	border: none;
	max-width: 95%;
	height: auto;
}
@media(min-width:500px) {/* 500px以上 */
.multicolumnbox {
	font-size: 14px;
	border: 1px solid #FFCC00;
	padding: 3px;
	color: #000000;
	background: #FFFFFF url(../../aquafish/images/title.jpg) repeat-x;
	margin: 3px;
	width: auto;
	-moz-column-count: 2;/* Firefox */
	-webkit-column-count: 2;/* Safari & Chrome */
	column-count: 2;
	-moz-column-gap: 0;/* Firefox */
	-webkit-column-gap: 0;/* Safari & Chrome */
	column-gap: 0;
}
}
.multicolumnbox ul {
	list-style: none;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.multicolumnbox li {
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-left: 2em;
	text-indent: 0em;
}
.multicolumnbox img {
	text-decoration: none;
	border: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
li {
	margin-bottom: 0.5em;
}
h1, h2 {
	font-size: 20px;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.2em;
	margin-left: 0.5em;
}
h3 {
	font-size: 16px;
}
.orange {
	color: #FF9900;
	font-size: 16px;
	margin-left: 10px;
	font-weight: bold;
}
hr {
	border: 1px dotted #339933;
}
dl {
	font-size: 14px;
	line-height: 20px;
}
dd {
	margin-bottom: 20px;
}
.side ul {
	line-height: 1.6em;
	margin: 1em 0 auto 0;
	padding: 0;
	list-style: square inside;
	left: 5px;
}
.side li {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
table {
	width: 100%;
	table-layout: fixed;
}
td {
	vertical-align: top;
}
td a {
	display: block;
	line-height: 1.4em;
	margin-bottom: 1.5em;
}
.contents a {
	display: block;
	line-height: 1.4;
	margin-bottom: 1.5em;
}
/* 横並びメニュー */
.yoko ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.yoko li a {
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
}
.yoko li a:hover {
	background-color: #eeeeee;
}
.yoko ul:after {
	content: "";
	display: block;
	clear: both;
}
.yoko li {
	float: left;
	width: auto;
}
a:link {
	color: #339900;
}
a:visited {
	color: #339900;
}
a:active {
	color: #339900;
}
a:hover {
	color: #888888;
}
a:link {
	text-decoration: none
}
a:visited {
	text-decoration: none
}
.box3 {
	vertical-align: top;
	margin: 1px;
	padding: 10px;
	border: 3px double #666666;
}
.contents ul {
	margin: 1em 0 auto 0;
	padding: 0;
	left: 5px;
	list-style-type: none;
}
dd {
	margin-bottom: 15px;
}
.center {
	text-align: center;
}
.font12-FF0000 {
	font-size: 12px;
	color: #FF0000;
}
.font12-red {
	font-size: 12px;
	color: #FF0000;
}
.font12-blue-b {
	font-size: 12px;
	font-weight: bold;
}