@charset "utf-8";
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}
/* 全体用
----------------------------- */
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
}
input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.all{
	background:#dddddd;
	margin:0;
	padding:5px;
	max-width:800px;
	min-height:1vh;
}
.top{
	margin:0 5px 0px 5px;
}
/* 掲示板（#form）
----------------------------- */
#form{
	background:#ffffff;
	margin:5px;
	padding:10px;
	line-height:1;
}
#form h3{
	font-size:120%;
	color:#339966;
	font-weight:bold;
	line-height:120%;
}
#form p{
	margin:0 0 5px 0;
}
#form input,
#form textarea{
	margin:0px 0px 25px 5px;
}
#form div input{
	width:280px;
	border-radius:5px;
	padding:5px;
}

/* 掲示板（#comment）
----------------------------- */
#comment{
	background:#ffffff;
	margin:5px;
	padding:10px;
}
#comment p span{
	color:#669933;
	font-weight:bold;
	margin-left:20px;
}
#comment img{
	width:100%;
}
#comment h4{
	font-size:110%;
	color:#336666;
}
#comment hr{
	border:1px dotted #669933;
	margin:30px 0;
}
#comment h5{
	margin:5px 0 15px 0;
	font-size:100%;
	font-weight:400;
}
#comment h5 span{
	color:#ffffff;
	font-weight:900;
	background:#669933;
	width:200px;
	padding:2px 15px;
	margin:0 15px 0 0;
	border-radius:13px;
}
#comment h6{
	font-size:80%;
	text-align:right;
	font-weight:400;
}

/* コンテンツ（.cont）
----------------------------- */
.cont{
	background:#ffffff;
	margin:5px;
	padding:10px;
}
.cont span{
	color:#66CC00;
	margin-left:20px;
}
.cont p,
.cont h2,
.cont h3,
.cont h4,{
	margin:0 0 5px 0;
	padding:0;
}
.cont p{
	font-size:100%;
	text-indent:0;
	line-height:120%;
}
.cont h3{
	font-size:120%;
	color:#339966;
	font-weight:bold;
	line-height:120%;
}
.cont h4{
	font-size:110%;
	color:#336666;
	line-height:120%;
}
.cont hr{
	border:1px dotted #669933;
	margin:30px 0;
}
.cont dt{
	margin:0 0 0 15px;
	font-weight:900;
	color:#336699;
}
.cont dd{
	margin:0 0 5px 30px;
}
/* 独自コンテンツ
----------------------------- */
.index h3{
	color:#ffffff;
	background:#669933;
	padding:5px 15px;
	margin-top:60px;
}
.index p{
	text-align:center;
}
.index p img{
	box-shadow:5px 5px 7px gray;
}
.youtube{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.radio p{
	text-align:center;
}
.radio img{
	width:80%;
}