@charset "UTF-8";

body {
    width: 100%;
	height: 100%;
    padding-top: 80px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", 'Lato', sans-serif;
	font-weight: 300;
	background-color: #E1FFE1;

    background-attachment: fixed;
	background-image: url(../img/background.gif);
	background-repeat: repeat;
}

.footer {
	clear: both;
	padding-top: 4px;
    padding-right: 8px;
	text-align:right;
	color: #666666;
	font-size: medium;
	margin: 0px;
	background-color: #b6b6b6;
}

/* 独自タグ */
.downloadzip {
	background-image: url(/img/i-zip.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 1em 60px 1em;
	margin: 1em;
}

.imagesum {
	position:relative;
	width: 256px;
	overflow: hidden;
}

.opennewwindow {
	background-image: url(/img/i-window.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0em 30px;
	margin: 1em;
	font-size: small;
}

.grid-item {
	padding: 10px;
}

/* Bootstrap をカスタマイズ */
.container {
    background-color: #eeffee;
}

.container-fluid {
    background-color: #E1FFE1;
}

.card-header {
	background-color: #d4d4d4;
}


/* FunnySnowmanライムグリーンの枠内 */
.limegreen-container {
	margin: 0em;
	padding-top: 1em;
}

.limegreen-container p {
    margin: 0 0 20px;
    padding: 4px;
    font-size: 16px;
    line-height: 1.6em;
}

.limegreen-container strong {
    font-weight: bold;
}

.limegreen-container h1 {
	text-transform: none;
	padding:0.5em;
	margin-top:0.5em;
	font-size: xx-large;
	color:white;
	background-color:#006600;
}

.limegreen-container h2 {
	text-transform: none;
	font-size: x-large;
	margin-top:1em;
    padding-left: 0.5em;
	border-bottom-width: 2px;
	border-left-width: 16px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006600;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: #006600;
	border-top-width: 0px;
	border-right-width: 0px;
	color: #006600;
}

.limegreen-container h3 {
	text-transform: none;
	font-size: large;
	color: #006600;
	background-image: url(/img/i-arrowGreen.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left:1em;
	font-weight: bold;
}

.limegreen-container h4 {
	color: #006600;
	font-weight: bold;
    padding: 0px;
    margin: 0px;
}