body {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	max-width: 850px;
	height: auto;
	background-color: #e6ffd9;
}

img {
	border: 0; 

}

.haba {
	border: 0; 
	width:100%;
}


.haba03 {
	border: 0; 
	width:250px;
}
@media screen and  (max-width: 500px) {
.haba03 {
	border: 0; 
	width:100%;
	margin: 0px 0px 0px 0px;
}
}

/**************　　全体枠　*********************/

#baseframe {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	height: auto;
	background-color: #ffffff;
}

/********　　ヘッダー説明　**************/
#header {
	font-size: 24pt;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 40px 10px 10px 10px;
	color:#ffffff;
	line-height:120%;

}

/********　　ヘッダー説明　**************/
#intro {
	font-size: 8pt;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color:#555555;
	line-height:120%;
	text-align:left;

}
#intro a:link {
	color: #ffffff;
	text-decoration: none;
}

#intro a:visited {
	color: #ffffff;
	text-decoration: none;
}

#intro a:hover {
	color: #800000;
	text-decoration: none;
}

#intro a:active {
	color: #003333;
	text-decoration: none;
}

/********　　メイン　**************/
#main {
	font-size: 12pt;
	line-height:190%;
	margin: 5px 0px 0px 0px;
	padding: 5px 40px 0px 40px;
	background-color: #ffffff;
	height: 130%;
	color:	#333333;
}
@media screen and  (max-width: 500px) {
#main {
	padding: 5px 10px 0px 10px;
}
}

#main a:link {
	color:	#0000ff;
	text-decoration: none;
	text-decoration: underline;
}

#main a:visited {
	color:	#0000ff;
	text-decoration: none;
}

#main a:hover {
	color:	#ff0000;
	text-decoration: underline;
}

#main a:active {
	color: #003333;
	text-decoration: none;
}


/********　　レベル　**************/
h1 {
	padding: 3px 0px 0px 0px;
	margin: 0px;
	font-size: 8pt;
}


h2 {
	color: #333333;
	font-size: 17pt;
	height 30px;
	line-height:170%;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 3px 20px;
	text-align:center;

}


h3 {
	color: #000000;
	font-size: 18px;
	margin: 5px 0px 10px 0px;
	padding: 0px 5px 3px 0px;
	border-bottom: 1px solid #aaa;
}


#h3-01 {
	font-size:  15pt;
	color: #fff;
	line-height:140%;
	padding: 10px 20px 5px 20px;
	margin: 0px 0px 10px 0px;
	text-align:left;
	background-color: #62bd30;

}

/********　フッター　**************/

#footer {
	font-size: 13px;
	text-align: center;
	padding: 15px 0px  10px 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	background-color: #62bd30;
}
#footer a {
	color: #ffffff;
}




#footer2 {
	font-size: 14px;
	text-align: center;
	padding: 18px 0px 2px 0px;
	color: #333333;
	border-top:solid #cccccc 1px ;
}

#footer2 a {
	color: #555555;
}

#footer2 a:link{
	color: #555555;
}

#footer2 a:visited{
	color: #555555;
}

#footer2  a:hover{
	color: #555555;
}

/********　　その他　**************/

#m-p {
	font-weight: bold;
	background-color: #ffe0e0;
	padding: 3px 10px 3px 10px;
}

#m-y {
	font-size:  15pt;
	font-weight: bold;
	background-color: #fff36d;
}


#kuro {
	font-weight: bold;
	color: #222222;
}

#kuro2 {
	color:#111;
	font-size:  16pt;
	font-weight: bold;
}


#s-size {
	font-size:  10pt;
}

#ll {
	font-size:  20pt;
	color: #fff;
	line-height:140%;
	padding: 20px 20px 20px 20px;
	margin: 10px 80px 20px 80px;
	text-align:center;
	background-color: #62bd30;
}
@media screen and  (max-width: 500px) {
#ll {
	padding: 5px 10px 0px 10px;
	margin: 10px 0px 20px 0px;
}
}


#ll2 {
	font-size:  18pt;
	color: #333333;
	line-height:140%;
	padding: 10px 20px 5px 20px;
	margin: 0px 0px 10px 0px;
	text-align:center;
}




#ten {
	font-size:  18pt;
	text-align: left;
	color:#111;
	line-height:140%;
	margin: 5px 10px 5px 0px;
}


#aka {
	color:#ff0000;
}


#aka2 {
	color:#ff0000;
	font-size:  16pt;
	font-weight: bold;
}



#box-last {
	clear:both;
}



/********　画像マウスオーバー時にフェードアウト　　*****/
.fade {   
    -webkit-transition: 0.2s ease-in-out;   
       -moz-transition: 0.2s ease-in-out;   
         -o-transition: 0.2s ease-in-out;   
            transition: 0.2s ease-in-out;   
}   
.fade:hover {   
    opacity: 0.8;   
    filter: alpha(opacity=80);   
}