@charset "UTF-8";body{ background: linear-gradient(to top, #fff, 10%, #e6ffcc);	color: #630;	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;	margin-bottom: 100px;}img{	border: 0;	max-width:100%;	height:auto;}p{margin-bottom:1em;}h2{	color: #008080;	font-weight:bold;	font-size:1.5em;}h3{	font-weight:bold;	font-size:1.2em;}ol{margin:5px auto 10px;text-align:left;}a{	font-weight: bold;	text-decoration: none;}a:link{	color: #6c0;}a:visited{	color: #6c0;}a:hover{	color: #f93;}a:active{	color: #f93;}a.buttonw{	display:inline-block;	padding:10px;	font-size:1.2em;	background:#fff;	border-radius:10px;	margin:5px;}@media screen and (max-width: 767px) {	article a{	display:inline-block;	padding:10px;	background:#fff;	border-radius:10px;	margin:5px;	}	article a:link,article a:visited,article a:hover,article a:active{		color: #6c0;	}	article a:hover{	opacity:0.7;	}}header{	background: #38a4c7;	text-align:center;	padding-top:10px;}header section{	width: 80%;	overflow:hidden;	max-width: 870px;	margin: auto;}header h1{	font-size: 20px;	font-weight: bold;}main,footer nav{	overflow:hidden;	max-width: 870px;	margin: 0 auto;}main > article{	padding:10px;background: linear-gradient(to top, #e9ffff, 20%, #b3dbff);	width: 80%;	margin: 5px auto;	border: 5px outset #309966;}main article a:hover img{opacity:0.7;}footer{background:#cf9;border-top:5px double #fc9;font-size:0.8em;padding:5px;text-align: center;position: fixed;width: 100%;bottom: 0;}footer nav ul.nav{overflow:hidden;margin:0 auto;}footer nav ul.nav li{float:left;}	footer nav ul.nav li a{	display:inline-block;	padding:10px;	background:#fff;	border-radius:10px;	margin:5px;	}	footer nav ul.nav li a:link,footer nav ul.nav li a:visited,footer nav ul.nav li a:hover,footer nav ul.nav li a:active{		color: #6c0;	}	article a:hover{	opacity:0.7;	}/*基本スタイル*/.align-right{text-align: right;}.align-left{	text-align: left;}.align-center{	text-align: center;}main strong{font-weight:bold;}article dl {margin-bottom: 1em;	} article dl dt{font-weight: bold; } article dl dd{ 	padding-left: 2em; } article h3:before{ 	content: '●'; }@media screen and (max-width: 767px) { article h3:before{ 	content: ''; } body{ 	margin-bottom: 180px; }}