img#floatButton1{
    position: fixed;
    left: 0;
    bottom: 0px;
}

body{
	color: #000;
	margin: 0px 0px 100px 0px;
	padding: 0px;
	text-align: center;
	background: #fff;
	background-position: 50% 50%;
}

body,th,td{
	font-size: normal;
}

crunchify-top:hover {
 color: #fff !important;
 background-color: #ed702b;
 text-decoration: none;
 }

 .crunchify-top {
 display: none;
 position: fixed;
 bottom: 130px;
 right: 1rem;
 width: 3.2rem;
 height: 3.2rem;
 line-height: 3.2rem;
 font-size: 1.4rem;
 color: #fff;
 background-color: rgba(0,0,0,0.3);
 text-decoration: none;
 border-radius: 3.2rem;
 text-align: center;
 cursor: pointer;
 }


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width:751px){
#layout{
	width: 790px; !important; 
	margin-right: auto;
	margin-left: auto;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
#layout{
	width: 550px; !important; 
	margin-right: auto;
	margin-left: auto;
}
}

.bn{
	font-size: 13px;
	margin: 0px 0px 10px 0px;
 	-webkit-text-size-adjust: 100%;
}


/* トップ＋メニュー */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width:751px){
#top{
	width: 790px;
	height: 70px;
	border-left: solid 1px #33f;
	border-right: solid 1px #33f;
	background-color: #fff;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
#top{
	width: 550px;
	height: 70px;
	border-left: solid 1px #33f;
	border-right: solid 1px #33f;
	background-color: #fff;
}
}

#t1{
	float: left;
	width: 1px;
	height: 70px;
	background: url(t1.gif);
}

#t2{
	float: left;
	width: 507px;
	height: 55px;
	padding: 15px 0px 0px 0px;
	font-size: 10px;
	background: url(t2.gif);
	text-align: right;
	overflow: hidden;
}

#toptitle{
	width: 507px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	text-align: center;
}

#toptitle h1{
	font-size: 28px;
	margin: 0px;
	color: white;
	font-weight: normal;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体", sans-serif;
}

#toptitle a:link{
	color: white;
	text-decoration:none;
	display:block;
}

#toptitle a:visited{
	color: white;
	text-decoration:none;
	display:block;
}

#toptitle a:active{
	color: white;
	text-decoration:none;
	display:block;
}

#toptitle a:hover{
	color: white;
	text-decoration:none;
	display:block;
}

#t3{
	float: left;
	width: 1px;
	height: 70px;
	background: url(t3.gif);
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width:751px){
#t4{
	float: left;
	text-align: left;
	color: white;
	font-size: 12px;
	width: 241px;
	height: 40px;
	padding: 30px 0px 0px 40px;
	background: url(t2.gif);
	overflow: hidden;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
#t4{
	float: left;
	text-align: left;
	color: white;
	font-size: 12px;
	width: 1px;
	height: 40px;
	padding: 30px 0px 0px 40px;
	background: url(t2.gif);
	overflow: hidden;
}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width:751px){
#container{
	float: left;
	width: 790px;
	padding: 10px 0px 0px 0px;
	border-left: solid 1px #33f;
	border-right: solid 1px #33f;
	overflow: hidden;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
#container{
	float: left;
	width: 550px;
	padding: 10px 0px 0px 0px;
	border-left: solid 1px #33f;
	border-right: solid 1px #33f;
	overflow: hidden;
}
}

/* 左側 */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width:751px){
#left{
	width: 192px;
	font-size: small;
	margin: 0px 8px 0px 30px;
	float: left;
	-webkit-text-size-adjust: 100%;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
#left{
	display: none !important; 
}
}

.left1{
	float: left;
	width: 192px;
	height: 25px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	background: url(left1.gif);
	font-size: 12px;
}

.left2{
	float: left;
	width: 162px;
	padding: 0px 15px;
	background: url(left2.gif);
	font-size: 12px;
	text-align: left;
	font-color: #036;
}

.left2 a:link{
	color:black;
	text-decoration:none;
	display:block;
}

.left2 a:visited{
	color:black;
	text-decoration:none;
	display:block;
}

.left2 a:active{
	color:black;
	text-decoration:none;
	display:block;
}

.left2 a:hover{
	color:black;
	text-decoration:none;
	display:block;
}

.lefta2{
	float: left;
	width: 162px;
	padding: 0px 15px;
	background: url(left2.gif);
	font-size: 12px;
	text-align: left;
	font-color: #036;
}

.lefta2 a:link{
	color:blue;
	text-decoration:none;
}

.lefta2 a:visited{
	color:purple;
	text-decoration:none;
}

.lefta2 a:active{
	color:blue;
	text-decoration:none;
}

.lefta2 a:hover{
	color:blue;
	text-decoration:underline;
}

.left3{
	float: left;
	width: 192px;
	height: 20px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	background: url(left3.gif);
}

.lefta02{
	float: left;
	width: 162px;
	padding: 0px 15px;
	background: url(left2.gif);
	font-size: 12px;
	text-align: left;
	font-color: #036;
}

.left01{
	float: left;
	color: white;
	width: 192px;
	height: 27px;
	padding: 8px 0px 0px 0px;
	overflow: hidden;
	background: url(left01.gif);
	font-size: 12px;
}

.left02{
	float: left;
	width: 162px;
	padding: 0px 15px;
	background: url(left02.gif);
	font-size: 12px;
	text-align: left;
	font-color: #036;
}

.left02 a:link{
	color:black;
	text-decoration:none;
	display:block;
}

.left02 a:visited{
	color:black;
	text-decoration:none;
	display:block;
}

.left02 a:active{
	color:black;
	text-decoration:none;
	display:block;
}

.left02 a:hover{
	color:black;
	text-decoration:none;
	display:block;
}

.left03{
	float: left;
	width: 192px;
	height: 15px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	background: url(left03.gif);
}

.left001{
	float: left;
	color: white;
	width: 192px;
	height: 10px;
	overflow: hidden;
	background: url(l001.gif);
}

.left002{
	float: left;
	color: white;
	width: 162px;
	padding: 5px 15px;
	background: url(l002.gif);
	font-size: 12px;
	text-align: left;
}

.left002 a:link{
	color:white;
	text-decoration:none;
	display:block;
}

.left002 a:visited{
	color:white;
	text-decoration:none;
	display:block;
}

.left002 a:active{
	color:white;
	text-decoration:none;
	display:block;
}

.left002 a:hover{
	color:white;
	text-decoration:none;
	display:block;
}

.left003{
	float: left;
	width: 192px;
	height: 12px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	background: url(l003.gif);
}

.left101{
	float: left;
	width: 192px;
	height: 27px;
	padding: 8px 0px 0px 0px;
	overflow: hidden;
	background: url(bba1.gif);
	color: white;
	font-size: 12px;
}

.left102{
	float: left;
	width: 162px;
	padding: 0px 15px;
	background: url(bba2.gif);
	font-size: 12px;
	text-align: left;
	font-color: #036;
}

.left102 a:link{
	color:black;
	text-decoration:none;
	display:block;
}

.left102 a:visited{
	color:black;
	text-decoration:none;
	display:block;
}

.left102 a:active{
	color:black;
	text-decoration:none;
	display:block;
}

.left102 a:hover{
	color:black;
	text-decoration:none;
	display:block;
}

.left103{
	float: left;
	width: 192px;
	height: 20px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	background: url(bba3.gif);
}

.left11{
	float: left;
	color: white;
	width: 192px;
	height: 10px;
	overflow: hidden;
	background: url(l11.gif);
}

.left12{
	float: left;
	color: white;
	width: 162px;
	padding: 5px 15px;
	background: url(l12.gif);
	font-size: 12px;
	text-align: left;
}

.left12 a:link{
	color:white;
	text-decoration:none;
	display:block;
}

.left12 a:visited{
	color:white;
	text-decoration:none;
	display:block;
}

.left12 a:active{
	color:white;
	text-decoration:none;
	display:block;
}

.left12 a:hover{
	color:white;
	text-decoration:none;
	display:block;
}

.left13{
	float: left;
	width: 192px;
	height: 12px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	background: url(l13.gif);
}

.left21{
	float: left;
	color: white;
	width: 192px;
	height: 10px;
	overflow: hidden;
	background: url(l21.gif);
}

.left22{
	float: left;
	color: white;
	width: 162px;
	padding: 5px 15px;
	background: url(l22.gif);
	font-size: 12px;
	text-align: left;
}

.left22 a:link{
	color:white;
	text-decoration:none;
	display:block;
}

.left22 a:visited{
	color:white;
	text-decoration:none;
	display:block;
}

.left22 a:active{
	color:white;
	text-decoration:none;
	display:block;
}

.left22 a:hover{
	color:white;
	text-decoration:none;
	display:block;
}

.left23{
	float: left;
	width: 192px;
	height: 12px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	background: url(l23.gif);
}

.orange{
	background: #ffa500;
}

.yellow{
	background: #ffff00;
}

.green{
	background: #00ff00;
}

.green a:link{
	color: black;
	text-decoration:none;
}

.green a:visited{
	color: black;
	text-decoration:none;
}

.green a:active{
	color: black;
	text-decoration:none;
}

.green a:hover{
	color: black;
	text-decoration:none;
}

#fo00{
	font-size: 12px;
	line-height: 160%;
	padding: 0px 0px 0px 30px;
}

#fo01{
	font-size: 12px;
	line-height: 160%;
	padding: 0px 0px 0px 30px;
}

#fo02{
	font-size: 12px;
	line-height: 160%;
	padding: 0px 0px 0px 30px;
}

#fo03{
	font-size: 12px;
	line-height: 160%;
	padding: 0px 0px 0px 30px;
}

#fo04{
	font-size: 12px;
	line-height: 160%;
	padding: 0px 0px 0px 30px;
}


.b1{
	float: left;
	background: url(b1.gif);
	width: 10px;
	height: 40px;
	overflow: hidden;
}

.b2{
	float: left;
	background: url(b2.gif);
	width: 172px;
	height: 29px;
	overflow: hidden;
	color: white;
	font size: 13px;
	padding: 11px 0px 0px 0px;
	text-align: center;
}

.b3{
	float: left;
	background: url(b3.gif);
	width: 10px;
	height: 40px;
	overflow: hidden;
}

.g1{
	float: left;
	background: url(g1.gif);
	width: 10px;
	height: 29px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

.g2{
	float: left;
	background: url(g2.gif);
	width: 172px;
	height: 23px;
	overflow: hidden;
	color: white;
	font size: 13px;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.g3{
	float: left;
	background: url(g3.gif);
	width: 10px;
	height: 29px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}

.icon{
	float: left;
	width: 30px;
	height: 30px;
	margin: 10px 0px 0px 0px;
}

.iconr{
	float: left;
	width: 147px;
	height: 18px;
	font-size: 13px;
	margin: 22px 0px 0px 5px;
}

.list{
	float: left;
	line-height: 160%;
	width: 182px;
	font-size: 11px;
	margin: 5px 0px 10px 0px;
}

.list a:link{
	color:#77f;
	text-decoration:none;
}

.list a:visited{
	color:#77f;
	text-decoration:none;
}

.list a:active{
	color:#77f;
	text-decoration:none;
}

.list a:hover{
	color:blue;
	text-decoration:none;
}

#left_random{
	text-align: left;
}

/* 真ん中 */

#contents{
	float: left;
	width: 490px;
	margin: 0px 30px 0px 30px;
	text-align: justify;
	text-justify: distribute;
	line-height: 160%;
}

#contents h2{
	font-weight: normal;
	background: url(blackbar.gif);
	width: 490px;
	height: 25px;
	overflow: hidden;
	color: white;
	font-size: 18px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

.s01{
	float: left;
	color: white;
	width: 490px;
	height: 20px;
	overflow: hidden;
	background: url(s01.gif);
}

.s02{
	float: left;
	width: 450px;
	padding: 0px 20px;
	background: url(s02.gif);
	text-align: left;
}

.s03{
	float: left;
	width: 490px;
	height: 20px;
	margin: 0px 0px 10px 0px;
	background: url(s03.gif);
}

#random{
	width: 440px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	float: left;
	text-align: left;
	line-height: 13px;
	overflow: hidden;
}

#random a:link{
	color:black;
	text-decoration:none;
}

#random a:visited{
	color:black;
	text-decoration:none;
}

#random a:hover{
	color:black;
	text-decoration:none;
}

#random a:active{
	color:black;
	text-decoration:none;
}

#random2{
	width: 440px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	float: left;
	text-align: left;
	line-height: 13px;
	overflow: hidden;
}

#random2 a:link{
	color:black;
	text-decoration:none;
}

#random2 a:visited{
	color:black;
	text-decoration:none;
}

#random2 a:hover{
	color:black;
	text-decoration:none;
}

#random2 a:active{
	color:black;
	text-decoration:none;
}

#random2s{
	width: 440px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	float: left;
	text-align: left;
	line-height: 13px;
	overflow: hidden;
}

#random2s a:link{
	color:black;
	text-decoration:none;
}

#random2s a:visited{
	color:black;
	text-decoration:none;
}

#random2s a:hover{
	color:black;
	text-decoration:none;
}

#random2s a:active{
	color:black;
	text-decoration:none;
}

#blueline{
	width: 440px;
	font-weight: bold;
	font-size: 12px;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	line-height: 15px;
}

#blueline a:link{
	color:blue;
	text-decoration: underline;
}

#blueline a:visited{
	color:blue;
	text-decoration: underline;
}

#blueline a:hover{
	color:blue;
	text-decoration: underline;
}

#blueline a:active{
	color:blue;
	text-decoration: underline;
}

.random{
	width: 480px;
	margin: 0px 0px 10px 10px;
	float: left;
}

.random2{
	width: 630px;
	margin: 0px 0px 10px 10px;
	float: left;
}

.r01{
	float: left;
	background: url(r01.gif);
	width: 7px;
	height: 30px;
	overflow: hidden;
}

.r02{
	float: left;
	background: url(r02.gif);
	width: 436px;
	height: 25px;
	overflow: hidden;
	color: white;
	font size: 13px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.r03{
	float: left;
	background: url(r03.gif);
	width: 7px;
	height: 30px;
	overflow: hidden;
}

#c31{
	float: left;
	color: white;
	width: 490px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	padding: 5px 0px 0px 0px;
	background: url(c31.gif);
}

#c32{
	float: left;
	width: 460px;
	padding: 0px 15px;
	background: url(c32.gif);
	text-align: left;
}

#c33{
	float: left;
	width: 490px;
	height: 15px;
	margin: 0px 0px 15px 0px;
	background: url(c33.gif);
}

.picleft{
	float: left;
	margin: 5px;
}

.picright{
	float: right;
	margin: 5px;
}

.picright2{
	float: right;
	margin: 0px 0px 0px 5px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width:751px){
#copyright{
	float: left;
	width: 790px;
	padding: 15px 0px 130px 0px;
	border-left: solid 1px #33f;
	border-right: solid 1px #33f;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
#copyright{
	float: left;
	width: 550px;
	padding: 15px 0px 130px 0px;
	border-left: solid 1px #33f;
	border-right: solid 1px #33f;
}
}